:root{color-scheme:dark;--bg:#050914;--panel:rgba(11,19,41,.8);--accent:var(--color-emerald-400);--mint:var(--color-emerald-300);--muted:var(--color-slate-400);--line:color-mix(in oklab,var(--color-emerald-900) 30%,transparent)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font-family:var(--font-sans);color:#fff;line-height:1.7}a{color:inherit;text-decoration:none}button,summary,a{ -webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:#050914}.wrap{max-width:1280px;margin:auto;padding:0 32px}.notice{background:var(--color-slate-900);color:var(--color-slate-400);text-align:center;padding:8px 16px;font-size:12px;letter-spacing:.06em}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:25px;padding-bottom:25px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:19px}.brand-mark{display:grid;place-items:center;width:33px;height:33px;background:var(--accent);color:var(--color-slate-950);border-radius:10px;font-size:17px}.brand small{display:block;color:var(--muted);font-weight:400;font-size:10px;letter-spacing:.14em}.nav{display:flex;align-items:center;gap:28px;font-size:13px;color:var(--color-slate-300)}.nav a[aria-current=page],.nav a:hover{color:var(--accent)}.nav .nav-cta{border:1px solid color-mix(in oklab,var(--color-emerald-500) 40%,transparent);padding:8px 16px;border-radius:8px;color:var(--accent)}.hero{display:grid;grid-template-columns:1.06fr 1fr;gap:72px;align-items:center;padding-top:76px;padding-bottom:64px}.eyebrow{font-size:11px;letter-spacing:.16em;color:var(--mint);font-weight:700;display:flex;align-items:center;gap:9px}.eyebrow:before{content:"";display:block;width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 18px rgba(16,185,129,.45)}h1{font-size:clamp(34px,3.65vw,52px);line-height:1.24;letter-spacing:-.035em;margin:21px 0 20px;font-weight:900}h1 span{color:var(--accent)}.lead{color:var(--muted);font-size:15px;line-height:1.95;max-width:470px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin:26px 0 17px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:9px;font-size:13px;font-weight:700;padding:12px 20px;background:var(--accent);color:var(--color-slate-950);border:1px solid var(--accent)}.btn:hover{background:var(--color-emerald-400)}.btn.secondary{background:transparent;color:var(--color-slate-200);border-color:var(--color-slate-700)}.hint{font-size:11px;color:var(--color-slate-400)}.panel{padding:25px;background:var(--panel);border:1px solid color-mix(in oklab,var(--color-emerald-500) 25%,transparent);border-radius:20px;box-shadow:0 24px 100px #0005,0 0 60px rgba(16,185,129,.22);position:relative}.panel-head{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--color-slate-400);border-bottom:1px solid color-mix(in oklab,var(--color-emerald-900) 30%,transparent);padding-bottom:17px}.tag{color:var(--accent);border:1px solid color-mix(in oklab,var(--color-emerald-500) 30%,transparent);border-radius:20px;padding:3px 9px;font-size:10px}.sample-label{color:var(--color-slate-400);font-size:10px;text-align:right;margin-top:18px}.sample-title{font-size:13px;color:var(--color-slate-200);margin-top:23px}.sound{display:flex;gap:12px;margin:14px 0}.sound div{flex:1;min-width:0;padding:15px 6px;text-align:center;border:1px solid var(--color-slate-700);border-radius:10px;background:color-mix(in oklab,var(--color-slate-900) 90%,transparent)}.sound strong{display:block;font-size:30px;color:var(--accent);font-family:Georgia,serif;line-height:1.3}.sound small{font-size:11px;color:var(--color-slate-400)}.flow{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--color-slate-400);flex-wrap:wrap;margin-top:18px}.flow span{color:var(--color-emerald-300);padding:5px 9px;background:color-mix(in oklab,var(--color-emerald-500) 20%,transparent);border-radius:5px}.example{font-size:33px;letter-spacing:-.03em;margin:19px 0 8px;line-height:1.45}.example em{font-style:normal;color:var(--accent)}.example-note{color:var(--color-slate-400);font-size:13px;margin-bottom:22px}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini{border-radius:9px;border:1px solid color-mix(in oklab,var(--color-emerald-500) 25%,transparent);padding:12px;background:color-mix(in oklab,var(--color-slate-900) 90%,transparent)}.mini small{display:block;color:var(--color-slate-400);font-size:10px}.mini b{font-size:12px;font-weight:500}.strip{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.strip b{font-size:13px}.strip p{margin:5px 0 0;color:var(--muted);font-size:12px}.strip .num{color:var(--accent);font-size:11px;margin-right:12px;font-family:monospace}.section{padding:57px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:25px}.section-heading h2{font-size:28px;letter-spacing:-.02em;margin:8px 0 0}.section-heading p{color:var(--muted);font-size:13px;max-width:340px;margin:0}.kicker{font-size:10px;color:var(--color-emerald-300);letter-spacing:.16em}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:24px;border:1px solid var(--line);background:rgba(11,19,41,.8);border-radius:14px;min-width:0;transition:border-color .2s}.card:hover{border-color:var(--color-emerald-400)}.card .index{color:var(--mint);font-size:10px;letter-spacing:.1em;font-family:monospace}.card h3{font-size:21px;margin:17px 0 10px}.card p{color:var(--muted);font-size:13px;margin:0 0 20px;min-height:67px}.card .link{font-size:12px;color:var(--accent);display:flex;justify-content:space-between;align-items:center;padding-top:17px;border-top:1px solid var(--line)}.card .token{display:block;color:var(--color-slate-200);font-size:23px;font-family:Georgia,serif;margin:18px 0 6px}.split{display:grid;grid-template-columns:.75fr 1.25fr;gap:55px;border-top:1px solid var(--line);padding:45px 0}.split h2{margin:10px 0;font-size:25px}.split .intro{font-size:13px;color:var(--muted)}.steps{margin:0;padding:0;list-style:none;counter-reset:steps}.steps li{counter-increment:steps;position:relative;padding:0 0 24px 45px;border-bottom:1px solid color-mix(in oklab,var(--color-emerald-900) 30%,transparent);margin-bottom:22px}.steps li:last-child{margin-bottom:0;border-bottom:none;padding-bottom:0}.steps li:before{content:"0" counter(steps);position:absolute;left:0;color:var(--accent);font-size:12px;font-family:monospace;top:4px}.steps h3{font-size:16px;margin:0 0 7px}.steps p{font-size:13px;color:var(--muted);margin:0}.faq{max-width:750px}.faq details{border-bottom:1px solid var(--line);padding:15px 0}.faq summary{font-size:14px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary:after{content:"+";color:var(--accent);font-size:18px}.faq details[open] summary:after{content:"−"}.faq details p{font-size:13px;color:var(--muted);margin-bottom:4px}.end-cta{border:1px solid color-mix(in oklab,var(--color-emerald-500) 25%,transparent);background:var(--panel);border-radius:16px;padding:29px 34px;display:flex;align-items:center;justify-content:space-between;gap:28px}.end-cta h2{font-size:23px;margin:0 0 5px}.end-cta p{font-size:13px;color:var(--muted);margin:0}.footer{padding:35px 0;margin-top:45px;border-top:1px solid var(--line);font-size:11px;color:var(--color-slate-500);display:flex;justify-content:space-between;gap:20px}.footer p{margin:4px 0}.footer a{color:var(--color-slate-300)}.crumb{margin-top:23px;font-size:11px;color:var(--color-slate-400)}.crumb a{color:var(--color-slate-300)}.feature-hero{padding-top:42px}.related{font-size:12px;display:flex;gap:22px;flex-wrap:wrap;margin-top:25px;color:var(--mint)}.method{font-size:12px;color:var(--muted);max-width:760px;padding:16px 0}.sr-skip{position:absolute;left:-10000px}.sr-skip:focus{left:20px;top:20px;background:var(--accent);color:black;padding:12px;z-index:5}
@media(max-width:850px){.wrap{padding:0 22px}.hero{gap:30px;padding-top:48px;padding-bottom:42px}h1{font-size:36px}.nav{gap:17px}.cards{gap:12px}.card{padding:20px}.split{gap:30px}.header{gap:15px}}
@media(max-width:640px){.notice{font-size:10px}.header{flex-wrap:wrap;padding:20px 0}.brand{font-size:17px}.nav{width:100%;justify-content:space-between;gap:12px;font-size:12px}.nav .nav-cta{padding:5px 10px}.hero{grid-template-columns:1fr;gap:28px;padding-top:39px}.lead{font-size:14px}h1{font-size:39px}.panel{padding:20px}.strip{grid-template-columns:1fr;gap:14px}.strip p{padding-left:28px}.section{padding:37px 0}.section-heading{display:block}.section-heading p{margin-top:12px}.cards,.split{grid-template-columns:1fr}.card p{min-height:0}.split{gap:16px;padding:34px 0}.end-cta{display:block;padding:24px}.end-cta .btn{margin-top:20px}.footer{display:block}.footer>div+div{margin-top:18px}.example{font-size:29px}.sound strong{font-size:29px}.feature-hero{padding-top:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Reuse palette and typography from the freshly fetched current official stylesheet. */
body{position:relative}.wrap{position:relative}main.wrap{z-index:1}.notice{position:relative;z-index:41}
h1{font-size:clamp(36px,4.5vw,60px);font-weight:900;line-height:1.12}h1 span{color:transparent;background-image:linear-gradient(to right,var(--color-emerald-400) 0%,var(--color-teal-300) 50%,var(--color-cyan-400) 100%);background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 0 12px rgba(52,211,153,.6))}
.hero{position:relative}.hero:before{content:"";position:absolute;inset:-30px -32px;pointer-events:none;opacity:.15;background-image:radial-gradient(currentColor 1px,transparent 1px);background-size:32px 32px;z-index:-1}
.eyebrow{display:inline-flex;border-radius:9999px;border:1px solid color-mix(in oklab,var(--color-emerald-500) 30%,transparent);background:color-mix(in oklab,var(--color-emerald-500) 20%,transparent);padding:6px 16px;color:var(--color-emerald-300);font-family:var(--font-mono);letter-spacing:.025em;font-size:12px}.eyebrow:before{background:#fff;box-shadow:none}
.lead{font-size:18px;line-height:1.625}.btn{font-size:20px;font-weight:900;border:0;border-radius:16px;padding:16px 28px;color:var(--color-slate-950);background:linear-gradient(to right,var(--color-emerald-500) 0%,var(--color-teal-600) 100%)}.btn:hover{background:linear-gradient(to right,var(--color-emerald-400) 0%,var(--color-teal-500) 100%)}.btn.secondary{background:color-mix(in oklab,var(--color-slate-800) 80%,transparent);color:var(--color-slate-300);border:1px solid var(--color-slate-700);box-shadow:none;font-size:14px;font-weight:700}.btn.secondary:hover{background:color-mix(in oklab,var(--color-slate-700) 80%,transparent)}
.panel{border-radius:24px;background:var(--panel)}.card{border-radius:16px}.tag{background:color-mix(in oklab,var(--color-emerald-500) 20%,transparent);color:var(--color-emerald-300);border-color:color-mix(in oklab,var(--color-emerald-500) 30%,transparent)}.sound strong{color:var(--color-emerald-400)}.card .index{padding:4px 10px;border-radius:6px;background:color-mix(in oklab,var(--color-emerald-500) 20%,transparent);color:var(--color-emerald-300)}
.preview-mobile-menu{position:relative}.preview-mobile-menu summary{cursor:pointer;list-style:none}.preview-mobile-menu summary::-webkit-details-marker{display:none}.preview-mobile-menu nav{position:absolute;right:0;top:45px;min-width:170px;border:1px solid var(--color-slate-800);border-radius:12px;background:var(--color-slate-900);padding:10px;box-shadow:0 10px 30px #0005}.preview-mobile-menu nav a{display:block;padding:10px 16px;font-size:12px;color:var(--color-slate-300)}
@media(max-width:640px){h1{font-size:36px}.lead{font-size:16px}.btn{font-size:16px;padding:14px 20px}.eyebrow{font-size:10px}.actions{gap:12px}}
.btn:not(.secondary){box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(16, 185, 129, 0.45) 0px 0px 25px 0px}.panel,.card{box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(16, 185, 129, 0.22) 0px 0px 30px -5px}

.card{border-color:color-mix(in oklab,var(--color-emerald-500) 25%,transparent)}