:root{
  --bg:#08090A; --panel:#0E1110; --line:rgba(255,255,255,.09); --line-2:rgba(255,255,255,.16); --hover:rgba(255,255,255,.07);
  --text:#EEF1EE; --muted:#9AA39D; --dim:#6B746E; --code:#D6DDD8; --green:#52D68C; --coral:#FF7A59;
  --btn-bg:#EEF1EE; --btn-fg:#08090A; --btn-hover:#fff; --h1a:#fff; --h1b:#8E9892; --glow:rgba(82,214,140,.16); --glow2:rgba(82,214,140,.2); --amb:.22; --ph:brightness(.9);
  --chip-ok:rgba(82,214,140,.4); --foot:#0B1F18; --shade:.5;
  --sans:'Apercu','Hanken Grotesk',system-ui,sans-serif; --mono:'Apercu Mono','Geist Mono',ui-monospace,monospace;
  color-scheme:dark;
}
:root[data-theme="light"]{ --bg:#FAFAF8; --panel:#FFFFFF; --line:rgba(10,20,14,.10); --line-2:rgba(10,20,14,.18); --hover:rgba(10,20,14,.06);
  --text:#0C130F; --muted:#56605A; --dim:#7D867F; --code:#1A241E; --green:#0C8A4B; --coral:#D9401F;
  --btn-bg:#0C130F; --btn-fg:#FAFAF8; --btn-hover:#000; --h1a:#0C130F; --h1b:#54605A; --glow:rgba(40,190,110,.14); --glow2:rgba(40,190,110,.16); --amb:.2; --ph:none;
  --chip-ok:rgba(12,138,75,.4); --foot:#12392A; --shade:0; color-scheme:light; }
@media (prefers-color-scheme: light){ :root:not([data-theme]){ --bg:#FAFAF8; --panel:#FFFFFF; --line:rgba(10,20,14,.10); --line-2:rgba(10,20,14,.18); --hover:rgba(10,20,14,.06);
  --text:#0C130F; --muted:#56605A; --dim:#7D867F; --code:#1A241E; --green:#0C8A4B; --coral:#D9401F;
  --btn-bg:#0C130F; --btn-fg:#FAFAF8; --btn-hover:#000; --h1a:#0C130F; --h1b:#54605A; --glow:rgba(40,190,110,.14); --glow2:rgba(40,190,110,.16); --amb:.2; --ph:none;
  --chip-ok:rgba(12,138,75,.4); --foot:#12392A; --shade:0; color-scheme:light; } }
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:6px}
.wrap{max-width:1120px;margin:0 auto;padding:0 28px}
h1,h2,h3{font-weight:500;letter-spacing:-.045em;line-height:1.02}
h1{font-size:clamp(44px,6.6vw,88px);background:linear-gradient(180deg,var(--h1a) 30%,var(--h1b));-webkit-background-clip:text;background-clip:text;color:transparent}
h2{font-size:clamp(32px,4.2vw,54px)}
code{font-family:var(--mono);font-size:.88em}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:999px;border:1px solid var(--line-2);background:transparent;color:var(--text);font:500 15px var(--sans);text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s}
.btn:hover{background:var(--hover);border-color:var(--text)}
.btn.pri{background:var(--btn-bg);color:var(--btn-fg);border-color:var(--btn-bg)}.btn.pri:hover{background:var(--btn-hover)}
.btn.sm{padding:7px 14px;font-size:14px}

/* nav */
nav{display:flex;align-items:center;justify-content:space-between;height:72px}
.logo{display:flex;align-items:center;gap:10px;font-weight:600;font-size:20px;letter-spacing:-.03em;text-decoration:none}
.nl{display:flex;gap:28px;align-items:center;font-size:15px;color:var(--muted)}
.nl{color:var(--text)}.nl a.t{text-decoration:none;opacity:.8}.nl a.t:hover{opacity:1}.nl a.t:hover{color:var(--text)}

/* hero */
.hero{position:relative;padding:96px 0 112px}
.hero::before{content:"";position:absolute;inset:-80px 0 auto 0;height:620px;background:radial-gradient(60% 60% at 72% 30%,var(--glow),transparent 70%);pointer-events:none}
.hero .grid{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center}
.hero p.sub{font-size:20px;line-height:1.5;margin-top:26px;max-width:29em;color:var(--muted)}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.facts{margin-top:28px;font:400 13px var(--mono);color:var(--dim);display:flex;gap:20px;flex-wrap:wrap}
.facts span::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:8px;vertical-align:1px}
.stage{position:relative}
.stage .win{position:relative;z-index:1;font-size:13.5px}
.hero .grid{z-index:1}
.win{--line:rgba(255,255,255,.09);--line-2:rgba(255,255,255,.16);--green:#52D68C;--coral:#FF7A59;--dim:#6B746E;background:#0E1110;border:1px solid var(--line-2);border-radius:14px;box-shadow:0 40px 90px -40px rgba(82,214,140,.28),0 0 0 1px rgba(0,0,0,.4);font-family:var(--mono);font-size:14px;line-height:1.8;overflow:hidden}
.win .bar{display:flex;gap:7px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line);color:var(--dim);font-size:12.5px}
.win .bar i{width:10px;height:10px;border-radius:50%;background:#2a2f2c}.win .bar span{margin-left:10px}
.win .body{padding:20px 22px 24px;min-height:300px;white-space:pre-wrap;color:#D6DDD8}
.win .p{color:var(--green)}.win .d{color:var(--dim)}.win .sc{color:var(--green);font-weight:500}.win .lk{color:var(--coral)}
.cursor{display:inline-block;width:.55em;height:1.1em;background:var(--green);vertical-align:-.2em;animation:bl 1s steps(1) infinite}
@keyframes bl{50%{opacity:0}}

.tg{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--line-2);background:transparent;color:var(--text);cursor:pointer;padding:0}
.tg:hover{background:var(--hover)}.tg svg{width:18px;height:18px}
.tg .sun{display:none}:root[data-theme="light"] .tg .sun{display:block}:root[data-theme="light"] .tg .moon{display:none}
@media (prefers-color-scheme: light){:root:not([data-theme]) .tg .sun{display:block}:root:not([data-theme]) .tg .moon{display:none}}
.nr{display:flex;gap:14px;align-items:center}
/* sections */
section{padding:112px 0}
.lead{margin-top:20px;max-width:30em;color:var(--muted);font-size:19px}

/* report */
.rep{margin-top:48px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel)}
.rr{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px;padding:16px 24px;border-bottom:1px solid var(--line);align-items:baseline}
.rr:last-child{border-bottom:0}
.rr code{font-size:14.5px;white-space:pre-wrap;color:var(--code)}.rr code b{color:var(--green);font-weight:500}.rr code u{text-decoration:none;color:var(--coral)}
.rr span{color:var(--muted);font-size:15.5px}

/* tools */
.list{margin-top:44px;border-top:1px solid var(--line)}
.item{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr) 120px;gap:32px;align-items:baseline;padding:30px 4px;border-bottom:1px solid var(--line);text-decoration:none;transition:background .15s}
a.item:hover{background:var(--hover)}
.item h3{font-size:34px}
.item p{color:var(--muted);max-width:34em}
.chip{justify-self:end;font:400 12.5px var(--mono);padding:4px 10px;border:1px solid var(--line-2);border-radius:999px;color:var(--muted)}
.chip.ok{color:var(--green);border-color:var(--chip-ok)}
a.item .go{color:var(--dim);font-family:var(--mono)}

/* formula */
.formula .grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}
.eq{margin-top:32px;border:1px solid var(--line-2);border-radius:12px;padding:22px 24px;font:400 15px var(--mono);background:var(--panel)}
.eq .n{padding-bottom:12px;border-bottom:1px solid var(--line-2);color:var(--green)}.eq .dd{padding-top:12px;color:var(--code)}
.defs{display:grid;gap:0}
.defs div{padding:18px 0;border-bottom:1px solid var(--line);color:var(--muted)}
.defs div:first-child{padding-top:0}.defs div:last-child{border:0}
.defs b{color:var(--text);font-weight:500}
.defs code{background:var(--hover);padding:2px 6px;border-radius:5px;color:var(--text)}


/* start */
.cmds{margin-top:40px;display:grid;gap:12px;max-width:820px}
.cmd{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;background:var(--panel);border:1px solid var(--line-2);border-radius:12px;padding:12px 12px 12px 18px}
.cmd code{overflow-x:auto;white-space:pre;font-size:14px;color:var(--code);padding:3px 0}
.cmd .why{grid-column:1/-1;color:var(--dim);font-size:14px;margin-top:-2px}


/* faq */
details{border-bottom:1px solid var(--line);padding:22px 4px}
.faq .list{margin-top:36px}
details:first-child{border-top:1px solid var(--line)}
summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font-size:20px;font-weight:500;letter-spacing:-.02em}
summary::after{content:"+";font-family:var(--mono);color:var(--dim)}details[open] summary::after{content:"\2013"}
details p{margin-top:12px;max-width:40em;color:var(--muted)}
details code{background:var(--hover);padding:2px 6px;border-radius:5px;color:var(--text)}

/* final */
.final{position:relative;text-align:center;padding-bottom:280px}
.final::before{content:"";position:absolute;inset:auto 0 -200px 0;height:480px;background:radial-gradient(50% 60% at 50% 100%,var(--glow2),transparent 70%);pointer-events:none}
.final .wrap{position:relative}
.final h2{font-size:clamp(40px,6.4vw,84px)}
.final .cmd{margin:36px auto 0;max-width:620px;text-align:left}
footer{padding:26px 0 40px;font:400 13px var(--mono);color:var(--dim);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
footer a{text-underline-offset:3px}footer a:hover{color:var(--text)}

@media(max-width:900px){
  body{font-size:16px}.wrap{padding:0 20px}
  .nl .t{display:none}.nl{gap:14px}
  .hero{padding:56px 0 72px}.hero .grid,.formula .grid{grid-template-columns:1fr;gap:40px}
  .win{font-size:12.5px}.win .body{padding:16px;min-height:250px}.stage{padding-top:28px}  section{padding:72px 0}
  .rr{grid-template-columns:1fr;gap:2px;padding:14px 16px}
  .item{grid-template-columns:1fr;gap:8px;padding:24px 0}.chip{justify-self:start}
  summary{font-size:18px}
  .cmd{grid-template-columns:1fr}.cmd .btn{justify-self:start}
}
@media(prefers-reduced-motion:reduce){.cursor{animation:none}html{scroll-behavior:auto}.btn,.item{transition:none}}

.win .tabs{margin-left:auto;display:flex;gap:4px}
.tab{font:500 12px var(--mono);padding:4px 10px;border-radius:6px;color:#8fa497;background:none;border:0;cursor:pointer}
.tab:hover{color:#EEF1EE}.tab[aria-selected="true"]{background:rgba(255,255,255,.1);color:#EEF1EE}
.win .body .sc{color:var(--green)}
.two{margin-top:48px;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.panel h3{font-size:30px}.ph-sub{color:var(--muted);margin:6px 0 0}
.two .rep{margin-top:20px}
.two .rr{grid-template-columns:1fr;gap:2px;padding:14px 20px}
.rr code u{text-decoration:none;color:var(--coral);margin-left:6px}.rr code i{font-style:normal;color:var(--dim);margin-left:6px}
.agent .grid{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:start}
.agent .cmd{margin-top:20px}
.agent .list{margin-top:56px}
.item.two{grid-template-columns:minmax(0,260px) minmax(0,1fr);padding:24px 4px}.item.two h3{font-size:26px}
.item.two code,.det code:not(pre code){background:var(--hover);padding:2px 6px;border-radius:5px;color:var(--text)}
.det .grid{margin-top:56px;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}
.det h3{font-size:26px}.det .lead{font-size:17px;margin-top:14px}
.det .eq{margin-top:24px}.det .defs{margin-top:20px}
.det pre{margin-top:24px;background:var(--panel);border:1px solid var(--line-2);border-radius:12px;padding:18px 20px;overflow:auto;font:400 13.5px/1.8 var(--mono);color:var(--code)}
.note-s{margin-top:20px;color:var(--muted);font-size:16px;max-width:30em}
.agent .cmd .why{font-size:14px}
@media(max-width:900px){.two,.agent .grid,.det .grid{grid-template-columns:1fr;gap:32px}.item.two{grid-template-columns:1fr;gap:6px}.agent .list{margin-top:36px}.det .grid{margin-top:36px}.win .tabs{margin-left:auto}}
.det .grid>div,.agent .grid>div,.two>div,.hero .grid>div{min-width:0}

.agent .grid{align-items:center}
.aimg{display:block;width:100%;max-width:400px;height:360px;object-fit:cover;border-radius:14px;border:1px solid var(--line);filter:saturate(.95) var(--ph);justify-self:end}
.agent .cmd{margin-top:28px}
@media(max-width:900px){
    .aimg{max-width:none;height:220px;justify-self:stretch}
    }

body{position:relative}
.top-art{position:absolute;inset:0 0 auto 0;height:460px;background:url(img/header.jpg) center 24%/cover no-repeat;-webkit-mask-image:linear-gradient(180deg,#000 40%,transparent);mask-image:linear-gradient(180deg,#000 40%,transparent);pointer-events:none;z-index:0}
.top-art::after{content:"";position:absolute;inset:0;background:#08090A;opacity:var(--shade)}
nav{position:relative;z-index:2}
.hero{padding-top:150px;z-index:1}
.endcap{position:relative;overflow:hidden;isolation:isolate}
.endcap::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(rgba(8,9,10,var(--shade)),rgba(8,9,10,var(--shade))),url(img/footer.jpg) center 70%/cover no-repeat;-webkit-mask-image:linear-gradient(180deg,transparent 4%,rgba(0,0,0,.55) 30%,#000 62%);mask-image:linear-gradient(180deg,transparent 4%,rgba(0,0,0,.55) 30%,#000 62%)}
.endcap::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 52%,color-mix(in srgb,var(--foot) 70%,transparent) 78%,var(--foot) 96%);pointer-events:none}
.foot{background:none;position:relative}
.foot footer{color:#9DB8AA;padding:26px 0 8px}.credits{padding:0 0 32px;font:400 12px/1.6 var(--mono);color:#6F8E7F}.credits a{text-underline-offset:3px}.credits a:hover{color:#fff}.foot footer a:hover{color:#fff}
@media(max-width:900px){.top-art{height:320px}.hero{padding-top:84px}