:root{color-scheme:light;--paper: #f7f1e3;--paper-strong: #fffaf0;--ink: #141b18;--muted: #617066;--line: #d9cfba;--green: #1f6b4f;--green-dark: #123f2d;--orange: #cf6730;--blue: #285f7f;--blue-soft: #d8e8ed;--mint: #ddebdc;--shadow: 0 24px 70px rgba(20, 27, 24, .14);font-family:Avenir Next,Segoe UI,Helvetica Neue,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--ink);background:var(--paper)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid rgba(207,103,48,.45);outline-offset:4px}.site-shell{overflow:hidden}.site-nav{position:fixed;top:0;left:0;z-index:20;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;width:100%;padding:18px clamp(18px,4vw,54px);border-bottom:1px solid rgba(255,250,240,.24);color:var(--paper-strong);background:#141b18b8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:12px;width:fit-content;font-weight:850}.brand-mark{display:grid;width:40px;height:40px;place-items:center;border:1px solid rgba(255,250,240,.32);border-radius:7px;color:var(--ink);background:var(--paper-strong);box-shadow:inset 0 -4px #141b181f}.nav-links{display:flex;justify-content:center;gap:clamp(16px,4vw,42px);color:#fffaf0c7;font-size:.94rem;font-weight:720}.nav-links a:hover,.nav-cta:hover{color:var(--paper-strong)}.nav-cta{min-height:38px;padding:9px 14px;border:1px solid rgba(255,250,240,.32);border-radius:7px;color:var(--paper-strong);font-weight:800}.hero{position:relative;display:grid;min-height:92vh;padding:clamp(118px,15vh,168px) clamp(18px,6vw,76px) 70px;color:var(--paper-strong);background:linear-gradient(90deg,#141b18eb,#141b18a3 48%,#141b1861),linear-gradient(180deg,#141b1800,#141b18db),#1e3029}.hero:before{position:absolute;inset:0;content:"";background:linear-gradient(90deg,rgba(255,250,240,.06) 1px,transparent 1px),linear-gradient(rgba(255,250,240,.05) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 16%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 16%,#000 88%,transparent)}.hero-content{position:relative;z-index:2;align-self:center;max-width:880px}.eyebrow{margin:0 0 12px;color:#ffba88;font-size:.74rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:22px;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.1rem,8vw,8rem);font-weight:500;line-height:.92;letter-spacing:0;text-wrap:balance}h2{margin-bottom:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,4vw,4.6rem);font-weight:500;line-height:1;letter-spacing:0;text-wrap:balance}h3{margin-bottom:10px;font-size:1.05rem;line-height:1.25}.hero-copy{max-width:680px;margin-bottom:30px;color:#fffaf0d1;font-size:clamp(1.05rem,1.7vw,1.35rem);line-height:1.55}.hero-actions,.preview-actions{display:flex;flex-wrap:wrap;gap:12px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 18px;border:1px solid transparent;border-radius:7px;font-weight:850;transition:transform .18s ease,background-color .18s ease,color .18s ease}.primary-button{color:var(--paper-strong);background:var(--orange)}.secondary-button{color:var(--paper-strong);border-color:#fffaf05c;background:#fffaf014}.primary-button:hover,.secondary-button:hover{transform:translateY(-2px)}.hero-proof{position:absolute;right:clamp(18px,6vw,76px);bottom:24px;left:clamp(18px,6vw,76px);z-index:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(255,250,240,.22)}.hero-proof span{min-height:54px;padding:16px 18px 0 0;color:#fffaf0c2;font-weight:800}.hero-scene{position:absolute;top:18%;right:clamp(-120px,-6vw,-36px);z-index:1;width:min(720px,56vw);height:min(560px,64vh);color:var(--ink);transform:rotate(-4deg)}.source-sheet,.lesson-window,.voice-tile,.vocab-strip{position:absolute;border:1px solid rgba(255,250,240,.24);border-radius:8px;background:#fffaf0e6;box-shadow:0 30px 70px #0000003d}.source-sheet{top:10%;left:4%;width:42%;min-height:230px;padding:20px;transform:rotate(-8deg)}.sheet-tag{display:inline-flex;margin-bottom:18px;padding:6px 10px;border-radius:999px;color:var(--paper-strong);background:var(--green);font-size:.78rem;font-weight:850}.source-sheet p{margin-bottom:14px;color:var(--muted);line-height:1.5}.lesson-window{top:22%;right:4%;width:58%;min-height:320px;padding:18px;background:var(--paper-strong)}.window-bar{display:flex;gap:7px;margin-bottom:26px}.window-bar span{width:10px;height:10px;border-radius:50%;background:var(--line)}.lesson-line{width:72%;height:13px;margin-bottom:13px;border-radius:999px;background:#d8e0d2}.lesson-line.wide{width:92%;background:var(--green)}.lesson-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:34px}.lesson-grid span,.vocab-strip span{display:grid;min-height:54px;place-items:center;border-radius:7px;color:var(--green-dark);background:var(--mint);font-size:.76rem;font-weight:850}.voice-tile{right:2%;bottom:4%;display:flex;align-items:center;gap:10px;min-height:74px;padding:0 18px;color:var(--paper-strong);background:var(--orange)}.vocab-strip{bottom:18%;left:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:60%;padding:10px;transform:rotate(7deg)}.problem-band,.feature-section,.flow-section,.practice-section,.start-section{padding:clamp(64px,10vw,132px) clamp(18px,6vw,76px)}.problem-band{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,520px);gap:clamp(28px,6vw,90px);align-items:end;color:var(--paper-strong);background:var(--green-dark)}.problem-band p:last-child,.practice-copy p,.start-section p{margin-bottom:0;color:#fffaf0b8;font-size:1.06rem;line-height:1.65}.feature-section{background:linear-gradient(90deg,rgba(20,27,24,.045) 1px,transparent 1px),linear-gradient(rgba(20,27,24,.04) 1px,transparent 1px),var(--paper);background-size:36px 36px}.section-kicker{max-width:820px;margin-bottom:clamp(30px,5vw,56px)}.feature-section .eyebrow,.flow-section .eyebrow,.practice-section .eyebrow,.start-section .eyebrow{color:var(--orange)}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.feature-card{min-height:270px;padding:24px;border:1px solid var(--line);border-radius:8px;background:#fffaf0c7;box-shadow:var(--shadow)}.feature-card svg{margin-bottom:34px;color:var(--green)}.feature-card p,.flow-list li,.product-preview span{color:var(--muted);line-height:1.55}.flow-section{color:var(--paper-strong);background:var(--ink)}.flow-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0;padding:1px;background:#fffaf033;list-style:none}.flow-list li{display:grid;gap:56px;min-height:230px;padding:22px;color:#fffaf0b8;background:var(--ink)}.flow-list span{color:#ffba88;font-weight:850}.flow-list strong{color:var(--paper-strong);font-family:Georgia,Times New Roman,serif;font-size:clamp(1.35rem,2vw,2rem);font-weight:500;line-height:1.05}.practice-section{display:grid;grid-template-columns:minmax(0,.86fr) minmax(320px,.74fr);gap:clamp(28px,6vw,86px);align-items:center;background:var(--paper-strong)}.practice-copy p{max-width:600px;color:var(--muted)}.product-preview{min-height:420px;padding:26px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(140deg,rgba(40,95,127,.14),transparent 42%),var(--paper);box-shadow:var(--shadow)}.preview-header{display:flex;align-items:center;gap:10px;margin-bottom:54px;font-weight:850}.preview-row{display:flex;justify-content:space-between;gap:18px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--line)}.preview-row strong{text-align:right}.preview-progress{height:12px;margin-bottom:34px;overflow:hidden;border-radius:999px;background:#e5dcc8}.preview-progress span{display:block;width:62%;height:100%;border-radius:inherit;background:var(--green)}.preview-actions span{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 11px;border-radius:999px;color:var(--green-dark);background:var(--mint);font-size:.86rem;font-weight:850}.start-section{min-height:68vh;color:var(--paper-strong);background:linear-gradient(90deg,#141b18db,#141b188f),var(--blue)}.start-section h2,.start-section p{max-width:820px}.start-section p{margin:22px 0 30px}@media(max-width:1040px){.hero-scene{opacity:.46;right:-180px;width:760px}.feature-grid,.flow-list{grid-template-columns:repeat(2,minmax(0,1fr))}.problem-band,.practice-section{grid-template-columns:1fr}}@media(max-width:760px){.site-nav{grid-template-columns:auto auto}.nav-links{display:none}.nav-cta{justify-self:end}.hero{min-height:94vh;padding-top:108px}.hero-scene{top:44%;right:-260px;width:680px;opacity:.28}.hero-proof{grid-template-columns:1fr;bottom:14px}.hero-proof span{min-height:34px;padding-top:8px}.feature-grid,.flow-list{grid-template-columns:1fr}.flow-list li{min-height:160px;gap:30px}}@media(max-width:520px){h1{font-size:3rem}.brand span:last-child{display:none}.hero-actions,.primary-button,.secondary-button{width:100%}.problem-band,.feature-section,.flow-section,.practice-section,.start-section{padding-right:16px;padding-left:16px}.product-preview{min-height:360px;padding:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}