:root{color-scheme:dark;--bg:#0a0d12;--panel:#121720;--line:#27303d;--text:#f4f7fb;--muted:#aab5c4;--accent:#73e0b3;--accent2:#9db7ff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 80% 0,#12213a 0,transparent 32rem),var(--bg);color:var(--text);font:16px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:var(--accent2);text-decoration:none} a:hover{text-decoration:underline}
.hero,main,footer{width:min(1120px,calc(100% - 40px));margin:auto}
nav{display:flex;justify-content:space-between;gap:20px;padding:28px 0} nav div{display:flex;gap:20px}
.hero-copy{padding:90px 0 110px;max-width:920px}
.eyebrow{color:var(--accent);font-size:.82rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
h1{font-size:clamp(2.6rem,6vw,5.6rem);line-height:1.02;letter-spacing:-.055em;margin:.3em 0}
h2{font-size:clamp(1.5rem,3vw,2.35rem);line-height:1.1;letter-spacing:-.035em;margin:.35em 0 .7em}
h3{font-size:clamp(1.15rem,2vw,1.55rem);line-height:1.2;letter-spacing:-.02em;margin:.35em 0 .75em}
.lede{max-width:790px;color:var(--muted);font-size:1.2rem}.section-lede{max-width:860px;color:var(--muted);font-size:1.12rem;margin-bottom:30px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.button{display:inline-block;padding:12px 18px;border-radius:10px;background:var(--accent);color:#07120d;font-weight:800}.button.secondary{background:transparent;border:1px solid var(--line);color:var(--text)}
main section{padding:70px 0;border-top:1px solid var(--line)}
.grid{display:grid;gap:18px}.three{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:repeat(2,1fr)}
article,.quick{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));border:1px solid var(--line);border-radius:18px;padding:26px}article p,.quick p{color:var(--muted)}
.solution-section{position:relative}.problem-solution-grid{margin-top:22px}.solution-card{border-color:#356a59;background:linear-gradient(180deg,rgba(115,224,179,.08),rgba(255,255,255,.018))}.feature-list{margin:18px 0 0;padding-left:1.2rem;color:var(--muted)}.feature-list li{margin:.62rem 0}.runtime-strip{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:22px 0;padding:20px;border:1px solid #35516f;border-radius:16px;background:linear-gradient(90deg,rgba(157,183,255,.08),rgba(115,224,179,.07));font-weight:750}.runtime-strip span{padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:#0d1219}.runtime-strip b{color:var(--accent);font-size:1.18rem}.trust-grid{align-items:stretch;margin-top:18px}.trust-copy,.assurance-list{margin:0;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025);padding:24px}.trust-copy p{color:var(--muted)}.assurance-list{list-style:none;display:grid;gap:12px}.assurance-list li{position:relative;padding-left:28px;color:var(--text)}.assurance-list li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:900}.closing-line{margin:28px 0 0;text-align:center;font-size:clamp(1.2rem,2.5vw,1.7rem);font-weight:850;letter-spacing:.08em;color:var(--text)}
.architecture{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:12px;align-items:center}.node{min-height:120px;border:1px solid var(--line);border-radius:16px;padding:22px;background:var(--panel);display:flex;flex-direction:column;justify-content:center}.node span{color:var(--muted);font-size:.9rem}.arrow{color:var(--accent);font-size:1.7rem}
pre{overflow:auto;background:#080b10;border:1px solid var(--line);border-radius:12px;padding:18px;color:#d9e6f6}code{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
.code-block{position:relative}.code-block pre{padding-top:58px;margin:0}.copy-button{position:absolute;top:12px;left:12px;z-index:1;width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:#111823;color:var(--muted);cursor:pointer}.copy-button:hover{color:var(--text);border-color:#46546a}.copy-button:focus-visible{outline:2px solid var(--accent2);outline-offset:2px}.copy-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.copy-button .check-icon{display:none}.copy-button.copied{color:var(--accent);border-color:var(--accent)}.copy-button.copied .copy-icon{display:none}.copy-button.copied .check-icon{display:block}
footer{display:flex;justify-content:space-between;gap:20px;padding:40px 0 70px;color:var(--muted);border-top:1px solid var(--line)}
@media(max-width:800px){.three,.two{grid-template-columns:1fr}.architecture{grid-template-columns:1fr}.arrow{transform:rotate(90deg);text-align:center}.hero-copy{padding:55px 0 80px}.runtime-strip{justify-content:flex-start}.runtime-strip b{transform:rotate(90deg)}nav{align-items:flex-start}footer{flex-direction:column}}