:root{--ink:#172e42;--blue:#1764c5;--paper:#f6f5f0;--line:#d4dce0;--muted:#61717d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{min-height:90px;display:flex;align-items:center;gap:38px;padding:15px 5vw;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{font-weight:800;letter-spacing:.1em;display:flex;align-items:center;gap:12px;font-size:15px}.mark{display:grid;place-items:center;width:37px;height:43px;background:var(--blue);color:white;font:38px Georgia;border-radius:3px 3px 17px 3px}.brand-note{font-size:10px;font-weight:500;letter-spacing:.05em;color:var(--muted)}nav{margin-left:auto;display:flex;gap:26px;font-size:13px}.lang{border:1px solid var(--line);background:none;border-radius:99px;padding:7px 15px}main>section{padding:85px 7vw;max-width:1600px;margin:auto}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:6vw;align-items:center;padding-top:65px;padding-bottom:65px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--blue);margin:0 0 20px}h1,h2,h3,p{margin-top:0}h1,h2{white-space:pre-line;letter-spacing:-.055em;line-height:1.07;font-weight:560}h1{font-size:clamp(45px,5.4vw,84px);margin-bottom:27px}h2{font-size:clamp(33px,3.5vw,54px);margin-bottom:24px}h3{font-size:22px;letter-spacing:-.025em;line-height:1.3}.intro{font-size:18px;color:var(--muted);max-width:560px}.actions{display:flex;align-items:center;gap:26px;margin-top:30px;font-size:14px}.button{display:inline-block;background:var(--blue);color:white;padding:15px 22px;border-radius:4px}.hero-note{display:flex;gap:9px;align-items:center;font-size:11px;color:var(--muted);margin-top:30px}.dot{width:6px;height:6px;background:var(--blue);border-radius:50%}.hero-art{position:relative;padding-bottom:25px}.hero-art img{width:100%;border-radius:140px 140px 8px 8px;display:block;background:#d9e7ec}.floating-word{position:absolute;bottom:38px;left:-24px;padding:18px 24px;background:white;box-shadow:0 14px 40px #163d5714;border-radius:4px;transform:rotate(-3deg)}.floating-word span{display:block;font:38px Georgia;color:var(--blue)}.floating-word small{font-size:10px}.coordinate{display:block;position:absolute;bottom:0;right:0;font-size:10px;color:var(--muted);letter-spacing:.15em}.ticker{overflow:hidden;background:var(--blue);color:white;font-size:15px;letter-spacing:.3em;padding:15px 0;white-space:nowrap}.ticker span{display:inline-block;min-width:100%;animation:drift 32s linear infinite}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:36px}.section-head>p{max-width:330px;font-size:14px;color:var(--muted)}.lessons{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.lesson{background:transparent;text-align:left;border:1px solid var(--line);padding:26px 23px;min-height:230px;position:relative;color:var(--ink);transition:.25s}.lesson:hover{background:#e8eff5;transform:translateY(-5px);border-color:var(--blue)}.lesson-num{color:var(--muted);font-size:11px;letter-spacing:.15em}.lesson h3{margin-top:37px;max-width:175px}.lesson small{font-size:11px;color:var(--muted)}.lesson-arrow{position:absolute;right:18px;top:17px;font-size:24px;color:var(--blue)}.sounds{display:grid;grid-template-columns:1fr 1.2fr;gap:25px 7vw;background:#e9eef0}.sounds>div>p{max-width:440px;font-size:14px;color:var(--muted)}.sound-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.sound-grid article{border-top:1px solid #bdcbd4;padding-top:10px}.sound-grid b{font:55px Georgia;color:var(--blue);margin-right:22px}.sound-grid span{font-size:16px}.sound-grid p{font-size:12px;color:var(--muted)}.sound-note{grid-column:1/-1;color:var(--muted);font-size:11px}.phrase-tools{display:flex;justify-content:space-between;align-items:center;margin:20px 0}.tabs{display:flex;gap:8px}.tab{border:1px solid var(--line);border-radius:30px;padding:7px 16px;background:transparent;color:var(--ink);font-size:12px}.tab.active{background:var(--ink);border-color:var(--ink);color:white}.text-button{border:0;background:none;padding:8px 0;border-bottom:1px solid currentColor;color:var(--blue);font-size:12px}.phrase-list{border-top:1px solid var(--line)}.phrase{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-bottom:1px solid var(--line);padding:19px 0}.phrase strong{font-weight:500;font-size:21px}.phrase span{color:var(--muted);font-size:15px;align-self:center}.phrase[hidden]{display:none}.hide-translations .translation{visibility:hidden}.practice{display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:var(--ink);color:white}.practice .eyebrow{color:#96c7ff}.practice p{font-size:14px;color:#c0d0da;max-width:420px}.quiz-panel{padding:30px;background:#244054;border:1px solid #456073;border-radius:6px}.quiz-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.15em;margin-bottom:28px;color:#b9d2e0}.quiz-panel button:not(.text-button),#lesson-answers button{display:block;width:100%;text-align:left;padding:12px 15px;margin:7px 0;background:transparent;color:inherit;border:1px solid #6d8493;border-radius:3px}.quiz-panel button:hover{background:#36596f}.quiz-panel .text-button{color:#c2dfff}.grammar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.grammar-tag{font:35px Georgia;color:var(--blue);display:block;margin-bottom:22px}.grammar-grid p{font-size:14px;color:var(--muted)}.culture{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;background:#e7eddf}.culture p{font-size:14px;color:#536455}.culture-art{min-height:370px;background:#21433a;position:relative;color:#dfe9d4;padding:35px;overflow:hidden}.culture-art>span{font-size:14px;letter-spacing:.3em}.culture-art>b{display:block;font-size:40px;line-height:1.1;letter-spacing:-.04em;position:relative;margin-top:140px}.waves{position:absolute;inset:65px -80px;background:repeating-radial-gradient(ellipse at center,transparent 0 12px,#95b79b55 13px 14px,transparent 15px 24px);transform:rotate(-18deg)}.resources{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.resource-list a{display:block;border-bottom:1px solid var(--line);padding:20px 40px 20px 0;position:relative}.resource-list a:first-child{border-top:1px solid var(--line)}.resource-list a>span{font-size:21px}.resource-list p{font-size:12px;color:var(--muted);margin:6px 0 0}.resource-list b{position:absolute;right:5px;top:25px;color:var(--blue);font-size:24px}.about{display:grid;grid-template-columns:1fr 1fr;gap:7vw;border-top:1px solid var(--line)}.about p{font-size:13px;color:var(--muted)}details{border-bottom:1px solid var(--line);padding:15px 0}summary{cursor:pointer;font-size:14px}details p{padding-top:15px}footer{border-top:1px solid var(--line);padding:30px 5vw;display:flex;gap:25px;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:10px;max-width:600px;width:90vw;padding:40px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#10273399;backdrop-filter:blur(5px)}#close-dialog{position:absolute;right:15px;top:10px;font-size:27px;border:0;background:none;color:var(--ink)}#lesson-words article{padding:12px 0;border-bottom:1px solid var(--line)}#lesson-words strong{display:block;font-size:20px}#lesson-words small{color:var(--muted)}#lesson-question{margin-top:25px}#quiz-feedback,#lesson-feedback{min-height:25px}.reveal{animation:rise .6s ease both}@keyframes rise{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes drift{from{transform:translateX(0)}to{transform:translateX(-20%)}}@media(max-width:900px){header{gap:15px}.brand-note{display:none}nav{gap:14px;font-size:11px}.hero{gap:30px}.hero-art{padding-left:10px}.lessons{grid-template-columns:repeat(2,1fr)}.section-head{align-items:start}.grammar-grid{gap:22px}}@media(max-width:620px){header{padding:15px 6vw;min-height:75px}nav{display:none}.lang{margin-left:auto}main>section{padding:55px 6vw}.hero{grid-template-columns:1fr}.hero-art{max-width:360px;margin:10px auto 0}.hero-copy{padding-top:10px}h1{font-size:53px}.intro{font-size:16px}.section-head{display:block}.section-head>p{max-width:100%}.lesson{padding:20px 15px;min-height:210px}.lesson h3{font-size:20px}.sounds,.practice,.culture,.resources,.about{grid-template-columns:1fr;gap:35px}.grammar-grid{grid-template-columns:1fr;gap:20px}.grammar-grid article{border-top:1px solid var(--line);padding-top:20px}.phrase{grid-template-columns:1fr;gap:4px}.phrase strong{font-size:19px}.phrase-tools{display:block}.tabs{margin-bottom:15px}.culture-art{min-height:300px}.culture-art>b{margin-top:95px}footer{align-items:start;flex-direction:column}.actions{gap:20px;font-size:12px}.sound-note{grid-column:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}