:root{--bg:#020617;--bg-soft:#07111f;--panel:rgba(10,18,34,.72);--panel-soft:rgba(15,25,48,.58);--glass:hsla(0,0%,100%,.065);--text:#eef6ff;--muted:#9fb1c8;--line:rgba(177,213,255,.16);--line-strong:rgba(125,211,252,.28);--accent:#22d3ee;--accent-strong:#38bdf8;--violet:#a78bfa;--amber:#fbbf24;--font-body:Inter,"Inter var","Segoe UI",Helvetica,Arial,sans-serif;--font-code:"JetBrains Mono","SFMono-Regular",Menlo,Consolas,monospace}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;color:var(--text);background:radial-gradient(circle at 10% 8%,rgba(34,211,238,.16),transparent 34rem),radial-gradient(circle at 88% 0,rgba(167,139,250,.14),transparent 36rem),radial-gradient(circle at 50% 92%,rgba(251,191,36,.08),transparent 28rem),linear-gradient(145deg,#020617,#051123 48%,#020617);font-family:var(--font-body);line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(rgba(148,163,184,.035) 1px,transparent 0),linear-gradient(90deg,rgba(148,163,184,.035) 1px,transparent 0);background-size:48px 48px;-webkit-mask-image:radial-gradient(circle at 50% 20%,#000,transparent 72%);mask-image:radial-gradient(circle at 50% 20%,#000,transparent 72%)}.site-shell{width:min(1180px,calc(100% - 2rem));margin:1.2rem auto 2.5rem;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,hsla(0,0%,100%,.085),hsla(0,0%,100%,.022)),rgba(2,8,23,.72);overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.48),inset 0 1px 0 hsla(0,0%,100%,.1);backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;z-index:10;backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);background:rgba(2,8,23,.78)}.brand{color:#fff;font-size:1.22rem;font-weight:900;letter-spacing:.02em;text-decoration:none;text-shadow:0 0 22px rgba(34,211,238,.25)}nav{display:flex;gap:.45rem;flex-wrap:wrap;justify-content:flex-end}.nav-link{color:var(--muted);text-decoration:none;font-weight:700;font-size:.9rem;padding:.45rem .65rem;border-radius:999px;transition:color .2s ease,background .2s ease,box-shadow .2s ease}.nav-link:focus-visible,.nav-link:hover{color:#e6fbff;background:rgba(34,211,238,.1);box-shadow:inset 0 0 0 1px rgba(34,211,238,.18);outline:none}.content-shell{padding:clamp(1rem,3vw,1.8rem)}.hero{position:relative;overflow:hidden;border-radius:24px;border:1px solid rgba(125,211,252,.22);padding:clamp(1.4rem,4vw,3.2rem);margin-bottom:1.1rem;background:radial-gradient(circle at 20% 12%,rgba(34,211,238,.22),transparent 46%),radial-gradient(circle at 82% 16%,rgba(167,139,250,.18),transparent 44%),linear-gradient(135deg,rgba(15,23,42,.92),rgba(3,7,18,.76));box-shadow:0 24px 70px rgba(2,6,23,.42),inset 0 1px 0 hsla(0,0%,100%,.11)}.hero:after{content:"";position:absolute;inset:auto 8% -34% 18%;height:18rem;background:radial-gradient(circle,rgba(34,211,238,.18),transparent 65%);filter:blur(18px);pointer-events:none}.card-kicker,.kicker{color:var(--accent);font-size:.78rem;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.16em;font-weight:800}h1{margin:0;max-width:12ch;font-size:clamp(2.35rem,6vw,5.4rem);line-height:.96;letter-spacing:-.055em;color:#f8fcff;text-wrap:balance}.subtitle{margin:1rem 0 0;color:#c5d5e8;max-width:68ch;font-size:clamp(1rem,2vw,1.18rem)}.hero-actions{margin-top:1.45rem;display:flex;flex-wrap:wrap;gap:.7rem}.button-ghost,.button-primary{padding:.72rem 1rem;border-radius:999px;display:inline-flex;text-decoration:none;font-weight:800;font-size:.94rem;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.button-primary{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#020617;box-shadow:0 14px 34px rgba(34,211,238,.24)}.button-ghost{border:1px solid rgba(125,211,252,.32);color:#d8fbff;background:hsla(0,0%,100%,.055);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.button-ghost:hover,.button-primary:hover{transform:translateY(-2px)}.section-grid{display:grid;grid-gap:.95rem;gap:.95rem;grid-template-columns:repeat(auto-fit,minmax(255px,1fr))}.card{position:relative;overflow:hidden;border:1px solid var(--line);background:linear-gradient(145deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.022)),var(--panel-soft);border-radius:20px;padding:1.15rem;box-shadow:0 16px 44px rgba(2,6,23,.28),inset 0 1px 0 hsla(0,0%,100%,.08);backdrop-filter:blur(16px) saturate(135%);-webkit-backdrop-filter:blur(16px) saturate(135%)}.card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 0,rgba(34,211,238,.12),transparent 42%);opacity:0;transition:opacity .2s ease}.card:hover{border-color:var(--line-strong)}.card:hover:before{opacity:1}.auditor-card,.machine-card{grid-column:1/-1}.walkthrough-card{background:radial-gradient(circle at 0 0,rgba(251,191,36,.12),transparent 38%),linear-gradient(145deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.022)),var(--panel-soft)}h2{margin:0 0 .65rem;color:#f5fbff;font-size:1.18rem;letter-spacing:-.015em}p{margin-top:0;margin-bottom:.75rem;color:var(--text)}a{color:#7dd3fc;font-weight:750;text-decoration:none}a:hover{color:#fde68a}.footer{border-top:1px solid var(--line);padding:1rem 1.25rem 1.25rem;color:var(--muted);font-size:.88rem;background:rgba(2,8,23,.55)}.footer a{color:#7dd3fc;text-decoration:none;margin:0 .4rem}.qa-list,.step-list{margin:0;padding-left:1.2rem;color:var(--text)}.fact-list li{margin-bottom:.48rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:.65rem;gap:.65rem;margin-top:1rem}.stat-pill{border:1px solid rgba(125,211,252,.22);border-radius:16px;padding:.85rem;background:rgba(2,6,23,.38)}.stat-pill strong{display:block;color:var(--accent);font-family:var(--font-code);font-size:1.45rem;line-height:1}.stat-pill span{display:block;margin-top:.35rem;color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}code{color:#cffafe}.code,code{font-family:var(--font-code)}.code{margin:.8rem 0;padding:.9rem;border-radius:14px;border:1px solid rgba(56,189,248,.28);background:rgba(2,6,23,.72);overflow:auto;color:#d9f8ff;font-size:.9rem;white-space:pre-wrap}.card+.card{margin-top:0}@media (max-width:720px){.site-shell{width:min(100% - .75rem,1180px);margin-top:.45rem;border-radius:20px}.topbar{flex-direction:column;align-items:flex-start}nav{justify-content:flex-start}.hero{padding:1.35rem}h1{max-width:none}}