:root{
  --bg:#0b0d12;
  --panel:#11151d;
  --panel2:#161b25;
  --line:#252b37;
  --text:#f3f5f7;
  --muted:#9aa3b2;
  --accent:#8d7cff;
  --accent2:#6e5cf1;
  --shadow:0 22px 70px rgba(0,0,0,.20);
}
html[data-theme="light"]{
  --bg:#f6f7fa;
  --panel:#ffffff;
  --panel2:#f1f3f7;
  --line:#dde2ea;
  --text:#151820;
  --muted:#667085;
  --accent:#7564ed;
  --accent2:#6654dd;
  --shadow:0 18px 52px rgba(31,41,55,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.55}
.site-header{height:66px;position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:26px;padding:0 max(24px,calc((100vw - 1320px)/2));background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;min-width:200px}
.brand-symbol{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#fff;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));overflow:hidden}
.brand-symbol img{width:31px;height:31px;object-fit:contain}
.brand div{display:flex;flex-direction:column;line-height:1.05}.brand strong{font-family:Montserrat,sans-serif;font-weight:400;letter-spacing:.18em}.brand span{font-size:9px;letter-spacing:.18em;color:var(--muted);margin-top:4px}
.site-nav{display:flex;align-items:center;gap:22px;margin-left:auto}.site-nav a{color:var(--muted);text-decoration:none;font-size:12.5px}.site-nav a:hover,.site-nav a:focus-visible{color:var(--text)}
.header-actions{display:flex;align-items:center;gap:8px}.segmented{display:flex;border:1px solid var(--line);border-radius:8px;padding:2px;background:var(--panel)}.segmented button,.theme-button{border:0;background:transparent;color:var(--muted);font:inherit;cursor:pointer}.segmented button{padding:6px 8px;font-size:11px;border-radius:6px}.segmented button[aria-pressed="true"]{background:var(--panel2);color:var(--text)}.theme-button{width:34px;height:34px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}
main{max-width:1320px;margin:0 auto;padding:0 28px}
.hero{min-height:560px;padding:76px 0 64px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:60px;align-items:center}.eyebrow{display:inline-block;color:var(--accent);font-size:9.5px;font-weight:700;letter-spacing:.16em;margin-bottom:14px}.hero h1,.section h2{font-family:Montserrat,sans-serif;font-weight:400;letter-spacing:-.028em;line-height:1.08;margin:0}.hero h1{font-size:clamp(44px,5.2vw,64px);max-width:820px}.hero-copy>p{max-width:740px;color:var(--muted);font-size:16px;line-height:1.7;margin:22px 0 0}.hero-actions{display:flex;gap:10px;margin-top:28px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 17px;border-radius:8px;text-decoration:none;font-size:12.5px;font-weight:600}.primary{background:var(--text);color:var(--bg)}.secondary{border:1px solid var(--line);color:var(--text);background:var(--panel)}.hero-meta{display:flex;gap:16px;flex-wrap:wrap;margin-top:20px;color:var(--muted);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase}
.hero-diagram{padding:18px;border:1px solid var(--line);background:var(--panel);border-radius:14px;box-shadow:var(--shadow)}.diagram-node{padding:14px 15px;border:1px solid var(--line);background:var(--panel2);border-radius:9px}.diagram-node span{display:block;color:var(--muted);font-size:9.5px;text-transform:uppercase;letter-spacing:.11em}.diagram-node strong{display:block;margin-top:5px;font-size:12.5px;font-weight:600}.diagram-node.accent{border-color:color-mix(in srgb,var(--accent) 42%,var(--line));background:color-mix(in srgb,var(--accent) 7%,var(--panel2))}.hero-diagram i{display:block;color:var(--muted);font-style:normal;text-align:center;padding:4px 0}
.section{padding:74px 0;border-top:1px solid var(--line)}.split{display:grid;grid-template-columns:.82fr 1.18fr;gap:72px;align-items:start}.section h2{font-size:clamp(32px,3.5vw,46px);max-width:760px}.body-copy{max-width:740px;color:var(--muted);font-size:15px}.body-copy p{margin:0 0 16px}.section-head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,.7fr);align-items:end;gap:52px;margin-bottom:30px}.section-note{margin:0;color:var(--muted);font-size:13px;line-height:1.65;max-width:560px;justify-self:end}
.workflow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.workflow-grid article{min-height:174px;padding:16px;border:1px solid var(--line);border-radius:11px;background:var(--panel)}.workflow-grid b{font-family:Montserrat,sans-serif;color:var(--accent);font-size:11px}.workflow-grid h3{font-size:14px;margin:28px 0 7px}.workflow-grid p{font-size:11.5px;line-height:1.55;color:var(--muted);margin:0}
.architecture-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:stretch;gap:8px}.architecture-flow>div{padding:15px;border:1px solid var(--line);border-radius:10px;background:var(--panel);min-height:102px}.architecture-flow>div.accent{border-color:color-mix(in srgb,var(--accent) 46%,var(--line));background:color-mix(in srgb,var(--accent) 7%,var(--panel))}.architecture-flow span{display:block;font-weight:600;font-size:12.5px}.architecture-flow small{display:block;margin-top:9px;color:var(--muted);font-size:10.5px}.architecture-flow i{align-self:center;color:var(--muted);font-style:normal}.architecture-note{margin:16px 0 0;color:var(--muted);font-size:10.5px;max-width:900px}
.demo-entry{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:start}.demo-entry p{color:var(--muted);max-width:620px;font-size:14px;line-height:1.65}.demo-options{display:grid;gap:10px}.demo-option{position:relative;display:flex;flex-direction:column;padding:18px 50px 18px 18px;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:inherit;text-decoration:none}.demo-option:hover,.demo-option:focus-visible{border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}.demo-option strong{font-size:14px}.demo-option span{font-size:11.5px;line-height:1.55;color:var(--muted);margin-top:5px}.demo-option b{position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:18px;color:var(--accent)}
.site-footer{max-width:1320px;margin:0 auto;padding:26px 28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;color:var(--muted);font-size:10.5px}
a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:1100px){.site-nav{display:none}.hero{grid-template-columns:1fr;gap:34px}.hero-diagram{max-width:760px}.workflow-grid{grid-template-columns:repeat(2,1fr)}.architecture-flow{grid-template-columns:1fr 1fr}.architecture-flow i{display:none}.split,.demo-entry,.section-head{grid-template-columns:1fr;gap:26px}.section-note{justify-self:start}}
@media(max-width:680px){.site-header{height:62px;padding:0 16px}.brand{min-width:0}.brand-symbol{width:34px;height:34px}.brand-symbol img{width:29px;height:29px}.brand span{display:none}.header-actions{margin-left:auto}.hero{min-height:auto;padding:54px 0 48px}.hero h1{font-size:40px}.hero-copy>p{font-size:14.5px}.hero-actions{flex-direction:column;align-items:stretch}.hero-meta{gap:10px}.section{padding:52px 0}.section h2{font-size:32px}.workflow-grid{grid-template-columns:1fr}.workflow-grid article{min-height:142px}.architecture-flow{grid-template-columns:1fr}.demo-entry{gap:22px}.site-footer{flex-direction:column;padding:22px 18px}main{padding:0 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}