/* Phone-only redesign (max-width:768px). Desktop untouched: everything visual lives inside the media query. */
.m-only{display:none}
@media (max-width:768px){
 .m-only{display:block}
 .m-hide{display:none!important}
 /* Hero */
 .mhero{background:linear-gradient(180deg,#f7f8fa 0%,#eef1f5 100%);padding:18px 18px 22px;text-align:center;border-bottom:1px solid #d5dbe3}
 .mhero h1{font-size:31px;line-height:1.1;margin:0 0 8px;color:#002559;letter-spacing:-.01em}
 .mhero .msub{font-size:16px;line-height:1.35;margin:0 auto 6px;color:#3a4e6b;max-width:30ch}
 .mhero .mfig{margin:4px -10px 6px;display:block}
 .mhero .mfig img{width:100%;height:auto;display:block}
 .mhero .mbtn{display:block;width:100%;box-sizing:border-box;background:#b98633;color:#002559;font-weight:700;font-size:18px;padding:16px 20px;border-radius:12px;text-decoration:none;box-shadow:0 6px 16px rgba(0,37,89,.18);border:2px solid #002559}
 .mhero .msample{display:inline-block;margin-top:12px;font-weight:600;color:#002559;font-size:16px}
 .mhero .mprice{font-size:13px;color:#4a5568;margin:10px 0 0}
 /* Chips */
 .mchips{padding:16px 0 4px;text-align:left}
 .mchips p{margin:0 18px 8px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#8a6220;font-weight:700}
 .mchips ul{list-style:none;margin:0;padding:0 18px 10px;display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-left:18px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
 .mchips ul::-webkit-scrollbar{display:none}
 .mchips li{flex:0 0 auto;scroll-snap-align:start}
 .mchips a{display:block;padding:9px 14px;border-radius:999px;background:#fff;border:1.5px solid #002559;color:#002559;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap}
 .mchips li:last-child a{background:#002559;color:#e0b866}
 /* Step strip */
 .msteps{list-style:none;margin:6px 0 10px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;counter-reset:ms}
 .msteps li{background:#002559;color:#e8edf4;border-radius:14px;padding:12px 8px 12px;text-align:center;position:relative;font-size:13.5px;line-height:1.3}
 .msteps li svg{width:28px;height:28px;display:block;margin:4px auto 6px;stroke:#e0b866;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
 .msteps li b{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#b98633;color:#002559;font-size:12px;position:absolute;top:-8px;left:50%;transform:translateX(-50%)}
 .msteps li span{display:block}
 .msteps li em{display:block;font-style:normal;color:#e0b866;font-weight:700;font-size:14px;margin-bottom:2px}
 /* Tighten sections */
 .sec{padding-top:34px!important;padding-bottom:34px!important}
 .hiw2 h2{font-size:24px;margin-bottom:14px}
 /* "What's in every book": compact checklist instead of 10 white boxes */
 .fgd{display:grid!important;grid-template-columns:1fr!important;gap:0!important;background:#fff;border:1px solid #d5dbe3;border-radius:14px;padding:4px 14px;box-shadow:0 2px 10px rgba(0,37,89,.06)}
 .fgd .f{background:none!important;border:0!important;border-bottom:1px solid #e5e9ef!important;border-radius:0!important;padding:10px 0 10px 30px!important;margin:0!important;position:relative;box-shadow:none!important;min-height:0!important}
 .fgd .f:last-child{border-bottom:0!important}
 .fgd .f:before{content:"✓";position:absolute;left:0;top:10px;width:20px;height:20px;border-radius:50%;background:#002559;color:#e0b866;font-size:12px;display:grid;place-items:center;font-weight:700}
 .fgd .f h3{font-size:16px!important;margin:0 0 2px!important;color:#002559!important;opacity:1!important}
 .fgd .f p{font-size:14px!important;margin:0!important;color:#4a5568!important;opacity:1!important}
 /* Trust cards: denser */
 .dark .g3{gap:10px!important}
 .dark .tr{padding:14px 16px!important}
 .dark .tr h3{font-size:17px!important;margin-bottom:4px!important}
 .dark .tr p{font-size:14px!important}
 /* How it works page: compact flow */
 .flow{gap:0!important;background:#fff;border:1px solid #d5dbe3;border-radius:14px;padding:4px 14px!important;margin-bottom:28px!important}
 .flow li{border:0!important;border-bottom:1px solid #e5e9ef!important;border-radius:0!important;padding:12px 0 12px 46px!important;background:none!important;box-shadow:none!important}
 .flow li:last-child{border-bottom:0!important}
 .flow li .n{position:absolute;left:0;top:12px;width:34px;height:34px;border-radius:50%;background:#002559;color:#e0b866;display:grid;place-items:center;font-size:13px;font-weight:700;margin:0!important}
 .flow li h3{font-size:17px!important;margin:0 0 2px!important}
 .flow li p{font-size:14px!important;margin:0!important}
 .hiwm h1{font-size:30px!important}
 .fgd .f,.flow li,.fgd .f *,.flow li *{opacity:1!important;animation:none!important;transform:none!important;filter:none!important}
 .mchips ul{padding:0 18px 10px!important;margin:0!important}
 .strip-item:nth-child(n+5){display:none!important}
 .strip-item{padding:9px 0!important;font-size:15px!important;gap:2px 12px!important}

 .mchips li:last-child{padding-right:18px}
 .hero .wrap>div.mchips:before{content:none!important}
 .hero .mchips{margin:6px -20px 0}
}