:root{--bg:#000;--bg-1:#0a0a0a;--bg-2:#141414;--line:#ffffff17;--line-2:#ffffff29;--fg:#ededed;--fg-2:#a1a1a1;--fg-3:#8a8a8a;--green:#22a86a;--green-2:#5cc98a;--green-3:#7fe0a6;--max:clamp(1200px,92vw,2000px);--gut:clamp(20px,4vw,72px);color-scheme:dark}*,:before,:after{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}h1,h2,h3{letter-spacing:-.035em;text-wrap:balance;margin:0;font-weight:600}p{margin:0}input,textarea,button{font:inherit}::selection{background:var(--green);color:#000}:focus-visible{outline:2px solid var(--green-3);outline-offset:3px;border-radius:4px}.display{letter-spacing:-.055em;background:linear-gradient(#fff 35%,#8f8f8f);color:#0000;-webkit-background-clip:text;background-clip:text;padding-bottom:.08em;font-size:clamp(44px,6.8vw,120px);font-weight:600;line-height:1}.display.sm{font-size:clamp(40px,5.4vw,92px)}.h2{letter-spacing:-.045em;font-size:clamp(32px,4vw,64px);line-height:1.05}.lead{color:var(--fg-2);text-wrap:pretty;max-width:680px;font-size:clamp(17px,1.3vw,21px);line-height:1.6}.label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);align-items:center;gap:10px;font-size:12px;font-weight:400;display:inline-flex}.label:before{content:"";background:var(--green-2);width:6px;height:6px;box-shadow:0 0 12px var(--green);border-radius:50%}.num{font-family:var(--font-mono);letter-spacing:.08em;color:var(--fg-3);font-size:12px}.row{flex-wrap:wrap;gap:12px;display:flex}.btn{letter-spacing:-.01em;text-align:center;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:10px 22px;font-size:15px;font-weight:500;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.btn-primary{color:#000;background:#fff}.btn-primary:hover{background:#d6d6d6}.btn-ghost{border-color:var(--line-2);color:var(--fg);background:0 0}.btn-ghost:hover{background:#ffffff0f;border-color:#ffffff52}.btn-sm{min-height:38px;padding:7px 16px;font-size:14px}.link{color:var(--fg-2);font-size:15px;transition:color .2s}.link:hover{color:#fff}header{z-index:20;backdrop-filter:saturate(180%)blur(14px);border-bottom:1px solid var(--line);background:#000000b8;transition:transform .4s cubic-bezier(.2,.7,.2,1);position:sticky;top:0}header.hidden{transform:translateY(-100%)}.hdr{max-width:var(--max);padding:0 var(--gut);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;min-height:64px;margin:0 auto;display:flex}.brand{font-family:var(--font-logo);letter-spacing:-.035em;color:#fff;align-items:center;gap:10px;font-weight:700;display:flex}.tabs{align-self:stretch;gap:28px;font-size:14px;display:flex}.tabs a{color:var(--fg-2);white-space:nowrap;justify-content:center;align-items:center;transition:color .2s;display:flex;position:relative}.tabs a:hover,.tabs a[aria-current]{color:#fff}.ink{background:#fff;border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}@view-transition{navigation:auto}header{view-transition-name:site-header}.ink{view-transition-name:tab-ink}main{view-transition-name:page}::view-transition-group(tab-ink){animation-duration:.4s;animation-timing-function:cubic-bezier(.2,.7,.2,1)}::view-transition-old(page){animation:.2s both vt-out}::view-transition-new(page){animation:.45s cubic-bezier(.2,.7,.2,1) both vt-in}@keyframes vt-out{to{opacity:0}}@keyframes vt-in{0%{opacity:0;transform:translateY(16px)}}main{max-width:var(--max);border-inline:1px solid var(--line);margin:0 auto}main>section{border-top:1px solid var(--line);position:relative}main>section:first-child{border-top:0}.sec{padding:clamp(72px,10vw,128px) var(--gut)}.head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:clamp(36px,5vw,56px);display:flex}.fx{pointer-events:none;z-index:-1;position:absolute;inset:0;overflow:hidden}.grid-bg{background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-position:top;background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 65% at 50% 30%,#000 15%,#0000 75%);mask-image:radial-gradient(70% 65% at 50% 30%,#000 15%,#0000 75%)}.glow{aspect-ratio:1.6;background:radial-gradient(closest-side,#22a86a4d,#22a86a12 55%,#0000);width:min(1100px,160vw);position:absolute;top:-40%;left:50%;transform:translate(-50%)}.glow.bottom{top:auto;bottom:-60%}.clover{aspect-ratio:1;opacity:.55;width:min(860px,140vw);animation:160s linear infinite spin;position:absolute;top:58%;left:50%;translate:-50% -50%;-webkit-mask-image:radial-gradient(circle at 50% 45%,#000 25%,#0000 68%);mask-image:radial-gradient(circle at 50% 45%,#000 25%,#0000 68%)}@keyframes spin{to{rotate:360deg}}.hero,.page-hero,.cta{isolation:isolate;position:relative}.hero{text-align:center;padding:clamp(104px,15vw,184px) var(--gut) clamp(96px,12vw,150px)}.hero .display{max-width:1240px;margin:0 auto}.hero .lead{margin:28px auto 0}.hero .row{justify-content:center;margin-top:40px}.page-hero{padding:clamp(96px,13vw,160px) var(--gut) clamp(72px,9vw,112px)}.page-hero .display{max-width:1180px;margin-top:24px}.page-hero .lead{margin-top:24px}.page-hero .grid-bg{-webkit-mask-image:radial-gradient(60% 80% at 20% 0,#000 10%,#0000 70%);mask-image:radial-gradient(60% 80% at 20% 0,#000 10%,#0000 70%)}.page-hero .glow{top:-70%;left:15%}.cols-2,.cols-3,.cols-4,.cols-5{grid-template-columns:1fr;display:grid}@media (width>=600px){.cols-4,.cols-5{grid-template-columns:repeat(2,1fr)}.cols-5>:first-child{grid-column:span 2}}@media (width>=760px){.cols-2{grid-template-columns:repeat(2,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.cols-4{grid-template-columns:repeat(4,1fr)}.cols-5{grid-template-columns:repeat(5,1fr)}.cols-5>:first-child{grid-column:auto}}.cells{background:var(--line);border:1px solid var(--line);border-radius:16px;gap:1px;overflow:hidden}.flush{background:var(--line);gap:1px}.cell{background:var(--bg);flex-direction:column;gap:12px;min-height:220px;padding:32px 28px;display:flex;position:relative}.cell>*{position:relative}.cell h3{letter-spacing:-.02em;color:#fff;font-size:19px;line-height:1.3}.cell p{color:var(--fg-2);text-wrap:pretty;font-size:15px;line-height:1.6}.cell-top{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.ico{width:22px;height:22px;color:var(--green-2)}.go{color:var(--fg-3);margin-top:auto;padding-top:12px;transition:transform .2s,color .2s}a.cell:hover .go{color:#fff;transform:translate(4px)}.spot>:before{content:"";background:radial-gradient(380px circle at var(--mx,50%) var(--my,50%),#5cc98a1a,transparent 60%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.spot:hover>:before{opacity:1}.cards{gap:16px;display:grid}.stats>div{background:var(--bg);flex-direction:column;gap:6px;padding:40px 32px;display:flex}.stats strong{letter-spacing:-.045em;color:#fff;font-size:clamp(30px,3.4vw,44px);font-weight:600;line-height:1.1}.stats span{color:var(--fg-2);font-size:14px;line-height:1.5}@media (width<=599px){.stats{grid-template-columns:repeat(2,1fr)}.stats>div{padding:28px 20px}}.clients{text-align:center;padding:56px 0 64px}.clients h2{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);margin-bottom:36px;font-size:12px;font-weight:400}.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}#mq{width:max-content;animation:50s linear infinite mq;display:flex}@keyframes mq{to{transform:translate(-33.3333%)}}.mq-set{align-items:center;display:flex}.mq-set img{object-fit:contain;opacity:.6;flex:none;width:auto;max-width:150px;height:36px;margin-right:64px;transition:opacity .3s}.mq-set img.sq{height:52px}.mq-set img:hover{opacity:1}.logo-white{filter:brightness(0)invert()}.logo-invert{filter:invert()grayscale()}.logo-gray{filter:grayscale()}.split{grid-template-columns:1fr;display:grid}.split>*+*{border-top:1px solid var(--line)}@media (width>=900px){.split{grid-template-columns:1fr 1fr}.split>*+*{border-top:0;border-left:1px solid var(--line)}}.split .sec{flex-direction:column;justify-content:center;gap:20px;display:flex}.visual,.diagram{isolation:isolate;position:relative;overflow:hidden}.visual{place-items:center;min-height:440px;padding:clamp(40px,6vw,88px) clamp(20px,4vw,56px);display:grid}.visual .grid-bg,.diagram .grid-bg{-webkit-mask-image:radial-gradient(60% 65%,#000 15%,#0000 75%);mask-image:radial-gradient(60% 65%,#000 15%,#0000 75%)}.visual .glow,.diagram .glow{width:min(900px,130vw);top:50%;transform:translate(-50%,-50%)}.win{border:1px solid var(--line-2);background:#0a0a0ae0;border-radius:14px;width:min(100%,680px);overflow:hidden;box-shadow:0 40px 90px #000000a6}@media (width>=900px){.win{transform:perspective(1600px)rotateY(-7deg)rotateX(3deg)}}.win-bar{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:12px 16px;display:flex}.win-bar i{background:#2a2a2a;border-radius:50%;width:10px;height:10px}.win-bar b{font-family:var(--font-mono);color:var(--fg-3);margin-left:8px;font-size:12px;font-weight:400}.deploys{margin:0;padding:4px 0;list-style:none}.deploys li{grid-template-columns:auto 1fr auto;align-items:center;gap:12px 14px;padding:16px 18px;display:grid}.deploys li+li{border-top:1px solid var(--line)}.deploys .dot{background:var(--fg-3);border-radius:50%;width:8px;height:8px}.deploys .live .dot{background:var(--green-2);animation:1.8s ease-out infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #5cc98a99}80%,to{box-shadow:0 0 0 9px #5cc98a00}}.deploys strong{color:#fff;font-size:15px;font-weight:500;display:block}.deploys small{font-family:var(--font-mono);color:var(--fg-3);margin-top:3px;font-size:12px;display:block}.st{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line-2);color:var(--fg-2);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;display:inline-flex}.st svg{width:12px;height:12px;color:var(--green-2)}.live .st{color:var(--green-3);background:#22a86a1a;border-color:#5cc98a66}.progress{background:var(--line);border-radius:3px;grid-column:2/-1;height:3px;overflow:hidden}.progress:after{content:"";background:linear-gradient(90deg,var(--green),var(--green-3));background-size:200% 100%;border-radius:3px;width:64%;height:100%;animation:2.4s linear infinite shimmer;display:block}@keyframes shimmer{to{background-position:-200% 0}}.diagram{padding:clamp(32px,5vw,72px) var(--gut)}.diagram svg{width:100%;height:auto;margin:0 auto;display:block}.dg-wide{max-width:1300px}.diagram .dg-tall{max-width:420px;display:none}@media (width<=699px){.diagram .dg-wide{display:none}.diagram .dg-tall{display:block}}.dg-line{fill:none;stroke:#ffffff24;stroke-width:1.5px}.dg-flow{fill:none;stroke:var(--green-3);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:12 88;filter:drop-shadow(0 0 4px #7fe0a6cc);animation:3.2s linear infinite flow}@keyframes flow{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}.dg-node rect{fill:#0a0a0a;stroke:#ffffff2e}.dg-node text{fill:#ededed;font-family:var(--font-body);text-anchor:middle;dominant-baseline:central;font-size:17px;font-weight:500}.dg-node circle{fill:var(--green-2)}.dg-hub{fill:#0a0a0a;stroke:#5cc98a8c;stroke-width:1.5px}.case{border:1px solid var(--line);background:linear-gradient(#ffffff09,#fff0 60%);border-radius:16px;flex-direction:column;gap:14px;padding:28px;display:flex}.kpi strong{letter-spacing:-.04em;background:linear-gradient(90deg,var(--green-3),#fff);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(28px,2.6vw,34px);font-weight:600;line-height:1.1;display:block}.kpi small{color:var(--fg-2);margin-top:8px;font-size:13px;line-height:1.5;display:block}.case h3{border-top:1px solid var(--line);letter-spacing:-.02em;color:#fff;margin-top:12px;padding-top:24px;font-size:18px;line-height:1.3}.case p{color:var(--fg-2);font-size:15px;line-height:1.6}.pills{flex-wrap:wrap;gap:8px;margin-top:36px;display:flex}.pill{color:var(--fg-2);border:1px solid var(--line-2);border-radius:999px;padding:6px 14px;font-size:13px;transition:color .2s,border-color .2s}.pill:hover{color:#fff;border-color:#ffffff59}.svc-row{scroll-margin-top:72px}.svc-row .sec{padding-block:clamp(48px,6vw,80px)}.svc-row h2{letter-spacing:-.04em;font-size:clamp(28px,3.2vw,40px);line-height:1.1}.svc-row .sec+.sec{background:#ffffff04}.btn-sm.btn-ghost{align-self:flex-start}.incl{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.incl li{border-bottom:1px solid var(--line);align-items:flex-start;gap:14px;padding:18px 0;font-size:16px;line-height:1.5;display:flex}.incl svg{width:18px;height:18px;color:var(--green-2);flex:none;margin-top:3px}.step .num{color:var(--green-3)}.quote{background:var(--bg);padding:clamp(40px,5vw,64px) var(--gut);flex-direction:column;gap:20px;display:flex}.quote p{letter-spacing:-.03em;color:#fff;text-wrap:balance;font-size:clamp(22px,2.4vw,30px);font-weight:500;line-height:1.3}.brandviz{background:radial-gradient(circle,#22a86a38,#0000 60%);place-items:center;min-height:360px;display:grid;position:relative}.brandviz svg{filter:drop-shadow(0 0 40px #22a86a59);width:min(240px,60%);height:auto}.ccard{border:1px solid var(--line);background:linear-gradient(#ffffff09,#fff0 60%);border-radius:16px;flex-direction:column;justify-content:space-between;gap:32px;min-height:190px;padding:32px;transition:border-color .2s,background .2s;display:flex}.ccard:hover{border-color:#ffffff38}.ccard .label svg{width:16px;height:16px}.ccard .label img{width:auto;height:16px}.ccard strong.mail{overflow-wrap:anywhere;font-size:clamp(20px,2.2vw,30px)}.ccard .label:before{display:none}.ccard strong{letter-spacing:-.04em;color:#fff;font-size:clamp(26px,2.8vw,34px);font-weight:600;display:block}.ccard small{color:var(--fg-2);margin-top:6px;font-size:15px;display:block}form{flex-direction:column;gap:18px;display:flex}form label{color:var(--fg-2);flex-direction:column;gap:8px;font-size:13px;font-weight:500;display:flex}form input[type=text],form textarea{border:1px solid var(--line-2);background:var(--bg-1);color:var(--fg);border-radius:10px;outline:none;padding:12px 14px;font-size:16px;transition:border-color .2s,box-shadow .2s}form input[type=text]::placeholder,form textarea::placeholder{color:var(--fg-3)}form input[type=text]:focus,form textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #22a86a38}form textarea{resize:vertical}fieldset{border:0;flex-wrap:wrap;gap:8px;margin:0;padding:0;display:flex}legend{color:var(--fg-2);margin-bottom:10px;padding:0;font-size:13px;font-weight:500}.opt{position:relative}.opt input{opacity:0;position:absolute}.opt span{cursor:pointer;border:1px solid var(--line-2);color:var(--fg-2);border-radius:999px;padding:7px 14px;font-size:13px;transition:all .2s;display:block}.opt span:hover{color:#fff;border-color:#ffffff59}.opt input:checked+span{color:#000;background:#fff;border-color:#fff}.opt input:focus-visible+span{outline:2px solid var(--green-3);outline-offset:2px}form .btn{align-self:flex-start}.cta{text-align:center;padding:clamp(104px,14vw,170px) var(--gut)}.cta .h2{max-width:900px;margin:0 auto;font-size:clamp(36px,5.2vw,68px)}.cta .lead{margin:24px auto 0}.cta .row{justify-content:center;margin-top:40px}.cta .grid-bg{-webkit-mask-image:radial-gradient(60% 70% at 50% 100%,#000 10%,#0000 70%);mask-image:radial-gradient(60% 70% at 50% 100%,#000 10%,#0000 70%)}footer{border-top:1px solid var(--line);overflow:hidden}.foot{max-width:var(--max);padding:64px var(--gut) 40px;grid-template-columns:1fr 1fr;gap:40px;margin:0 auto;display:grid}.foot>:first-child{grid-column:1/-1}@media (width>=760px){.foot{grid-template-columns:2fr 1fr 1fr}.foot>:first-child{grid-column:auto}}@media (width<=400px){.foot{grid-template-columns:1fr}}footer p{max-width:320px;color:var(--fg-2);margin-top:16px;font-size:14px;line-height:1.6}footer h2{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);margin-bottom:16px;font-size:12px;font-weight:400}footer ul{flex-direction:column;gap:10px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}footer ul a{color:var(--fg-2);transition:color .2s}footer ul a:hover{color:#fff}.foot-bottom{max-width:var(--max);padding:20px var(--gut);border-top:1px solid var(--line);font-family:var(--font-mono);color:var(--fg-3);margin:0 auto;font-size:12px}.wordmark{font-family:var(--font-logo);letter-spacing:-.06em;text-align:center;user-select:none;background:linear-gradient(#ffffff1c,#fff0 85%);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:-.14em;font-size:clamp(96px,24vw,340px);font-weight:700;line-height:.8}.float{z-index:30;backdrop-filter:blur(14px);border:1px solid var(--line-2);color:#fff;background:#121212d1;border-radius:999px;align-items:center;gap:10px;min-height:48px;padding:0 20px 0 16px;font-size:14px;font-weight:500;transition:border-color .2s,background .2s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 30px #00000080}.float:hover{background:#1c1c1ce6;border-color:#ffffff59}.float svg{color:#25d366;flex:none;width:20px;height:20px}@property --trace{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes trace{to{--trace:360deg}}.beam{position:relative}.beam:after{content:"";z-index:2;pointer-events:none;border-radius:inherit;background:conic-gradient(from var(--trace),transparent 0 78%,#22a86a00 78%,#22a86a 92%,#c9f5da 99%,transparent 100%);-webkit-mask-composite:xor;padding:1px;animation:8s linear infinite trace;position:absolute;inset:-1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.beam:nth-child(2n):after{animation-delay:-3s}.beam:nth-child(3n):after{animation-delay:-5.5s}@media (prefers-reduced-motion:reduce){.beam:after{display:none}.clover,#mq,.deploys .live .dot,.progress:after{animation:none}.dg-flow{stroke-dasharray:none;opacity:.35;animation:none}@view-transition{navigation:none}}@media (width<=600px){.hdr{gap:0;min-height:0;padding:0 16px}.hdr .brand{padding:14px 0}.tabs{border-top:1px solid var(--line);order:3;grid-template-columns:repeat(4,1fr);gap:0;width:100%;height:44px;font-size:13px;display:grid}.row .btn{flex:auto}.cell{min-height:0;padding:26px 22px}.cell-top{margin-bottom:10px}.float{bottom:14px;right:14px}footer{padding-bottom:64px}}