*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#000;--panel:#050505;--line:#202020;--text:#fff;--muted:#8b8b8b;--accent:#fff;--accent2:#ddd;--danger:#fff;--glow:255,255,255;--mono:"DM Mono",monospace}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.55;overflow-x:hidden}
a{color:inherit;text-decoration:none}.noise{position:fixed;inset:0;opacity:.035;pointer-events:none;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.nav{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:sticky;top:0;background:rgba(0,0,0,.88);backdrop-filter:blur(16px);z-index:10}.brand{display:flex;align-items:center;gap:10px}.logo{height:26px;width:auto;display:block;filter:drop-shadow(0 0 8px rgba(255,255,255,.20))}.desktop-nav{display:flex;align-items:center;gap:26px;font-size:13px;color:#aab1b0}.desktop-nav a:hover,.foot-col a:hover{color:#fff}.nav-actions{display:flex;align-items:center;gap:16px}.nav-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;color:#aab1b0;transition:color .2s}.nav-icon svg{width:100%;height:100%}.nav-icon:hover{color:#fff}.github-link{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:11px}.github-link svg{width:15px;height:15px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--line);padding:13px 24px;font-size:13px;font-weight:700;white-space:nowrap;transition:.25s;cursor:pointer}.btn-small{padding:9px 15px}.btn-primary{background:#fff;color:#000;border-color:#fff}.btn-primary:hover{background:#d0ff75;transform:translateY(-2px)}.btn-ghost{background:transparent}.btn-ghost:hover{border-color:#5c6462;transform:translateY(-2px)}.menu-btn{display:none;background:none;color:white;border:0;font-size:24px}

.hero{min-height:700px;padding:105px 7vw 95px;display:grid;grid-template-columns:1.05fr .95fr;gap:7vw;align-items:center;position:relative;overflow:hidden}.grid-glow{position:absolute;width:700px;height:700px;right:-240px;top:-220px;background:radial-gradient(circle,rgba(255,255,255,.11),transparent 64%);pointer-events:none}.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,black,transparent 85%);pointer-events:none}.hero-copy,.cloud-stage{position:relative;z-index:1}.hero h1{font-size:clamp(48px,6.2vw,86px);line-height:.98;letter-spacing:-5px;max-width:850px}.hero h1 em,.section h2 em,.manifesto-big em,.cta-section h2 em{font-style:normal;color:#fff}.hero-sub{font-size:17px;color:#a6adac;max-width:620px;margin:28px 0}.hero-buttons{display:flex;gap:10px;flex-wrap:wrap}.micro-proof{display:flex;align-items:center;gap:12px;margin-top:27px;font:9px var(--mono);color:#646c6a;letter-spacing:1px}.micro-proof i{width:3px;height:3px;border-radius:50%;background:#515856}.install-cmd{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:#030303;padding:12px 12px 12px 16px;max-width:420px;margin:26px 0 8px}.install-cmd code{flex:1;font:12px var(--mono);color:#dfe3e1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.install-cmd code .p{color:#fff}.install-cmd button{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--line);color:#8b8b8b;font:10px var(--mono);padding:6px 10px;cursor:pointer;transition:.2s}.install-cmd button:hover{color:#fff;border-color:#5c6462}.install-cmd button svg{width:12px;height:12px}

.cloud-stage{position:relative;height:460px;display:flex;align-items:center;justify-content:center;perspective:1100px}.cloud-glow{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(var(--glow),.30),transparent 68%);filter:blur(40px);animation:breathe 6s ease-in-out infinite;pointer-events:none}@keyframes breathe{0%,100%{opacity:.42;transform:scale(1)}50%{opacity:.9;transform:scale(1.08)}}.cloud-tilt{position:relative;width:min(440px,78%);transform-style:preserve-3d;transition:transform .35s cubic-bezier(.22,1,.36,1);will-change:transform}.cloud-ring{position:absolute;inset:-8%;border-radius:50%;border:1px solid rgba(var(--glow),.10);transform:translateZ(-40px)}.cloud-ring.two{inset:-22%;border-color:rgba(var(--glow),.06);transform:translateZ(-80px)}.cloud-svg{width:100%;filter:drop-shadow(0 0 30px rgba(var(--glow),.25));animation:fadeUp 1.3s ease-out both}.cloud-svg path{stroke:rgba(255,255,255,.9)}.cloud-scanline{position:absolute;left:6%;right:6%;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--glow),.8),transparent);box-shadow:0 0 12px rgba(var(--glow),.6);animation:scan 4.5s ease-in-out infinite}@keyframes scan{0%,100%{top:22%;opacity:0}10%{opacity:1}50%{top:78%;opacity:1}60%{opacity:0}}@keyframes fadeUp{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}

.stats-band{padding:0 7vw;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stats-row{display:grid;grid-template-columns:repeat(4,1fr)}.stats-row>div{padding:34px 24px;border-right:1px solid var(--line)}.stats-row>div:last-child{border-right:0}.stats-row .num{font:600 34px var(--mono);color:#fff;letter-spacing:-1px;margin-bottom:8px}.stats-row .lbl{font-size:12.5px;color:#818a87;line-height:1.5;max-width:220px}

.section-head-row{max-width:720px;margin-bottom:60px}.section-head-row p{color:#818a87;font-size:15px;margin-top:14px;max-width:520px}.coverage-graphic{position:relative;height:32px;margin-top:34px;max-width:480px}.coverage-graphic i{position:absolute;left:1%;right:1%;top:50%;height:1px;background:#3c463f}.coverage-graphic span{position:absolute;top:50%;width:8px;height:8px;margin-top:-4px;margin-left:-4px;border-radius:50%;background:#fff;box-shadow:0 0 12px rgba(255,255,255,.6)}.coverage-graphic .lbl{position:absolute;top:100%;margin-top:8px;margin-left:0;width:auto;height:auto;border-radius:0;background:none;box-shadow:none;font:8px var(--mono);letter-spacing:1px;color:#59615e;text-transform:uppercase;transform:translateX(-50%);white-space:nowrap}

.checks-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.check-tile{padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.check-ico{width:20px;height:20px;color:#fff;margin-bottom:18px;filter:drop-shadow(0 0 10px rgba(255,255,255,.35))}.check-ico svg{width:100%;height:100%}.check-tile h3{font-size:17px;margin-bottom:9px}.check-tile p{color:#7e8784;font-size:13px;max-width:300px}.check-note{margin-top:14px;font:9px var(--mono);letter-spacing:1px;color:#59615e;text-transform:uppercase}

.compare-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.compare-col{padding:30px;border-left:1px solid var(--line)}.compare-col:first-child{border-left:0}.compare-col.self{background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 60%)}.compare-col h3{font-size:19px;margin-bottom:6px}.compare-col .tag{display:block;font:9px var(--mono);letter-spacing:1px;text-transform:uppercase;color:#66706d;margin-bottom:22px}.compare-col ul{list-style:none}.compare-col li{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;color:#aab1b0;padding:11px 0;border-top:1px solid var(--line)}.compare-col li:first-child{border-top:0}.compare-col li svg{width:14px;height:14px;flex-shrink:0;margin-top:2px;color:#fff}.compare-col li.n{color:#5c6461}.compare-col li.n svg{color:#3f4543}.compare-foot{font-size:12px;color:#66706d;margin-top:20px;font-family:var(--mono);max-width:640px}.compare-foot code{color:#8b8b8b}

.post-list{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}.post-card{display:block;background:#000;padding:26px 28px;transition:background .2s}.post-card:hover{background:#050505}.post-meta{font:9px var(--mono);letter-spacing:1px;text-transform:uppercase;color:#66706d}.post-card h3{font-size:19px;margin:10px 0 8px;letter-spacing:-.3px}.post-card p{color:#818a87;font-size:13.5px;max-width:520px}.post-more{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font:10px var(--mono);letter-spacing:1px;text-transform:uppercase;color:#fff}.post-more svg{width:13px;height:13px}

.page-intro{padding:120px 7vw 50px}.page-intro h1{font-size:clamp(38px,5vw,58px);line-height:1.05;letter-spacing:-2px;max-width:16ch;margin-bottom:20px}.page-intro .lede{font-size:16.5px;color:#a6adac;max-width:560px}

.info-box{border:1px solid var(--line);padding:28px;background:#030303}.info-box .info-label{font:9px var(--mono);letter-spacing:1.5px;text-transform:uppercase;color:#66706d;margin-bottom:18px;display:block}.info-box dt{font:9px var(--mono);letter-spacing:1px;text-transform:uppercase;color:#5c6461;margin-top:16px}.info-box dt:first-child{margin-top:0}.info-box dd{font-size:13px;color:#aab1b0;margin-top:6px;line-height:1.6}

.cta-band{border:1px solid var(--line);padding:44px 7vw;position:relative;overflow:hidden}.cta-band:before{content:"";position:absolute;right:-120px;top:-160px;width:420px;height:420px;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 65%);pointer-events:none}.cta-band>*{position:relative;z-index:1}.cta-band h2{font-size:clamp(26px,3.4vw,38px);letter-spacing:-1px;margin-bottom:14px}.cta-band p{color:#a6adac;font-size:14.5px;max-width:520px}

.article{max-width:680px;margin:0 auto;padding:120px 7vw 100px}.article .back-link{display:inline-flex;align-items:center;gap:7px;font:11px var(--mono);color:#8b8b8b;letter-spacing:.5px}.article .back-link:hover{color:#fff}.article .back-link svg{width:14px;height:14px}.article .kicker{font:9px var(--mono);letter-spacing:1.5px;text-transform:uppercase;color:#66706d;margin-top:28px}.article h1{font-size:clamp(30px,4.2vw,46px);line-height:1.08;letter-spacing:-1.5px;margin:14px 0 12px}.article .byline{font-size:12.5px;color:#66706d;font-family:var(--mono);margin-bottom:40px}.article h2{font-size:22px;letter-spacing:-.5px;margin:42px 0 14px}.article p{font-size:15.5px;line-height:1.75;color:#c7cbc9;margin-bottom:16px}.article code{font-family:var(--mono);font-size:.88em;color:#fff;background:#0d0d0d;border:1px solid var(--line);padding:2px 6px}.article pre{font-family:var(--mono);font-size:12.5px;line-height:1.6;color:#dfe3e1;background:#030303;border:1px solid var(--line);padding:18px 20px;overflow-x:auto;margin:18px 0}.article pre code{border:0;background:none;padding:0}

.foot-top{margin-bottom:46px}.foot-top .logo{height:22px}.foot-tagline{margin-top:14px;color:#727b78;font-size:13px;max-width:340px}.foot-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:640px;margin-bottom:46px}.foot-col h5{font:9px var(--mono);letter-spacing:1.5px;text-transform:uppercase;color:#59615e;margin-bottom:16px}.foot-col a{display:block;font-size:13px;color:#aab1b0;margin-bottom:11px;transition:color .15s}.foot-li{display:inline-flex;align-items:center;gap:7px}.foot-li svg{width:14px;height:14px}

.ticker{border-block:1px solid var(--line);display:flex;justify-content:space-around;padding:18px 5vw;color:#6d7472;font:10px var(--mono);letter-spacing:1.5px}.ticker span{color:#fff;margin-left:30px}.section{padding:125px 7vw}.section-label{font:10px var(--mono);letter-spacing:2px;color:#66706d;margin-bottom:45px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.section h2{font-size:clamp(38px,5vw,66px);line-height:1.02;letter-spacing:-3px}.lead{font-size:21px;color:#d4d9d7;line-height:1.45;margin-bottom:20px}.two-col p:not(.lead){color:#818a87;max-width:550px}.feature-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;margin-top:90px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.feature-card{min-height:340px;padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;overflow:hidden}.feature-card.large{min-height:390px}.card-number{font:9px var(--mono);color:#59615e}.feature-icon{font-size:28px;color:#fff;margin:58px 0 20px}.feature-card h3{font-size:20px;margin-bottom:10px}.feature-card p{color:#7e8784;font-size:13px;max-width:350px}.mini-network{position:absolute;bottom:30px;left:30px;right:30px;height:65px;border-bottom:1px solid #28302b}.mini-network span{position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;bottom:0}.mini-network span:nth-child(1){left:15%}.mini-network span:nth-child(2){left:42%;bottom:30px}.mini-network span:nth-child(3){left:65%;bottom:48px}.mini-network span:nth-child(4){right:8%;bottom:20px}.mini-network i{position:absolute;left:15%;right:8%;bottom:0;border-top:1px dashed #3c463f;transform:rotate(-12deg)}

.workflow{background:#000;border-block:1px solid var(--line)}.workflow-head{display:flex;justify-content:space-between;align-items:end;gap:30px}.workflow-head p{color:#78817e;max-width:300px}.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:90px}.step{padding:0 28px 0 0}.step>span{font:11px var(--mono);color:#fff}.step-line{height:1px;background:#303632;margin:22px 0 28px;position:relative}.step-line:after{content:"";position:absolute;left:0;top:-2px;width:5px;height:5px;background:#fff;border-radius:50%}.step h3{font-size:17px;margin-bottom:9px}.step p{font-size:12px;color:#727b78;max-width:190px}

.differentiators{background:#08090a}.manifesto{display:grid;grid-template-columns:1.1fr .9fr;gap:10vw}.manifesto-big{font-size:clamp(45px,6vw,80px);line-height:.98;letter-spacing:-4px}.manifesto-copy>p{font-size:18px;color:#aeb6b2;line-height:1.55;margin-bottom:45px}.principles{border-top:1px solid var(--line)}.principles>div{display:grid;grid-template-columns:45px 1fr;gap:12px;padding:19px 0;border-bottom:1px solid var(--line);font-size:12px;color:#737c78}.principles b{font:10px var(--mono);color:#fff}.principles strong{color:#dce1df;font-size:13px}

.community{padding-top:20px}.community-card{position:relative;overflow:hidden;border:1px solid #333a35;background:#030303;padding:75px 7vw}.community-glow{position:absolute;right:-100px;top:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 62%)}.community-card>*:not(.community-glow){position:relative;z-index:1}.community-card h2{font-size:clamp(40px,5vw,68px);line-height:1;letter-spacing:-3px;max-width:780px}.community-card>p{max-width:650px;color:#8d9792;margin:28px 0}.community-actions{display:flex;gap:10px;flex-wrap:wrap}.light{color:#dbe1dd}.code-strip{margin-top:60px;border-top:1px solid #2b342d;padding-top:15px;display:flex;justify-content:space-between;color:#59635d;font:9px var(--mono);letter-spacing:1px}.code-strip span:last-child{color:#fff}

.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.quote{border-left:1px solid #394039;padding-left:30px}.quote>span{font-size:55px;color:#fff;line-height:.5}.quote p{font-size:21px;color:#aab2ae;margin-top:20px}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:90px;border-top:1px solid var(--line)}.stats>div{padding:28px;border-right:1px solid var(--line)}.stats>div:first-child{border-left:1px solid var(--line)}.stats strong{display:block;font:11px var(--mono);color:#fff;margin-bottom:40px}.stats span{font-weight:700}.stats p{color:#727a77;font-size:12px;margin-top:8px;max-width:230px}

.cta-section{border-top:1px solid var(--line);padding:135px 7vw;text-align:center;background:radial-gradient(circle at 50% 80%,rgba(255,255,255,.07),transparent 45%)}.cta-inner{max-width:850px;margin:auto}.cta-section h2{font-size:clamp(50px,7vw,90px);line-height:.95;letter-spacing:-5px}.cta-section p{color:#818a86;margin:25px auto 30px}.big{padding:16px 25px}footer{border-top:1px solid var(--line);padding:60px 7vw 22px;color:#707875}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:0;padding-top:18px;font:8px var(--mono);letter-spacing:1px;color:#4f5754}

.reveal{opacity:0;transform:translateY(18px);animation:reveal .8s .1s forwards}.delay{animation-delay:.28s}@keyframes reveal{to{opacity:1;transform:none}}

@media(max-width:850px){.desktop-nav{display:none;position:fixed;top:76px;left:0;right:0;flex-direction:column;align-items:flex-start;gap:0;background:#000;border-bottom:1px solid var(--line);padding:6px 5vw 18px;z-index:9}.desktop-nav.mobile-open{display:flex}.desktop-nav a{width:100%;padding:14px 0;border-top:1px solid var(--line);font-size:14px}.desktop-nav a:first-child{border-top:0}.github-link,.nav-actions>.btn-small,.nav-actions .nav-icon{display:none}.menu-btn{display:block}.nav{padding:0 5vw}.hero{grid-template-columns:1fr;padding-top:75px}.hero h1{letter-spacing:-3px}.cloud-stage{height:340px;order:-1}.ticker{overflow:hidden;justify-content:flex-start;gap:38px;white-space:nowrap}.ticker div:nth-child(n+4){display:none}.two-col,.manifesto,.about-grid{grid-template-columns:1fr;gap:45px}.feature-grid,.checks-grid,.compare-grid{grid-template-columns:1fr}.compare-col{border-left:0;border-top:1px solid var(--line)}.compare-col:first-child{border-top:0}.feature-card,.feature-card.large{min-height:300px}.steps{grid-template-columns:1fr 1fr;gap:45px}.stats{grid-template-columns:1fr}.stats>div{border-left:1px solid var(--line);border-bottom:1px solid var(--line)}.stats-row{grid-template-columns:1fr 1fr}.stats-row>div{border-bottom:1px solid var(--line)}.foot-cols{grid-template-columns:1fr 1fr;gap:30px 24px}.footer-bottom{gap:20px;flex-direction:column}.section{padding:90px 6vw}.community{padding-top:0}.community-card{padding:55px 6vw}.micro-proof{flex-wrap:wrap}.micro-proof i{display:none}}
@media(max-width:520px){.hero{padding-inline:6vw}.hero h1{font-size:50px}.hero-sub{font-size:15px}.workflow-head{display:block}.workflow-head p{margin-top:25px}.steps{grid-template-columns:1fr}.manifesto-big{letter-spacing:-2px}.community-card h2,.cta-section h2{letter-spacing:-2px}.code-strip{flex-direction:column;gap:10px}.stats-row{grid-template-columns:1fr}.stats-row>div{border-right:0;border-bottom:1px solid var(--line)}.foot-cols{grid-template-columns:1fr;gap:26px}.coverage-graphic .lbl{display:none}}

/* Premium information graphics */
.feature-card{background:
  radial-gradient(circle at 82% 72%,rgba(255,255,255,.07),transparent 25%),
  linear-gradient(180deg,rgba(255,255,255,.025),transparent 42%);
}
.feature-card:hover{background:
  radial-gradient(circle at 82% 72%,rgba(255,255,255,.12),transparent 30%),
  linear-gradient(180deg,rgba(255,255,255,.045),transparent 45%);
}
.feature-card .feature-icon{font-family:var(--mono);font-weight:400;color:#fff;text-shadow:0 0 18px rgba(255,255,255,.55)}
.mini-network{height:105px;bottom:25px;border:0}
.mini-network:before{content:"";position:absolute;inset:10px 0 0;
  background:
  linear-gradient(135deg,transparent 0 18%,rgba(255,255,255,.18) 18.2% 18.5%,transparent 18.7% 100%),
  linear-gradient(20deg,transparent 0 43%,rgba(255,255,255,.14) 43.2% 43.5%,transparent 43.7% 100%);
  opacity:.8;
}
.mini-network:after{content:"";position:absolute;left:8%;right:8%;top:45%;height:1px;background:linear-gradient(90deg,transparent,#fff 18%,#fff 74%,transparent);box-shadow:0 0 12px rgba(255,255,255,.5)}
.mini-network span{width:8px;height:8px;background:#fff;box-shadow:0 0 14px rgba(255,255,255,.85);z-index:2}
.mini-network span:nth-child(1){left:10%;bottom:24px}.mini-network span:nth-child(2){left:35%;bottom:63px}
.mini-network span:nth-child(3){left:62%;bottom:34px}.mini-network span:nth-child(4){right:8%;bottom:70px}
.mini-network i{left:10%;right:8%;bottom:24px;border-top:1px solid rgba(255,255,255,.45);transform:rotate(-2deg)}
.card-number{color:#777}

.risk-orbit{position:absolute;left:30px;right:30px;bottom:30px;height:130px;border:1px solid #262626;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 35px rgba(255,255,255,.025)}
.risk-orbit:before,.risk-orbit:after{content:"";position:absolute;border:1px solid #333;border-radius:50%;inset:18px 35px}
.risk-orbit:after{inset:35px 65px;border-color:#555;box-shadow:0 0 20px rgba(255,255,255,.12)}
.risk-orbit span{width:8px;height:8px;background:#fff;border-radius:50%;position:absolute;top:15px;left:50%;box-shadow:0 0 16px #fff}
.risk-orbit b{font:600 22px var(--mono);z-index:1}
.risk-orbit i{font:8px var(--mono);font-style:normal;letter-spacing:2px;position:absolute;bottom:18px;color:#777}
.action-graphic{position:absolute;left:30px;right:30px;bottom:38px;display:flex;align-items:center;gap:10px;font:8px var(--mono);letter-spacing:1px;color:#fff}
.action-graphic span{border:1px solid #3a3a3a;padding:8px 7px;box-shadow:0 0 16px rgba(255,255,255,.025)}
.action-graphic i{height:1px;flex:1;background:linear-gradient(90deg,#444,#fff);position:relative}
.action-graphic i:after{content:"›";position:absolute;right:-2px;top:-8px;font:14px Arial;color:#fff}

@media(prefers-reduced-motion:reduce){.cloud-tilt{transform:none!important}.flow-pulse,.flow-dot{animation:none!important}}

/* Claude Code page: centered hero, long horizontal flow infographic below (not the round cloud stage) */
.hero-centered{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0}
.hero-centered .hero-copy{max-width:700px}
.hero-centered .hero-sub{margin-inline:auto}
.hero-centered .hero-buttons{justify-content:center}
.hero-centered .micro-proof{justify-content:center}
.hero-kicker{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);padding:6px 12px;font:9px var(--mono);letter-spacing:1.5px;text-transform:uppercase;color:#aab1b0;margin-bottom:22px}
.hero-kicker i{width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 8px rgba(255,255,255,.7)}
.term-panel{border:1px solid var(--line);background:#030303;max-width:520px;margin:26px auto 8px;text-align:left}
.term-panel .cmds{padding:14px 16px;font:12px var(--mono);color:#dfe3e1;line-height:1.9}
.term-panel .cmds .p{color:#fff}
.term-panel .ask{border-top:1px solid var(--line);padding:14px 16px;font:12px var(--mono);color:#fff}
.term-panel .ask .p{color:#59615e}
.flow-graphic{position:relative;height:36px;max-width:640px;width:100%;margin:80px auto 0}
.flow-graphic i{position:absolute;left:1%;right:1%;top:50%;height:1px;background:#3c463f}
.flow-graphic .flow-dot{position:absolute;top:50%;width:9px;height:9px;margin-top:-4.5px;margin-left:-4.5px;border-radius:50%;background:#fff;box-shadow:0 0 12px rgba(255,255,255,.6);animation:flow-pulse-dot 4.4s ease-in-out infinite}
.flow-graphic .flow-dot.d2{animation-delay:1.1s}.flow-graphic .flow-dot.d3{animation-delay:2.2s}.flow-graphic .flow-dot.d4{animation-delay:3.3s}
.flow-graphic .lbl{position:absolute;top:100%;margin-top:10px;font:8px var(--mono);letter-spacing:1px;color:#59615e;text-transform:uppercase;transform:translateX(-50%);white-space:nowrap}
.flow-graphic .flow-pulse{position:absolute;top:50%;left:0;width:70px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);box-shadow:0 0 12px rgba(255,255,255,.6);animation:flow-travel 4.4s ease-in-out infinite;transform:translateY(-50%)}
@keyframes flow-pulse-dot{0%,100%{opacity:.45;transform:scale(.85)}50%{opacity:1;transform:scale(1.25)}}
@keyframes flow-travel{0%{left:-5%;opacity:0}8%{opacity:1}92%{opacity:1}100%{left:105%;opacity:0}}

/* Claude Code page: safety-boundary checklist and chat transcript */
.check-list{list-style:none;border-top:1px solid var(--line);max-width:640px}
.check-list li{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:#c7cbc9;padding:14px 0;border-bottom:1px solid var(--line)}
.check-list li svg{width:14px;height:14px;flex-shrink:0;margin-top:3px;color:#fff}
.check-list li.n{color:#5c6461}.check-list li.n svg{color:#3f4543}
.transcript{border:1px solid var(--line);background:#030303;padding:22px 24px;font-family:var(--mono);font-size:12.5px;line-height:1.7;color:#c7cbc9;max-width:680px}
.transcript .u{color:#fff;display:block;margin-top:16px}
.transcript .u:first-child{margin-top:0}
.transcript .u:before{content:"❯ ";color:#59615e}
.transcript .a{color:#a6adac;display:block;margin:8px 0 0 14px;padding-left:14px;border-left:1px solid #262626}
.transcript code{color:#fff;font-family:inherit;background:none}

/* Sample report page */
.report-hero{padding:120px 7vw 0;text-align:center}
.report-hero .hero-kicker{margin-inline:auto}
.report-hero h1{font-size:clamp(30px,4.2vw,48px);line-height:1.1;letter-spacing:-1.5px;max-width:18ch;margin:0 auto 16px}
.report-hero p{color:#a6adac;font-size:16px;line-height:1.6;max-width:560px;margin:0 auto}
.report-stage{display:flex;justify-content:center;padding:56px 7vw 0;perspective:1600px}
.report-card{width:100%;max-width:680px;border:1px solid var(--line);background:#030303;overflow:hidden;position:relative;cursor:pointer;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.22,1,.36,1);will-change:transform}
.report-card:hover{transition:transform .08s linear}
.report-hint{position:absolute;top:14px;right:14px;display:flex;align-items:center;gap:6px;font:11px var(--mono);color:#fff;background:rgba(0,0,0,.7);border:1px solid var(--line);padding:6px 11px;opacity:0;transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease;pointer-events:none;z-index:2}
.report-card:hover .report-hint{opacity:1;transform:translateY(0)}
.report-framebar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line);background:#050505}
.report-framebar .fdot{width:9px;height:9px;border-radius:50%;background:#2e2e2e}
.report-framebar .flabel{margin-left:6px;font:11.5px var(--mono);color:#59615e}
.report-viewport{position:relative;width:100%;height:560px;overflow:hidden;background:#000}
.report-viewport iframe{position:absolute;top:0;left:0;width:860px;height:2200px;border:0;transform:scale(.74);transform-origin:top left;pointer-events:none}
.report-fade{position:absolute;left:0;right:0;bottom:0;height:140px;background:linear-gradient(to bottom,rgba(0,0,0,0),#030303 88%);pointer-events:none}
.report-cta{max-width:520px;margin:40px auto 0;text-align:center;padding:0 7vw}
.report-cta p{color:#818a87;font-size:15px;margin-bottom:20px}
.report-fineprint{margin-top:16px;font:11.5px var(--mono);color:#59615e}
@media(max-width:560px){.report-viewport{height:420px}.report-viewport iframe{transform:scale(.5)}}
@media(prefers-reduced-motion:reduce){.report-card{transition:none!important;transform:none!important}}
