:root{--bg:#050817;--bg2:#080d20;--text:#f4f7ff;--muted:#98a1b7;--line:#202a48;--purple:#8c42ff;--blue:#2ea9ff;--cyan:#32d6d0;--green:#31eba1;--glass:rgba(10,16,37,.66);--shadow:0 30px 80px rgba(0,0,0,.38)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 55% 0%,#0d1532 0,#050817 34%,#03050e 100%);color:var(--text);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}.noise{pointer-events:none;position:fixed;inset:0;opacity:.035;z-index:20;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='.7'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;width:430px;height:430px;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(50,214,208,.08),transparent 66%);transform:translate(-50%,-50%)}a{color:inherit;text-decoration:none}.glass{background:linear-gradient(145deg,rgba(19,27,57,.68),rgba(5,9,25,.72));border:1px solid rgba(123,149,210,.22);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.section-pad{padding-left:clamp(28px,5.8vw,92px);padding-right:clamp(28px,5.8vw,92px)}
.topbar{height:82px;position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;padding:0 clamp(28px,4vw,70px);background:linear-gradient(180deg,rgba(3,5,15,.9),rgba(3,5,15,.25),transparent);gap:34px}.brand{display:flex;align-items:center;gap:12px;font:700 24px/1 Space Grotesk;letter-spacing:.01em;white-space:nowrap}.brand img{width:46px;height:46px;object-fit:cover;border-radius:12px}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:30px;margin-left:auto}.desktop-nav a{font-size:13px;color:#dce3f4;position:relative;padding:30px 0 22px}.desktop-nav a:after{content:"";position:absolute;left:50%;right:50%;bottom:13px;height:2px;background:linear-gradient(90deg,var(--purple),var(--cyan));transition:.25s}.desktop-nav a:hover:after,.desktop-nav a.active:after{left:0;right:0}.nav-actions{display:flex;align-items:center;gap:14px}.outline-btn{padding:12px 23px;border:1px solid transparent;border-radius:9px;font-size:13px;background:linear-gradient(#07101e,#07101e) padding-box,linear-gradient(90deg,#6f5cff,var(--green)) border-box}.menu-btn{width:44px;height:42px;border:0;border-radius:10px;background:#090e1f;display:none;place-items:center;padding:9px;cursor:pointer}.menu-btn span{display:block;width:22px;height:2px;background:#fff;margin:3px auto}.mobile-menu{display:none;position:fixed;z-index:49;top:72px;right:22px;left:22px;padding:18px;background:#090d1d;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.mobile-menu.open{display:grid}.mobile-menu a{padding:13px}
.hero{position:relative;min-height:790px;padding-top:118px;display:grid;grid-template-columns:minmax(330px,.9fr) minmax(520px,1.35fr) minmax(260px,.72fr);align-items:center;gap:24px;isolation:isolate}.hero:before{content:"";position:absolute;inset:60px 0 0;background-image:linear-gradient(rgba(68,86,135,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(68,86,135,.08) 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(to bottom,transparent,black 18%,black 70%,transparent);z-index:-1}.hero-copy{z-index:3}.eyebrow{font-size:11px;letter-spacing:.17em;color:#95a4c7;margin-bottom:21px}.eyebrow i,.panel-title i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 18px var(--green);margin-right:9px}.hero h1{font:700 clamp(46px,4.25vw,68px)/.98 Space Grotesk;margin:0;letter-spacing:-.045em}.hero h1 span{display:inline-block;margin-top:10px;background:linear-gradient(135deg,#7759ff 0%,#42a9ef 53%,#35deae 100%);background-clip:text;color:transparent}.hero-copy>p{max-width:470px;color:#b1b9cc;line-height:1.7;margin:22px 0}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.btn{padding:14px 20px;border-radius:8px;font-size:13px;font-weight:600;transition:.25s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#6923d6,#9c2ef7);box-shadow:0 0 38px rgba(134,53,255,.25)}.btn-secondary{border:1px solid transparent;background:linear-gradient(#07101e,#07101e) padding-box,linear-gradient(90deg,#4e6fff,var(--green)) border-box}.btn b{margin-left:13px}.metric-strip{display:grid;grid-template-columns:repeat(4,1fr);margin-top:38px;width:min(550px,100%);border-radius:9px;overflow:hidden}.metric-strip div{padding:15px 11px;border-right:1px solid rgba(100,123,181,.14);display:grid;grid-template-columns:auto auto;align-items:baseline;justify-content:center}.metric-strip div:last-child{border:0}.metric-strip strong{font:700 23px Space Grotesk}.metric-strip span{font-weight:700}.metric-strip small{grid-column:1/3;display:block;font-size:8px;color:#7e8aa6;font-weight:500;margin-top:4px}
.auction-stage{height:590px;position:relative;min-width:0}.auction-stage:after{content:"";position:absolute;inset:18% 10%;background:radial-gradient(circle,rgba(98,42,255,.15),transparent 58%);filter:blur(12px);z-index:-1}.auction-stage canvas{width:100%;height:100%;display:block;filter:drop-shadow(0 0 18px rgba(52,190,255,.13))}.stage-label{position:absolute;background:rgba(7,11,28,.82);border:1px solid rgba(101,122,180,.42);padding:6px 12px;border-radius:7px;font-size:11px;box-shadow:0 9px 30px rgba(0,0,0,.25);backdrop-filter:blur(10px)}.supply-label{top:2%;left:48%;transform:translateX(-50%);color:#d687ff}.dsp-label{right:4%}.dsp1{top:17%}.dsp2{top:32%}.dsp3{top:49%}.dsp4{top:66%}.dsp5{top:80%;text-align:center}.source-label{left:3%;font-size:10px}.ctv{top:19%}.mobile{top:35%}.web{top:52%}.video{top:69%}.winning{bottom:4%;left:50%;transform:translateX(-50%);color:var(--green);border-color:rgba(49,235,161,.55)}
.live-panel{border-radius:14px;padding:15px;z-index:3}.panel-title{font-size:11px;font-weight:700;margin:4px 0 14px;display:flex;align-items:center}.panel-title span{margin-left:auto;font-size:8px;color:#77829d;border:1px solid #303a58;border-radius:9px;padding:3px 6px}.live-row{padding:11px 12px;margin:6px 0;border:1px solid rgba(104,125,179,.18);border-radius:8px;background:rgba(12,18,38,.72);display:flex;align-items:center;justify-content:space-between;font-size:11px}.live-row .green{color:var(--green)}.served{margin-top:8px;padding:13px;border-radius:8px;text-align:center;color:var(--green);font-weight:800;background:linear-gradient(90deg,rgba(25,34,57,.7),rgba(10,37,39,.7))}.served b{margin-left:22px;border:1px solid var(--green);border-radius:50%;padding:1px 4px}.demo-note{display:block;margin-top:10px;color:#606c88;font-size:8px;line-height:1.45}
.cards-row{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding-top:4px;padding-bottom:65px}.feature-card{min-height:187px;border-radius:12px;padding:26px 25px;display:flex;justify-content:space-between;overflow:hidden;position:relative}.feature-card:before{content:"";position:absolute;inset:auto -20% -70% 0;height:120%;background:radial-gradient(circle,rgba(94,46,220,.13),transparent 60%)}.feature-copy{display:flex;gap:17px;z-index:2}.feature-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:8px;border:1px solid currentColor;background:rgba(255,255,255,.03);flex:none}.feature-icon.purple{color:#b45cff}.feature-icon.green{color:#4ae2ad}.feature-icon.blue{color:#4aa2ff}.feature-card h3{font-size:16px;margin:2px 0 8px}.feature-card p{max-width:250px;color:#aab3c7;font-size:12px;line-height:1.6;margin:0 0 17px}.feature-card a{font-size:11px;color:#b976ff}.feature-card:nth-child(2) a{color:var(--green)}.feature-card:nth-child(3) a{color:#55c8ff}.mini-viz{align-self:center;position:relative;width:140px;height:110px;opacity:.72}.bars{display:flex;gap:8px;align-items:flex-end;padding:20px 12px;border-bottom:1px solid #7644b3;transform:perspective(300px) rotateY(-12deg)}.bars i{width:15px;background:linear-gradient(#b365ff,#52229f);border-radius:3px 3px 0 0;box-shadow:0 0 18px rgba(156,78,255,.3)}.bars i:nth-child(1){height:31%}.bars i:nth-child(2){height:48%}.bars i:nth-child(3){height:63%}.bars i:nth-child(4){height:45%}.bars i:nth-child(5){height:74%}.bars i:nth-child(6){height:91%}.radar i{position:absolute;inset:18px;border:2px solid rgba(57,226,172,.36);border-radius:50%;box-shadow:inset 0 0 30px rgba(57,226,172,.16)}.radar b{position:absolute;width:60px;height:60px;left:40px;top:25px;border:2px solid #54e1b3;border-radius:50%}.radar span{position:absolute;width:13px;height:13px;border-radius:50%;background:var(--green);left:64px;top:49px;box-shadow:0 0 24px var(--green)}.cube i{position:absolute;width:62px;height:62px;border:1px solid #347dda;transform:rotate(30deg) skew(-8deg);left:38px;top:23px}.cube i:nth-child(2){transform:rotate(30deg) skew(-8deg) translate(12px,-12px)}.cube i:nth-child(3){transform:rotate(30deg) skew(-8deg) translate(-12px,12px)}
.deep-section,.data-section,.company-section{padding-top:110px;padding-bottom:110px;position:relative}.deep-section{background:linear-gradient(180deg,rgba(4,7,18,.3),rgba(12,8,32,.45),rgba(4,7,18,.2))}.section-heading{max-width:780px}.section-heading>span{color:#7d8bad;letter-spacing:.18em;font-size:10px}.section-heading h2{font:700 clamp(34px,4vw,56px)/1.05 Space Grotesk;letter-spacing:-.035em;margin:13px 0 18px}.section-heading h2 em{font-style:normal;background:linear-gradient(90deg,#a459ff,#3fd8bf);background-clip:text;color:transparent}.section-heading p{color:#9ca6ba;max-width:650px;line-height:1.7}.flow-track{display:grid;grid-template-columns:1fr auto 1fr auto 1.2fr auto 1fr auto 1fr;align-items:center;margin-top:64px}.flow-node{min-height:175px;border:1px solid #1d2949;border-radius:14px;padding:24px;background:linear-gradient(145deg,#091127,#050817)}.flow-node.featured{border-color:#6340c6;box-shadow:0 0 50px rgba(108,55,223,.18)}.flow-node b{color:#6e7d9d;font-size:11px}.flow-node h3{margin:23px 0 8px}.flow-node p{font-size:11px;color:#8e99b1;line-height:1.55}.flow-line{width:34px;height:1px;background:linear-gradient(90deg,#2d3653,#5f61ff,#30d0ba);position:relative}.flow-line:after{content:"";position:absolute;width:6px;height:6px;background:#5ee0c6;border-radius:50%;top:-2px;animation:flowDot 1.6s linear infinite}@keyframes flowDot{from{left:0}to{left:100%}}
.data-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;margin-top:50px}.scanner{position:relative;overflow:hidden;padding:25px;border-radius:15px}.scanner-title{font-size:11px;letter-spacing:.15em;margin-bottom:18px;color:#8da0c8}.scanner>div:not(.scanbeam):not(.scanner-title){display:flex;justify-content:space-between;border-top:1px solid rgba(87,109,161,.16);padding:15px 3px;color:#a4aec2;font-size:12px}.scanner b{color:var(--green)}.scanbeam{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--green),transparent);box-shadow:0 0 17px var(--green);animation:scan 3s ease-in-out infinite}@keyframes scan{0%,100%{top:4%}50%{top:96%}}.protocols{display:grid;grid-template-columns:1fr 1fr;gap:15px}.protocols article{min-height:120px;border-radius:13px;padding:25px;display:flex;flex-direction:column;justify-content:center}.protocols strong{font:700 22px Space Grotesk}.protocols span{color:#8792aa;font-size:11px;margin-top:7px}.company-section{background:radial-gradient(circle at 70% 40%,rgba(19,106,119,.13),transparent 35%)}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:52px}.steps div{padding:24px 16px;border-top:1px solid #283456;background:linear-gradient(180deg,rgba(13,20,42,.72),transparent);min-height:120px}.steps b{display:block;color:#6855ff;font-size:12px}.steps span{display:block;margin-top:26px;font-weight:600;font-size:12px}
.footer{border-top:1px solid #1b2441;display:grid;grid-template-columns:1.05fr 1fr 1.25fr 1.55fr;gap:0;padding-top:40px;padding-bottom:24px;background:#050815}.footer>div:not(.footer-bottom){padding:0 34px;min-height:140px;border-right:1px solid #1a2441}.footer>div:first-child{padding-left:0}.footer>div:nth-child(4){border-right:0}.footer-logo img{width:43px;height:43px}.footer-brand p,.footer-col p,.footer-col a{font-size:12px;color:#9aa4b7;line-height:1.75}.footer-col h4{font-size:12px;margin:4px 0 14px}.footer-col h4 span{font-weight:400;color:#8993aa}.footer-col a:hover{color:var(--green)}.footer-bottom{grid-column:1/-1;border-top:1px solid #151e36;padding-top:17px;display:flex;justify-content:space-between;color:#5d6983;font-size:9px}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .75s ease,transform .75s ease}.reveal.in{opacity:1;transform:none}
@media(max-width:1250px){.desktop-nav{display:none}.menu-btn{display:block}.hero{grid-template-columns:.9fr 1.2fr}.live-panel{position:absolute;right:5vw;bottom:70px;width:260px}.auction-stage{height:560px}.cards-row{grid-template-columns:1fr 1fr}.feature-card:last-child{grid-column:1/-1}.flow-track{grid-template-columns:1fr;gap:10px}.flow-line{height:28px;width:1px;margin:auto}.flow-line:after{left:-2px;animation:flowDotV 1.6s linear infinite}@keyframes flowDotV{from{top:0}to{top:100%}}.footer{grid-template-columns:1fr 1fr}.footer>div{border-right:0!important;border-bottom:1px solid #17203a;padding:22px!important}.footer>div:first-child{padding-left:22px!important}}
@media(max-width:820px){.topbar{height:70px;padding:0 20px}.brand{font-size:19px}.brand img{width:39px;height:39px}.outline-btn{display:none}.hero{display:block;padding-top:112px;min-height:auto}.hero h1{font-size:49px}.hero-copy>p{font-size:14px}.metric-strip{grid-template-columns:1fr 1fr}.auction-stage{height:520px;margin-top:28px}.live-panel{position:relative;right:auto;bottom:auto;width:auto;margin-top:-20px}.cards-row{grid-template-columns:1fr;padding-top:44px}.feature-card:last-child{grid-column:auto}.mini-viz{width:110px}.data-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.footer{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin:6px 0}.stage-label{font-size:9px;padding:5px 8px}.source-label{left:0}.dsp-label{right:0}.section-pad{padding-left:20px;padding-right:20px}}
@media(max-width:520px){.hero h1{font-size:42px}.auction-stage{height:440px;margin-left:-8px;margin-right:-8px}.metric-strip strong{font-size:20px}.metric-strip small{font-size:7px}.feature-card{padding:21px 17px}.mini-viz{display:none}.steps{grid-template-columns:1fr}.protocols{grid-template-columns:1fr}.footer>div{padding-left:0!important;padding-right:0!important}.section-heading h2{font-size:38px}}