:root{
  color-scheme:dark;--bg:#090d0b;--surface:#111914;--surface2:#151f19;
  --border:#24352a;--border2:#35563f;--text:#f2f7f3;--soft:#b8c5bb;
  --muted:#7f9184;--dark:#247044;--green:#42c96c;--bright:#68f58a;
  --pale:#adffbd;--gold:#f4c95d;--red:#ff7979;--radius:14px;
  --side:282px;--width:900px;--shadow:0 20px 60px rgba(0,0,0,.32)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:28px}
body{
  min-width:320px;margin:0;color:var(--text);font:16px/1.7 Inter,ui-sans-serif,
  system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:radial-gradient(circle at 78% -10%,rgba(55,173,91,.09),transparent 32rem),var(--bg)
}
a{color:var(--bright);text-underline-offset:3px}
button{font:inherit}
code{
  border:1px solid rgba(104,245,138,.12);border-radius:6px;background:#0b120e;
  color:var(--pale);font: .92em "Cascadia Code","SFMono-Regular",Consolas,monospace;
  white-space:nowrap
}
p code,li code{padding:.13rem .4rem}
.skip{
  position:fixed;z-index:1000;top:12px;left:12px;padding:10px 14px;
  transform:translateY(-160%);border-radius:8px;background:var(--bright);
  color:#061109;font-weight:800
}
.skip:focus{transform:none}
.layout{display:grid;grid-template-columns:var(--side) minmax(0,1fr);min-height:100vh}
.sidebar{border-right:1px solid var(--border);background:rgba(10,15,12,.95)}
.sideinner{position:sticky;top:0;display:flex;min-height:100vh;flex-direction:column;padding:32px 24px 26px}
.brand{display:inline-flex;align-items:baseline;color:inherit;font-size:1.85rem;font-weight:900;letter-spacing:-.055em;line-height:1;text-decoration:none}
.brand span{color:var(--dark)}.brand b{color:var(--bright)}.brand small{
  margin-left:9px;color:var(--muted);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase
}
.beta{
  display:inline-flex;width:max-content;align-items:center;gap:8px;margin-top:22px;
  padding:6px 10px;border:1px solid rgba(244,201,93,.26);border-radius:999px;
  background:rgba(244,201,93,.07);color:#ffe49b;font-size:.76rem;font-weight:800;
  letter-spacing:.04em;text-transform:uppercase
}
.beta i,.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 14px rgba(244,201,93,.62)}
nav{display:flex;flex-direction:column;gap:3px;margin-top:35px}
nav p{margin:0 0 9px 12px;color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
nav a{
  position:relative;padding:8px 12px;border-radius:8px;color:var(--soft);
  font-size:.88rem;font-weight:650;text-decoration:none;transition:.15s
}
nav a:before{
  position:absolute;top:50%;left:-24px;width:3px;height:18px;content:"";
  transform:translateY(-50%) scaleY(0);border-radius:0 3px 3px 0;background:var(--bright);transition:.15s
}
nav a:hover{background:var(--surface);color:var(--text)}
nav a.active{background:rgba(66,201,108,.09);color:var(--pale)}
nav a.active:before{transform:translateY(-50%) scaleY(1)}
.sidefoot{margin-top:auto;padding-top:24px;border-top:1px solid var(--border);color:var(--muted);font-size:.74rem}
.sidefoot code{display:block;margin-top:7px;border:0;background:none;color:var(--soft);font-size:.73rem}
.mobilebar{display:none}
main{min-width:0}
.hero,.section,.sitefoot{width:min(var(--width),calc(100% - 80px));margin-inline:auto}
.hero{position:relative;overflow:hidden;padding:94px 0 62px;border-bottom:1px solid var(--border)}
.hero:after{
  position:absolute;z-index:-1;top:-170px;right:-160px;width:560px;height:560px;
  border-radius:50%;content:"";background:radial-gradient(circle,rgba(54,195,98,.12),rgba(54,195,98,.025) 52%,transparent 72%)
}
.eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:15px;color:#ffe49b;font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
h1{max-width:760px;margin:0;font-size:clamp(3.25rem,8vw,6.6rem);font-weight:900;letter-spacing:-.072em;line-height:.91}
h1 span{color:var(--dark)}h1>b{color:var(--bright)}h1 small{display:block;margin-top:17px;color:var(--text);font-size:.45em;letter-spacing:-.045em}
.lead{max-width:740px;margin:29px 0 0;color:var(--soft);font-size:clamp(1.08rem,2vw,1.31rem);line-height:1.65}
.connect{
  display:flex;max-width:680px;align-items:center;justify-content:space-between;gap:20px;
  margin-top:34px;padding:18px 19px 18px 22px;border:1px solid var(--border2);
  border-radius:var(--radius);background:linear-gradient(110deg,rgba(46,125,70,.13),transparent 55%),var(--surface);
  box-shadow:var(--shadow)
}
.connect>div{display:flex;min-width:0;flex-direction:column}.connect small{
  margin-bottom:4px;color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase
}
.connect code{overflow:hidden;border:0;background:none;color:var(--pale);font-size:clamp(1rem,2.5vw,1.24rem);font-weight:800;text-overflow:ellipsis}
button,.button{
  cursor:pointer;border:1px solid var(--border2);border-radius:9px;background:var(--surface2);
  color:var(--soft);font-weight:750;transition:.15s
}
button:hover,.button:hover{border-color:var(--green);color:var(--pale)}
.bigcopy{min-width:92px;padding:10px 14px}
.actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:22px}
.button{display:inline-flex;min-height:43px;align-items:center;justify-content:center;padding:9px 17px;text-decoration:none}
.primary{border-color:transparent;background:var(--bright);color:#061109}.primary:hover{background:var(--pale);color:#061109}
.secondary{background:var(--surface)}
.stats,.cards,.twocol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.stats{margin-top:55px}.stats article,.cards article,.panel,.betagrid article{
  padding:18px;border:1px solid var(--border);border-radius:var(--radius);background:rgba(17,25,20,.75)
}
.stats strong{display:block;font-size:.93rem}.stats span{color:var(--muted);font-size:.81rem}
.section{padding:72px 0;border-bottom:1px solid var(--border)}
.sectionhead{display:flex;align-items:flex-start;gap:17px;margin-bottom:24px}
.sectionhead em{
  display:inline-flex;width:38px;height:28px;flex:0 0 auto;align-items:center;justify-content:center;
  margin-top:5px;border:1px solid var(--border2);border-radius:7px;background:rgba(66,201,108,.06);
  color:var(--green);font:800 .72rem "Cascadia Code",Consolas,monospace
}
.sectionhead small{color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
h2{margin:0;font-size:clamp(1.85rem,4vw,2.6rem);letter-spacing:-.04em;line-height:1.15}
.section>p{max-width:790px;margin:0;color:var(--soft);font-size:1.03rem}
.steps{display:grid;margin:32px 0 0;padding:0;list-style:none;gap:12px}
.steps li{display:grid;grid-template-columns:38px minmax(0,1fr);gap:16px;padding:18px;border:1px solid var(--border);border-radius:9px;background:var(--surface)}
.steps li>b{display:flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;background:rgba(66,201,108,.12);color:var(--bright)}
.steps p{margin:4px 0 0;color:var(--muted);font-size:.9rem}
.callout{margin-top:27px;padding:18px 20px;border:1px solid rgba(66,201,108,.28);border-left:3px solid var(--bright);border-radius:0 9px 9px 0;background:rgba(66,201,108,.055)}
.callout strong{color:var(--pale)}.callout p{margin:4px 0 0;color:var(--soft);font-size:.91rem}
.callout.muted{border-color:var(--border);border-left-color:var(--muted);background:rgba(127,145,132,.045)}
.callout.muted strong{color:var(--text)}.callout.warning{border-color:rgba(244,201,93,.24);border-left-color:var(--gold);background:rgba(244,201,93,.055)}
.callout.warning strong{color:#ffe49b}
.cards{margin-top:31px}.cards article,.panel{padding:22px}.cards h3,.panel h3{margin:0 0 9px;font-size:1rem}
.cards p,.panel p{margin:0;color:var(--muted);font-size:.89rem}
.twocol{margin-top:31px}.cmd{
  display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:19px;
  padding:10px 10px 10px 14px;border:1px solid var(--border);border-radius:9px;background:var(--bg)
}
.cmd code{overflow:hidden;border:0;background:none;text-overflow:ellipsis}.cmd button,.crow button{padding:6px 10px;font-size:.73rem}
.capabilities{display:grid;margin-top:30px;gap:10px}
.capabilities>div{display:flex;align-items:flex-start;gap:13px;padding:16px 18px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--soft);font-size:.91rem}
.capabilities b{flex:0 0 auto;padding:2px 8px;border-radius:999px;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase}
.capabilities .yes{background:rgba(66,201,108,.12);color:var(--pale)}.capabilities .no{background:rgba(255,121,121,.1);color:#ffabab}
.policies .allow{border-top:2px solid var(--green)}.policies .deny{border-top:2px solid var(--red)}
.policies .allow h3{color:var(--pale)}.policies .deny h3{color:#ffb0b0}
.panel ul{margin:0;padding-left:1.25rem;color:var(--soft);font-size:.9rem}.panel li+li{margin-top:7px}
.rules{display:grid;margin-top:30px;gap:10px}
.rules article{display:grid;grid-template-columns:46px minmax(0,1fr);gap:17px;padding:19px;border:1px solid var(--border);border-radius:9px;background:var(--surface)}
.rules article>b{color:var(--green);font:850 .76rem "Cascadia Code",Consolas,monospace}
.rules h3{margin:0;font-size:.97rem}.rules p{margin:4px 0 0;color:var(--muted);font-size:.88rem}
.commandtable{overflow:hidden;margin-top:31px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}
.crow{display:grid;min-height:54px;align-items:center;padding:10px 13px 10px 17px;grid-template-columns:minmax(180px,.8fr) minmax(0,1.7fr) auto;gap:18px;border-top:1px solid var(--border)}
.crow:first-child{border-top:0}.crow code{width:max-content;max-width:100%;overflow:hidden;border:0;background:none;text-overflow:ellipsis}
.crow>span{color:var(--soft);font-size:.88rem}.chead{min-height:42px;background:var(--surface2);font-size:.7rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.chead span{color:var(--muted)}
.full{margin-top:28px}.betagrid article{padding:21px}.betagrid p{margin:7px 0 0;color:var(--muted);font-size:.89rem}
.sitefoot{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:48px 0 55px}
.sitefoot .brand{font-size:1.45rem}.sitefoot p{margin:8px 0 0;color:var(--muted);font-size:.77rem}
.sitefoot>div:last-child{display:flex;flex-direction:column;align-items:flex-end;gap:5px}
.sitefoot small{color:var(--muted);font-size:.69rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.sitefoot button{padding:7px 11px;font: .76rem "Cascadia Code",Consolas,monospace}
.toast{
  position:fixed;z-index:1200;right:22px;bottom:22px;padding:10px 15px;transform:translateY(25px);
  border:1px solid var(--border2);border-radius:9px;background:var(--surface2);box-shadow:var(--shadow);
  color:var(--pale);font-size:.82rem;font-weight:750;opacity:0;pointer-events:none;transition:.18s
}
.toast.show{transform:none;opacity:1}
:focus-visible{outline:2px solid var(--bright);outline-offset:3px}
@media(max-width:900px){
  html{scroll-padding-top:78px}.layout{display:block}.mobilebar{
    position:sticky;z-index:500;top:0;display:flex;height:64px;align-items:center;justify-content:space-between;
    padding:0 20px;border-bottom:1px solid var(--border);background:rgba(9,13,11,.91);backdrop-filter:blur(14px)
  }
  .mobilebar .brand{font-size:1.45rem}.menubtn{display:inline-flex;width:42px;height:40px;flex-direction:column;align-items:center;justify-content:center;gap:5px}
  .menubtn i{width:18px;height:2px;border-radius:2px;background:var(--soft);transition:.17s}
  .menubtn[aria-expanded=true] i:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .menubtn[aria-expanded=true] i:nth-child(2){opacity:0}.menubtn[aria-expanded=true] i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .sidebar{position:fixed;z-index:450;inset:64px 0 0;visibility:hidden;border:0;background:rgba(7,11,8,.98);opacity:0;transition:.16s}
  .sidebar.open{visibility:visible;opacity:1}.sideinner{position:static;min-height:calc(100vh - 64px);overflow:auto;padding:25px 24px 30px}
  .desktopbrand{display:none}.beta{margin-top:0}nav{margin-top:24px}nav a:before{display:none}.sidefoot{margin-top:30px}
  .hero,.section,.sitefoot{width:min(var(--width),calc(100% - 42px))}.hero{padding-top:58px}
}
@media(max-width:650px){
  h1{font-size:clamp(3.15rem,17vw,5rem)}.hero,.section{padding-block:54px}
  .connect{align-items:stretch;flex-direction:column}.bigcopy{width:100%}
  .stats,.cards,.twocol{grid-template-columns:1fr}.capabilities>div{flex-direction:column}
  .crow{grid-template-columns:minmax(0,1fr) auto;gap:7px 12px;padding-block:14px}.crow>span{grid-column:1/-1;grid-row:2}
  .crow button{grid-column:2;grid-row:1}.chead{display:none}.sitefoot{align-items:flex-start;flex-direction:column}
  .sitefoot>div:last-child{align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}
