:root{
  --paper:#f3f0e8;
  --paper-2:#e9e4d8;
  --ink:#101512;
  --muted:#66695f;
  --acid:#bdf34a;
  --orange:#ff6b35;
  --line:rgba(16,21,18,.16);
  --max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
body::selection{background:var(--ink);color:var(--paper)}
a{color:inherit;text-decoration:none}
button{font:inherit}
img{display:block;max-width:100%}
.shell{width:min(var(--max),calc(100% - 48px));margin-inline:auto}
.grain{position:fixed;inset:0;pointer-events:none;opacity:.14;z-index:100;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.14'/%3E%3C/svg%3E")}
.topbar{height:82px;width:min(var(--max),calc(100% - 48px));margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:20}
.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.15em;font-size:14px;width:max-content}
.brand-mark{width:27px;height:27px;display:grid;grid-template-columns:1fr 1fr;gap:3px;transform:rotate(45deg)}
.brand-mark i{background:var(--ink);display:block}.brand-mark i:nth-child(2),.brand-mark i:nth-child(3){background:var(--acid)}
.nav{display:flex;gap:30px;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.nav a{opacity:.62;transition:.2s}.nav a:hover{opacity:1}
.small-cta{justify-self:end;font-size:12px;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid;padding-bottom:4px}.small-cta span{margin-left:9px}
.hero{min-height:760px;display:grid;grid-template-columns:48% 52%;align-items:center;padding:76px 0 86px}
.eyebrow,.kicker{font-size:11px;letter-spacing:.18em;font-weight:800;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:34px}.pulse{width:8px;height:8px;background:var(--acid);border:1px solid var(--ink);border-radius:50%;box-shadow:0 0 0 0 rgba(189,243,74,.5);animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(189,243,74,0)}100%{box-shadow:0 0 0 0 rgba(189,243,74,0)}}
.hero h1{font-size:clamp(72px,8.5vw,138px);line-height:.78;letter-spacing:-.075em;margin:0 0 42px;font-weight:800;max-width:700px}.hero h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400}.lede{max-width:540px;font-size:18px;line-height:1.55;color:#343932;margin:0 0 32px}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.button{border:1px solid var(--ink);padding:15px 19px;display:inline-flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;font-size:11px;cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s}.button:hover{transform:translateY(-2px);box-shadow:4px 4px 0 var(--ink)}.button.primary{background:var(--acid)}.button.ghost{background:transparent}.button.dark{background:var(--ink);color:var(--paper)}
.availability{margin-top:64px;border-top:1px solid var(--line);padding-top:16px;display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr;gap:10px;align-items:baseline;max-width:580px}.availability span{font-size:9px;letter-spacing:.15em;color:var(--muted);font-weight:bold}.availability b{font-size:18px}
.hero-visual{position:relative;padding-left:45px}.photo-frame{margin:0;border:1px solid var(--ink);background:#fff;padding:9px 9px 0}.hero-photo{transform:rotate(1.6deg);box-shadow:14px 15px 0 var(--orange)}.hero-photo img{width:100%;height:600px;object-fit:cover;filter:saturate(.45) contrast(1.08)}.photo-frame figcaption{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;padding:10px 2px 9px;font-weight:bold}.floating-card{position:absolute;left:0;bottom:40px;width:265px;background:var(--ink);color:var(--paper);padding:20px;transform:rotate(-2deg);box-shadow:-7px 8px 0 var(--acid)}.card-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.1em}.online{color:var(--acid)}.big-number{font-size:62px;line-height:1;margin:28px 0 10px;font-weight:700}.big-number sup{font-size:18px}.meter{height:4px;background:#323832}.meter i{height:100%;width:var(--value);display:block;background:var(--acid)}.tiny-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;font-size:8px;letter-spacing:.08em;color:#a9aea7}.tiny-grid b{display:block;color:white;font-size:15px;margin-top:4px}
.ticker{overflow:hidden;border-block:1px solid var(--ink);background:var(--acid);padding:13px 0}.ticker-track{display:flex;gap:30px;align-items:center;width:max-content;animation:ticker 28s linear infinite;font-size:11px;letter-spacing:.18em;font-weight:900}.ticker-track i{font-style:normal}@keyframes ticker{to{transform:translateX(-50%)}}
.platform{padding:140px 0}.section-head{display:grid;grid-template-columns:180px 1fr 330px;align-items:start;gap:30px;margin-bottom:70px}.section-head h2{font-size:clamp(50px,6.2vw,92px);line-height:.91;letter-spacing:-.055em;margin:0}.section-head p{font-size:15px;line-height:1.6;color:var(--muted);margin:8px 0 0}.kicker{padding-top:9px}
.pipeline{border-top:1px solid var(--ink);display:grid;grid-template-columns:repeat(3,1fr);position:relative}.stage{appearance:none;background:transparent;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px;text-align:left;min-height:148px;cursor:pointer;color:var(--ink);transition:.2s}.stage:last-of-type{border-right:0}.stage:hover,.stage.active{background:var(--ink);color:var(--paper)}.stage.active .stage-num{color:var(--acid)}.stage-num{display:block;font-size:10px;letter-spacing:.12em;margin-bottom:28px}.stage strong{display:block;font-size:24px;letter-spacing:-.03em}.stage small{display:block;margin-top:7px;opacity:.6}.pipeline-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:60px 8%;background:var(--paper-2);border-bottom:1px solid var(--ink)}.pipeline-panel h3{font-size:44px;line-height:1;margin:12px 0 18px;letter-spacing:-.045em}.pipeline-panel p{max-width:530px;color:var(--muted);line-height:1.6}.panel-label{font-size:9px;letter-spacing:.15em;font-weight:bold;color:#72766d}.pipeline-panel pre{margin:0;background:#151a16;color:#dbe0d7;padding:28px;overflow:auto;font:13px/1.75 'Courier New',monospace;border-left:5px solid var(--acid)}
.compute{display:grid;grid-template-columns:58% 42%;min-height:650px;margin-bottom:150px;background:var(--ink);color:var(--paper);padding:0}.compute-photo{position:relative;min-height:650px;overflow:hidden}.compute-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.1)}.compute-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 65%,rgba(16,21,18,.7))}.photo-tag{position:absolute;left:24px;bottom:24px;background:var(--acid);color:var(--ink);padding:9px 12px;font-size:9px;letter-spacing:.14em;font-weight:bold}.compute-copy{padding:90px 64px;align-self:center}.compute-copy .kicker{color:var(--acid)}.compute-copy h2{font-size:clamp(52px,5vw,78px);line-height:.92;letter-spacing:-.055em;margin:25px 0}.compute-copy p{font-size:16px;line-height:1.65;color:#bec3bd}.stat-list{margin-top:55px;border-top:1px solid #444a44}.stat-list div{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid #343a34;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.stat-list span{color:#8d938d}.stat-list strong{color:var(--acid)}
.observability{padding-bottom:150px}.section-head.compact{grid-template-columns:180px 1fr;margin-bottom:55px}.status-grid{display:grid;grid-template-columns:1.35fr .65fr;grid-template-rows:auto 330px;gap:16px}.status-card{border:1px solid var(--ink);padding:24px;min-width:0}.status-card.wide{grid-column:1/-1;background:#111612;color:#eaece6;padding:26px 30px}.status-title{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.14em}.status-title b{color:var(--acid)}.status-title b i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--acid);margin-right:5px}.status-card canvas{display:block;width:100%;height:220px;margin-top:20px}.chart-footer{display:flex;justify-content:space-between;align-items:end}.chart-footer strong{font-size:34px}.chart-footer span{font-size:9px;letter-spacing:.12em;color:#949a94;text-transform:uppercase}.status-label{font-size:9px;letter-spacing:.14em;color:var(--muted)}.metric{display:block;font-size:clamp(44px,5vw,68px);letter-spacing:-.055em;margin:52px 0 4px}.delta{font-size:11px;color:#497522}.bars{height:85px;display:flex;align-items:end;gap:6px;margin-top:34px}.bars i{flex:1;background:var(--ink);height:30%}.bars i:nth-child(2){height:42%}.bars i:nth-child(3){height:58%}.bars i:nth-child(4){height:51%}.bars i:nth-child(5){height:74%}.bars i:nth-child(6){height:64%}.bars i:nth-child(7){height:84%}.bars i:nth-child(8){height:93%;background:var(--orange)}.image-card{position:relative;padding:0;overflow:hidden}.image-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.55)}.image-overlay{position:absolute;inset:auto 0 0;background:linear-gradient(transparent,rgba(16,21,18,.88));color:white;padding:70px 24px 24px}.image-overlay span{font-size:9px;letter-spacing:.15em;color:var(--acid)}.image-overlay strong{display:block;font-size:24px;max-width:400px;margin-top:7px;line-height:1.05}
.cta{border-top:1px solid var(--ink);padding:120px 0}.cta-inner{display:grid;grid-template-columns:180px 1fr auto;gap:30px;align-items:center}.cta h2{font-size:clamp(54px,6vw,90px);line-height:.9;letter-spacing:-.055em;margin:0}.disclaimer{grid-column:2/4;color:var(--muted);font-size:11px;margin:10px 0 0}.footer{height:110px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.footer-brand{color:var(--ink)}.footer-brand .brand-mark{width:20px;height:20px}
.demo-toast{position:fixed;right:24px;bottom:24px;background:var(--ink);color:white;padding:16px 20px;display:flex;gap:12px;align-items:center;z-index:90;transform:translateY(140%);transition:transform .35s cubic-bezier(.2,.8,.2,1);box-shadow:7px 7px 0 var(--acid)}.demo-toast.show{transform:translateY(0)}.toast-dot{width:10px;height:10px;border-radius:50%;background:var(--acid)}.demo-toast strong,.demo-toast small{display:block}.demo-toast strong{font-size:12px}.demo-toast small{font-size:9px;color:#aeb3ad;margin-top:4px;letter-spacing:.08em}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.22s}
@media (max-width:980px){.topbar{grid-template-columns:1fr auto}.nav{display:none}.hero{grid-template-columns:1fr;padding-top:60px}.hero-visual{padding:70px 0 0 35px}.hero-photo img{height:520px}.section-head,.section-head.compact{grid-template-columns:1fr}.section-head p{max-width:550px}.compute{grid-template-columns:1fr}.compute-photo{min-height:450px}.compute-copy{padding:60px 42px}.cta-inner{grid-template-columns:1fr}.disclaimer{grid-column:auto}.availability{grid-template-columns:auto 1fr auto 1fr auto 1fr}}
@media (max-width:720px){.shell,.topbar{width:min(100% - 28px,var(--max))}.topbar{height:68px}.small-cta{font-size:9px}.hero{min-height:auto;padding:55px 0 70px}.hero h1{font-size:68px}.lede{font-size:16px}.availability{grid-template-columns:auto 1fr;max-width:100%;gap:6px 20px}.hero-visual{padding-left:0}.hero-photo{box-shadow:8px 9px 0 var(--orange)}.hero-photo img{height:400px}.floating-card{width:230px;left:-5px;bottom:18px}.platform{padding:95px 0}.section-head{margin-bottom:45px}.section-head h2{font-size:54px}.pipeline{grid-template-columns:1fr}.stage{border-right:0}.pipeline-panel{grid-template-columns:1fr;padding:35px 24px;gap:25px}.pipeline-panel h3{font-size:34px}.compute{margin-bottom:100px}.compute-copy{padding:55px 25px}.compute-copy h2{font-size:52px}.status-grid{grid-template-columns:1fr;grid-template-rows:auto}.status-card.wide{grid-column:auto;padding:20px 15px}.status-card canvas{height:180px}.image-card{height:310px}.observability{padding-bottom:100px}.cta{padding:90px 0}.cta h2{font-size:55px}.footer{height:auto;padding:35px 0;display:grid;gap:18px}.demo-toast{left:14px;right:14px}.ticker-track{animation-duration:20s}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker-track,.pulse{animation:none}.reveal{opacity:1;transform:none;transition:none}.button{transition:none}}
