:root{--navy:#071b2d;--panel:#102c40;--teal:#64e8cf;--paper:#f3f6f4;--ink:#112c3b;--muted:#506775;--line:#c8d3d5;--white:#f3f9fc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-underline-offset:5px}button,video{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #087967;outline-offset:5px}.skip{position:absolute;top:-80px;left:20px;z-index:9;background:var(--teal);padding:12px}.skip:focus{top:12px}header{display:flex;align-items:center;justify-content:space-between;padding:22px 5vw;background:var(--paper);border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800;line-height:1.25;font-size:18px}.brand img{border-radius:50%}.brand-sub{display:block;font-size:10px;letter-spacing:2px;margin-top:3px}header nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:600}header nav a{text-decoration:none}.nav-join{border:1px solid var(--ink);padding:10px 16px;border-radius:30px}.hero{background:var(--navy);color:var(--white);padding:72px 7vw 65px;position:relative;overflow:hidden}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;display:block}.hero .eyebrow{color:var(--teal)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(52px,7.3vw,112px);line-height:1.05;letter-spacing:-.065em;position:relative;z-index:1;margin:26px 0 42px;font-weight:800}.hero h1 em{font-family:Georgia,serif;letter-spacing:-.06em;font-weight:400;color:var(--teal)}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:38px;position:relative;z-index:1}.hero-bottom p{max-width:540px;font-size:18px;color:#c3d4df;margin:0}.hero-actions{display:flex;flex-direction:column;align-items:start;gap:16px;min-width:290px}.button{background:var(--teal);color:var(--navy);padding:16px 24px;display:inline-block;border-radius:30px;font-weight:700;text-decoration:none;font-size:14px;line-height:1.4}.button:hover{background:#8bf1df}.text-link{font-weight:700;font-size:14px}.hero-mark{position:absolute;width:410px;right:8vw;top:110px;opacity:.15;transform:rotate(-8deg)}.hero-mark img{width:100%;border-radius:50%}.featured,.library,.levels,.join{padding:76px 7vw}.featured{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:8vw;border-bottom:1px solid var(--line)}h2{font-size:clamp(30px,3.3vw,48px);line-height:1.13;letter-spacing:-.04em;font-weight:750}.section-intro h2{margin:22px 0}.section-intro p{font-size:17px;max-width:450px;color:var(--muted)}.video-card{background:var(--navy);border-radius:20px;padding:18px;text-align:center;overflow:hidden}.video-card video{display:block;max-height:440px;width:100%;border-radius:10px;background:var(--navy)}.video-card span{color:#c3d4df;font-size:10px;letter-spacing:1px;display:block;padding-top:16px}.section-heading{display:flex;justify-content:space-between;gap:35px;align-items:end}.section-heading h2{max-width:570px;margin:18px 0 0}.section-heading p{max-width:320px;color:var(--muted);font-size:15px;margin:0}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:35px 0 28px}.filters button{border:1px solid var(--line);background:transparent;color:var(--ink);font-size:13px;padding:9px 16px;border-radius:30px}.filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--white)}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.guide-card{display:flex;flex-direction:column;border-top:2px solid var(--ink);background:#e9efed;border-radius:0 0 12px 12px;padding:26px;text-decoration:none;min-height:255px;transition:background .15s}.guide-card:hover{background:#dde8e4}.guide-card[hidden]{display:none}.card-meta{display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:.7px;text-transform:uppercase;color:var(--muted)}.guide-card h3{font-size:26px;letter-spacing:-.035em;line-height:1.18;margin:24px 0 12px;max-width:390px}.guide-card p{font-size:15px;color:var(--muted);max-width:400px}.read{font-size:12px;font-weight:700;display:flex;justify-content:space-between;margin-top:auto;padding-top:15px}.levels{background:#dfe9e4}.levels h2{margin:18px 0 35px}.levels>div{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.levels article{border-top:1px solid var(--muted);padding-top:20px}.levels article span{font-size:11px;letter-spacing:1.2px}.levels h3{font-size:23px;letter-spacing:-.02em;margin:17px 0 8px}.levels p{color:var(--muted);font-size:15px;max-width:340px}.join{background:var(--navy);color:var(--white)}.join .eyebrow{color:var(--teal)}.join h2{font-size:clamp(40px,5vw,70px);margin:25px 0;letter-spacing:-.05em}.join p{color:#c3d4df;max-width:540px}.join>a:not(.button){display:inline-block;margin:15px 25px;font-size:14px}footer{padding:40px 7vw;display:flex;flex-wrap:wrap;justify-content:space-between;gap:25px;font-size:13px}footer p{color:var(--muted);margin:8px 0}footer nav{display:flex;gap:20px;flex-wrap:wrap}.fine{width:100%;font-size:11px;max-width:800px}.article{max-width:880px;margin:auto;padding:62px 30px 80px}.back{display:block;margin-bottom:35px;font-size:13px}.article h1{font-size:clamp(38px,5vw,66px);line-height:1.08;letter-spacing:-.05em;margin:22px 0}.lede{font-size:21px;line-height:1.5;color:var(--muted)}.byline{font-size:12px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:22px}.article section{margin-top:45px}.article h2{font-size:32px;margin-bottom:22px}.article h3{font-size:20px;letter-spacing:-.02em}.article p{font-size:17px}.lesson-video video{width:100%;max-height:580px;display:block;background:var(--navy);border-radius:15px}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-size:15px;font-weight:700}details h3{margin:28px 0 12px}.steps{padding-left:28px}.steps li{padding-left:12px;margin-bottom:26px}.steps li::marker{font-weight:700;color:#087967}.steps h3{margin-bottom:8px}.prompt-block{background:var(--navy);padding:30px;border-radius:14px;color:var(--white)}.prompt-block>div{display:flex;align-items:center;justify-content:space-between;gap:20px}.prompt-block h2{font-size:25px;margin:0}.prompt-block p{font-size:17px;color:#d2e3eb;margin:22px 0 0;line-height:1.7}.copy{color:var(--navy);background:var(--teal);border:none;border-radius:25px;padding:10px 15px;font-size:12px;font-weight:700;white-space:nowrap}.review-block{border-top:2px solid var(--ink);padding-top:25px}.review-block .eyebrow{margin-bottom:20px}.level-list{padding-left:22px}.level-list li{margin:12px 0}.article-join{margin-top:50px;padding:30px;background:#dfe9e4;border-radius:14px}.article-join h2{font-size:28px}.related{display:grid;gap:15px}.related .guide-card{min-height:180px}.related .guide-card h3{max-width:none;font-size:23px}.faq-item{border-top:1px solid var(--line);padding-top:25px}.faq-item h2{font-size:25px}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--white);padding:10px 20px;border-radius:30px;opacity:0;pointer-events:none;font-size:14px}.toast.visible{opacity:1}@media(max-width:700px){header{padding:18px 5vw}.brand{font-size:15px}.brand img{width:38px;height:38px}.brand-sub{font-size:8px;letter-spacing:1px}header nav{gap:10px}header nav>a:not(.nav-join){display:none}.nav-join{font-size:11px;padding:9px 12px}.hero{padding:50px 6vw}.hero h1{font-size:58px}.hero-mark{width:220px;right:-65px;top:100px;opacity:.12}.hero-bottom{display:block}.hero-bottom p{font-size:16px}.hero-actions{margin-top:30px}.featured,.library,.levels,.join{padding:48px 6vw}.featured{grid-template-columns:1fr;gap:32px}.video-card video{max-height:420px}.section-heading{display:block}.section-heading p{margin-top:20px}.guide-grid{grid-template-columns:1fr}.levels>div{grid-template-columns:1fr;gap:18px}.guide-card{min-height:245px}.join>a:not(.button){margin-left:0;display:block}.article{padding:40px 6vw 65px}.article h1{font-size:42px}.lede{font-size:19px}.prompt-block{padding:24px}.prompt-block>div{align-items:start}.prompt-block h2{font-size:22px}.prompt-block p{font-size:16px}footer{padding:35px 6vw}footer nav{gap:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.guide-card{transition:none}}
