/* Felvételi GPS – charcoal paper, turquoise ink, neon highlighter. */
:root{--ink:#302d2a;--blue:#006d78;--red:#df3028;--yellow:#dbff00;--paper:#f6f3ec;--muted:#6c665e;--line:#d9d4ca;--charcoal:#302c28;--cyan:#0dcbe0;--offwhite:#faf8f1}
body{background:var(--paper)}
.button{background:var(--yellow);border-color:var(--ink);color:var(--ink);box-shadow:4px 4px 0 var(--ink)}
.button:hover{background:#e5ff44;border-color:var(--ink);color:var(--ink);box-shadow:2px 2px 0 var(--ink)}
.button-small{box-shadow:3px 3px 0 #08070688}
.button-outline{color:var(--ink);border-color:var(--ink);background:transparent;box-shadow:none}
.button-outline:hover{color:var(--paper);background:var(--ink);box-shadow:none}
.skip-link{color:var(--ink)}
.site-header{color:var(--offwhite);background:#302c28f7;border-color:#eee8da20}
.brand-icon{color:var(--cyan)}
.brand b{color:#ff4a3f}
.brand small{color:#c4c1b7}
.desktop-nav a{color:#ebe7df}
.desktop-nav a:hover{color:var(--yellow)}
.site-header a:focus-visible,.site-header button:focus-visible{outline-color:var(--yellow)}
.menu-toggle span{background:var(--offwhite)}
.mobile-nav{background:#302c28;border-color:#faf8f12a;box-shadow:0 20px 25px #0003}
.mobile-nav .mobile-shop{color:var(--yellow);border-color:#fff2}
/* A dark paper cover belongs on a dark paper desk. */
.hero{background-color:var(--charcoal);background-image:linear-gradient(90deg,#292622ee,#292622df 70%,#292622e8),url('assets/paper-texture.svg');background-size:cover,1200px 960px;color:var(--offwhite);isolation:isolate}
.hero-grid{position:relative;z-index:2;gap:64px;padding-top:72px;padding-bottom:68px}
.hero .eyebrow{color:#d2cec5}
.red-dot{background:var(--cyan);box-shadow:0 0 0 4px #0dcbe014}
.hero h1{font-size:clamp(70px,7.7vw,110px);text-shadow:1px 2px 0 #0003}
.hero h1 .red{color:#ff4940}
.hero .underline:after{border-color:var(--yellow);border-top-width:4px;bottom:-8px}
.hero-lead{color:#f4f0e7}
.hero-lead strong{color:var(--offwhite)}
.hero-description{color:#d4cfc5;font-size:14px}
.hero-description strong{color:#faf8f1}
.hero-footnote{color:#bcb5a9}
.hero-actions .button{border-color:var(--yellow);box-shadow:4px 4px 0 #090806aa}
.hero-actions .button:hover{box-shadow:2px 2px 0 #090806aa}
.hero-actions .text-link{color:var(--offwhite);text-decoration-color:#fbf7ed77}
.hero-actions .text-link:hover{color:var(--cyan)}
.hero a:focus-visible{outline-color:var(--yellow)}
.hero-visual{padding:21px 13px 27px 0}
.hero-book{border-radius:0;transform:rotate(2.5deg);box-shadow:1px 1px 0 #dfd8c5,3px 3px 0 #a29c8f,5px 5px 0 #f2eeda,7px 7px 0 #8e8879,17px 24px 35px #0007}
.hero-note{color:var(--cyan);background:none;top:-31px;left:7px;z-index:3;text-shadow:1px 2px 0 #292520}
.note-arrow{color:var(--cyan);top:-23px;left:181px}
.hero-plane{color:#eeeade;background:none;right:-35px;top:-39px;width:90px;height:70px;stroke-width:1.2}
.book-sticker{background:var(--yellow);color:var(--ink);border-radius:0;width:122px;height:110px;right:-20px;bottom:5px;transform:rotate(-9deg);box-shadow:4px 4px 0 #0005;clip-path:polygon(3% 3%,98% 0,100% 97%,0 100%);font-size:28px}
.book-sticker svg{width:25px;height:25px}
.book-caption{color:#f0ebdf;font-size:23px;left:7px;bottom:-24px;transform:rotate(1deg)}
.book-caption mark{background:var(--yellow);color:var(--ink);padding:0 5px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.hero-doodle{position:absolute;z-index:0;pointer-events:none;stroke:#d4cbb7;stroke-width:1.2;opacity:.12}
.hero-doodle-heart{width:74px;height:88px;left:43%;top:35px;transform:rotate(-10deg)}
.hero-doodle-flower{width:94px;height:185px;left:9px;bottom:35px;transform:rotate(-9deg)}
.benefit-strip{position:relative;z-index:1;border-color:#e9e2d02e;color:#ded9ce;padding-top:29px;padding-bottom:31px}
.benefit-strip>div+div{border-color:#e9e2d02e}
.benefit-strip svg{color:var(--cyan)}
.benefit-strip strong{color:#faf8f1}
/* Warm paper and handwritten thoughts. */
.fears{background:#f6f3ec}
.fear-answer{border-color:var(--red)}
.fear-one{background:#e8f1ce}
.fear-two{background:#ede8de}
.fear-three{color:#005a64;background:#dcefed}
.fear-four{background:#f0ede5}
.fear-five{background:#fbfaf4}
.cloud-doodle,.scribble-star{color:var(--red)}
.promise{background:var(--yellow);color:var(--ink)}
.promise .eyebrow{color:#44482a}
.promise h2 .marker{color:var(--ink)}
.promise .marker:after{border-color:var(--ink)}
.promise-inner>p:not(.eyebrow){color:#363b20}
.promise-inner strong{color:#23251a}
.promise-bottom{border-color:#302d2a33}
.promise-bottom .hand{color:var(--ink)}
.promise-bottom>span:last-child{color:#3d422a}
.promise-plane{color:#424b21;opacity:.35}
/* The route, drawn in the same bright ink as the cover. */
.route{background-color:var(--charcoal);background-image:linear-gradient(#282522c7,#282522df),url('assets/paper-texture.svg');background-size:cover,1200px 960px;color:var(--offwhite)}
.route .eyebrow{color:#c7c1b7}
.route .section-heading p:not(.eyebrow){color:#c6beb2}
.route .route-heading .hand{color:var(--cyan)}
.route-stops:before{border-color:#d4f50077}
.route-stop small{color:#bfb8ac}
.route-stop strong{color:var(--offwhite)}
.stop-number{background:#36312c;border-color:#d9d1bf;color:#f6f3ec}
.route-stop.active .stop-number{background:var(--red);border-color:var(--yellow);box-shadow:0 0 0 6px #dbff0014}
.route-stop.active strong,.route-stop.active>svg,.route-stop:hover strong{color:var(--yellow)}
.route button:focus-visible{outline-color:var(--yellow)}
.route-panel{background:#f6f3ec;color:var(--ink);border-color:#dbff0077;box-shadow:7px 7px 0 #080706aa;border-radius:0}
.route-panel:before{background:#dcd4b9cc}
.route-panel .eyebrow{color:var(--muted)}
.route-panel .panel-top .hand{color:#b42d28}
.route-panel>p{color:#5e574e}
.route-panel .route-insight{border-color:#b4a99666}
.route-panel button:focus-visible{outline-color:var(--blue)}
.route-panel .check-list svg{color:var(--blue)}
.route-panel .route-insight svg{color:var(--red)}
.inside{background:#eeece4;border-color:#302d2a18}
.inside .red{color:#006b76}
.sample-sheet{border-color:#bcb4a3;box-shadow:7px 8px 0 #302d2a17}
.sample:hover .sample-sheet{box-shadow:8px 16px 0 #302d2a17}
.sample .zoom{background:var(--yellow);color:var(--ink)}
.inside-footer .hand{color:var(--blue)}
/* The parent guide is a calm, light counterpoint. */
.parents{background:#e5eeea}
.parent-copy .marker{background-image:linear-gradient(transparent 56%,var(--yellow) 56%,var(--yellow) 93%,transparent 93%)}
.parent-demo{background:#f9f8f0;border-color:#928e7a66;box-shadow:6px 7px 0 #302d2a15}
.parent-demo-heading svg{color:var(--blue)}
.parent-tabs button[aria-selected=true]{color:#006470;border-color:#008795}
.parent-after{background:#e3edb4}
.parent-after small{color:#464b2c}
.parent-before>p{text-decoration-color:var(--red)}
.swap-arrow{color:var(--red)}
/* Handwritten testimonials on the dark paper. */
.testimonials{background-color:var(--charcoal);background-image:linear-gradient(#302c28d9,#302c28eb),url('assets/paper-texture.svg');background-size:cover,1200px 960px;color:var(--offwhite)}
.testimonials .eyebrow{color:#c9c2b6}
.testimonials .section-heading p:not(.eyebrow){color:#bfb8ab}
.testimonials .section-heading p strong{color:#eee9df}
.quote{color:var(--ink);border-color:#ece6d366}
.quote-student{background:#edf3d4}
.quote-parent{background:#dcebe6}
.quote .quotation{color:#b9362f}
.quote figcaption{border-color:#302d2a30}
.quote figcaption>svg{color:var(--blue)}
.avatar-student{background:var(--yellow)}
.avatar-parent{background:#b5d2c6}
.review-source{color:#c8c0b3}
.review-source:hover{color:var(--cyan)}
.testimonials a:focus-visible{outline-color:var(--yellow)}
.author{background:#f6f3ec;border-color:#302d2a18}
.author-photo-wrap{border-color:var(--ink);box-shadow:8px 8px 0 var(--ink)}
.author-name{background:var(--yellow);border-color:var(--ink)}
.author-copy .red{color:#006b76}
.author-tags span{border-color:#302d2a33}
.faq{background:#fdfbf5;border-color:#302d2a18}
.faq-grid>div>.hand{color:var(--blue)}
.faq-list{border-color:#302d2a}
.faq summary svg{color:var(--blue)}
/* The last bright sign on the route. */
.final-cta{background-color:var(--charcoal);background-image:linear-gradient(90deg,#292521cf,#2925218c),url('assets/paper-texture.svg');background-size:cover,1200px 960px}
.final-book>img{border-radius:0;box-shadow:1px 1px 0 #e4dfcd,3px 3px 0 #9f988a,5px 5px 0 #e4dfcd,14px 18px 0 #0004}
.final-book .hand{color:var(--cyan)}
.final-copy .eyebrow{color:#c4bdb0}
.final-copy h2{line-height:1.12}
.final-copy .marker{background:var(--yellow);color:var(--ink);box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:0 5px}
.final-copy>p:not(.eyebrow):not(.shop-note){color:#d5cfc3}
.button-final{border-color:var(--yellow);box-shadow:4px 4px 0 #08070699}
.button-final:hover{box-shadow:2px 2px 0 #08070699}
.shop-note{color:#c0b7a9}
.final-cta a:focus-visible{outline-color:var(--cyan)}
.site-footer{background:#211f1d;border-top:1px solid #fff1}
.footer-brand b{color:#ff4a3f}
.footer-brand span,.footer-inner>p,.footer-inner>div>span{color:#c1b8aa}
.sticky-shop{background:#302c28f7;border-color:#efead522;color:#f6f3ec}
.sticky-shop>span small{color:#c5bfae}
.sticky-shop .button{border-color:var(--yellow)}
.preview-dialog{background:var(--paper);border-color:#a19a88}
.preview-topbar,.preview-bottom{background:var(--paper);border-color:#302d2a2e}
.preview-image-wrap{background:#d5d0c6}
.preview-dialog::backdrop{background:#14120fee}
.dialog-close:hover{background:var(--yellow)}
@media(min-width:1450px){.hero-grid{gap:80px;padding-top:78px;padding-bottom:75px}.hero h1{font-size:112px}}
@media(max-width:1150px){.hero-grid{gap:40px;padding-top:68px;padding-bottom:66px}.hero h1{font-size:clamp(69px,8.1vw,99px)}.hero-note{top:-43px}.note-arrow{top:-35px;left:165px}.hero-plane{top:-53px;right:-12px;width:74px}.book-sticker{width:109px;height:103px;font-size:25px;right:-9px}.book-caption{font-size:20px}}
@media(max-width:900px){.hero-grid{gap:29px}.hero h1{font-size:72px}.hero-note{top:-48px;font-size:23px;left:0}.note-arrow{top:-40px;left:145px}.hero-plane{right:-8px;top:-56px;width:64px;opacity:.75}.book-sticker{width:96px;height:94px;right:-13px;font-size:23px}.book-caption{font-size:18px;left:0;bottom:-14px}.hero-description{font-size:12px}}
@media(max-width:650px){.hero-grid{padding-top:44px;padding-bottom:65px;gap:43px}.hero h1{font-size:clamp(67px,16vw,96px)}.hero-description{font-size:13px}.hero-visual{padding:25px 8px 24px;width:min(92%,440px)}.hero-note{top:-9px;left:1px;font-size:24px;background:transparent;padding:0}.note-arrow{top:-7px;left:148px}.hero-plane{top:-13px;right:-8px;width:67px;opacity:.85}.book-sticker{height:100px;width:105px;font-size:25px;right:-18px;bottom:11px}.book-caption{font-size:21px;left:0;bottom:-13px;max-width:100%;white-space:normal;line-height:1.15}.hero-doodle-heart{width:54px;height:62px;left:auto;right:24px;top:32px;opacity:.07}.hero-doodle-flower{bottom:110px;width:55px;height:122px;left:3px;opacity:.08}.benefit-strip{padding-top:25px;padding-bottom:27px}.promise-plane{opacity:.3}.route-panel{box-shadow:5px 5px 0 #0007}.final-copy h2{line-height:1.13}}
@media(max-width:370px){.hero h1{font-size:65px}.hero-note{font-size:21px}.note-arrow{left:132px}.book-caption{font-size:19px}.book-sticker{height:92px;width:94px;right:-13px;font-size:23px}}
/* Parent-first positioning: clear, direct copy with room to read. */
.parents-first .hero h1{font-size:clamp(68px,6.8vw,96px);line-height:1.02;letter-spacing:-.018em}
.parents-first .hero-lead{font-size:21px;margin-top:27px;line-height:1.6}
.parents-first .hero-description{max-width:470px;line-height:1.85}
.parents-first .hero .eyebrow{font-size:10px;letter-spacing:.13em}
.parents-first .hero .book-caption{position:static;display:block;margin-top:24px;line-height:1.2;transform:rotate(1deg)}
.parents-first .hero-visual{padding-bottom:3px}
.parents-first .book-sticker{bottom:65px}
.parents-first .hero-actions{gap:22px}
.parents-first .hero-actions .text-link{font-size:11px}
.parents-first .fear-intro h2 .hand{font-size:52px;margin-left:0;transform:rotate(-3deg)}
.parents-first .parents{border-bottom:1px solid #302d2a15}
.parents-first .parent-copy h2{font-size:clamp(43px,4.3vw,62px)}
.parents-first .parent-copy .text-link{font-size:12px}
.parents-first .route-heading h2{font-size:clamp(40px,3.9vw,56px)}
.parents-first .route-heading>p{max-width:270px}
.parents-first .hero .button{max-width:100%}
.parents-first .route-stop strong{font-size:27px}
.parents-first .inside-footer .hand{max-width:600px}
@media(max-width:1150px){.parents-first .hero-grid{gap:38px}.parents-first .hero-lead{font-size:18px}.parents-first .hero-description{font-size:13px}.parents-first .hero-actions .text-link{font-size:10px}.parents-first .route-stop strong{font-size:25px}}
@media(max-width:900px){.parents-first .hero h1{font-size:clamp(48px,7.4vw,68px)}.parents-first .hero-grid{gap:29px}.parents-first .hero-lead{font-size:16px}.parents-first .hero-description{font-size:12px}.parents-first .hero .eyebrow{font-size:8px;line-height:1.8}.parents-first .route-heading h2{font-size:43px}.parents-first .route-stop strong{font-size:23px}.parents-first .parent-copy .text-link{font-size:11px}}
@media(max-width:650px){.parents-first .hero h1{font-size:clamp(47px,14.4vw,68px)}.parents-first .hero-lead{font-size:18px;line-height:1.65;margin-top:23px}.parents-first .hero-description{font-size:13px}.parents-first .hero-grid{gap:43px}.parents-first .hero .eyebrow{font-size:8px;letter-spacing:.1em}.parents-first .hero-actions{gap:23px}.parents-first .hero-actions .text-link{font-size:11px}.parents-first .book-sticker{bottom:55px}.parents-first .hero .book-caption{margin-top:22px}.parents-first .fear-intro h2 br{display:initial}.parents-first .fear-intro h2 .hand{font-size:49px;margin-left:0}.parents-first .fear-intro>p:not(.eyebrow):not(.fear-answer){display:block;font-size:13px}.parents-first .parent-copy h2{font-size:clamp(44px,11.8vw,57px)}.parents-first .route-heading h2{font-size:clamp(36px,9vw,47px)}.parents-first .route-heading>p{max-width:none}.parents-first .route-heading .hand{display:block;margin:10px 0 0}.parents-first .route-stop strong{font-size:26px}.parents-first .parent-copy .text-link{font-size:11px}.parents-first .hero-footnote{max-width:100%;font-size:9px}}