@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#131a30;--muted:#667189;--violet:#715cf2;--cyan:#12b7c9;--gold:#e9aa5a;--paper:#f6f8ff;--line:#dbe0ed;--font:Manrope,'DM Sans',system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);overflow-x:hidden}a{color:inherit;text-decoration:none}button,a{ -webkit-tap-highlight-color:transparent}::selection{background:#b1adff;color:#14162d}.scrollline{position:fixed;left:0;top:0;height:3px;background:linear-gradient(90deg,#6c5ef2,#18c2cf,#e4ae64);width:0;z-index:99}
.nav{height:92px;padding:0 clamp(20px,5vw,96px);display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;left:0;right:0;z-index:10}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:18px;letter-spacing:.17em}.brand img{filter:drop-shadow(0 3px 12px #8f80f455)}.brand small,.footer-brand small{display:block;letter-spacing:.25em;font-size:8px;color:#69758e;margin-top:2px}.navlinks{display:flex;gap:32px;font-size:12px;font-weight:700;color:#38435d}.navlinks a{transition:color .2s}.navlinks a:hover{color:#7561ef}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;border-radius:100px;padding:16px 24px;font-size:12px;font-weight:800;letter-spacing:.02em;transition:transform .25s,box-shadow .25s,background .25s;white-space:nowrap}.btn:hover{transform:translateY(-3px);box-shadow:0 12px 32px #222d4630}.btn-dark{color:#fff;background:#161d32}.btn-outline{border:1px solid #a7afc1;background:#ffffff80;color:#28314b}.btn-light{background:white;color:#1c2646}.btn span{font-size:17px;font-weight:400}.hero{min-height:850px;height:min(940px,100svh);position:relative;overflow:hidden;background:radial-gradient(ellipse at 74% 45%,#d1f3f5 0%,transparent 35%),radial-gradient(ellipse at 64% 43%,#dbd4ff 0%,transparent 48%),linear-gradient(125deg,#fbfcff 5%,#eff2ff 72%,#f3fdff);display:flex;align-items:center;padding:120px clamp(25px,7vw,124px) 90px}.hero-halo{position:absolute;width:1050px;height:1050px;border:1px solid #b0b8f433;border-radius:50%;right:-280px;top:-100px;pointer-events:none}.hero-copy{position:relative;z-index:4;max-width:670px}.eyebrow,.section-kicker{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:800;letter-spacing:.19em;color:#525d79}.eyebrow .line{width:28px;height:1px;background:#8996b0}.live{width:7px;height:7px;border-radius:50%;background:#20bf9f;box-shadow:0 0 0 5px #20bf9f20;animation:livepulse 2s infinite}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(72px,9vw,156px);line-height:.99;letter-spacing:-.085em;margin:30px 0 27px;font-weight:800}h1 em,h2 em{font-weight:500;font-style:normal;background:linear-gradient(105deg,#6859e9 5%,#13a9c2 65%,#6f63e4 100%);color:transparent;background-clip:text;-webkit-background-clip:text}.lede{max-width:475px;font-size:clamp(15px,1.5vw,19px);line-height:1.82;color:#555f7a}.hero-buttons{display:flex;gap:13px;margin-top:35px;flex-wrap:wrap}.smallprint{font-size:11px;color:#8590a5;margin-top:28px;letter-spacing:.02em}.hero-world{position:absolute;right:-3%;top:9%;width:62%;height:85%;z-index:2;pointer-events:none}#hero3d{position:absolute;inset:0;width:100%;height:100%;z-index:3}.css-core{position:absolute;left:50%;top:48%;width:40%;aspect-ratio:1;border-radius:43% 57% 68% 32% / 43% 35% 65% 57%;transform:translate(-50%,-50%);background:radial-gradient(circle at 28% 23%,#fff 0%,#b9e9f1 13%,#9685ed 40%,#5444ab 63%,#65dce7 79%,#dceaff 100%);filter:drop-shadow(0 30px 55px #6877db65);animation:corefloat 8s ease-in-out infinite;z-index:1}.hero-world.webgl-ready .css-core{display:none}.orb-shadow{position:absolute;left:32%;bottom:10%;width:45%;height:8%;background:#6467ba35;filter:blur(40px);border-radius:50%}.ring{position:absolute;left:50%;top:48%;width:65%;aspect-ratio:1;border:1px solid #8b8dd555;border-radius:50%;transform:translate(-50%,-50%) rotate(-23deg) scaleY(.72);animation:ringrotate 18s linear infinite}.ring-b{width:86%;border-style:dashed;opacity:.55;animation-duration:32s;animation-direction:reverse}.orbit-label{position:absolute;z-index:4;display:flex;flex-direction:column;gap:5px;padding:14px 18px;min-width:125px;border:1px solid #ffffffbd;border-radius:13px;background:#ffffff9b;backdrop-filter:blur(22px);box-shadow:0 20px 50px #555b9c13;animation:float 6s ease-in-out infinite}.orbit-label b{font-size:9px;letter-spacing:.15em}.orbit-label span{font-size:10px;color:#798398}.label-a{top:20%;left:3%}.label-b{top:40%;right:4%;animation-delay:-2s}.label-c{bottom:21%;left:8%;animation-delay:-4s}.hero-bottom{position:absolute;bottom:38px;left:clamp(25px,7vw,124px);right:clamp(25px,7vw,124px);display:flex;justify-content:space-between;font-size:9px;letter-spacing:.16em;font-weight:800;color:#77829a}
.section-pad{padding:125px clamp(24px,7vw,124px)}.section-kicker{justify-content:space-between;border-top:1px solid #bdc6d955;padding-top:18px}.section-kicker span{color:#9ca6ba}h2{font-size:clamp(42px,5.6vw,91px);line-height:1.13;letter-spacing:-.065em;margin:44px 0;font-weight:800}.intro{background:#fff}.intro-grid{display:grid;grid-template-columns:1.2fr .7fr;align-items:end;gap:60px}.intro-right{padding-bottom:55px}.intro-right p,.platform-head p,.agent-head p,.device-copy p{font-size:17px;color:#69738c;line-height:1.85}.text-link{display:inline-flex;justify-content:space-between;gap:40px;border-bottom:1px solid #aeb7d0;padding-bottom:13px;font-size:13px;font-weight:800}.text-link span{font-size:18px}.feature-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:17px;margin-top:40px}.feature{min-height:490px;overflow:hidden;border-radius:20px;background:linear-gradient(145deg,#eff0ff,#f5faff);position:relative;padding:30px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .4s,box-shadow .4s}.feature:hover{transform:translateY(-9px);box-shadow:0 32px 50px #8792c120}.feature-large{background:linear-gradient(145deg,#eeeaff,#d7e6ff)}.feature-icon{border:1px solid #ffffffbb;background:#ffffff70;backdrop-filter:blur(12px);width:43px;height:43px;border-radius:12px;display:grid;place-items:center;font-size:25px;color:#7868dd}.feature-text{position:relative;z-index:2}.feature-text>span,.agent-card>span{font-size:9px;font-weight:800;letter-spacing:.15em;color:#7c88a3}.feature h3{font-size:clamp(21px,2.25vw,32px);line-height:1.2;letter-spacing:-.05em;margin:12px 0}.feature p{color:#66708a;font-size:13px;line-height:1.8;margin:0;max-width:300px}.feature-art{position:absolute;inset:9% 0 20%;display:grid;place-items:center}.flow-core{width:160px;height:160px;background:conic-gradient(from 20deg,#8576e9,#8ae5f3,#7655d5,#bc97ff,#8576e9);border-radius:39% 61% 61% 39% / 37% 46% 54% 63%;box-shadow:inset 20px 16px 40px #ffffff8c,20px 35px 40px #6f6ac046;animation:corefloat 6s infinite}.feature-art i{position:absolute;width:260px;height:140px;border:1px solid #a4a7ed;border-radius:50%;transform:rotate(38deg);animation:spin 16s linear infinite}.feature-art i:nth-child(3){transform:rotate(-38deg);animation-direction:reverse}.feature-art i:nth-child(4){width:200px;height:200px;transform:rotate(70deg)}.feature-art i:nth-child(5){width:310px;height:170px;transform:rotate(-80deg)}.wave-art{display:flex;align-items:center;justify-content:center;gap:8px;height:200px}.wave-art span{width:10px;border-radius:12px;height:30px;background:linear-gradient(#8b70ed,#36cee1);animation:wave 1.3s ease-in-out infinite alternate}.wave-art span:nth-child(2n){animation-delay:-.4s}.wave-art span:nth-child(3n){animation-delay:-.75s}.media-art{height:200px;display:grid;place-items:center;perspective:650px}.media-diamond{grid-area:1/1;width:125px;height:125px;border-radius:24px;transform:rotate(-35deg) rotateY(35deg);border:2px solid #83cde0;background:linear-gradient(135deg,#78c9ee77,#a19becaa);box-shadow:20px 20px 40px #80a1d033;animation:media 6s ease-in-out infinite}.media-diamond:nth-child(2){animation-delay:-2s;width:100px;height:100px;border-color:#8d80ef}.media-diamond:nth-child(3){animation-delay:-4s;width:75px;height:75px}
.platform{background:#151d37;color:#f9faff;position:relative;overflow:hidden}.platform:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 88% 34%,#4258ad55,transparent 45%);pointer-events:none}.platform .section-kicker{border-color:#47516f;color:#b6bfdf}.platform-head{display:grid;grid-template-columns:1.2fr .7fr;align-items:end;gap:60px;position:relative}.platform-head p{color:#bdc5d8;padding-bottom:45px}.stack{position:relative;margin-top:30px;perspective:1100px}.stack-layer{--shift:0px;position:relative;display:grid;grid-template-columns:65px 1.3fr 1fr 35px;align-items:center;gap:20px;padding:29px 35px;border:1px solid #ffffff25;background:linear-gradient(110deg,#ffffff14,#8d92d91c);backdrop-filter:blur(15px);border-radius:16px;margin-bottom:11px;transform:translateX(calc(var(--n)*7px));transition:transform .35s,background .35s,border-color .35s}.stack-layer:hover{transform:translateX(16px) scale(1.01);background:#ffffff1d;border-color:#7fafff}.stack-layer>span{font-size:11px;color:#8294d3}.stack-layer b{font-size:clamp(18px,2vw,27px);letter-spacing:-.035em}.stack-layer b em{font-style:normal;color:#99dce8}.stack-layer small{color:#b9c3d9}.stack-layer i{font-style:normal;color:#b2a4ff}.agent-section{background:#f6f8ff}.agent-head{display:flex;align-items:end;justify-content:space-between;gap:70px}.agent-head p{max-width:340px;padding-bottom:35px}.agent-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.agent-card{background:white;border:1px solid #e6eaf3;border-radius:20px;min-height:395px;padding:24px;transition:transform .3s,box-shadow .3s}.agent-card:hover{transform:translateY(-10px) rotate(-1deg);box-shadow:0 25px 40px #9ba5c72b}.agent-card h3{font-size:27px;letter-spacing:-.06em;margin:9px 0}.agent-card p{font-size:12px;color:#747f95}.agent-glyph{height:235px;position:relative;display:grid;place-items:center;transform-style:preserve-3d;animation:float 6s ease-in-out infinite}.agent-glyph i{position:absolute;border-radius:40%;border:2px solid #6f65e8;width:100px;height:100px;transform:rotate(45deg);box-shadow:0 0 30px #8073dd33}.agent-glyph i:nth-child(2){transform:rotate(95deg) scale(.8);border-color:#56becf}.agent-glyph i:nth-child(3){transform:rotate(15deg) scale(.55);background:#7b6bf0aa}.glyph-oracle i{border-radius:50%}.glyph-operator i{border-radius:6px}.glyph-creator i{border-radius:30% 70% 60% 40%}.journey{background:linear-gradient(120deg,#eaf6fa,#eeedff 65%,#f8f9ff);text-align:center}.journey .section-kicker{text-align:left}.journey h2{margin-bottom:90px}.journey-track{display:flex;align-items:center;justify-content:space-between;gap:15px;max-width:1100px;margin:auto}.journey-track span{width:115px;height:115px;border:1px solid #b3bae1;display:grid;place-items:center;border-radius:50%;font-size:11px;font-weight:800;letter-spacing:.08em;background:#ffffff99;box-shadow:0 20px 40px #7b81c120;animation:float 5s ease-in-out infinite}.journey-track span:nth-of-type(2n){animation-delay:-2s}.journey-track i{height:1px;flex:1;background:linear-gradient(90deg,#a9a3e8,#8ed3df);position:relative}.journey-track i:after{content:'›';position:absolute;right:-5px;top:-12px;color:#887de7;font-size:22px}.journey-copy{color:#6a7690;margin:55px 0 0}.devices{background:#202a4a;color:white;overflow:hidden}.devices .section-kicker{border-color:#ffffff30;color:#c3cdeb}.device-content{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:60px}.device-copy p{color:#c3cadf;margin-bottom:35px}.device-scene{height:530px;position:relative;perspective:1100px}.device-halo{position:absolute;inset:10%;border-radius:50%;background:#6d73d866;filter:blur(100px)}.device-device{position:absolute;z-index:2;border:8px solid #10182d;background:#0b1328;box-shadow:25px 40px 65px #0006,inset 0 0 0 2px #6a78ad;border-radius:22px;transform-style:preserve-3d}.laptop{left:0;top:80px;width:82%;height:355px;transform:rotateY(-17deg) rotateX(7deg);animation:float 7s infinite}.device-screen{position:absolute;inset:12px;border-radius:12px;background:radial-gradient(circle at center,#6251ad,#273c78 45%,#111a37 80%);display:grid;place-items:center}.device-glow{position:absolute;width:180px;height:180px;border-radius:45%;background:linear-gradient(45deg,#85e1ee,#695bd7);filter:blur(15px);opacity:.45;animation:corefloat 5s infinite}.device-symbol{font-size:110px;z-index:2;color:#bceef5;text-shadow:0 0 35px #49dbeb}.device-screen>span{position:absolute;bottom:22px;font-weight:800;letter-spacing:.4em;font-size:11px}.phone{width:170px;height:325px;right:2%;top:170px;border-width:9px;border-radius:27px;transform:rotateY(-15deg) rotateZ(8deg);background:radial-gradient(circle,#524f9b,#141d39 72%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;animation:float 5.5s infinite reverse}.phone .device-symbol{font-size:65px}.phone span{text-align:center;font-size:10px;font-weight:800;letter-spacing:.15em;line-height:2}.phone-notch{position:absolute;top:8px;width:56px;height:11px;border-radius:20px;background:#0d1325}.closing{text-align:center;background:#fff;position:relative;overflow:hidden}.closing-mark{position:absolute;font-size:530px;left:-130px;top:40px;color:#edeafd;animation:spin 90s linear infinite;pointer-events:none}.closing .section-kicker{justify-content:center}.closing h2{position:relative}.closing p{font-size:17px;color:#737e97;margin-bottom:30px}.footer{padding:40px clamp(24px,7vw,124px);background:#f7f9ff;display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #e5e9f2}.footer-brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.1em}.footer-links{display:flex;gap:25px;font-weight:700;font-size:12px}.footer>small{color:#8c95a9;font-size:10px}
.reveal{opacity:0;transform:translateY(32px);transition:opacity .85s ease,transform .85s cubic-bezier(.18,.75,.25,1)}.reveal.visible{opacity:1;transform:translateY(0)}.stack-layer.reveal.visible{transform:translateX(calc(var(--n)*7px))}.stack-layer.reveal.visible:hover{transform:translateX(16px) scale(1.01)}
@keyframes float{0%,100%{translate:0 0}50%{translate:0 -16px}}@keyframes spin{to{rotate:360deg}}@keyframes wave{0%{height:25px}100%{height:135px}}@keyframes media{0%,100%{transform:rotate(-35deg) rotateY(35deg) translateZ(0)}50%{transform:rotate(5deg) rotateY(-35deg) translateZ(35px)}}@keyframes corefloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-18px) rotate(14deg)}}@keyframes livepulse{50%{box-shadow:0 0 0 9px #20bf9f05}}@keyframes ringrotate{to{transform:translate(-50%,-50%) rotate(337deg) scaleY(.72)}}
@media(max-width:1100px){.hero-world{width:70%;right:-15%;opacity:.85}.hero-copy{max-width:580px}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-large{grid-column:span 2}.agent-grid{grid-template-columns:repeat(2,1fr)}.navlinks{gap:17px}}
@media(max-width:760px){.nav{height:78px;padding:0 20px}.navlinks{display:none}.nav-cta{padding:11px 16px;font-size:11px}.brand{font-size:14px}.brand img{width:36px;height:36px}.hero{height:auto;min-height:930px;padding:145px 25px 95px;align-items:flex-start}.hero-copy{max-width:100%}.hero h1{font-size:clamp(62px,13vw,92px)}.lede{font-size:15px;max-width:420px}.hero-world{top:470px;right:-25%;height:420px;width:145%;opacity:.8}.orbit-label{padding:10px 12px;min-width:100px}.label-a{left:12%}.label-b{right:19%}.label-c{left:18%}.hero-bottom{font-size:8px}.section-pad{padding:80px 23px}.intro-grid,.platform-head,.device-content{grid-template-columns:1fr;gap:0}.intro-right{padding:0 0 30px}.feature-grid{grid-template-columns:1fr}.feature-large{grid-column:auto}.feature{min-height:370px}.feature-art{transform:scale(.7)}.platform-head p{padding-bottom:0}.stack-layer{grid-template-columns:25px 1fr 22px;gap:12px;padding:18px;transform:none!important}.stack-layer small{grid-column:2;grid-row:2}.stack-layer i{grid-row:1;grid-column:3}.agent-head{display:block}.agent-head p{padding:0 0 20px}.agent-grid{grid-template-columns:1fr 1fr;gap:10px}.agent-card{min-height:280px;padding:15px}.agent-glyph{height:165px}.agent-glyph i{width:74px;height:74px}.agent-card h3{font-size:20px}.journey-track{gap:5px}.journey-track span{width:57px;height:57px;font-size:8px}.journey-track i:after{top:-11px}.device-scene{height:440px}.laptop{top:60px;width:89%;height:275px}.phone{width:130px;height:250px;top:160px;right:0}.footer{flex-wrap:wrap}.footer>small{width:100%}}
@media(max-width:390px){.brand small{font-size:7px}.brand{letter-spacing:.08em}.hero-buttons .btn{padding:13px 15px;gap:12px}.hero-world{top:510px}.agent-grid{grid-template-columns:1fr 1fr}.agent-card p{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none!important}}