@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&family=Montserrat:wght@600;700;800&display=swap";
:root{--bg:#efeae4;--surface:#ffffffd1;--surface-strong:#fbf8f4;--line:#08100f1a;--text:#08100f;--muted:#49605c;--accent:#46ada3;--accent-dark:#0f6972;--accent-soft:#46ada31f;--pink:#d064a3;--blue:#109bd3;--shadow:0 20px 60px #0f697214}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top left, #46ada329, transparent 32%), radial-gradient(circle at top right, #d064a31a, transparent 26%), linear-gradient(180deg, #f4efe9 0%, var(--bg) 100%);min-height:100vh;color:var(--text);margin:0;font-family:Inter,sans-serif}input,button{font:inherit}a{color:inherit;text-decoration:none}.home-shell{width:min(1120px,100vw - 28px);margin:0 auto;padding:20px 0 104px}.app-frame{min-height:100vh}.hero{border:1px solid var(--line);background:linear-gradient(180deg, #ffffffeb, #f4f9f8db), var(--surface);box-shadow:var(--shadow);border-radius:30px;padding:26px 22px 28px}.hero-home{position:relative;overflow:hidden}.brand-lockup{align-items:center;display:inline-flex}.brand-logo{width:auto;max-width:204px;height:auto}.hero h1,.statement-panel h2,.info-card h2,.portal-header h1,.unit-hero h1,.access-copy h1,.closing-panel h2,.exercise-header h2{margin:0;font-family:Montserrat,sans-serif;font-weight:700;line-height:1.02}.hero h1{max-width:9ch;margin-top:20px;font-size:clamp(2.7rem,8vw,5.8rem)}.lede{max-width:620px;color:var(--muted);margin:18px 0 0;font-size:clamp(1rem,2vw,1.18rem);line-height:1.65}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.primary-link,.secondary-link{border-radius:999px;justify-content:center;align-items:center;min-height:50px;padding:0 20px;font-size:.95rem;transition:transform .16s,background-color .16s;display:inline-flex}.primary-link{background:var(--accent);color:#fff;box-shadow:0 12px 24px #46ada33d}.secondary-link{border:1px solid var(--line);background:#ffffff9e}.primary-link:hover,.secondary-link:hover{transform:translateY(-1px)}.info-card,.statement-panel{border:1px solid var(--line);background:var(--surface-strong);box-shadow:var(--shadow);border-radius:28px}.info-card{padding:24px}.card-label{color:var(--accent-dark);text-transform:uppercase;letter-spacing:.16em;margin-bottom:14px;font-size:.78rem;font-weight:700;display:inline-block}.info-card h2{font-size:1.6rem}.info-card p{color:var(--muted);margin:14px 0 0;line-height:1.7}.chip-row{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.chip{background:#109bd31a;border-radius:999px;padding:10px 14px;font-size:.9rem}.chip-soft{background:var(--accent-soft)}.statement-panel{background:linear-gradient(#fffffff5,#f5f9f8fa);margin-top:24px;padding:24px 22px}.statement-panel h2{max-width:12ch;font-size:clamp(1.9rem,5vw,3.2rem)}.statement-list{gap:12px;margin:20px 0 0;padding:0;list-style:none;display:grid}.statement-list li{border:1px solid var(--line);background:#ffffffc7;border-radius:18px;padding:12px 14px;line-height:1.6}.access-card,.portal-header,.unit-hero,.exercise-panel{border:1px solid var(--line);background:var(--surface-strong);box-shadow:var(--shadow);border-radius:28px}.access-card{gap:18px;padding:22px;display:grid}.access-copy p:last-child{color:var(--muted);line-height:1.7}.access-form{border:1px solid var(--line);background:#ffffffc7;border-radius:22px;align-content:start;gap:16px;padding:18px 16px;display:grid}.field{gap:8px;display:grid}.field span{color:var(--muted);font-size:.9rem}.field input{border:1px solid var(--line);width:100%;min-height:50px;color:var(--text);background:#fff;border-radius:16px;padding:0 14px}.button-link{cursor:pointer;border:0}.form-error{color:var(--accent-dark);margin:0}.hint-box{border:1px solid var(--line);background:#fffc;border-radius:18px;padding:14px}.hint-box p,.hint-box ul{margin:0}.hint-box ul{gap:6px;margin-top:10px;padding-left:18px;display:grid}.portal-header,.unit-hero,.exercise-panel{padding:24px 22px}.card-grid{grid-template-columns:1fr;gap:14px;margin-top:24px;display:grid}.navigation-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffc7;border-radius:24px;padding:20px;display:block}.navigation-card h2{margin:0;font-family:Montserrat,sans-serif;font-size:1.4rem;font-weight:700}.navigation-card p{color:var(--muted);margin:14px 0 0;line-height:1.7}.unit-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px;display:grid}.meta-item{border:1px solid var(--line);background:#fff9;border-radius:18px;padding:16px}.meta-item span,.small-note,.exercise-index{color:var(--muted);font-size:.9rem}.meta-item strong{margin-top:6px;font-size:1rem;display:block}.exercise-header{justify-content:space-between;align-items:end;gap:20px;display:flex}.exercise-list{gap:16px;margin-top:24px;display:grid}.exercise-card{border:1px solid var(--line);background:#ffffffd1;border-radius:22px;padding:20px}.exercise-card h3{margin:8px 0 0;font-family:Montserrat,sans-serif;font-size:1.14rem;line-height:1.5}.exercise-type{text-transform:uppercase;letter-spacing:.08em;margin-left:8px;font-size:.75rem}.option-list{gap:10px;margin-top:16px;display:grid}.option-list-inline{grid-template-columns:repeat(2,minmax(0,1fr))}.option-item{border:1px solid var(--line);background:#ffffffeb;border-radius:16px;align-items:center;gap:10px;padding:12px 14px;display:flex}.feedback,.result-panel{border:1px solid var(--line);background:#109bd314;border-radius:18px;margin-top:16px;padding:14px 16px}.feedback p,.feedback span,.result-panel p,.result-panel h3{margin:0}.feedback span,.result-panel p{color:var(--muted);margin-top:8px;line-height:1.6;display:block}.feedback.good{background:#46ada31f}.result-actions{margin-top:20px}.result-panel h3{font-family:Montserrat,sans-serif;font-size:1.8rem}.brand-pill,.section-kicker{color:var(--accent-dark);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:10px;font-size:.76rem;font-weight:700;display:inline-flex}.brand-pill{background:#46ada31f;border-radius:999px;padding:9px 12px}.brand-mark{background:radial-gradient(circle at 30% 30%, #fff 10%, var(--accent) 68%);border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 3px #46ada324}.stack-section{gap:16px;margin-top:20px;display:grid}.feature-panel,.closing-panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffc;border-radius:28px;padding:22px}.step-list{gap:14px;margin-top:18px;display:grid}.step-item{align-items:flex-start;gap:12px;display:flex}.step-number{background:var(--accent);color:#fff;border-radius:50%;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;font-weight:700;display:inline-flex}.step-item strong,.mini-card strong,.closing-panel h2{font-family:Montserrat,sans-serif}.step-item p,.mini-card p,.statement-copy,.micro-note{color:var(--muted);margin:6px 0 0;line-height:1.6}.mini-card-grid{gap:12px;margin-top:18px;display:grid}.mini-card{border:1px solid var(--line);background:#ffffffe0;border-radius:20px;padding:16px}.chip-row-compact{margin-top:14px}.statement-panel-brand{position:relative}.statement-copy{margin-top:14px}.micro-note{margin-top:18px;font-size:.92rem}.closing-panel{gap:16px;margin-top:24px;display:grid}.closing-panel h2{margin:0;font-size:clamp(1.8rem,5vw,2.8rem);line-height:1.1}.portal-brand,.unit-hero-brand{background:linear-gradient(#fffffff0,#f3faf9e6)}.bottom-nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border:1px solid #08100f14;border-radius:22px;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:min(420px,100vw - 24px);padding:10px 12px;display:grid;position:fixed;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #08100f1f}.bottom-nav__item{color:var(--muted);text-transform:lowercase;border-radius:14px;justify-content:center;padding:10px 0;font-size:.86rem;display:inline-flex}.bottom-nav__item--active{background:var(--accent-soft);color:var(--accent-dark)}@media (max-width:900px){.unit-meta,.access-card{grid-template-columns:1fr}.hero{padding:24px 20px 28px}.home-shell{width:min(100vw - 18px,1120px);padding:14px 0 104px}}