/* Kocchum public landing page — independent from signed-in theme presets. */
.landing-active,.landing-active .app-shell{background:#0e171f}
.landing-page{--land-night:#0e171f;--land-night-2:#14232d;--land-night-3:#1a2d38;--land-ink:#f7f3e8;--land-muted:#b9c3c7;--land-soft:#87949a;--land-gold:#d7a84d;--land-gold-bright:#e4bb6a;--land-paper:#f3efe5;--land-paper-2:#e9e3d7;--land-green:#8da97c;--land-red:#bd6a5b;--land-line:rgba(247,243,232,.13);min-height:100vh;overflow:hidden;color:var(--land-ink);background:var(--land-night);font-family:var(--font-sans)}
.landing-page *{box-sizing:border-box}.landing-page a{color:inherit;text-decoration:none}.landing-page button,.landing-page a{touch-action:manipulation}.landing-page button{font:inherit;color:inherit}.landing-page svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.landing-container{width:min(1200px,calc(100% - 48px));margin-inline:auto}.landing-skip{position:fixed;z-index:100;top:12px;left:12px;padding:12px 16px;background:var(--land-gold);color:#111b22!important;font-weight:800;transform:translateY(-150%);transition:transform .2s}.landing-skip:focus{transform:none}
.landing-page :is(a,button,summary):focus-visible{outline:3px solid rgba(228,187,106,.88);outline-offset:4px}.landing-page :is(a,button):active{transform:scale(.98)}

/* Header */
.landing-header{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(247,243,232,.09);background:rgba(14,23,31,.9);backdrop-filter:blur(18px)}.landing-nav{min-height:78px;display:flex;align-items:center;gap:28px}.landing-logo{display:block;flex:0 0 auto}.landing-logo img{display:block;width:166px;height:auto}.landing-nav-links{display:flex;align-items:center;gap:27px;margin-left:auto}.landing-nav-links a,.landing-login{min-height:44px;display:inline-flex;align-items:center;color:#d2d9dc;font-size:12px;font-weight:700;transition:color .2s}.landing-nav-links a:hover,.landing-login:hover{color:#fff}.landing-nav-actions{display:flex;align-items:center;gap:18px}.landing-menu-button{display:none;width:44px;height:44px;padding:0;border:1px solid var(--land-line);background:transparent;place-items:center;cursor:pointer}.landing-menu-button svg{width:21px}.landing-mobile-menu{border-top:1px solid var(--land-line);background:#111d26}.landing-mobile-menu[hidden]{display:none}.landing-mobile-menu nav{width:min(100% - 32px,1200px);margin:auto;padding:12px 0 20px;display:grid}.landing-mobile-menu a{min-height:48px;display:flex;align-items:center;border-bottom:1px solid rgba(247,243,232,.08);font-size:14px;font-weight:700}

/* Shared */
.landing-button{min-height:52px;padding:0 24px;border:1px solid var(--land-gold);border-radius:3px;background:var(--land-gold);color:#121b21!important;display:inline-flex;align-items:center;justify-content:center;gap:11px;font-weight:800;font-size:13px;cursor:pointer;box-shadow:0 14px 34px rgba(215,168,77,.14);transition:transform .22s cubic-bezier(.22,1,.36,1),background-color .2s,box-shadow .2s}.landing-button:hover{transform:translateY(-2px);background:var(--land-gold-bright);box-shadow:0 18px 42px rgba(215,168,77,.22)}.landing-button svg,.landing-text-button svg{width:18px}.landing-button--small{min-height:42px;padding:0 17px;font-size:12px}.landing-text-button{min-height:44px;padding:0 2px;border:0;border-bottom:1px solid rgba(247,243,232,.5);display:inline-flex;align-items:center;background:none;font-size:13px;font-weight:750;cursor:pointer}.landing-kicker,.landing-eyebrow{margin:0;color:var(--land-gold);font-size:10px;font-weight:800;letter-spacing:.19em;text-transform:uppercase}.landing-eyebrow{display:flex;align-items:center;gap:11px}.landing-eyebrow span{width:27px;height:1px;background:var(--land-gold)}.landing-section{padding-block:128px}.section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.58fr);align-items:end;gap:80px;margin-bottom:62px}.section-heading--wide{grid-template-columns:minmax(0,1.15fr) minmax(300px,.55fr)}.section-heading h2,.mastery-copy h2,.mistake-copy h2,.analysis-copy h2,.landing-final h2{max-width:800px;margin:18px 0 0;font-family:var(--font-serif);font-size:clamp(40px,4vw,58px);font-weight:430;line-height:1.04;letter-spacing:-.04em}.section-heading h2 em{color:var(--land-gold);font-style:italic}.section-heading>p,.mastery-copy>p,.mistake-copy>p,.analysis-copy>p{margin:0;color:var(--land-muted);font-size:15px;line-height:1.8}

/* Hero */
.landing-hero{min-height:760px;padding-block:88px 112px;display:grid;grid-template-columns:minmax(0,.83fr) minmax(570px,1.17fr);align-items:center;gap:68px;position:relative}.landing-hero::before{content:"";position:absolute;width:560px;height:560px;left:-360px;top:50px;border:1px solid rgba(215,168,77,.08);border-radius:50%;box-shadow:0 0 0 100px rgba(215,168,77,.025),0 0 0 200px rgba(215,168,77,.015);pointer-events:none}.landing-hero-copy{position:relative;z-index:2}.landing-hero h1{max-width:650px;margin:25px 0 0;font-family:var(--font-serif);font-size:clamp(54px,5.4vw,78px);font-weight:420;line-height:.98;letter-spacing:-.052em}.landing-hero h1 em{color:var(--land-gold);font-style:italic}.landing-lead{max-width:580px;margin:29px 0 0;color:#c1c9cc;font-size:17px;line-height:1.75}.landing-hero-actions{margin-top:36px;display:flex;align-items:center;gap:23px}.landing-trust{margin-top:24px;display:flex;flex-wrap:wrap;gap:14px 20px;color:#8f9ba0;font-size:10px;font-weight:700;letter-spacing:.04em}.landing-trust span{display:flex;align-items:center;gap:6px}.landing-trust svg{width:13px;color:var(--land-gold)}
.hero-product{position:relative;perspective:1300px}.hero-orbit{position:absolute;inset:-10% -4%;border:1px solid rgba(215,168,77,.12);border-radius:50%;transform:rotate(-12deg);pointer-events:none}.hero-orbit::before,.hero-orbit::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--land-gold);box-shadow:0 0 20px rgba(215,168,77,.75)}.hero-orbit::before{left:10%;top:23%}.hero-orbit::after{right:8%;bottom:24%}.product-window{position:relative;z-index:2;overflow:hidden;border:1px solid rgba(255,255,255,.26);background:#f6f2e9;color:#17232d;box-shadow:0 42px 90px rgba(0,0,0,.45);transform:rotateY(-3deg) rotateX(1deg)}.product-bar{height:57px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd6c9;color:#717977;font-size:10px;font-weight:700}.product-brand{display:flex;align-items:center;gap:9px;color:#293640;font-size:11px;font-weight:800}.product-brand img{width:25px;height:25px;object-fit:contain;border-radius:50%;background:#17232d}.product-content{padding:25px}.product-welcome{display:flex;align-items:start;justify-content:space-between;gap:15px}.product-welcome small,.product-score small,.product-next small{display:block;color:#9b7731;font-size:8px;font-weight:800;letter-spacing:.16em}.product-welcome strong{display:block;margin-top:6px;font-family:var(--font-serif);font-size:20px}.product-welcome>span{padding:7px 10px;background:#e9e0cc;color:#755a22;font-size:9px;font-weight:800}.product-score{margin-top:19px;padding:18px;display:flex;align-items:center;gap:17px;background:#172630;color:var(--land-ink)}.score-ring{flex:0 0 70px;width:70px;height:70px;display:grid;place-items:center;border-radius:50%;position:relative;background:conic-gradient(var(--land-gold) 0 74%,#34444e 74%)}.score-ring::after{content:"";position:absolute;inset:7px;border-radius:50%;background:#172630}.score-ring span{position:relative;z-index:1;font-size:19px;font-weight:800}.score-ring small{display:inline;color:#dfbd77;font-size:8px}.product-score strong{display:block;margin-top:5px;font-size:12px}.product-score p{margin:5px 0 0;color:#aeb8bc;font-size:9px}.product-next{margin-top:10px;padding:15px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;border:1px solid #ddd6c8;background:#fffdf8}.product-next-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#e8ddc5;color:#92702f}.product-next-icon svg{width:17px}.product-next strong{display:block;margin-top:4px;font-size:10px}.product-next p{margin:3px 0 0;color:#7c827f;font-size:8px}.product-next button{min-height:32px;padding:0 12px;border:0;background:#d7a84d;color:#17232d;font-size:8px;font-weight:800}.product-metrics{margin-top:10px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #ddd6c8}.product-metrics span{padding:10px 12px;border-right:1px solid #ddd6c8}.product-metrics span:last-child{border-right:0}.product-metrics strong,.product-metrics small{display:block}.product-metrics strong{font-family:var(--font-serif);font-size:17px}.product-metrics small{margin-top:2px;color:#7c827f;font-size:7px;font-weight:700}.floating-note{position:absolute;z-index:4;min-width:170px;padding:13px 15px 13px 45px;border:1px solid rgba(255,255,255,.24);background:rgba(24,39,48,.96);box-shadow:0 18px 42px rgba(0,0,0,.35);backdrop-filter:blur(12px)}.floating-note>span{position:absolute;left:12px;top:13px;width:24px;height:24px;display:grid;place-items:center;border:1px solid rgba(215,168,77,.35);color:var(--land-gold)}.floating-note svg{width:13px}.floating-note small,.floating-note strong{display:block}.floating-note small{color:#86949a;font-size:7px;font-weight:800;letter-spacing:.14em}.floating-note strong{margin-top:4px;color:#f4f0e7;font-size:9px}.floating-note--one{left:-30px;bottom:54px}.floating-note--two{right:-25px;top:75px}

/* Value band */
.landing-value{border-block:1px solid var(--land-line);background:#111e27}.landing-value-grid{display:grid;grid-template-columns:repeat(4,1fr)}.landing-value article{min-height:116px;padding:27px 25px;display:flex;align-items:center;gap:15px;border-right:1px solid var(--land-line)}.landing-value article:first-child{border-left:1px solid var(--land-line)}.landing-value article>span{flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;color:var(--land-gold)}.landing-value svg{width:25px}.landing-value p,.landing-value strong,.landing-value small{display:block;margin:0}.landing-value strong{font-size:12px}.landing-value small{margin-top:5px;color:#8f9a9f;font-size:9px;line-height:1.45}

/* Map showcase */
.map-showcase{padding-block:132px;background:#0b1319;position:relative}.map-showcase::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgba(215,168,77,.08),transparent 45%);pointer-events:none}.map-showcase .landing-container{position:relative}.map-demo-shell{border:1px solid rgba(215,168,77,.28);background:#111e27;box-shadow:0 36px 80px rgba(0,0,0,.34)}.map-demo-top{min-height:64px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--land-line)}.map-demo-top>span{color:#76848a;font-size:9px;font-weight:700;letter-spacing:.08em}.map-tabs{display:flex;gap:6px}.map-tabs button{min-width:105px;min-height:38px;padding:0 18px;border:1px solid transparent;background:transparent;color:#aeb8bc;font-size:11px;font-weight:800;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}.map-tabs button.is-active{border-color:rgba(215,168,77,.45);background:rgba(215,168,77,.12);color:var(--land-gold-bright)}.map-demo-panel{transition:opacity .12s ease,transform .12s ease}.map-demo-panel.is-switching{opacity:0;transform:translateY(5px)}.map-demo-layout{min-height:500px;display:grid;grid-template-columns:205px minmax(0,1fr) 245px}.map-demo-controls,.map-demo-detail{padding:28px 25px}.map-demo-controls{border-right:1px solid var(--land-line)}.map-demo-detail{border-left:1px solid var(--land-line)}.demo-label{display:block;color:var(--land-gold);font-size:8px;font-weight:800;letter-spacing:.17em}.map-demo-controls>strong{display:block;margin-top:18px;font-family:var(--font-serif);font-size:48px;font-weight:450}.map-demo-controls>p{margin:3px 0 26px;color:#cbd2d4;font-size:11px}.demo-timeline{height:235px;margin:8px 0 0 15px;position:relative;border-left:1px solid #45545c}.demo-timeline i,.demo-timeline b{position:absolute;left:-6px;width:11px;height:11px;border:2px solid #52616a;border-radius:50%;background:#111e27}.demo-timeline i:nth-child(1){top:0}.demo-timeline b{top:42%;border-color:var(--land-gold);background:var(--land-gold);box-shadow:0 0 0 6px rgba(215,168,77,.13)}.demo-timeline i:nth-child(3){top:72%}.demo-timeline i:nth-child(4){bottom:0}.map-demo-controls>small{display:inline-block;margin-top:10px;color:#69777e;font-size:8px}.map-demo-controls>small:last-child{float:right}.map-demo-canvas{min-width:0;position:relative;overflow:hidden;background-color:#15262f;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:32px 32px}.turkey-preview{position:absolute;inset:50% auto auto 50%;width:94%;height:auto;overflow:visible;filter:drop-shadow(0 16px 22px rgba(0,0,0,.25));transform:translate(-50%,-50%)}.map-land{stroke:rgba(255,255,255,.38);stroke-width:1.3}.map-boundary{stroke:#795d2c;stroke-width:3;stroke-dasharray:5 6}.map-route{stroke:#f0d18f;stroke-width:2;stroke-dasharray:3 7}.map-pin-ring{stroke:var(--land-gold);stroke-width:2}.map-pin{fill:var(--land-gold);stroke:none}.map-caption{position:absolute;padding:5px 8px;border:1px solid rgba(255,255,255,.17);background:rgba(10,18,23,.82);color:#e8e3d8;font-size:8px;font-weight:700}.map-caption--istanbul{left:12%;top:33%}.map-caption--ankara{left:43%;top:47%}.map-caption--konya{left:45%;top:65%}.map-caption--agri{right:8%;top:45%}.map-caption--river{left:39%;top:38%}.map-demo-legend{position:absolute;left:18px;bottom:18px;padding:10px 12px;display:flex;gap:15px;background:rgba(8,15,20,.76);color:#9eaaaf;font-size:7px}.map-demo-legend span{display:flex;align-items:center;gap:6px}.map-demo-legend i{width:17px;border-top:2px dashed #a8874c}.map-demo-legend b{width:7px;height:7px;border-radius:50%;background:var(--land-gold)}.map-demo-detail h3{margin:17px 0 12px;font-family:var(--font-serif);font-size:26px;font-weight:550}.map-demo-detail>p{margin:0;color:#aeb8bc;font-size:11px;line-height:1.75}.map-demo-detail ul{padding:0;margin:26px 0 0;list-style:none}.map-demo-detail li{padding:11px 0;display:flex;align-items:center;gap:9px;border-top:1px solid rgba(247,243,232,.1);color:#bdc6ca;font-size:9px}.map-demo-detail li svg{width:14px;color:var(--land-gold)}.layer-list{display:grid;gap:8px;margin-top:20px}.layer-list span{min-height:40px;padding:0 10px;display:flex;align-items:center;gap:9px;border:1px solid rgba(247,243,232,.1);color:#79868c;font-size:9px;font-weight:700}.layer-list span.is-on{border-color:rgba(215,168,77,.35);background:rgba(215,168,77,.08);color:#e3ded3}.layer-list i{width:10px;height:10px;border-radius:50%;background:#5b6870}.layer-list .layer-mountain{background:#b89758}.layer-list .layer-river{background:#70a9bc}.layer-list .layer-lake{background:#658ba1}.layer-list .layer-plain{background:#94a87b}.layer-list .layer-climate{background:#b37c62}.geo-river{stroke:#5da3c0;stroke-width:4}.geo-mountain{stroke:#876a3e;stroke-width:5}.geo-point{fill:#d7a84d;stroke:#fff3d6;stroke-width:3}.legend-mountain{border-color:#876a3e!important}.legend-river{border-color:#5da3c0!important}.map-showcase-action{margin-top:26px;display:flex;align-items:center;justify-content:space-between;gap:30px}.map-showcase-action p{margin:0;color:#8f9ba0;font-size:11px}

/* How it works */
.landing-steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--land-line)}.landing-steps article{min-height:290px;padding:38px 38px 30px 0;position:relative;border-right:1px solid var(--land-line)}.landing-steps article+article{padding-left:38px}.landing-steps article:last-child{border-right:0}.step-number{position:absolute;right:24px;top:-11px;padding:0 8px;background:var(--land-night);color:#6f7c82;font-size:9px;letter-spacing:.15em}.step-icon{width:50px;height:50px;display:grid;place-items:center;border:1px solid rgba(215,168,77,.42);color:var(--land-gold)}.step-icon svg{width:24px}.landing-steps h3{margin:28px 0 12px;font-family:var(--font-serif);font-size:25px;font-weight:560}.landing-steps p{margin:0;color:#9eaaaf;font-size:13px;line-height:1.75}.learning-loop{margin:58px auto 0;padding:22px 28px;width:max-content;max-width:100%;display:flex;align-items:center;justify-content:center;gap:18px;border:1px solid rgba(215,168,77,.23);background:rgba(215,168,77,.04);color:#aab4b8;font-size:11px;font-weight:700}.learning-loop i{color:#5f6e75;font-style:normal}.learning-loop strong{color:var(--land-gold)}

/* Adaptive/mastery */
.mastery-story{padding-block:132px;background:var(--land-paper);color:#17232d;overflow:hidden}.mastery-grid{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:100px}.mastery-copy .landing-kicker{color:#93702f}.mastery-copy>p{margin-top:25px;color:#59666d}.mastery-points{margin-top:34px;display:grid}.mastery-points>span{padding:16px 0;display:grid;grid-template-columns:22px 1fr;gap:2px 12px;border-top:1px solid #d5cfc3;color:#566269}.mastery-points svg{grid-row:1/3;width:18px;color:#a2782c}.mastery-points b{font-size:12px;color:#17232d}.mastery-points small{font-size:11px}.mastery-visual{position:relative}.mastery-visual::before{content:"";position:absolute;inset:8% -8% -8% 14%;border-radius:50%;background:rgba(171,137,69,.14);filter:blur(55px)}.mastery-card{position:relative;padding:28px;background:#fffdf8;border:1px solid #d6cfc2;box-shadow:0 30px 70px rgba(23,35,45,.15)}.mastery-card-head,.mastery-score-row{display:flex;align-items:center;justify-content:space-between}.mastery-card-head>span{font-family:var(--font-serif);font-size:20px;font-weight:600}.mastery-card-head small{color:#948157;font-size:8px;font-weight:800;letter-spacing:.14em}.mastery-score-row{margin-top:20px}.mastery-score-row>strong{font-family:var(--font-serif);font-size:60px;font-weight:450;line-height:1}.mastery-score-row>strong small{font-family:var(--font-sans);font-size:10px;color:#7b827e}.mastery-score-row>span{padding:7px 10px;background:#e5ecdc;color:#4f6b45;font-size:8px;font-weight:800}.mastery-line{height:145px;margin-top:15px}.mastery-line svg{width:100%;height:100%;overflow:visible}.line-grid{stroke:#e7e1d7;stroke-width:1}.line-area{fill:rgba(181,143,66,.14);stroke:none}.line-path{stroke:#a4792d;stroke-width:3}.mastery-subjects{display:grid;gap:11px;margin-top:14px}.mastery-subjects span{display:grid;grid-template-columns:1fr 70px 24px;align-items:center;gap:10px}.mastery-subjects i{grid-column:2;height:4px;background:#e4ded3;position:relative}.mastery-subjects i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--value);background:#b18538}.mastery-subjects b{grid-column:1;grid-row:1;font-size:9px}.mastery-subjects small{font-size:8px;text-align:right}.mastery-alert{margin-top:22px;padding:13px 15px;display:flex;align-items:center;gap:12px;border-left:2px solid #b18538;background:#eee8dc}.mastery-alert>span{width:28px;height:28px;display:grid;place-items:center;color:#9a7532}.mastery-alert svg{width:17px}.mastery-alert p,.mastery-alert small,.mastery-alert strong{display:block;margin:0}.mastery-alert small{color:#927438;font-size:7px;font-weight:800;letter-spacing:.13em}.mastery-alert strong{margin-top:3px;font-size:9px}

/* Learning center */
.learning-showcase{padding-block:132px;background:#101b23}.learning-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:14px}.learning-feature{min-height:360px;padding:30px;border:1px solid var(--land-line);background:#14232c;position:relative;overflow:hidden}.learning-feature--main{background:#e9e3d7;color:#17232d}.feature-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(215,168,77,.38);color:var(--land-gold)}.learning-feature--main .feature-icon{border-color:#b9995d;color:#8c692b}.feature-icon svg{width:23px}.learning-feature>small{display:block;margin-top:35px;color:var(--land-gold);font-size:8px;font-weight:800;letter-spacing:.17em}.learning-feature--main>small{color:#8e6c2f}.learning-feature h3{margin:12px 0 14px;font-family:var(--font-serif);font-size:26px;font-weight:560;line-height:1.12}.learning-feature p{margin:0;color:#aeb8bc;font-size:12px;line-height:1.75}.learning-feature--main p{color:#59656c}.lesson-preview{margin-top:28px;display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.lesson-preview span{padding:10px 12px;border:1px solid #d0c8b9;background:#f6f1e8;color:#5d6465;font-size:8px;font-weight:700}.flashcard-demo{width:100%;height:126px;margin-top:24px;padding:0;border:0;background:transparent;perspective:800px;cursor:pointer}.flashcard-inner{width:100%;height:100%;display:block;position:relative;transform-style:preserve-3d;transition:transform .48s cubic-bezier(.22,1,.36,1)}.flashcard-demo.is-flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{position:absolute;inset:0;padding:18px;display:flex;flex-direction:column;justify-content:center;border:1px solid rgba(215,168,77,.32);background:#192a34;backface-visibility:hidden;text-align:left}.flashcard-back{background:#e6dece;color:#17232d;transform:rotateY(180deg)}.flashcard-demo small{color:var(--land-gold);font-size:7px;font-weight:800;letter-spacing:.15em}.flashcard-demo b{margin-top:8px;font-family:var(--font-serif);font-size:15px;line-height:1.3}.flashcard-back small{color:#8f6c2d}

/* Mistakes */
.mistake-story{padding-block:132px;background:#162631}.mistake-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:95px}.mistake-visual{position:relative}.mistake-visual::before{content:"";position:absolute;inset:-10% 10% 15% -10%;border:1px solid rgba(215,168,77,.12);transform:rotate(-4deg)}.mistake-sheet{position:relative;padding:28px;background:#f6f2e9;color:#17232d;box-shadow:0 32px 70px rgba(0,0,0,.28)}.mistake-head{display:flex;align-items:center;gap:13px}.mistake-head>span{width:40px;height:40px;display:grid;place-items:center;background:#17232d;color:var(--land-gold)}.mistake-head svg{width:20px}.mistake-head div{flex:1}.mistake-head small,.mistake-head strong{display:block}.mistake-head small{color:#967333;font-size:7px;font-weight:800;letter-spacing:.15em}.mistake-head strong{margin-top:4px;font-family:var(--font-serif);font-size:17px}.mistake-head>b{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#eadfca;color:#8a6729;font-size:11px}.mistake-question{margin-top:22px;padding:20px;border:1px solid #d8d1c5;background:#fffdf9}.mistake-question>small{color:#977432;font-size:7px;font-weight:800;letter-spacing:.11em}.mistake-question p{margin:13px 0 18px;font-family:var(--font-serif);font-size:18px;line-height:1.4}.mistake-question>span{display:block;padding:9px 11px;font-size:8px;font-weight:700}.wrong-answer{background:#f0dfda;color:#884c42}.right-answer{margin-top:6px;background:#e1ebdb;color:#4c6844}.mistake-meta{margin-top:10px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #d8d1c5}.mistake-meta span{padding:12px;border-right:1px solid #d8d1c5;font-size:8px;font-weight:700}.mistake-meta span:last-child{border:0}.mistake-meta small{display:block;margin-bottom:4px;color:#92836b;font-size:6px;letter-spacing:.12em}.mistake-copy>p{margin-top:25px}.mistake-copy ul{padding:0;margin:32px 0 0;list-style:none}.mistake-copy li{padding:15px 0;display:flex;gap:14px;border-top:1px solid rgba(247,243,232,.12);color:#aeb8bc;font-size:11px;line-height:1.55}.mistake-copy li svg{flex:0 0 18px;width:18px;color:var(--land-gold)}.mistake-copy li strong{display:block;margin-bottom:2px;color:#f2eee5;font-size:12px}

/* Tests */
.test-showcase{background:var(--land-paper);color:#17232d}.test-showcase .landing-kicker{color:#92702f}.test-showcase .section-heading>p{color:#5f6b71}.test-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.test-card{min-height:280px;padding:27px;border:1px solid #d8d1c5;background:#fffdf8;transition:transform .24s cubic-bezier(.22,1,.36,1),box-shadow .24s}.test-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(23,35,45,.11)}.test-card--accent{background:#172630;color:#f5f1e8;border-color:#172630}.test-card>span{width:44px;height:44px;display:grid;place-items:center;border:1px solid #cbb887;color:#9a7330}.test-card--accent>span{border-color:rgba(215,168,77,.48);color:var(--land-gold)}.test-card svg{width:21px}.test-card>small{display:block;margin-top:38px;color:#977333;font-size:7px;font-weight:800;letter-spacing:.15em}.test-card h3{margin:12px 0 12px;font-family:var(--font-serif);font-size:22px;line-height:1.16}.test-card p{margin:0;color:#626d72;font-size:11px;line-height:1.7}.test-card--accent p{color:#aeb8bc}

/* Analysis */
.analysis-showcase{padding-block:132px;background:#0c151b}.analysis-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:100px}.analysis-copy>p{margin-top:25px}.pdf-chips{margin-top:30px;display:flex;flex-wrap:wrap;gap:8px}.pdf-chips span{min-height:36px;padding:0 12px;display:flex;align-items:center;gap:7px;border:1px solid rgba(247,243,232,.13);color:#aeb8bc;font-size:8px;font-weight:700}.pdf-chips svg{width:14px;color:var(--land-gold)}.analysis-visual{position:relative}.analysis-visual::before{content:"";position:absolute;inset:14% -10% -8% 20%;border-radius:50%;background:rgba(215,168,77,.11);filter:blur(55px)}.analysis-paper{position:relative;padding:28px;background:#f6f2e9;color:#17232d;box-shadow:0 34px 75px rgba(0,0,0,.35)}.analysis-paper-head{display:flex;align-items:center;justify-content:space-between}.analysis-paper-head small,.analysis-paper-head strong{display:block}.analysis-paper-head small{color:#987432;font-size:7px;font-weight:800;letter-spacing:.15em}.analysis-paper-head strong{margin-top:4px;font-family:var(--font-serif);font-size:20px}.analysis-paper-head>span{padding:7px 10px;border:1px solid #b99552;color:#8a682a;font-size:8px;font-weight:800}.analysis-stats{margin-top:24px;display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #d8d1c5}.analysis-stats span{padding:17px 10px;border-right:1px solid #d8d1c5}.analysis-stats span:last-child{border-right:0}.analysis-stats strong,.analysis-stats small{display:block}.analysis-stats strong{font-family:var(--font-serif);font-size:24px}.analysis-stats small{margin-top:3px;color:#7e8582;font-size:7px}.analysis-bars{display:grid;gap:14px;margin-top:25px}.analysis-bars span{display:grid;grid-template-columns:70px 1fr 22px;align-items:center;gap:9px}.analysis-bars b,.analysis-bars small{font-size:8px}.analysis-bars i{height:5px;background:#dfd9ce}.analysis-bars em{display:block;height:100%;background:#ad8234}.analysis-paper>p{margin:25px 0 0;padding:14px 15px;display:grid;grid-template-columns:25px auto;column-gap:8px;background:#e8e1d4;color:#596369;font-size:8px;line-height:1.5}.analysis-paper>p span{grid-row:1/3}.analysis-paper>p svg{width:17px;color:#96702d}.analysis-paper>p b{color:#17232d}

/* FAQ */
.landing-faq{padding-block:132px}.landing-faq .section-heading{margin-bottom:48px}.faq-list{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:12px}.faq-column{min-width:0;display:grid;align-content:start;gap:12px}.faq-list details{overflow:hidden;border:1px solid var(--land-line);background:rgba(247,243,232,.025);transition:border-color .24s,background-color .24s,transform .24s}.faq-list details:hover{border-color:rgba(215,168,77,.34);transform:translateY(-2px)}.faq-list details[open]{border-color:rgba(215,168,77,.43);background:rgba(215,168,77,.07)}.faq-list summary{min-height:76px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer;list-style:none;font-family:var(--font-serif);font-size:17px;line-height:1.35}.faq-list summary::-webkit-details-marker{display:none}.faq-question{display:flex;align-items:center;gap:13px}.faq-question small{color:#6e7c82;font-family:var(--font-sans);font-size:8px;font-weight:800;letter-spacing:.14em}.faq-toggle{flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(215,168,77,.4);border-radius:50%;color:var(--land-gold);font-family:var(--font-sans);font-size:19px;transition:transform .24s,background-color .24s,color .24s}.faq-list details[open] .faq-toggle{transform:rotate(45deg);background:var(--land-gold);color:#17232d}.faq-answer{margin:0 20px 20px;padding:17px 18px;border-left:2px solid var(--land-gold);background:rgba(5,10,14,.22);animation:faqAnswerIn .24s ease-out both}.faq-answer-label{display:block;margin-bottom:6px;color:var(--land-gold);font-size:8px;font-weight:800;letter-spacing:.15em}.faq-answer p{margin:0;color:#c1c9cc;font-size:12px;line-height:1.75}@keyframes faqAnswerIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* Final + footer */
.landing-final{padding-block:88px;background:var(--land-gold);color:#17232d}.landing-final-inner{display:flex;align-items:center;justify-content:space-between;gap:60px}.landing-final .landing-kicker{color:#60491e}.landing-final h2{max-width:780px;font-size:45px}.landing-final p:not(.landing-kicker){max-width:650px;margin:17px 0 0;color:#4f452f;font-size:13px;line-height:1.7}.landing-button--light{flex:0 0 auto;border-color:#17232d;background:#17232d;color:#f7f3e8!important;box-shadow:none}.landing-button--light:hover{background:#243640}.landing-footer{padding-block:64px;background:#091015;border-top:1px solid rgba(247,243,232,.07)}.landing-footer-grid{display:grid;grid-template-columns:1.4fr .6fr .6fr;gap:70px}.footer-brand img{width:164px;height:auto}.footer-brand p{max-width:390px;margin:18px 0 0;color:#839096;font-size:11px;line-height:1.7}.landing-footer nav{display:grid;align-content:start;gap:13px}.landing-footer nav strong{margin-bottom:4px;color:#e5e1d8;font-size:10px}.landing-footer nav a{width:max-content;color:#89969b;font-size:10px;transition:color .2s}.landing-footer nav a:hover{color:var(--land-gold)}.landing-footer-grid>small{grid-column:1/-1;padding-top:24px;border-top:1px solid rgba(247,243,232,.08);color:#5f6b71;font-size:9px}

/* Reveal and motion */
.landing-page [data-reveal]{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s cubic-bezier(.16,1,.3,1)}.landing-page [data-reveal="preview"]{transform:translateY(28px) scale(.975)}.landing-page [data-reveal="visual"]{transform:translateX(-30px)}.landing-page [data-reveal="map"]{transform:translateY(35px) scale(.985)}.landing-page [data-reveal].is-visible{opacity:1;transform:none}.landing-page [data-reveal="stagger"]>*{opacity:0;transform:translateY(19px);transition:opacity .45s ease-out,transform .45s cubic-bezier(.16,1,.3,1)}.landing-page [data-reveal="stagger"].is-visible>*{opacity:1;transform:none}.landing-page [data-reveal="stagger"].is-visible>*:nth-child(2){transition-delay:50ms}.landing-page [data-reveal="stagger"].is-visible>*:nth-child(3){transition-delay:100ms}.landing-page [data-reveal="stagger"].is-visible>*:nth-child(4){transition-delay:150ms}.landing-page [data-reveal="stagger"].is-visible>*:nth-child(5){transition-delay:200ms}.landing-page [data-reveal="stagger"].is-visible>*:nth-child(6){transition-delay:250ms}.landing-page [data-reveal="stagger"].is-visible>*:nth-child(7){transition-delay:300ms}.landing-page [data-reveal="stagger"].is-visible>*:nth-child(8){transition-delay:350ms}

@media(prefers-reduced-motion:no-preference){.landing-hero-copy{animation:landHeroIn .7s ease-out both}.hero-product.is-visible .product-score{animation:landCardIn .48s .12s cubic-bezier(.16,1,.3,1) both}.hero-product.is-visible .product-next{animation:landCardIn .48s .2s cubic-bezier(.16,1,.3,1) both}.hero-product.is-visible .floating-note--one{animation:landNoteIn .5s .28s cubic-bezier(.16,1,.3,1) both}.hero-product.is-visible .floating-note--two{animation:landNoteIn .5s .36s cubic-bezier(.16,1,.3,1) both}.hero-product.is-visible .score-ring{animation:landRingIn .7s .18s cubic-bezier(.16,1,.3,1) both}.map-demo-shell.is-visible .map-route{animation:landRoute 1.2s .3s ease-out both}.map-demo-shell.is-visible .map-pin-ring{animation:landPin .8s .8s ease-out both}.mastery-visual.is-visible .line-path{stroke-dasharray:750;stroke-dashoffset:750;animation:landDraw 1s .2s ease-out forwards}.mastery-visual.is-visible .line-area{animation:landFade .6s .5s both}.mastery-visual.is-visible .mastery-subjects i::after,.analysis-visual.is-visible .analysis-bars em{animation:landBarX .7s .3s cubic-bezier(.16,1,.3,1) both;transform-origin:left}.mistake-visual.is-visible .mistake-sheet{animation:landPaperIn .6s cubic-bezier(.16,1,.3,1) both}.faq-list details[open] .faq-answer{animation:landAnswerIn .25s ease-out both}@keyframes landHeroIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes landCardIn{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}@keyframes landNoteIn{from{opacity:0;transform:translateY(10px) scale(.94)}to{opacity:1;transform:none}}@keyframes landRingIn{from{opacity:.3;transform:scale(.8) rotate(-35deg)}to{opacity:1;transform:none}}@keyframes landRoute{from{stroke-dashoffset:120;opacity:0}to{stroke-dashoffset:0;opacity:1}}@keyframes landPin{from{opacity:0;transform:scale(.3);transform-origin:135px 120px}60%{opacity:1;transform:scale(1.3);transform-origin:135px 120px}to{transform:scale(1);transform-origin:135px 120px}}@keyframes landDraw{to{stroke-dashoffset:0}}@keyframes landFade{from{opacity:0}to{opacity:1}}@keyframes landBarX{from{transform:scaleX(.05)}to{transform:scaleX(1)}}@keyframes landPaperIn{from{opacity:0;transform:rotate(-2deg) translateY(16px)}to{opacity:1;transform:none}}@keyframes landAnswerIn{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}}

/* Tablet */
@media(max-width:1080px){.landing-nav-links{gap:18px}.landing-nav-links a{font-size:11px}.landing-hero{grid-template-columns:1fr;gap:80px;padding-top:78px}.landing-hero-copy{text-align:center}.landing-eyebrow,.landing-hero-actions,.landing-trust{justify-content:center}.landing-lead{margin-inline:auto}.hero-product{width:min(720px,100%);margin-inline:auto}.landing-value-grid{grid-template-columns:repeat(2,1fr)}.landing-value article:nth-child(2){border-right:0}.landing-value article:nth-child(n+3){border-top:1px solid var(--land-line)}.section-heading{gap:45px}.map-demo-layout{grid-template-columns:170px minmax(0,1fr) 210px}.map-demo-controls,.map-demo-detail{padding:24px 18px}.mastery-grid,.mistake-grid,.analysis-grid{gap:60px}.learning-grid{grid-template-columns:1fr 1fr}.learning-feature--main{grid-row:span 2}.test-grid{grid-template-columns:repeat(2,1fr)}}

@media(max-width:820px){.landing-nav-links,.landing-login{display:none}.landing-menu-button{display:grid}.landing-nav-actions{margin-left:auto}.section-heading,.section-heading--wide{grid-template-columns:1fr;align-items:start;gap:22px}.section-heading>p{max-width:640px}.map-demo-layout{grid-template-columns:1fr}.map-demo-controls,.map-demo-detail{border:0}.map-demo-controls{border-bottom:1px solid var(--land-line)}.map-demo-detail{border-top:1px solid var(--land-line)}.map-demo-controls>strong{font-size:40px}.demo-timeline{height:auto;margin:20px 0 0;border-left:0;border-top:1px solid #45545c}.demo-timeline i,.demo-timeline b{top:-6px!important;bottom:auto}.demo-timeline i:nth-child(1){left:0}.demo-timeline b{left:42%}.demo-timeline i:nth-child(3){left:72%}.demo-timeline i:nth-child(4){left:auto;right:0}.map-demo-canvas{min-height:390px}.layer-list{grid-template-columns:repeat(5,1fr)}.layer-list span{justify-content:center}.mastery-grid,.mistake-grid,.analysis-grid{grid-template-columns:1fr;gap:65px}.mastery-copy,.mistake-copy,.analysis-copy{max-width:700px}.mistake-visual{order:2}.learning-grid{grid-template-columns:1fr 1fr}.landing-steps{grid-template-columns:1fr}.landing-steps article,.landing-steps article+article{min-height:0;padding:30px 0;border-right:0;border-bottom:1px solid var(--land-line)}.step-number{top:35px;right:2px}.learning-loop{width:100%;flex-wrap:wrap}.faq-list{grid-template-columns:1fr}.landing-final-inner{align-items:flex-start;flex-direction:column}.landing-footer-grid{grid-template-columns:1.2fr .8fr .8fr;gap:35px}}

/* Mobile */
@media(max-width:560px){.landing-container{width:min(100% - 32px,1200px)}.landing-nav{min-height:66px;gap:12px}.landing-logo img{width:132px}.landing-button--small{min-height:44px;padding:0 12px}.landing-hero{min-height:auto;padding-block:64px 78px;gap:62px}.landing-hero h1{font-size:46px}.landing-lead{font-size:16px;line-height:1.65}.landing-hero-actions{align-items:stretch;flex-direction:column;gap:10px}.landing-text-button{align-self:center}.landing-trust{gap:10px 14px}.hero-orbit{display:none}.product-window{transform:none}.product-content{padding:17px}.product-bar{height:50px;padding:0 14px}.product-welcome strong{font-size:17px}.product-score{padding:14px;gap:12px}.score-ring{flex-basis:60px;width:60px;height:60px}.product-next{grid-template-columns:auto 1fr}.product-next button{grid-column:1/-1;min-height:34px}.floating-note{display:none}.landing-value-grid{grid-template-columns:1fr}.landing-value article,.landing-value article:first-child{min-height:96px;border-left:0;border-right:0;border-top:1px solid var(--land-line)}.landing-value article:first-child{border-top:0}.landing-section,.map-showcase,.mastery-story,.learning-showcase,.mistake-story,.analysis-showcase,.landing-faq{padding-block:88px}.section-heading{margin-bottom:42px}.section-heading h2,.mastery-copy h2,.mistake-copy h2,.analysis-copy h2{font-size:39px}.section-heading>p,.mastery-copy>p,.mistake-copy>p,.analysis-copy>p{font-size:14px}.map-demo-top{padding:12px 14px;align-items:flex-start;flex-direction:column}.map-tabs{width:100%}.map-tabs button{flex:1}.map-demo-top>span{align-self:flex-end}.map-demo-canvas{min-height:275px}.map-demo-controls,.map-demo-detail{padding:21px 17px}.layer-list{grid-template-columns:1fr 1fr}.layer-list span{justify-content:flex-start}.map-showcase-action{align-items:stretch;flex-direction:column}.map-showcase-action .landing-button{width:100%}.map-demo-detail h3{font-size:24px}.learning-loop{padding:18px 15px;gap:11px;font-size:9px}.mastery-card,.analysis-paper,.mistake-sheet{padding:19px}.mastery-score-row>strong{font-size:50px}.mastery-line{height:118px}.learning-grid{grid-template-columns:1fr}.learning-feature--main{grid-row:auto}.learning-feature{min-height:320px;padding:24px}.lesson-preview{grid-template-columns:1fr}.mistake-question{padding:15px}.mistake-meta{grid-template-columns:1fr}.mistake-meta span{border-right:0;border-bottom:1px solid #d8d1c5}.mistake-meta span:last-child{border-bottom:0}.test-grid{grid-template-columns:1fr}.test-card{min-height:245px}.analysis-stats strong{font-size:20px}.analysis-bars span{grid-template-columns:58px 1fr 20px}.faq-list summary{min-height:70px;padding:16px;font-size:16px}.faq-question{gap:9px}.faq-answer{margin:0 15px 15px;padding:15px}.landing-final{padding-block:68px}.landing-final h2{font-size:36px}.landing-button--light{width:100%}.landing-footer-grid{grid-template-columns:1fr;gap:30px}.landing-footer-grid>small{grid-column:1}.landing-footer nav{gap:11px}}

@media(max-width:380px){.landing-logo img{width:116px}.landing-button--small{padding:0 9px;font-size:11px}.landing-hero h1{font-size:42px}.product-welcome>span{display:none}.product-score p{display:none}.product-metrics span{padding-inline:8px}.map-demo-canvas{min-height:235px}.landing-final h2{font-size:33px}}

@media(prefers-reduced-motion:reduce){.landing-page *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.landing-page [data-reveal],.landing-page [data-reveal]>*{opacity:1!important;transform:none!important}.flashcard-inner{transition:none}}

/* Readability pass: keep supporting copy legible without flattening the hierarchy. */
.landing-nav-links a,.landing-login{font-size:13px}
.landing-button{font-size:14px}
.landing-button--small{font-size:13px}
.landing-kicker,.landing-eyebrow{font-size:12px}
.landing-lead{font-size:18px}
.landing-trust{font-size:12px}
.landing-value strong{font-size:15px}
.landing-value small{font-size:12px;line-height:1.55}
.section-heading>p,.mastery-copy>p,.mistake-copy>p,.analysis-copy>p{font-size:16px;line-height:1.75}
.product-brand,.product-bar>span{font-size:12px}
.product-welcome small,.product-score small,.product-next small,.product-metrics small{font-size:10px}
.product-welcome>span,.product-score p{font-size:11px}
.product-score strong{font-size:14px}
.product-next strong{font-size:12px}
.product-next p,.product-next button{font-size:10px}
.floating-note small{font-size:10px}
.floating-note strong{font-size:12px}
.map-demo-top>span,.map-tabs button{font-size:11px}
.demo-label{font-size:10px}
.map-demo-controls p,.map-showcase-action p{font-size:13px}
.map-demo-controls small,.map-caption{font-size:10px}
.map-legend{font-size:10px}
.map-demo-detail>p{font-size:13px}
.map-demo-detail li,.layer-list span{font-size:11px}
.step-number{font-size:11px}
.landing-steps p{font-size:15px}
.learning-loop{font-size:13px}
.mastery-point b{font-size:14px}
.mastery-point small{font-size:13px}
.mastery-card-head small,.mastery-alert small{font-size:10px}
.mastery-score-ring small,.mastery-score-row span,.mastery-subjects b,.mastery-subjects small{font-size:11px}
.mastery-alert strong{font-size:12px}
.learning-feature>small{font-size:11px}
.learning-feature p{font-size:15px;line-height:1.7}
.lesson-preview span{font-size:12px}
.flashcard-demo small{font-size:10px}
.flashcard-demo b{font-size:18px}
.mistake-head small,.mistake-question>small{font-size:10px}
.mistake-head>b{font-size:12px}
.mistake-question>p{font-size:12px}
.mistake-question>span{font-size:11px}
.mistake-meta span{font-size:11px}
.mistake-meta small{font-size:10px}
.mistake-copy li,.mistake-copy li strong{font-size:14px}
.test-card>small{font-size:10px}
.test-card p{font-size:14px;line-height:1.65}
.pdf-chips span,.analysis-paper-head small,.analysis-paper-head>span{font-size:10px}
.analysis-stats small,.analysis-bars b,.analysis-bars small,.analysis-paper>p{font-size:11px}
.faq-question small,.faq-question>span{font-size:10px}
.faq-answer-label{font-size:10px}
.faq-answer p{font-size:14px;line-height:1.7}
.landing-footer p{font-size:13px}
.landing-footer nav strong,.landing-footer nav a{font-size:12px}
.landing-footer-grid>small{font-size:11px}

@media(max-width:1080px){.landing-nav-links a{font-size:12px}}

@media(max-width:560px){
  .landing-button,.landing-button--small{font-size:13px}
  .landing-kicker,.landing-eyebrow{font-size:11px}
  .landing-lead{font-size:17px}
  .section-heading>p,.mastery-copy>p,.mistake-copy>p,.analysis-copy>p{font-size:16px}
  .map-demo-detail>p{font-size:14px}
  .map-demo-detail li,.layer-list span{font-size:12px}
  .learning-loop{font-size:12px}
  .learning-feature p,.test-card p,.faq-answer p{font-size:15px}
  .landing-final p{font-size:15px}
  .landing-footer p,.landing-footer nav strong,.landing-footer nav a{font-size:13px}
}

@media(max-width:380px){.landing-button--small{font-size:12px}}

/* Analysis tools: a deliberate 3 + 2 composition instead of an orphaned final chip. */
.pdf-chips{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;max-width:610px}
.pdf-chips span{grid-column:span 2;min-height:52px;padding:0 15px;justify-content:flex-start;border-color:rgba(247,243,232,.16);background:rgba(247,243,232,.025);font-size:11px;line-height:1.25;transition:border-color .22s ease,background-color .22s ease,transform .22s ease}
.pdf-chips span:nth-child(4){grid-column:2/span 2}
.pdf-chips span:nth-child(5){grid-column:4/span 2}
.pdf-chips svg{flex:0 0 17px;width:17px}
.pdf-chips .pdf-chip--featured{border-color:rgba(215,168,77,.52);background:rgba(215,168,77,.1);color:#f1dfb7}
.pdf-chips span:hover{border-color:rgba(215,168,77,.42);background:rgba(215,168,77,.07);transform:translateY(-2px)}

@media(max-width:560px){
  .pdf-chips{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:none}
  .pdf-chips span,.pdf-chips span:nth-child(4),.pdf-chips span:nth-child(5){grid-column:auto;min-height:50px;padding-inline:12px}
  .pdf-chips span:nth-child(5){grid-column:1/-1;justify-content:center}
}

/* ===== Sakin Adaçayı — public landing page only ===== */
.landing-active,.landing-active .app-shell{background:#f4f2ea}
.landing-page{
  --sage-950:#173f36;
  --sage-800:#385e52;
  --sage-600:#708d7a;
  --sage-200:#dce5d9;
  --sage-100:#e8ede5;
  --sage-50:#f1f3ec;
  --sage-paper:#f4f2ea;
  --sage-surface:#fffdfa;
  --sage-ink:#24352f;
  --sage-muted:#53635d;
  --sage-soft:#77847f;
  --sage-line:#cfd7cc;
  --sage-gold:#c58a35;
  --sage-gold-soft:#ead9b8;
  --land-night:var(--sage-paper);
  --land-night-2:var(--sage-100);
  --land-night-3:var(--sage-200);
  --land-ink:var(--sage-ink);
  --land-muted:var(--sage-muted);
  --land-soft:var(--sage-soft);
  --land-gold:var(--sage-800);
  --land-gold-bright:var(--sage-950);
  --land-paper:var(--sage-paper);
  --land-paper-2:#ebe8df;
  --land-green:var(--sage-600);
  --land-red:#a65f55;
  --land-line:rgba(36,53,47,.14);
  overflow:clip;
  position:relative;
  isolation:isolate;
  color:var(--sage-ink);
  background:
    radial-gradient(circle at 12% 8%,rgba(112,141,122,.1),transparent 27%),
    var(--sage-paper);
}
.landing-page .landing-container{position:relative;z-index:4}

.landing-page :is(a,button,summary):focus-visible{outline-color:rgba(56,94,82,.76)}
.landing-skip{background:var(--sage-800);color:#fff!important;border-radius:8px}

/* Header */
.landing-header{border-color:rgba(36,53,47,.1);background:rgba(255,253,250,.91);box-shadow:0 1px 0 rgba(36,53,47,.04)}
.landing-nav-links a,.landing-login{color:#33443e}
.landing-nav-links a:hover,.landing-login:hover{color:var(--sage-950)}
.landing-login{padding:0 17px;border:1px solid #9eb0a5;border-radius:10px}
.landing-menu-button{border-color:#aebbb1;border-radius:10px;color:var(--sage-950)}
.landing-mobile-menu{border-color:var(--sage-line);background:#fffdfa;box-shadow:0 16px 30px rgba(23,63,54,.08)}
.landing-mobile-menu a{border-color:var(--sage-line);color:var(--sage-ink)}
.landing-scroll-progress{position:absolute;inset:auto 0 -1px;height:2px;overflow:hidden;pointer-events:none}
.landing-scroll-progress span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--sage-800),var(--sage-gold),#8ca18d);will-change:transform}

/* Shared controls and headings */
.landing-button{border-color:var(--sage-800);border-radius:10px;background:var(--sage-800);color:#fff!important;box-shadow:0 12px 28px rgba(56,94,82,.18)}
.landing-button:hover{background:var(--sage-950);box-shadow:0 16px 34px rgba(23,63,54,.24)}
.landing-text-button{border-color:rgba(36,53,47,.35);color:var(--sage-950)}
.landing-kicker,.landing-eyebrow{color:var(--sage-800)}
.landing-eyebrow span{background:var(--sage-800)}
.section-heading h2,.mastery-copy h2,.mistake-copy h2,.analysis-copy h2,.landing-final h2{color:var(--sage-950)}
.section-heading h2 em{color:var(--sage-800)}
.section-heading>p,.mastery-copy>p,.mistake-copy>p,.analysis-copy>p{color:var(--sage-muted)}

/* Hero and botanical easter egg */
.landing-hero{min-height:720px;padding-block:74px 92px;position:relative}
.landing-hero::before{left:-300px;top:34px;border-color:rgba(112,141,122,.12);box-shadow:0 0 0 100px rgba(112,141,122,.03),0 0 0 200px rgba(112,141,122,.018)}
.landing-hero-copy{z-index:3}
.landing-hero h1{color:var(--sage-950)}
.landing-hero h1 em{color:var(--sage-800)}
.landing-lead{color:var(--sage-muted)}
.landing-trust{color:#64736d}
.landing-trust svg{color:var(--sage-800)}
.landing-botanical{--botanical-opacity:.68;position:absolute;z-index:2;left:-144px;bottom:92px;width:220px;height:520px;opacity:var(--botanical-opacity);pointer-events:none;transform-origin:bottom left}
.landing-botanical svg{display:block;width:100%;height:100%;overflow:visible}
.botanical-stem{fill:none;stroke:#768374;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.botanical-stem--small{stroke-width:1.15;opacity:.88}
.botanical-leaf{fill:#7d8979;opacity:.72}
.botanical-leaf--soft{fill:#a3ac9e;opacity:.64}
.landing-secret-leaf{position:absolute;z-index:4;left:4px;top:360px;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;cursor:default;pointer-events:auto;touch-action:manipulation}
.landing-secret-leaf:hover,.landing-secret-leaf:active{background:transparent;transform:none}
.landing-secret-leaf.is-celebrating{outline:3px solid var(--sage-gold);outline-offset:2px}

.map-showcase,.learning-showcase{position:relative;overflow:hidden}
.map-showcase>.landing-container,.learning-showcase>.landing-container{position:relative;z-index:1}
.landing-faq{position:relative}
.landing-faq>.section-heading,.landing-faq>.faq-list{position:relative;z-index:1}

/* Straight, top-to-bottom ivy: the grown section stays leafy above its tip. */
.landing-vine{
  position:absolute;
  z-index:3;
  top:680px;
  right:-38px;
  bottom:120px;
  width:170px;
  overflow:hidden;
  color:#5e775f;
  pointer-events:none;
  opacity:.86;
  contain:layout style paint;
}
.landing-vine-trail{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.vine-trail-base,.vine-trail-growth{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.vine-trail-base{stroke:#a1ada0;stroke-width:1.1;opacity:.2}
.vine-trail-growth{stroke:#607867;stroke-width:1.8;opacity:.78}
.landing-vine-node{position:absolute;left:0;top:0;width:140px;height:88px;display:block;color:#58715b;opacity:0;transform:translate3d(0,-4px,0) scale(.72);transform-origin:center;transition:opacity .2s ease-out,transform .34s cubic-bezier(.16,1,.3,1)}
.landing-vine-node--small{width:116px;height:73px}
.landing-vine-node--soft{color:#71836f}
.landing-vine-node svg{display:block;width:100%;height:100%;overflow:visible}
.landing-vine-node.is-visible{opacity:.84;transform:none}
.landing-vine-node.is-shedding{transition:none;animation:vineLeafNodeShed .46s cubic-bezier(.4,0,1,1) both}
.vine-node-twig{fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.vine-node-leaf{fill:currentColor;opacity:.88;stroke:rgba(57,82,60,.3);stroke-width:.65;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.vine-node-vein{fill:none;stroke:rgba(246,248,241,.48);stroke-width:.72;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.vine-node-ivy--soft{opacity:.62}
@keyframes vineLeafNodeShed{0%{opacity:.84;transform:translate3d(0,0,0) scale(1)}100%{opacity:0;transform:translate3d(-7px,22px,0) rotate(-7deg) scale(.76)}}

.hero-orbit{border-color:rgba(56,94,82,.12)}
.hero-orbit::before,.hero-orbit::after{background:var(--sage-gold);box-shadow:0 0 20px rgba(197,138,53,.42)}
.product-window{border-color:#cbd3c8;border-radius:16px;background:var(--sage-surface);color:var(--sage-ink);box-shadow:0 34px 74px rgba(23,63,54,.15);transform:none}
.product-bar{border-color:#d9ded6;color:#6c7772;background:#fffefb}
.product-brand{color:var(--sage-950)}
.product-brand img{background:var(--sage-950)}
.product-welcome small,.product-score small,.product-next small{color:var(--sage-800)}
.product-welcome>span{border-radius:8px;background:#e7ede3;color:#456353}
.product-score{border-radius:12px;background:linear-gradient(135deg,#385e52,#2e5147);color:#fff}
.score-ring{background:conic-gradient(var(--sage-gold) 0 74%,rgba(255,255,255,.2) 74%)}
.score-ring::after{background:#34594e}
.score-ring small{color:#f0d5a6}
.product-score p{color:#dce5df}
.product-next{border-color:#d8ded5;border-radius:11px;background:#fff}
.product-next-icon{background:#e5ebe1;color:var(--sage-800)}
.product-next button{border-radius:7px;background:var(--sage-800);color:#fff}
.product-metrics{border-color:#d8ded5;border-radius:10px;overflow:hidden}
.product-metrics span{border-color:#d8ded5}
.floating-note{border-color:#d0d8ce;border-radius:11px;background:rgba(255,253,250,.96);box-shadow:0 18px 38px rgba(23,63,54,.14)}
.floating-note>span{border-color:#c2d0c4;color:var(--sage-800)}
.floating-note small{color:#76827d}
.floating-note strong{color:var(--sage-950)}

/* Value strip */
.landing-value{border-color:var(--sage-line);background:rgba(226,233,222,.66)}
.landing-value article,.landing-value article:first-child{border-color:var(--sage-line)}
.landing-value article>span{color:var(--sage-800)}
.landing-value strong{color:var(--sage-950)}
.landing-value small{color:var(--sage-muted)}

/* Map lab */
.map-showcase{background:#edf1e9}
.map-showcase::before{background:radial-gradient(circle at 53% 47%,rgba(112,141,122,.16),transparent 46%)}
.map-demo-shell{overflow:hidden;border-color:#bdcbbf;border-radius:16px;background:#fffdfa;box-shadow:0 30px 68px rgba(23,63,54,.13)}
.map-demo-top{border-color:var(--sage-line);background:#f8f8f2}
.map-demo-top>span{color:#6c7973}
.map-tabs button{border-radius:8px;color:#53635d}
.map-tabs button.is-active{border-color:#9db2a1;background:#dfe8dc;color:var(--sage-950)}
.map-demo-controls,.map-demo-detail{background:#f8f8f2;color:var(--sage-ink)}
.map-demo-controls{border-color:var(--sage-line)}
.map-demo-detail{border-color:var(--sage-line)}
.demo-label{color:var(--sage-800)}
.map-demo-controls>p,.map-demo-detail>p{color:var(--sage-muted)}
.demo-timeline{border-color:#a9b7ac}
.demo-timeline i,.demo-timeline b{border-color:#9baaa0;background:#f8f8f2}
.demo-timeline b{border-color:var(--sage-gold);background:var(--sage-gold);box-shadow:0 0 0 6px rgba(197,138,53,.14)}
.map-demo-canvas{background-color:#dce7e3;background-image:linear-gradient(rgba(36,53,47,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(36,53,47,.045) 1px,transparent 1px)}
.map-caption{border-color:rgba(36,53,47,.18);background:rgba(255,253,250,.9);color:var(--sage-ink)}
.map-demo-legend{background:rgba(255,253,250,.88);color:#596963}
.map-demo-detail li{border-color:var(--sage-line);color:var(--sage-muted)}
.map-demo-detail li svg{color:var(--sage-800)}
.layer-list span{border-color:var(--sage-line);color:#6f7c76}
.layer-list span.is-on{border-color:#9fb2a2;background:#e4ebe1;color:var(--sage-950)}
.map-showcase-action p{color:var(--sage-muted)}

/* How it works */
.landing-steps{border-color:var(--sage-line)}
.landing-steps article{border-color:var(--sage-line)}
.step-number{background:var(--sage-paper);color:#7c8983}
.step-icon{border-color:#9fb2a2;border-radius:12px;background:#e4ebe1;color:var(--sage-800)}
.landing-steps h3{color:var(--sage-950)}
.landing-steps p{color:var(--sage-muted)}
.learning-loop{border-color:#c5d1c6;border-radius:12px;background:#e8ede5;color:#64736d}
.learning-loop i{color:#8f9b95}
.learning-loop strong{color:var(--sage-800)}

/* Mastery */
.mastery-story{background:#f7f5ef;color:var(--sage-ink)}
.mastery-copy .landing-kicker{color:var(--sage-800)}
.mastery-copy>p{color:var(--sage-muted)}
.mastery-points>span{border-color:var(--sage-line);color:var(--sage-muted)}
.mastery-points svg{color:var(--sage-800)}
.mastery-points b{color:var(--sage-950)}
.mastery-visual::before{background:rgba(112,141,122,.18)}
.mastery-card{border-color:#ccd5cb;border-radius:16px;background:#fffdfa;box-shadow:0 28px 62px rgba(23,63,54,.13)}
.mastery-card-head small{color:#728078}
.mastery-score-row>strong small{color:#76827d}
.mastery-score-row>span{border-radius:8px;background:#e1eadf;color:#385e52}
.line-grid{stroke:#e1e6df}
.line-area{fill:rgba(112,141,122,.16)}
.line-path{stroke:var(--sage-800)}
.mastery-subjects i{background:#e0e6de}
.mastery-subjects i::after{background:var(--sage-600)}
.mastery-alert{border-color:var(--sage-gold);border-radius:0 10px 10px 0;background:#f1eadc}
.mastery-alert>span,.mastery-alert small{color:#8d6428}

/* Learning center */
.learning-showcase{background:#e5ebe2}
.learning-feature{border-color:#c6d1c7;border-radius:16px;background:#fffdfa;color:var(--sage-ink);box-shadow:0 12px 30px rgba(23,63,54,.06)}
.learning-feature--main{background:#f5f2e9;color:var(--sage-ink)}
.feature-icon,.learning-feature--main .feature-icon{border-color:#aac0ae;border-radius:12px;background:#e4ebe1;color:var(--sage-800)}
.learning-feature>small,.learning-feature--main>small{color:var(--sage-800)}
.learning-feature h3{color:var(--sage-950)}
.learning-feature p,.learning-feature--main p{color:var(--sage-muted)}
.lesson-preview span{border-color:#d4dbd1;border-radius:8px;background:#fffdfa;color:#596963}
.flashcard-front,.flashcard-back{border-color:#bdcbbf;border-radius:12px;background:#385e52;color:#fff}
.flashcard-back{background:#fffdfa;color:var(--sage-ink)}
.flashcard-demo small,.flashcard-back small{color:#ead9b8}
.flashcard-back small{color:var(--sage-800)}

/* Mistake notebook */
.mistake-story{background:#f4f2ea;color:var(--sage-ink)}
.mistake-visual::before{border-color:rgba(112,141,122,.2)}
.mistake-sheet{border:1px solid #ccd5cb;border-radius:16px;background:#fffdfa;color:var(--sage-ink);box-shadow:0 28px 62px rgba(23,63,54,.13)}
.mistake-head>span{border-radius:11px;background:var(--sage-800);color:#fff}
.mistake-head small,.mistake-question>small{color:var(--sage-800)}
.mistake-head>b{background:#e3eadf;color:var(--sage-800)}
.mistake-question{border-color:#d7ded5;border-radius:11px;background:#fff}
.mistake-meta{border-color:#d7ded5;border-radius:10px;overflow:hidden}
.mistake-meta span{border-color:#d7ded5}
.mistake-copy li{border-color:var(--sage-line);color:var(--sage-muted)}
.mistake-copy li svg{color:var(--sage-800)}
.mistake-copy li strong{color:var(--sage-950)}

/* Test modes */
.test-showcase{background:#e8ede5;color:var(--sage-ink)}
.test-showcase .landing-kicker{color:var(--sage-800)}
.test-showcase .section-heading>p{color:var(--sage-muted)}
.test-card{border-color:#c9d3ca;border-radius:14px;background:#fffdfa;box-shadow:0 10px 25px rgba(23,63,54,.04)}
.test-card:hover{box-shadow:0 18px 40px rgba(23,63,54,.1)}
.test-card--accent{border-color:var(--sage-800);background:var(--sage-800);color:#fff}
.test-card>span{border-color:#abc0af;border-radius:11px;background:#e5ebe2;color:var(--sage-800)}
.test-card--accent>span{border-color:rgba(255,255,255,.36);background:rgba(255,255,255,.1);color:#fff}
.test-card>small{color:var(--sage-800)}
.test-card h3{color:var(--sage-950)}
.test-card p{color:var(--sage-muted)}
.test-card--accent h3{color:#fff}
.test-card--accent>small{color:#dce8df}
.test-card--accent p{color:#e1ebe4}

/* Analysis */
.analysis-showcase{background:#edf1e9;color:var(--sage-ink)}
.pdf-chips span{border-color:#c8d3ca;background:rgba(255,253,250,.7);color:var(--sage-muted)}
.pdf-chips svg{color:var(--sage-800)}
.pdf-chips .pdf-chip--featured{border-color:#cba568;background:#f2e7d3;color:#75501e}
.pdf-chips span:hover{border-color:#9eb2a1;background:#fffdfa}
.analysis-visual::before{background:rgba(112,141,122,.16)}
.analysis-paper{border:1px solid #cbd4ca;border-radius:16px;background:#fffdfa;color:var(--sage-ink);box-shadow:0 28px 62px rgba(23,63,54,.13)}
.analysis-paper-head small{color:var(--sage-800)}
.analysis-paper-head>span{border-color:#9fb2a2;border-radius:7px;color:var(--sage-800)}
.analysis-stats{border-color:#d7ded5}
.analysis-stats span{border-color:#d7ded5}
.analysis-bars i{background:#dfe5dc}
.analysis-bars em{background:var(--sage-600)}
.analysis-paper>p{border-radius:10px;background:#e7ede3;color:var(--sage-muted)}
.analysis-paper>p span{color:var(--sage-800)}
.analysis-paper>p b{color:var(--sage-950)}

/* FAQ */
.faq-list details{border-color:#cbd5cb;border-radius:13px;background:rgba(255,253,250,.74)}
.faq-list details:hover{border-color:#a8bba9}
.faq-list details[open]{border-color:#97ad9b;background:#edf2e9}
.faq-question small{color:#77857f}
.faq-toggle{border-color:#9eb2a1;color:var(--sage-800)}
.faq-list details[open] .faq-toggle{background:var(--sage-800);color:#fff}
.faq-answer{border-color:var(--sage-800);border-radius:0 9px 9px 0;background:rgba(255,253,250,.75)}
.faq-answer-label{color:var(--sage-800)}
.faq-answer p{color:var(--sage-muted)}

/* Closing CTA and footer */
.landing-final{background:var(--sage-800);color:#fff}
.landing-final .landing-kicker{color:#dce8df}
.landing-final h2{color:#fff}
.landing-final p:not(.landing-kicker){color:#e1ebe4}
.landing-button--light{border-color:#fffdfa;background:#fffdfa;color:var(--sage-950)!important}
.landing-button--light:hover{background:#f2eadb}
.landing-footer{border-color:#c8d2c9;background:#e4eae1;color:var(--sage-ink)}
.footer-brand p{color:var(--sage-muted)}
.landing-footer nav strong{color:var(--sage-950)}
.landing-footer nav a{color:var(--sage-muted)}
.landing-footer nav a:hover{color:var(--sage-800)}
.landing-footer-grid>small{border-color:#c9d2c9;color:#718079}

/* Scroll story: each chapter enters with its own readable rhythm. */
.landing-motion-section{position:relative}
.landing-motion-section::after{content:"";position:absolute;z-index:3;top:0;right:clamp(24px,6vw,84px);left:clamp(24px,6vw,84px);height:1px;background:linear-gradient(90deg,transparent,rgba(56,94,82,.34) 22%,rgba(197,138,53,.48) 50%,rgba(56,94,82,.34) 78%,transparent);pointer-events:none;opacity:0;transform:scaleX(.12);transform-origin:center;transition:opacity .45s ease-out,transform .75s cubic-bezier(.16,1,.3,1)}
.landing-motion-section.is-section-visible::after{opacity:1;transform:scaleX(1)}
.landing-final.landing-motion-section::after{background:linear-gradient(90deg,transparent,rgba(255,253,250,.46),transparent)}

.landing-page [data-reveal="heading"]{opacity:1;transform:none}
.landing-page [data-reveal="heading"] .landing-kicker,
.landing-page [data-reveal="heading"] h2,
.landing-page [data-reveal="heading"]>p{opacity:0;transition:opacity .48s ease-out,transform .58s cubic-bezier(.16,1,.3,1),clip-path .58s cubic-bezier(.16,1,.3,1)}
.landing-page [data-reveal="heading"] .landing-kicker{transform:translate3d(0,14px,0)}
.landing-page [data-reveal="heading"] h2{transform:translate3d(0,32px,0);clip-path:inset(0 0 100% 0)}
.landing-page [data-reveal="heading"]>p{transform:translate3d(0,22px,0)}
.landing-page [data-reveal="heading"].is-visible .landing-kicker,
.landing-page [data-reveal="heading"].is-visible h2,
.landing-page [data-reveal="heading"].is-visible>p{opacity:1;transform:none;clip-path:inset(0)}
.landing-page [data-reveal="heading"].is-visible h2{transition-delay:55ms}
.landing-page [data-reveal="heading"].is-visible>p{transition-delay:125ms}

.landing-page [data-reveal="copy-left"],
.landing-page [data-reveal="copy-right"]{--copy-enter-x:-34px;opacity:1;transform:none}
.landing-page [data-reveal="copy-right"]{--copy-enter-x:34px}
.landing-page [data-reveal="copy-left"]>* ,
.landing-page [data-reveal="copy-right"]>*{opacity:0;transform:translate3d(var(--copy-enter-x),18px,0);transition:opacity .48s ease-out,transform .58s cubic-bezier(.16,1,.3,1)}
.landing-page [data-reveal="copy-left"].is-visible>* ,
.landing-page [data-reveal="copy-right"].is-visible>*{opacity:1;transform:none}
.landing-page [data-reveal^="copy-"].is-visible>*:nth-child(2){transition-delay:50ms}
.landing-page [data-reveal^="copy-"].is-visible>*:nth-child(3){transition-delay:100ms}
.landing-page [data-reveal^="copy-"].is-visible>*:nth-child(4){transition-delay:150ms}

.landing-page [data-reveal="panel-left"],
.landing-page [data-reveal="panel-right"]{transition:opacity .52s ease-out,transform .62s cubic-bezier(.16,1,.3,1)}
.landing-page [data-reveal="panel-left"]{transform:translate3d(-52px,20px,0) scale(.975) rotate(-.55deg)}
.landing-page [data-reveal="panel-right"]{transform:translate3d(52px,20px,0) scale(.975) rotate(.55deg)}
.landing-page [data-reveal="panel-left"].is-visible,
.landing-page [data-reveal="panel-right"].is-visible{opacity:1;transform:none}

.landing-page [data-reveal="stage"]{transform:translate3d(0,42px,0) scale(.97);clip-path:inset(7% 0 0 0 round 18px);transition:opacity .55s ease-out,transform .66s cubic-bezier(.16,1,.3,1),clip-path .66s cubic-bezier(.16,1,.3,1)}
.landing-page [data-reveal="stage"].is-visible{opacity:1;transform:none;clip-path:inset(0 round 18px)}

.landing-page [data-reveal="stagger-cards"],
.landing-page [data-reveal="stagger-list"]{opacity:1;transform:none}
.landing-page [data-reveal="stagger-cards"]>*{opacity:0;transform:translate3d(-14px,34px,0) scale(.97) rotate(-.35deg);transition:opacity .44s ease-out,transform .56s cubic-bezier(.16,1,.3,1)}
.landing-page [data-reveal="stagger-cards"]>*:nth-child(even){transform:translate3d(14px,34px,0) scale(.97) rotate(.35deg)}
.landing-page [data-reveal="stagger-cards"].is-visible>*{opacity:1;transform:none}
.landing-page [data-reveal="stagger-cards"].is-visible>*:nth-child(2){transition-delay:55ms}
.landing-page [data-reveal="stagger-cards"].is-visible>*:nth-child(3){transition-delay:110ms}
.landing-page [data-reveal="stagger-cards"].is-visible>*:nth-child(4){transition-delay:165ms}
.landing-page [data-reveal="stagger-list"]>*{opacity:0;transform:translate3d(10px,20px,0);transition:opacity .4s ease-out,transform .5s cubic-bezier(.16,1,.3,1)}
.landing-page [data-reveal="stagger-list"].is-visible>*{opacity:1;transform:none}
.landing-page [data-reveal="stagger-list"].is-visible>*:nth-child(2){transition-delay:40ms}
.landing-page [data-reveal="stagger-list"].is-visible>*:nth-child(3){transition-delay:80ms}
.landing-page [data-reveal="stagger-list"].is-visible>*:nth-child(4){transition-delay:120ms}
.landing-page [data-reveal="stagger-list"].is-visible>*:nth-child(5){transition-delay:160ms}
.landing-page [data-reveal="stagger-list"].is-visible>*:nth-child(6){transition-delay:200ms}
.landing-page [data-reveal="stagger-list"].is-visible>*:nth-child(7){transition-delay:240ms}
.landing-page [data-reveal="stagger-list"].is-visible>*:nth-child(8){transition-delay:280ms}

.landing-page [data-reveal="final"]{opacity:1;transform:none}
.landing-page [data-reveal="final"]>*{opacity:0;transform:translate3d(0,30px,0);transition:opacity .48s ease-out,transform .6s cubic-bezier(.16,1,.3,1)}
.landing-page [data-reveal="final"].is-visible>*{opacity:1;transform:none}
.landing-page [data-reveal="final"].is-visible>.landing-button{transition-delay:110ms}

/* Secret confetti: no third-party script and no pointer interception. */
.landing-confetti-layer{position:fixed;z-index:1000;inset:0;overflow:hidden;pointer-events:none;contain:layout style paint}
.landing-confetti-piece{position:fixed;left:var(--confetti-start-x);top:var(--confetti-start-y);width:8px;height:13px;border-radius:2px;background:var(--confetti-color);opacity:0;animation:landingConfettiBurst var(--confetti-duration) cubic-bezier(.16,.72,.26,1) var(--confetti-delay) forwards}
.landing-confetti-piece--1{width:10px;height:10px;border-radius:50%}
.landing-confetti-piece--2{width:5px;height:15px;border-radius:999px}
.landing-confetti-piece--3{width:12px;height:8px;border-radius:1px;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}

@media(prefers-reduced-motion:no-preference){
  .landing-botanical{animation:landingBotanicalReveal .9s .18s cubic-bezier(.16,1,.3,1) both}
  .landing-logo img{animation:landingLogoSettle .55s .08s cubic-bezier(.16,1,.3,1) both}
  .product-window{animation:landingDashboardSettle .7s .12s cubic-bezier(.16,1,.3,1) both}
  @keyframes landingBotanicalReveal{from{opacity:0;transform:translateX(-24px) rotate(-3deg)}to{opacity:var(--botanical-opacity);transform:none}}
  @keyframes landingLogoSettle{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
  @keyframes landingDashboardSettle{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
  @keyframes landingConfettiBurst{
    0%{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(.72)}
    46%{opacity:1;transform:translate(var(--confetti-mid-x),var(--confetti-mid-y)) rotate(calc(var(--confetti-spin) * .58)) scale(1)}
    100%{opacity:0;transform:translate(var(--confetti-end-x),var(--confetti-end-y)) rotate(var(--confetti-spin))}
  }
}

@media(max-width:1080px){
  .landing-botanical{--botanical-opacity:.5;left:-86px;bottom:64px;width:200px;height:472px}
  .landing-secret-leaf{left:48px;top:384px}
  .landing-vine{right:-30px;width:146px;opacity:.66}
}

@media(max-width:820px){
  .landing-vine{top:540px;right:-28px;bottom:90px;width:96px;opacity:.52}
  .landing-vine-node{width:104px;height:66px}
  .landing-vine-node--small{width:88px;height:55px}
}

@media(max-width:760px){
  .landing-header{background:rgba(255,253,250,.96)}
  .landing-botanical{--botanical-opacity:.4;left:-64px;top:96px;bottom:auto;width:142px;height:336px}
  .landing-secret-leaf{left:24px;top:276px}
  .landing-page [data-reveal="panel-left"]{transform:translate3d(-28px,18px,0) scale(.98)}
  .landing-page [data-reveal="panel-right"]{transform:translate3d(28px,18px,0) scale(.98)}
  .landing-page [data-reveal="copy-left"],.landing-page [data-reveal="copy-right"]{--copy-enter-x:0px}
}

@media(max-width:560px){
  .landing-login{display:none}
  .landing-hero{padding-top:58px}
  .landing-botanical{--botanical-opacity:.34;left:-52px;top:88px;width:118px;height:279px}
  .landing-secret-leaf{left:14px;top:230px}
  .product-window,.map-demo-shell,.mastery-card,.mistake-sheet,.analysis-paper{border-radius:13px}
  .landing-vine{right:-18px;width:84px;opacity:.44}
}

@media(prefers-reduced-motion:reduce){
  .landing-confetti-piece{display:none}
  .landing-botanical,.landing-logo img,.product-window{animation:none!important}
  .landing-scroll-progress{display:none}
  .landing-motion-section::after{opacity:1;transform:none;transition:none}
  .landing-page [data-reveal="heading"] .landing-kicker,.landing-page [data-reveal="heading"] h2,.landing-page [data-reveal="heading"]>p,.landing-page [data-reveal^="copy-"]>*,.landing-page [data-reveal="stagger-cards"]>*,.landing-page [data-reveal="stagger-list"]>*,.landing-page [data-reveal="final"]>*{opacity:1!important;transform:none!important;clip-path:none!important}
  .landing-page [data-reveal="stage"]{clip-path:none!important}
  .landing-vine{opacity:.48}
  .landing-vine-node{transition:none!important;animation:none!important}
}

/* Selectable PDF previews: native buttons, clear state, and legible data labels. */
.landing-botanical{z-index:4}
.landing-botanical .landing-secret-leaf{left:calc(50% - 15px);top:calc(35% - 27px);width:54px;height:54px}
.landing-secret-leaf:focus-visible{outline:3px solid var(--sage-gold);outline-offset:3px}
.landing-secret-leaf.is-celebrating{outline-offset:3px}
.pdf-chips .pdf-chip{grid-column:span 2;min-height:52px;padding:0 15px;display:flex;align-items:center;justify-content:flex-start;gap:7px;border:1px solid rgba(247,243,232,.16);background:rgba(247,243,232,.025);color:#aeb8bc;font-family:var(--font-sans);font-size:clamp(12px,.85vw,13px);font-weight:700;line-height:1.25;text-align:left;cursor:pointer;touch-action:manipulation;transition:border-color .22s ease,background-color .22s ease,transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s ease}
.pdf-chips .pdf-chip:nth-child(4){grid-column:2/span 2}
.pdf-chips .pdf-chip:nth-child(5){grid-column:4/span 2}
.pdf-chips .pdf-chip.is-selected{border-color:rgba(215,168,77,.64);background:rgba(215,168,77,.13);color:#f5e5bd;box-shadow:0 10px 24px rgba(0,0,0,.14)}
.pdf-chips .pdf-chip:hover{border-color:rgba(215,168,77,.42);background:rgba(215,168,77,.07);transform:translateY(-2px)}
.pdf-chips .pdf-chip:active{transform:scale(.98)}
.pdf-chips .pdf-chip:focus-visible{outline:3px solid var(--land-gold);outline-offset:3px}
.analysis-paper-head small{font-size:10px}
.analysis-paper-head strong{font-size:clamp(21px,1.7vw,25px)}
.analysis-paper-head>span{font-size:11px}
.analysis-stats strong{font-size:clamp(22px,2vw,27px)}
.analysis-stats small,.analysis-bars b,.analysis-bars small,.analysis-paper>p{font-size:12px}
.analysis-bars span{grid-template-columns:70px 1fr 24px}
.analysis-paper>p{line-height:1.55}
.analysis-visual .analysis-paper{transition:opacity .13s ease-out,transform .13s ease-out}
.analysis-visual.is-switching .analysis-paper{opacity:0;transform:translate3d(10px,0,0) scale(.987)}

@media(max-width:560px){
  .landing-botanical .landing-secret-leaf{width:50px;height:50px;left:calc(50% - 13px);top:calc(35% - 25px)}
  .pdf-chips .pdf-chip,.pdf-chips .pdf-chip:nth-child(4),.pdf-chips .pdf-chip:nth-child(5){grid-column:auto;min-height:52px;padding-inline:13px;font-size:13px}
  .pdf-chips .pdf-chip:nth-child(5){grid-column:1/-1;justify-content:center}
  .analysis-bars span{grid-template-columns:62px 1fr 24px}
  .analysis-paper>p{font-size:12px}
}

/* Public typography polish: real supporting copy never drops into mockup-sized 7–9px
   labels. Dense product previews keep hierarchy, but their floor is now readable. */
.landing-page .product-welcome small,
.landing-page .product-score small,
.landing-page .product-next small,
.landing-page .product-metrics small,
.landing-page .floating-note small { font-size: 11px; line-height: 1.4; }
.landing-page .product-welcome > span,
.landing-page .product-score p,
.landing-page .product-next p,
.landing-page .product-next button { font-size: 11.5px; }
.landing-page .floating-note strong { font-size: 13px; }

.landing-page .map-demo-top > span,
.landing-page .map-tabs button,
.landing-page .demo-label,
.landing-page .map-demo-controls > small,
.landing-page .map-caption,
.landing-page .map-demo-legend { font-size: 11px; }
.landing-page .map-demo-controls > p,
.landing-page .map-demo-detail > p,
.landing-page .map-demo-detail li,
.landing-page .layer-list span { font-size: 12px; }

.landing-page .step-number { font-size: 12px; }
.landing-page .mastery-points b { font-size: 14px; }
.landing-page .mastery-points small { font-size: 13px; line-height: 1.45; }
.landing-page .mastery-card-head small,
.landing-page .mastery-score-row > strong small,
.landing-page .mastery-score-row > span,
.landing-page .mastery-subjects b,
.landing-page .mastery-subjects small,
.landing-page .mastery-alert small { font-size: 11px; }
.landing-page .mastery-alert strong { font-size: 12px; }

.landing-page .learning-feature > small,
.landing-page .lesson-preview span { font-size: 12px; }
.landing-page .flashcard-demo small { font-size: 11px; }
.landing-page .mistake-head small,
.landing-page .mistake-question > small,
.landing-page .mistake-meta small,
.landing-page .test-card > small { font-size: 11px; }
.landing-page .mistake-question > span,
.landing-page .mistake-meta span { font-size: 12px; }
.landing-page .analysis-paper-head small,
.landing-page .analysis-paper-head > span,
.landing-page .analysis-stats small,
.landing-page .analysis-bars b,
.landing-page .analysis-bars small,
.landing-page .analysis-paper > p { font-size: 12px; }
.landing-page .faq-question small,
.landing-page .faq-answer-label { font-size: 11px; }
.landing-page .landing-footer-grid > small { font-size: 12px; }

/* Hover is feedback, not decoration: static cards stay still; real controls only change
   colour/border. This also prevents pointer-only movement from making the page feel busy. */
.landing-page .landing-button:hover { transform: none; }
.landing-page .test-card:hover { transform: none; box-shadow: none; }
.landing-page .faq-list details:hover { transform: none; border-color: var(--sage-line); }
.landing-page .pdf-chips span:hover { border-color: transparent; background: transparent; transform: none; }
.landing-page .pdf-chips .pdf-chip:hover { transform: none; box-shadow: none; }

/* Analysis exports: one editorial index, not a collection of button-like cards. */
.analysis-output-index {
  max-width: 620px;
  margin-top: 34px;
  border-top: 1px solid var(--sage-line);
  color: var(--sage-950);
}
.analysis-output-head {
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border-bottom: 1px solid var(--sage-line);
  color: var(--sage-muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.analysis-output-head strong {
  color: var(--sage-800);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
}
.analysis-output-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
}
.analysis-output-list li {
  min-width: 0;
  min-height: 82px;
  position: relative;
  padding: 17px 18px 17px 0;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 10px;
  border-bottom: 1px solid var(--sage-line);
}
.analysis-output-list li:nth-child(even) {
  padding-right: 0;
  padding-left: 20px;
  border-left: 1px solid var(--sage-line);
}
.analysis-output-list li:last-child {
  grid-column: 1 / -1;
  padding-right: 0;
}
.analysis-output-number {
  align-self: start;
  padding-top: 2px;
  color: var(--sage-gold);
  font-family: var(--font-serif);
  font-size: 14px;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}
.analysis-output-copy { min-width: 0; }
.analysis-output-copy strong,
.analysis-output-copy small { display: block; }
.analysis-output-copy strong {
  color: var(--sage-950);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.3;
}
.analysis-output-copy small {
  margin-top: 5px;
  color: var(--sage-muted);
  font-size: 12px;
  line-height: 1.4;
}
@media (max-width: 560px) {
  .analysis-output-index { margin-top: 28px; }
  .analysis-output-list { grid-template-columns: 1fr; }
  .analysis-output-list li,
  .analysis-output-list li:nth-child(even),
  .analysis-output-list li:last-child {
    grid-column: auto;
    min-height: 76px;
    padding: 15px 0;
    border-left: 0;
  }
  .analysis-output-head { font-size: 10px; }
  .analysis-output-copy strong { font-size: 14px; }
  .analysis-output-copy small { font-size: 12px; }
}