/* Mobile presentation keeps the same content and URLs. */
@media(max-width:700px){
 html{scroll-padding-top:84px}body{font-size:16px;-webkit-text-size-adjust:100%}
 .wrap{padding-inline:20px}.header-row{min-height:68px}.brand img{width:112px}.header-actions{gap:8px}.menu-button{width:44px;height:44px;border-radius:12px}.button.small{min-height:44px;border-radius:12px}
 .mobile-nav{padding:10px 16px 16px;max-height:calc(100dvh - 100px);overflow-y:auto;box-shadow:0 12px 24px #0a19310a}.mobile-nav a{min-height:48px;border-radius:10px}.mobile-nav a:active{background:var(--soft)}
 h1,.seo-main h1,.story-hero h1{font-size:clamp(1.9rem,8.5vw,2.6rem);line-height:1.12;letter-spacing:-.04em;text-wrap:balance}h2{font-size:1.65rem;text-wrap:balance}
 .hero{padding:28px 0 36px}.hero-grid{gap:32px}.hero h1{font-size:clamp(2rem,8.8vw,2.7rem)}.hero-tagline{font-size:1rem;line-height:1.6}.hero-explainer{font-size:.9rem;line-height:1.65}.hero-benefits{gap:12px;margin:20px 0}.hero-benefits li{font-size:.85rem}.hero-benefits strong{display:inline}
 .actions{gap:10px}.hero .actions{display:grid;grid-template-columns:1fr}.hero .button{width:100%;min-height:50px;font-size:.9rem;border-radius:12px}.quick-facts{gap:8px}.quick-facts>span{font-size:.68rem;padding:13px 5px}.quick-facts strong{font-size:1.35rem}
 .portrait{max-width:330px;padding:8px;border-radius:22px}.portrait img{aspect-ratio:4/4.6}.portrait figcaption{inset:auto 8px 8px;padding:60px 16px 16px}.portrait h2{font-size:1.1rem}.portrait-badge{left:16px}
 section{padding:36px 0}.eyebrow{font-size:.68rem}.section-heading p{font-size:.9rem}.filters{flex-wrap:nowrap;overflow-x:auto;padding:3px 1px 10px;scrollbar-width:thin;scroll-snap-type:x proximity}.filters button{flex:0 0 auto;min-height:44px;scroll-snap-align:start;font-size:.8rem}
 .course-card{border-radius:18px;padding:20px}.course-card>p,.course-detail p{font-size:.9rem}.course-points{font-size:.8rem!important}.course-explore{min-height:44px;display:inline-flex;align-items:center;margin:4px 0 6px}.course-card summary{min-height:48px;font-size:.85rem}
 .feature{gap:12px;padding:16px;border-radius:14px}.feature p{font-size:.85rem}.feature-icon{width:40px;height:40px}.stories article{padding:20px;border-radius:16px}.stories p{font-size:.9rem}.stories a{min-height:44px;display:inline-flex;align-items:center;margin-top:8px;font-size:.85rem}
 .founder-grid>img{width:220px;max-width:100%;border-radius:18px}.founder-grid .actions{display:grid;grid-template-columns:1fr}.founder-grid .button{min-height:50px}.mentor-list{font-size:.9rem}.founder-grid p:not(.lead){font-size:.9rem}
 .review-form{padding:20px;border-radius:18px}.form-grid{gap:16px}.form-grid label{font-size:.85rem}.form-grid input,.form-grid select{font-size:16px;min-height:52px;padding:12px;border-radius:10px}.checkbox{font-size:.85rem;line-height:1.6}.checkbox input{width:22px;height:22px}.form-note{font-size:.8rem}.review-form>.button{min-height:52px}
 .faq-list details{padding:6px 16px}.faq-list summary{min-height:56px;font-size:.9rem}.faq-list p{font-size:.9rem;padding-bottom:14px}.final-cta .actions{display:grid;grid-template-columns:1fr}.final-cta .button{width:100%}
 .breadcrumbs{font-size:.72rem;line-height:1.7;overflow-wrap:anywhere;margin-bottom:20px}.seo-main p,.seo-main li{font-size:.92rem;line-height:1.75}.seo-main .seo-lead{font-size:1rem}.seo-card{border-radius:16px}.seo-card .button{width:100%;margin-top:12px}.story-hero .actions{display:grid;grid-template-columns:1fr}.founder-profile-link{padding:8px 0;min-height:44px}.story-hero figure{max-width:280px}.story-jump{gap:8px 16px}.story-jump a{min-height:44px;display:flex;align-items:center}.story-chapter summary,.founder-full-message summary{min-height:48px}.story-end .button{width:100%}
 .footer-grid{grid-template-columns:1fr;gap:24px}.footer-grid>div:first-child{grid-column:auto}.footer-grid p{max-width:none;font-size:.85rem}.footer-grid a{min-height:40px;margin:0;display:flex;align-items:center;font-size:.85rem}.policy-links{gap:0 20px}.policy-links a{min-height:44px;display:flex;align-items:center}.footer-bottom{font-size:.75rem}footer{padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:360px){.wrap{padding-inline:16px}.brand img{width:96px}.header-actions{gap:6px}.button.small{padding-inline:10px}.quick-facts strong{font-size:1.15rem}}

/* A distinct phone composition: the main action and founder appear before the details. */
@media(max-width:700px){
 .utility .wrap{min-height:26px}.header-row{min-height:64px}.brand img{width:108px}.button.small{font-size:.72rem;min-height:42px}.menu-button{width:42px;height:42px}
 .hero{padding:26px 0 28px;background:radial-gradient(circle at 90% 26%,#fff1d6 0,transparent 44%),linear-gradient(155deg,#fffdf9,#f7f2e9 75%,#fff)}
 .hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:0}.hero-grid>div:first-child{display:contents}
 .hero .eyebrow{order:1;align-self:flex-start;margin:0 0 14px;font-size:.59rem;padding:6px 10px}
 .hero h1{order:2;font-size:clamp(2.32rem,10.6vw,3rem);line-height:1.06;letter-spacing:-.055em;max-width:12ch}
 .hero-tagline{order:3;margin-top:16px;font-size:.96rem;font-weight:650;color:var(--navy);line-height:1.5;max-width:34ch}
 .hero .actions{order:4;display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:22px 0 0}
 .hero .button{min-height:54px;padding:9px 11px;font-size:.77rem;line-height:1.2;border-radius:15px;gap:5px;box-shadow:0 6px 14px #0a193112}
 .hero .button span{font-size:.9rem}
 .portrait{order:5;max-width:none;height:250px;margin:24px 0 0;border-radius:22px;padding:6px;box-shadow:0 14px 28px #0a193119}
 .portrait img{height:100%;aspect-ratio:auto;object-fit:cover;object-position:center 12%;border-radius:16px}
 .portrait figcaption{inset:auto 6px 6px;padding:52px 14px 12px;border-radius:0 0 16px 16px}
 .portrait figcaption span{font-size:.57rem}.portrait h2{margin:5px 0 2px;font-size:.95rem}.portrait figcaption a{font-size:.7rem;font-weight:750}
 .portrait-badge{top:13px;left:14px;font-size:.59rem;padding:5px 10px;border:1px solid #fbbf24}
 .quick-facts{order:6;margin:16px 0 0;gap:7px}.quick-facts>span{display:flex;flex-direction:column;justify-content:center;min-height:66px;border-radius:13px;border-color:#eee2d2;background:#fffdf9;padding:7px 3px;font-size:.59rem;line-height:1.3}.quick-facts strong{font-size:1.14rem;line-height:1.2;margin-bottom:4px}
 .hero-explainer{order:7;font-size:.78rem;line-height:1.55;margin:16px 0 0;max-width:35ch}
 .hero-benefits{order:8;margin:18px 0 0;display:grid;gap:0;border:1px solid #e9dfd2;border-radius:16px;background:#ffffffc9;overflow:hidden}
 .hero-benefits li{padding:12px 14px 12px 38px;font-size:.76rem;line-height:1.42}.hero-benefits li+li{border-top:1px solid #eee7dd}.hero-benefits li:before{left:15px;top:12px}.hero-benefits strong{display:inline;margin-right:5px}
 #exam-directory{padding-top:32px}.section-heading{margin-bottom:20px}.section-heading h2{font-size:1.75rem;line-height:1.17}.section-heading p{line-height:1.55}
 .filters{margin-right:-20px;padding-right:20px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filters button{background:#fffdf8;border-color:#e9dfd2}
 .course-grid{gap:11px}.course-card{padding:18px;border-radius:17px;box-shadow:0 5px 16px #0a193108}.course-card h3{font-size:1.25rem}.course-explore{color:#98500f}
 .feature-grid{grid-template-columns:1fr 1fr;gap:9px}.feature{display:block;min-height:148px;padding:14px;border:1px solid #eee4d9;background:#fffdf9}.feature-icon{margin-bottom:11px}.feature h3{font-size:.85rem;line-height:1.25}.feature p{font-size:.74rem;line-height:1.45;margin-top:5px}
 .stories{gap:11px}.stories article{border-color:#e9e1d8;background:#fffdf9}
 .founder-grid>img{width:100%;max-width:300px;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center top;justify-self:start}.founder-grid{gap:20px}
 .review-form{background:#fff;border-color:#e9dfd2;box-shadow:0 8px 24px #0a19310b}.faq-list details{border-radius:14px}
 .seo-main{padding-top:22px}.seo-card{background:#fffdf9}.seo-main .seo-section:nth-of-type(even){padding:22px 18px}
 .final-cta{padding:28px 0}.final-cta h2{font-size:1.55rem}.footer-grid{gap:20px}
}
@media(max-width:360px){.hero h1{font-size:2.2rem}.hero .button{font-size:.7rem}.portrait{height:220px}.feature{min-height:156px}.filters{margin-right:-16px;padding-right:16px}}