:root {
  --paper:#0b1114; --ink:#e7f4ef; --muted:#99ada7; --line:#31443f;
  --orange:#86f5c5; --panel:#14211f; --code:#101c1c; --cream:#e7f4ef;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --sans:Inter,"Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background-color:var(--paper);background-image:linear-gradient(rgba(134,245,197,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(134,245,197,.035) 1px,transparent 1px);background-size:42px 42px;color:var(--ink);font:16px/1.55 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:4px}
a:hover{color:var(--orange)}
button{font:inherit}
button:focus-visible,a:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
[hidden]{display:none!important}
.shell{width:min(1180px,calc(100% - 80px));margin-inline:auto}
.skip{position:absolute;left:-999px;top:10px;background:var(--orange);color:var(--paper);padding:8px 14px;z-index:20}
.skip:focus{left:10px}
.site-header{border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;background:rgba(11,17,20,.95);backdrop-filter:blur(14px)}
.header-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.identity{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:20px;font-weight:750;letter-spacing:-.06em;white-space:nowrap}
.mark{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--orange);background:#10201b;color:var(--orange);font:700 22px/.9 var(--mono);letter-spacing:-.1em;padding-right:2px}
.mark span{color:#dcb7ff}
nav{display:flex;align-items:center;gap:34px}
nav a{text-decoration:none;font-size:13px;font-weight:650}
nav .nav-github{border-left:1px solid var(--line);padding-left:34px}
nav .nav-github span{color:var(--orange);margin-left:4px}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{letter-spacing:-.055em;line-height:1.06}
h2{font-size:clamp(34px,4.6vw,62px);font-weight:640}
h3{font-size:22px}
p{margin-bottom:1em}
.hero{min-height:640px;display:grid;grid-template-columns:1fr .92fr;align-items:center;gap:6vw;padding-block:85px 92px}
.eyebrow,.rule-caption,.panel-label,.aside-label,.feature-index,.first-run>span{font:700 11px/1.3 var(--mono);letter-spacing:.08em}
.eyebrow{display:flex;align-items:center;gap:11px;margin-bottom:28px}
.eyebrow-line{width:24px;height:2px;background:var(--orange)}
.hero h1{font-size:clamp(56px,6.9vw,102px);font-weight:660;margin-bottom:28px;letter-spacing:-.075em}
.hero h1 em{font-style:normal;color:var(--orange)}
.hero-lead{font-size:19px;line-height:1.6;max-width:510px;color:var(--muted);margin-bottom:32px}
.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:13px 19px;text-decoration:none;font-weight:650;font-size:14px}
.button-dark{background:var(--orange);color:#07120d;border:1px solid var(--orange);font-family:var(--mono)}
.button-dark:hover{background:#b9ffdf;color:#07120d}
.button span{color:#07120d}.text-link span{color:var(--orange)}
.text-link{font-size:14px;font-weight:650;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px}
.hero-note{font:12px var(--mono);color:var(--muted);margin:44px 0 0}
.hero-demo{background:var(--code);color:var(--ink);border:1px solid #547264;box-shadow:16px 16px 0 rgba(67,119,96,.15);min-width:0}
.demo-top,.panel-label{display:flex;justify-content:space-between;align-items:center;gap:20px}
.demo-top{border-bottom:1px solid var(--line);padding:16px 22px;font:11px var(--mono);color:#92b9a9}
.demo-top i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);margin-right:9px}
pre{margin:0;overflow:auto;font-family:var(--mono);tab-size:2}
.hero-demo pre{padding:30px 24px;font-size:15px;line-height:1.85;min-height:245px}
.demo-result{border-top:1px solid var(--line);padding:19px 24px;display:flex;justify-content:space-between;gap:18px;font:13px var(--mono)}
.demo-result span{color:#92b9a9}.demo-result strong{font-weight:500;color:var(--orange)}
.k{color:#c6a7ff}.t{color:#86f5c5}.f{color:#77caff}.s{color:#e8d49a}.n{color:#f2ad85}.v{color:#e6a8d8}.c{color:#7da497}
.rule-caption{border-top:1px solid var(--ink);display:flex;justify-content:space-between;gap:20px;padding-top:13px;color:var(--muted);scroll-margin-top:76px}
.rule-caption span:first-child{color:var(--ink)}
.intro{display:grid;grid-template-columns:1fr .9fr;gap:9vw;padding-block:62px 38px}
.intro h2{max-width:570px;margin:0}
.intro-lead{font-size:22px;line-height:1.5;letter-spacing:-.025em;margin-bottom:22px}
.features{display:grid;grid-template-columns:repeat(3,1fr);padding-bottom:110px}
.features article{padding:30px 40px 12px 0;border-top:1px solid var(--line)}
.features article+article{padding-left:38px;border-left:1px solid var(--line)}
.feature-index{color:var(--orange)}
.features h3{margin:30px 0 13px}
.features p,.section-heading p,.tooling p,.install-heading p{color:var(--muted);line-height:1.7}
code{font-family:var(--mono)}
.language{padding-block:55px 112px}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:35px}
.section-heading h2{margin:0}.section-heading p{max-width:340px;margin:0}
.language-grid{display:grid;grid-template-columns:1.35fr .65fr;min-height:280px}
.code-panel{background:var(--code);color:var(--ink);border:1px solid #547264;min-width:0}
.panel-label{padding:15px 20px;border-bottom:1px solid var(--line);color:#98b5aa}
.code-panel pre{padding:29px 26px;font-size:14px;line-height:1.85}
.language-aside{background:#14231f;padding:30px 35px}
.aside-label{margin-bottom:24px;color:var(--orange)}
.language-aside ul{list-style:none;margin:0 0 25px;padding:0}
.language-aside li{padding:12px 0;border-bottom:1px solid var(--line);font-size:14px;font-weight:600}
.language-aside li span{font:11px var(--mono);color:var(--muted);margin-right:17px}
.tooling{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:8vw;padding-block:65px 58px}
.tooling h2{max-width:440px}.tooling p{max-width:425px;margin-bottom:28px}
.terminal{background:var(--code);color:var(--ink);border:1px solid #547264;min-width:0}
.terminal pre{padding:26px 25px 35px;font:14px/1.75 var(--mono)}
.terminal-prompt{color:var(--orange)}.terminal-muted{color:#92b9a9}
.tools-strip{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:35px;border-top:1px solid var(--line)}
.tools-strip div{display:flex;flex-direction:column;gap:5px;padding:19px 14px 22px 0}
.tools-strip div+div{border-left:1px solid var(--line);padding-left:24px}
.tools-strip code{font-size:14px;font-weight:700}.tools-strip span{font-size:13px;color:var(--muted)}
.capabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding-block:25px 95px}
.capabilities .eyebrow{grid-column:1/-1;color:var(--orange);margin:0}
.capabilities div{display:flex;flex-direction:column;gap:7px;border-top:1px solid var(--line);padding-top:15px}
.capabilities strong{font-size:14px}.capabilities span{color:var(--muted);font-size:13px;line-height:1.6}
.install-section{padding-block:60px 108px;display:grid;grid-template-columns:.8fr 1.2fr;gap:30px 8vw}
.install-heading p{max-width:350px}.install-heading a{text-decoration-thickness:1px}
.install-box{border:1px solid var(--ink);align-self:start;min-width:0}
.install-tabs{display:flex;border-bottom:1px solid var(--line);background:var(--panel)}
.install-tabs button{border:0;border-right:1px solid var(--line);background:transparent;padding:12px 18px;cursor:pointer;font:700 12px var(--mono);color:var(--muted)}
.install-tabs button[aria-selected=true]{background:var(--paper);color:var(--ink);box-shadow:inset 0 2px var(--orange)}
.install-command{display:flex;align-items:center;gap:14px;padding:23px 19px}
.install-command code{min-width:0;flex:1;overflow:auto;white-space:nowrap;font-size:12px}
.copy-button{cursor:pointer;background:var(--orange);color:#07120d;border:0;padding:7px 10px;font:700 11px var(--mono)}
.first-run{grid-column:2;display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;border-top:1px solid var(--line);padding-top:19px}
.first-run span{color:var(--orange);margin-right:5px}.first-run code{font-size:12px}
.resources{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;background:#14231f;padding:58px 50px 62px;margin-bottom:75px}
.resources .eyebrow{color:var(--orange);margin-bottom:20px}.resources h2{font-size:clamp(34px,3.7vw,52px);margin:0}
.resource-links a{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);text-decoration:none;padding:15px 0}
.resource-links a:first-child{border-top:1px solid var(--line)}
.resource-links strong,.resource-links small{display:block}.resource-links strong{font-size:17px}.resource-links small{font-size:13px;color:var(--muted);margin-top:2px}
.resource-links b{font-size:18px;color:var(--orange);font-weight:400}
.site-footer{border-top:1px solid var(--ink)}
.footer-inner{display:flex;align-items:center;gap:30px;padding-block:27px}
.footer-inner p{margin:0;color:var(--muted);font-size:13px}
.footer-inner>div{display:flex;gap:20px;margin-left:auto}
.footer-inner>div a{font-size:12px;text-decoration:none}
@media(max-width:900px){
  .shell{width:min(100% - 40px,1180px)}
  .hero{grid-template-columns:1fr;gap:45px;padding-block:64px 80px;min-height:0}
  .hero-demo{max-width:720px}.intro,.tooling,.install-section,.resources{grid-template-columns:1fr;gap:28px}
  .language-grid{grid-template-columns:1fr}.language-aside{padding:27px}.features{gap:0}
  .features article{padding-right:20px}.features article+article{padding-left:20px}
  .first-run{grid-column:1}.resources{padding:40px}
}
@media(max-width:620px){
  .header-inner{height:64px}nav{gap:14px}nav a{font-size:12px}nav a:nth-child(1),nav a:nth-child(2){display:none}
  nav .nav-github{padding-left:14px}.hero h1{font-size:clamp(54px,13vw,78px)}
  .hero-lead{font-size:17px}.hero-actions{align-items:start;flex-direction:column;gap:20px}
  .hero-demo{box-shadow:8px 8px 0 rgba(67,119,96,.15)}.hero-demo pre{font-size:12px;padding:20px 16px;min-height:0}
  .demo-result{font-size:11px;padding:17px 16px}.rule-caption span:last-child{display:none}
  .intro{padding-block:42px}.intro-lead{font-size:19px}
  .features{grid-template-columns:1fr;padding-bottom:72px}.features article,.features article+article{border-left:0;padding:22px 0}
  .features h3{margin:16px 0 8px}.section-heading{display:block}
  .section-heading p{margin-top:17px}.language{padding-block:45px 78px}.code-panel pre{font-size:12px;padding:20px 16px}
  .tooling{padding-block:45px}.terminal pre{font-size:12px;padding:22px 16px;white-space:pre-wrap;overflow-wrap:anywhere}
  .tools-strip{grid-template-columns:repeat(2,1fr);margin-bottom:25px}.tools-strip div:nth-child(3){border-left:0;padding-left:0;border-top:1px solid var(--line)}
  .tools-strip div:nth-child(4){border-top:1px solid var(--line)}.install-section{padding-block:42px 78px}
  .capabilities{grid-template-columns:1fr;gap:14px;padding-bottom:72px}.capabilities .eyebrow{grid-column:1}
  .install-command{align-items:stretch;flex-direction:column}.copy-button{align-self:flex-start}
  .resources{margin-bottom:44px;padding:30px 22px}.footer-inner{align-items:flex-start;flex-wrap:wrap}.footer-inner>div{margin-left:0;width:100%}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}