:root{color:#101624;background:#f6f8fc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #f6f8fc;--paper: #ffffff;--panel: #f9fbff;--ink: #101624;--muted: #556174;--soft: #7a8798;--line: rgba(16, 22, 36, .14);--blue: #2457ff;--cyan: #008fb3;--green: #00875f;--rose: #d62f6a;--amber: #b85c00;--violet: #7047d9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,rgba(36,87,255,.07),transparent 36%),linear-gradient(315deg,rgba(0,135,95,.06),transparent 40%),linear-gradient(180deg,#fbfcff,#f5f8fc 48%,#fffdfb);color:var(--ink)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}main{position:relative;z-index:1;overflow:hidden}.ambient-frame{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.ambient-frame:before,.ambient-frame:after{position:absolute;inset:0;content:""}.ambient-frame:before{background:linear-gradient(135deg,rgba(36,87,255,.08),transparent 34%),linear-gradient(315deg,rgba(214,47,106,.06),transparent 32%),linear-gradient(45deg,rgba(0,135,95,.06),transparent 36%);opacity:.72;animation:ambientDrift 28s ease-in-out infinite alternate}.ambient-frame:after{background:linear-gradient(180deg,#f6f8fc00,#f6f8fc8a 72%,#f6f8fc)}.signal{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(36,87,255,.48),rgba(0,135,95,.38),transparent);opacity:.7;transform-origin:center}.signal-one{top:19vh;left:-12vw;width:60vw;rotate:-8deg;animation:signalSweep 12s ease-in-out infinite}.signal-two{top:47vh;right:-14vw;width:58vw;rotate:7deg;animation:signalSweep 16s ease-in-out 1.2s infinite reverse}.signal-three{bottom:18vh;left:18vw;width:42vw;rotate:-3deg;animation:signalSweep 18s ease-in-out .4s infinite}.corner-grid{position:absolute;width:19rem;height:19rem;border:1px solid rgba(16,22,36,.08);background:linear-gradient(90deg,rgba(16,22,36,.055) 1px,transparent 1px),linear-gradient(180deg,rgba(16,22,36,.055) 1px,transparent 1px);background-size:24px 24px;opacity:.35;animation:cornerDrift 18s ease-in-out infinite alternate}.corner-grid-a{top:8rem;right:-7rem;transform:skewY(-12deg)}.corner-grid-b{bottom:8rem;left:-8rem;transform:skewY(10deg);animation-delay:-7s}.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;min-height:78px;margin:0;padding:0 max(16px,calc((100% - 1180px)/2));border-bottom:1px solid rgba(16,22,36,.12);background:#ffffffc7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.brand,.nav-links,.nav-cta,.primary-action,.secondary-action,.mail-link{display:inline-flex;align-items:center}.brand img{display:block;width:clamp(7.4rem,12vw,10.25rem);height:auto}.nav-links{gap:clamp(.75rem,2.3vw,1.7rem);color:#394458;font-size:.9rem;font-weight:760}.nav-links a,.nav-cta{min-height:2.5rem}.nav-links a{display:inline-flex;align-items:center;border-bottom:1px solid transparent;transition:border-color .18s ease,color .18s ease}.nav-links a:hover{border-color:var(--blue);color:var(--ink)}.nav-cta{gap:.4rem;padding:0 .85rem;border:1px solid rgba(36,87,255,.35);background:#2457ff14;border-radius:7px;color:var(--ink);font-size:.88rem;font-weight:820;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.nav-cta:hover{border-color:#2457ff8f;background:#2457ff1f;box-shadow:0 10px 24px #2457ff1f;transform:translateY(-1px)}.hero,.section-shell,.footer{position:relative;z-index:1;width:min(1180px,calc(100% - 32px));margin:0 auto}.hero{display:grid;grid-template-columns:minmax(0,.98fr) minmax(420px,.9fr);gap:clamp(2rem,5vw,5rem);align-items:center;min-height:calc(82vh - 78px);padding:clamp(1.7rem,3.4vw,3.4rem) 0 clamp(1.4rem,2.8vw,2.4rem)}.hero-copy{max-width:720px}.eyebrow,.section-kicker{margin:0 0 1rem;color:var(--green);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.78rem;font-weight:820;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:780px;margin-bottom:1.25rem;color:var(--ink);font-size:4.55rem;font-weight:880;line-height:.98;letter-spacing:0}.hero-lede{max-width:650px;margin-bottom:0;color:#39485d;font-size:1.18rem;line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.primary-action,.secondary-action{justify-content:center;min-height:3.35rem;padding:0 1.15rem;border-radius:7px;font-weight:840;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background-color .18s ease}.primary-action{gap:.5rem;border:1px solid rgba(0,135,95,.44);background:linear-gradient(135deg,#27e6aa,#34b7ff);color:#06121c;box-shadow:0 18px 34px #00875f29}.primary-action:hover{box-shadow:0 22px 42px #00875f33;transform:translateY(-2px)}.secondary-action{border:1px solid rgba(16,22,36,.16);background:#ffffffb8;color:var(--ink)}.secondary-action:hover{border-color:#10162442;background:#ffffffeb;box-shadow:0 12px 28px #26324814;transform:translateY(-2px)}.hero-proof{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:2rem}.hero-proof span{border-left:2px solid rgba(0,135,95,.5);padding:.2rem 0 .2rem .65rem;color:#263248;font-size:.82rem;font-weight:780}.product-stage{position:relative;min-height:clamp(460px,42vw,520px);isolation:isolate;perspective:1300px}.product-stage:before{position:absolute;inset:6% 2% 5% 3%;border:1px solid rgba(16,22,36,.1);background:linear-gradient(135deg,#ffffffeb,#ffffff85),linear-gradient(90deg,#2457ff1f,#00875f14,#d62f6a1a);box-shadow:0 30px 80px #26324824;content:"";transform:rotateX(6deg) rotateY(-9deg);animation:stagePlate 14s ease-in-out infinite;z-index:-1}.stage-header,.mock-screen,.stage-metrics{position:absolute;border:1px solid rgba(16,22,36,.13);background:#ffffffeb;border-radius:7px;box-shadow:0 24px 70px #26324829;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);will-change:transform}.stage-header{top:0;left:8%;width:min(78%,31rem);padding:1rem 1.15rem;transform:rotate(-2deg);overflow:hidden;animation:floatStageHeader 9s ease-in-out infinite}.stage-header:after{position:absolute;inset:0;background:linear-gradient(105deg,transparent 26%,rgba(255,255,255,.72) 44%,transparent 62%);content:"";opacity:.45;transform:translate(-120%);animation:screenGlint 7.5s ease-in-out 1.2s infinite;pointer-events:none}.stage-header span,.screen-bar span,.stage-metrics span,.proof-row span,.why-note span,.agent-grid span,.prompt-box p,.score-strip span,.audience-head span{color:var(--soft);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.72rem;font-weight:840;text-transform:uppercase}.stage-header strong{display:block;margin-top:.35rem;color:var(--ink);font-size:1.85rem;line-height:1.05}.mock-screen{overflow:hidden}.screen-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:2.8rem;padding:0 .95rem;border-bottom:1px solid rgba(16,22,36,.1);background:#f8fbffd1}.screen-bar strong{color:var(--green);font-size:.78rem;white-space:nowrap;animation:statusPulse 3.8s ease-in-out infinite}.diff-screen{top:18%;right:0;width:min(78%,28rem);transform:rotate(2.5deg);animation:floatDiff 8s ease-in-out infinite}.diff-body{display:grid;grid-template-columns:1fr .68fr;gap:.75rem;padding:.9rem}.diff-code{display:grid;gap:.32rem;min-width:0}.diff-code p{display:grid;grid-template-columns:1.6rem 1rem minmax(0,1fr);gap:.35rem;align-items:center;margin:0;padding:.4rem .5rem;background:#1016240a;color:#1d2638;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.76rem}.diff-code span{color:#8793a6}.diff-code b{color:#66748a}.diff-code code{min-width:0;overflow:hidden;text-overflow:ellipsis}.diff-code .line-add{background:#00875f1f}.diff-code .line-add b{color:var(--green)}.diff-code .line-remove{background:#d62f6a1f}.diff-code .line-remove b{color:var(--rose)}.annotation-list{min-width:0;border-left:1px solid rgba(16,22,36,.1);padding-left:.8rem}.annotation-list span{display:inline-block;margin-bottom:.28rem;color:var(--amber);font-size:.72rem;font-weight:820;text-transform:uppercase}.annotation-list p{margin-bottom:.8rem;color:#536176;font-size:.78rem;line-height:1.45}.agent-screen{top:43%;left:0;width:min(76%,27rem);transform:rotate(-3deg);animation:floatAgent 9.5s ease-in-out .8s infinite}.prompt-box{margin:.9rem;padding:.85rem;border:1px solid rgba(36,87,255,.18);background:#2457ff0f}.prompt-box p{margin-bottom:.45rem}.prompt-box strong{color:var(--ink);font-size:.96rem;line-height:1.35}.agent-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;padding:0 .9rem .9rem}.agent-grid div{border:1px solid rgba(16,22,36,.1);background:#f8fbffc7;padding:.75rem}.agent-grid p{margin:.35rem 0 0;color:#536176;font-size:.78rem;line-height:1.45}.design-screen{right:5%;bottom:6%;width:min(58%,21rem);transform:rotate(-2deg);animation:floatDesign 10s ease-in-out 1.4s infinite}.canvas-map{position:relative;height:13rem;margin:.9rem;border:1px solid rgba(16,22,36,.1);background:linear-gradient(90deg,rgba(16,22,36,.055) 1px,transparent 1px),linear-gradient(180deg,rgba(16,22,36,.055) 1px,transparent 1px),#fafcffeb;background-size:22px 22px;border-radius:6px}.node{position:absolute;display:grid;place-items:center;min-width:4rem;min-height:2.1rem;border:1px solid rgba(16,22,36,.18);background:#fff;border-radius:5px;color:#1d2638;font-size:.74rem;font-weight:820;box-shadow:0 10px 24px #2632481a}.node-client{left:7%;top:17%}.node-api{left:39%;top:15%;border-color:#2457ff6b}.node-queue{left:62%;top:45%}.node-worker{left:30%;bottom:15%}.node-db{right:8%;bottom:12%;border-color:#00875f6b}.wire{position:absolute;height:1px;background:#2457ff85;transform-origin:left center}.wire:after{position:absolute;top:-2px;left:0;width:5px;height:5px;border-radius:999px;background:var(--blue);box-shadow:0 0 12px #2457ff6b;content:"";opacity:0;animation:wirePulse 4.8s ease-in-out infinite}.wire-a{left:28%;top:25%;width:17%}.wire-b{left:56%;top:32%;width:20%;rotate:42deg}.wire-b:after{animation-delay:.7s}.wire-c{left:45%;bottom:28%;width:34%;rotate:-5deg}.wire-c:after{animation-delay:1.2s}.wire-d{left:25%;top:54%;width:24%;rotate:34deg}.wire-d:after{animation-delay:1.9s}.interview-screen{left:18%;bottom:0;width:min(56%,22rem);transform:rotate(2deg);animation:floatInterview 8.8s ease-in-out .3s infinite}.chat-preview{display:grid;gap:.5rem;padding:.9rem}.chat-preview p{margin:0;padding:.68rem .75rem;color:#2c384c;font-size:.78rem;line-height:1.45}.ai-message{margin-right:2rem!important;border:1px solid rgba(16,22,36,.1);background:#f4f7fc}.candidate-message{margin-left:2rem!important;background:#2457ff24;animation:messageSettle 5.5s ease-in-out 1s infinite}.stage-metrics{right:3%;top:26%;display:grid;gap:.42rem;width:12rem;padding:.8rem;transform:rotate(2deg);animation:floatMetrics 9.2s ease-in-out 1.1s infinite}.stage-metrics span{border-bottom:1px solid rgba(16,22,36,.1);padding-bottom:.35rem;color:#334057}.section-shell{scroll-margin-top:7rem;padding:clamp(4.5rem,8vw,7rem) 0;border-top:1px solid rgba(16,22,36,.08)}.section-intro{display:grid;grid-template-columns:minmax(0,.82fr) minmax(280px,.42fr);gap:clamp(1.5rem,5vw,4rem);align-items:end;margin-bottom:clamp(2rem,5vw,3.5rem)}.section-intro h2,.platform-lead h2,.audience-panel h2,.reach h2{margin-bottom:0;color:var(--ink);font-size:3.85rem;font-weight:860;line-height:1.04;letter-spacing:0}.split-intro p,.platform-lead p,.intro-note{max-width:620px;margin-bottom:0;color:#4b5a6f;font-size:1.1rem;line-height:1.7}.why-layout,.build-track-grid,.round-grid,.audience-section{display:grid;gap:clamp(1.25rem,3vw,2.4rem)}.why-layout{grid-template-columns:minmax(220px,.34fr) minmax(0,1fr);align-items:start}.why-note{max-width:24rem;border-left:3px solid rgba(0,135,95,.58);padding:.2rem 0 .25rem 1.25rem}.why-note p{margin:.75rem 0 0;color:#263248;font-size:1.45rem;font-weight:740;line-height:1.22}.proof-list{border-top:1px solid rgba(16,22,36,.14)}.proof-row{display:grid;grid-template-columns:minmax(130px,.28fr) minmax(180px,.36fr) minmax(0,.56fr);gap:clamp(1rem,2.5vw,2rem);align-items:start;padding:clamp(1.2rem,2.2vw,1.65rem) 0;border-bottom:1px solid rgba(16,22,36,.12)}.build-track,.round-card,.audience-panel{border-top:1px solid rgba(16,22,36,.14);background:transparent;box-shadow:none}.proof-row h3,.build-track h3,.round-card h3{margin:0 0 .75rem;color:var(--ink);font-size:1.5rem;line-height:1.12}.proof-row p,.build-track p,.round-card p{margin-bottom:0;color:#536176;line-height:1.62}.build-track-grid{grid-template-columns:repeat(3,1fr)}.build-track{padding:1.45rem 1rem 0 0}.build-track svg,.round-card svg,.audience-head svg{color:var(--blue);transition:color .18s ease,transform .18s ease}.build-track:hover svg,.round-card:hover svg,.audience-panel:hover .audience-head svg{color:var(--green);transform:translateY(-2px)}.platform-section{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,.72fr);gap:clamp(2rem,5vw,4rem);align-items:start}.platform-product-stage{display:none}.platform-lead{position:sticky;top:7rem}.round-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.round-card{min-height:13rem;padding:1.15rem 0 0}.score-strip{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(16,22,36,.12);border-bottom:1px solid rgba(16,22,36,.12);background:linear-gradient(90deg,#2457ff1a,#008fb314,#00875f17)}.score-strip div{min-width:0;padding:1rem;border-right:1px solid rgba(16,22,36,.1)}.score-strip div:last-child{border-right:0}.score-strip strong{display:block;margin-top:.45rem;color:var(--ink);font-size:1.15rem;line-height:1.12}.audience-section{grid-template-columns:repeat(2,minmax(0,1fr))}.audience-panel{padding:clamp(1.4rem,3vw,2rem) 0 0}.audience-head{display:flex;align-items:center;gap:.7rem;margin-bottom:1.25rem}.audience-panel h2{max-width:600px;font-size:3.25rem}.audience-panel ul{display:grid;gap:.75rem;margin:1.6rem 0 0;padding:0;list-style:none}.audience-panel li{display:flex;align-items:center;gap:.65rem;color:#334057;font-weight:760}.audience-panel li svg{color:var(--green);flex:0 0 auto}.reach{display:grid;grid-template-columns:minmax(0,.78fr) minmax(300px,.42fr);gap:clamp(1.5rem,5vw,4rem);align-items:end;padding-bottom:clamp(5rem,9vw,8rem)}.mail-link{justify-content:space-between;gap:.85rem;min-width:0;min-height:4rem;padding:0 1rem;border:1px solid rgba(0,135,95,.35);background:#00875f14;color:var(--ink);font-weight:820;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .18s ease}.mail-link:hover{border-color:#00875f8c;background:#00875f1f;box-shadow:0 16px 34px #00875f1f;transform:translateY(-2px)}.mail-link span{min-width:0;overflow-wrap:anywhere}.footer{z-index:2;display:flex;justify-content:space-between;gap:1rem;padding:1.4rem 0 2rem;border-top:1px solid rgba(16,22,36,.12);color:#647287;font-size:.9rem}.footer span:first-child{color:var(--ink);font-weight:840}.reveal{opacity:0;transform:translateY(18px);transition:opacity .72s ease,transform .72s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}@media(max-width:1060px){.hero,.section-intro,.platform-section,.reach{grid-template-columns:1fr}.hero{min-height:auto}h1{font-size:4.2rem}.section-intro h2,.platform-lead h2,.reach h2{font-size:3.45rem}.audience-panel h2{font-size:3.2rem}.product-stage{min-height:690px}.diff-screen{width:78%}.agent-screen{top:41%;width:72%}.platform-lead{position:static}}@media(max-width:820px){.nav{flex-wrap:wrap;padding:.85rem 0}h1{font-size:3.65rem}.section-intro h2,.platform-lead h2,.reach h2{font-size:3.05rem}.nav-links{order:3;width:100%;justify-content:space-between}.why-layout,.proof-row,.build-track-grid,.audience-section,.score-strip{grid-template-columns:1fr}.why-note{max-width:none}.score-strip div{border-right:0;border-bottom:1px solid rgba(16,22,36,.1)}.score-strip div:last-child{border-bottom:0}}@media(max-width:620px){.hero,.section-shell,.footer{width:min(100% - 24px,1180px)}.nav-cta{display:none}.brand img{width:7.2rem}.hero{padding-top:2.2rem}.hero .eyebrow{display:none}h1{font-size:2.65rem}.section-intro h2,.platform-lead h2,.reach h2{font-size:2.45rem}.audience-panel h2{font-size:2.55rem}.hero-lede{font-size:1.05rem}.hero-actions{margin-top:1.4rem}.hero-proof{display:none}.stage-header strong{font-size:1.55rem}.product-stage{min-height:auto;display:grid;gap:.9rem;perspective:none}.product-stage:before{display:none}.stage-header,.mock-screen,.stage-metrics{position:relative;inset:auto;width:100%;transform:none}.hero>.product-stage{display:block;margin-top:1.25rem;min-height:auto}.hero>.product-stage:before,.hero>.product-stage .mock-screen,.hero>.product-stage .stage-metrics{display:none}.hero>.product-stage .stage-header{position:relative;inset:auto;width:100%;animation:none;transform:none}.platform-product-stage{display:block;grid-column:1 / -1}.diff-body,.agent-grid,.round-grid{grid-template-columns:1fr}.annotation-list{border-left:0;border-top:1px solid rgba(16,22,36,.1);padding:.75rem 0 0}.stage-metrics{grid-template-columns:repeat(2,1fr)}.stage-header,.mock-screen,.stage-metrics,.screen-bar strong,.candidate-message{animation:none}.stage-header:after,.wire:after{display:none}.canvas-map{height:12rem}.footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}}@keyframes signalSweep{0%,to{transform:translateZ(0) scaleX(.92)}50%{transform:translate3d(8vw,1rem,0) scaleX(1.05)}}@keyframes ambientDrift{0%{transform:translate3d(-1.4rem,-1rem,0) scale(1)}to{transform:translate3d(1.2rem,1.4rem,0) scale(1.03)}}@keyframes cornerDrift{0%{translate:0 0}to{translate:.8rem -.6rem}}@keyframes stagePlate{0%,to{transform:rotateX(6deg) rotateY(-9deg) translateZ(0)}50%{transform:rotateX(6deg) rotateY(-9deg) translate3d(.4rem,-.35rem,0)}}@keyframes floatStageHeader{0%,to{transform:translateZ(0) rotate(-2deg)}50%{transform:translate3d(.2rem,-.45rem,0) rotate(-1.4deg)}}@keyframes floatDiff{0%,to{transform:translateZ(0) rotate(2.5deg)}50%{transform:translate3d(-.35rem,-.5rem,0) rotate(2deg)}}@keyframes floatAgent{0%,to{transform:translateZ(0) rotate(-3deg)}50%{transform:translate3d(.45rem,-.35rem,0) rotate(-2.4deg)}}@keyframes floatDesign{0%,to{transform:translateZ(0) rotate(-2deg)}50%{transform:translate3d(-.3rem,.35rem,0) rotate(-2.7deg)}}@keyframes floatInterview{0%,to{transform:translateZ(0) rotate(2deg)}50%{transform:translate3d(.35rem,.28rem,0) rotate(1.5deg)}}@keyframes floatMetrics{0%,to{transform:translateZ(0) rotate(2deg)}50%{transform:translate3d(-.24rem,-.38rem,0) rotate(2.8deg)}}@keyframes screenGlint{0%,38%{transform:translate(-120%)}62%,to{transform:translate(120%)}}@keyframes statusPulse{0%,to{opacity:.82}50%{opacity:1}}@keyframes wirePulse{0%{opacity:0;transform:translate(0) scale(.7)}20%,72%{opacity:.9}to{opacity:0;transform:translate(calc(100% - 5px)) scale(1)}}@keyframes messageSettle{0%,to{transform:translateY(0)}45%{transform:translateY(-2px)}}
