:root{
  --bg:#050609;--bg2:#080910;--panel:rgba(255,255,255,.034);--panel2:rgba(255,255,255,.055);
  --line:rgba(226,232,240,.105);--line2:rgba(226,232,240,.06);--text:#f8fafc;--muted:#98a2b3;--faint:#667085;
  --purple:#8b5cf6;--purple2:#c4b5fd;--max:1180px;--wide:1680px;
  --mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;
  --sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:radial-gradient(circle at 50% -10%,rgba(139,92,246,.16),transparent 34%),linear-gradient(180deg,#07080c 0%,#050609 42%,#030305 100%);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision} a{color:inherit;text-decoration:none} img,video{display:block;width:100%;height:auto}.grain{position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.nav{position:sticky;top:0;z-index:20;backdrop-filter:blur(18px);background:rgba(5,6,9,.74);border-bottom:1px solid var(--line2)}.nav-inner{width:min(var(--max),calc(100% - 36px));margin:0 auto;height:72px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:14px;font-weight:800;letter-spacing:.02em}.brand-mark{width:10px;height:10px;border-radius:999px;background:var(--purple);box-shadow:0 0 28px rgba(139,92,246,.9)}.nav-links{display:flex;gap:24px;align-items:center;color:var(--muted);font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.12em}.nav-links a:hover{color:var(--text)}
.hero{padding:86px 0 72px;text-align:center}.hero-inner,.section,.footer-inner{width:min(var(--max),calc(100% - 36px));margin:0 auto}.eyebrow,.kicker{font-family:var(--mono);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--purple2)}.eyebrow{margin-bottom:20px}.hero h1{margin:0 auto;max-width:1020px;font-size:clamp(46px,7.6vw,104px);line-height:.91;letter-spacing:-.075em;font-weight:880}.hero-copy{max-width:760px;margin:28px auto 0;color:#b8c0cc;font-size:clamp(18px,2vw,22px);line-height:1.55;letter-spacing:-.025em}.hero-media{width:min(var(--wide),calc(100vw - 56px));margin:54px auto 0;border:1px solid rgba(226,232,240,.12);border-radius:16px;background:#050609;box-shadow:0 34px 120px rgba(0,0,0,.52),0 0 100px rgba(139,92,246,.14);overflow:hidden}.hero-media video{aspect-ratio:16/9;object-fit:cover;background:#050609}.hero-media img{aspect-ratio:16/9;object-fit:cover}.section{padding:86px 0;border-top:1px solid var(--line2)}.section-head{max-width:760px;margin-bottom:34px}.kicker{margin-bottom:14px}.section h2,.article h1{margin:0;font-size:clamp(34px,5vw,68px);line-height:.98;letter-spacing:-.058em}.lead{margin:20px 0 0;color:#aeb7c4;font-size:18px;line-height:1.65;letter-spacing:-.015em;max-width:720px}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{border:1px solid var(--line2);background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));border-radius:22px;padding:28px;min-height:230px}.card-num{font-family:var(--mono);font-size:12px;color:var(--purple2);letter-spacing:.12em;margin-bottom:32px}.card h3{margin:0;font-size:22px;letter-spacing:-.035em}.card p{margin:14px 0 0;color:var(--muted);font-size:15px;line-height:1.65}.showcase{display:grid;grid-template-columns:.82fr 1.18fr;gap:36px;align-items:center}.showcase.reverse{grid-template-columns:1.15fr .85fr}.shot{border:1px solid rgba(226,232,240,.11);border-radius:18px;background:#050609;overflow:hidden;box-shadow:0 28px 90px rgba(0,0,0,.44)}.shot img{filter:saturate(1.05) contrast(1.02)}.copy-block h3{margin:0;font-size:clamp(30px,4vw,52px);line-height:1;letter-spacing:-.055em}.copy-block p{margin:18px 0 0;color:#aeb7c4;font-size:17px;line-height:1.68}.metric-list{display:grid;gap:10px;margin-top:24px}.metric{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line2);padding:12px 0;font-family:var(--mono);font-size:12px;color:#d8dce5;text-transform:uppercase;letter-spacing:.08em}.metric span:last-child{color:var(--purple2)}.score-grid,.article-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.score-card,.article-card{border:1px solid var(--line2);border-radius:18px;background:rgba(255,255,255,.026);padding:20px}.score-card strong,.article-card small{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#fff}.score-card p,.article-card p{margin:10px 0 0;color:var(--muted);font-size:14px;line-height:1.55}.workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}.step{position:relative;border:1px solid var(--line2);border-radius:20px;padding:24px;background:rgba(255,255,255,.026);min-height:150px}.step:after{content:"→";position:absolute;right:-15px;top:50%;transform:translateY(-50%);color:rgba(196,181,253,.55);font-family:var(--mono)}.step:last-child:after{display:none}.step small{display:block;font-family:var(--mono);font-size:11px;color:var(--purple2);letter-spacing:.12em;margin-bottom:26px}.step strong{display:block;font-size:20px;letter-spacing:-.035em}.step p{margin:10px 0 0;color:var(--muted);font-size:14px;line-height:1.55}.final{padding:110px 0 120px;text-align:center}.final h2{max-width:900px;margin:0 auto}.final p{margin:24px auto 0;max-width:620px;color:#aeb7c4;font-size:18px;line-height:1.6}.footer{border-top:1px solid var(--line2);padding:34px 0 46px;color:var(--faint);font-size:13px}.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer a:hover{color:var(--text)}.fade{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.fade.in{opacity:1;transform:translateY(0)}
.article{width:min(920px,calc(100% - 36px));margin:0 auto;padding:78px 0 100px}.article .kicker{margin-bottom:18px}.article h1{max-width:850px}.article-intro{font-size:19px;line-height:1.68;color:#b8c0cc;max-width:780px;margin:26px 0 34px}.article-media{margin:38px 0 54px;border:1px solid rgba(226,232,240,.11);border-radius:18px;overflow:hidden;background:#050609;box-shadow:0 22px 78px rgba(0,0,0,.35)}.article-body{max-width:760px}.article-body h2{font-size:34px;line-height:1.05;letter-spacing:-.045em;margin:54px 0 16px}.article-body h3{font-size:23px;letter-spacing:-.03em;margin:32px 0 10px}.article-body p,.article-body li{font-size:17px;line-height:1.76;color:#aeb7c4}.article-body strong{color:#fff}.article-body ul{padding-left:20px}.article-callout{border:1px solid rgba(139,92,246,.22);background:linear-gradient(180deg,rgba(139,92,246,.09),rgba(255,255,255,.018));border-radius:20px;padding:24px;margin:38px 0;color:#cbd5e1}.article-callout p{margin:0}.article-nav{display:flex;justify-content:space-between;gap:14px;margin-top:60px;padding-top:28px;border-top:1px solid var(--line2);color:var(--muted);font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.1em}.article-nav a:hover{color:#fff}.legal{width:min(860px,calc(100% - 36px));margin:0 auto;padding:78px 0 110px}.legal h1{font-size:clamp(42px,7vw,72px);line-height:.92;letter-spacing:-.065em;margin:0 0 26px}.legal h2{margin-top:42px}.legal p,.legal li{color:#aeb7c4;line-height:1.72;font-size:16px}
@media(max-width:860px){.nav-inner{height:66px}.nav-links{gap:14px;font-size:10px}.hero{padding-top:62px}.hero-media{width:min(100vw - 28px, var(--wide));margin-top:38px;border-radius:14px}.pillars,.score-grid,.workflow,.showcase,.showcase.reverse,.article-grid{grid-template-columns:1fr}.section{padding:68px 0}.step:after{display:none}.footer-inner{align-items:flex-start;flex-direction:column}.copy-block{order:-1}}@media(max-width:560px){.nav-links a:nth-child(2),.nav-links a:nth-child(4){display:none}.hero h1{font-size:44px}.card{padding:22px}.section h2,.article h1{font-size:36px}.workflow{gap:10px}.hero-media video{aspect-ratio:9/12;object-fit:cover}.article-body h2{font-size:29px}.article-nav{flex-direction:column}}