:root{--bg:#060710;--surface:#0c0e1c;--line:#22263b;--lime:#a8b9ff;--muted:#8d93ab;--white:#f2f3ff;background:#060710;color:#f2f3ff}body{background:radial-gradient(ellipse at 50% 35%,#0d1020,transparent 50%),#060710}.header{height:84px;border-bottom:1px solid #ffffff09;max-width:1600px}.brand{letter-spacing:-.8px}.brand img{width:36px;height:36px}.beta{background:#8e89ff0b;border-color:#9694ff35;color:#bcb8e9;border-radius:4px;font-size:7px;padding:4px 6px;letter-spacing:1.6px}.header nav{color:#9298b1;gap:40px}.nav-cta{background:#fffefe05;border:1px solid #ffffff20;border-radius:7px;padding:12px 19px}.hero{display:block;max-width:none;min-height:1050px;padding:60px 6% 65px;text-align:center;isolation:isolate;background:radial-gradient(ellipse at 50% 65%,#3f3b8f18,transparent 55%)}.space-canvas{position:absolute;inset:0;z-index:-1;pointer-events:none;width:100%;height:100%}.hero-copy{padding:0;position:relative;z-index:5;pointer-events:auto}.hero-kicker{display:block;font:10px 'Space Grotesk',sans-serif;letter-spacing:5px;color:#737f9d;margin:24px 0 16px}.announcement{margin:auto;gap:9px;color:#b7bed9;font-size:10px;letter-spacing:.5px;background:linear-gradient(110deg,#7f92ff0c,#c799ff08);border-color:#a3b6ff24;padding:8px 13px}.announcement>span:last-child{margin-left:13px;color:#c2cafa}.live-dot{background:#8da8ff;box-shadow:0 0 12px #9e9aff88}.hero h1{font-size:clamp(46px,4.8vw,72px);font-weight:600;line-height:1.3;letter-spacing:-3px;margin:0 auto 20px}.hero .lime{background:linear-gradient(100deg,#c8d5ff 5%,#a7b8ff 40%,#b79ded 80%,#dfc6fa);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-description{font-size:13px;color:#959db8;line-height:1.9;letter-spacing:.7px}.hero .hero-actions{justify-content:center;margin-top:25px;gap:13px}.button{border-radius:7px;min-height:47px}.primary{color:#fff;background:linear-gradient(110deg,#526fcb,#7664c6);border:1px solid #a8bbff50;box-shadow:inset 0 1px 0 #d1d7ff25,0 4px 25px #6757ce25}.primary:hover{background:linear-gradient(110deg,#647fda,#8874dc);box-shadow:0 5px 38px #7c6be44a}.secondary{border-color:#9da5d826;color:#c0c6df;background:#12152455}.hero-note{justify-content:center;font-size:9px;color:#606c8d;margin-top:15px}.tiny-check{color:#8b9fc8}.note-divider{background:#49527066}.hero-grid{background-size:64px 64px;opacity:.3;inset:40% 0 0;transform:perspective(600px) rotateX(65deg) scale(1.6);transform-origin:bottom;mask-image:linear-gradient(transparent,#000)}.hero-glow{left:calc(50% - 550px);right:auto;top:290px;width:1100px;height:850px;background:radial-gradient(ellipse,#5c54d52b,transparent 62%)}.horizon{position:absolute;width:1200px;height:540px;left:calc(50% - 600px);bottom:-357px;border:1px solid #c0b5ff44;border-radius:50%;box-shadow:0 -5px 45px #7478dd22,0 -1px 7px #b0b2ff60;transform:rotate(-8deg);background:linear-gradient(#11152b,transparent 45%);z-index:-1}.horizon>div{position:absolute;inset:-38px;border:1px solid #7b82cc14;border-radius:50%}.visual{height:460px;width:820px;max-width:none;margin:28px auto 0;left:auto;top:auto;position:relative;transform:none;opacity:1;pointer-events:auto;text-align:left;--px:0px;--py:0px;translate:var(--px) var(--py);transition:translate .5s ease-out}.desktop-window{width:560px;height:367px;top:78px;left:65px;transform:perspective(1300px) rotateY(8deg) rotateX(7deg) rotateZ(-5deg);background:linear-gradient(135deg,#15192bfa,#0b0e1df5);border-color:#808bc142;box-shadow:-15px 25px 90px #000b,0 0 60px #6874e415,inset 0 1px 0 #b2c0ff22;backdrop-filter:blur(20px)}.visual:hover .desktop-window{transform:perspective(1300px) rotateY(4deg) rotateX(4deg) rotateZ(-3deg)}.window-bar{background:linear-gradient(90deg,#1c2239,#171a2e);border-color:#7782ac20;color:#7e8bb4}.window-status{color:#a5bbec}.window-status b{background:#8aa7e4}.window-dots i{background:#4b5570}.window-dots i:first-child{background:#796487}.window-dots i:nth-child(2){background:#606c92}.window-dots i:last-child{background:#8c99bf}.app-sidebar{background:#11152580;border-color:#65729f20}.sidebar-icon.active{background:#7487f21a;color:#bdcaff}.workspace-heading h3 span{color:#adb5f3}.app-content{padding-inline:25px}.workspace-heading h3{font-size:14px}.workspace-heading small,.project-line{color:#7b88ac}.model-tag{border-color:#7083ba40;background:#7083ba0b;color:#c2ccee}.user-prompt{color:#c0c7e1}.user-prompt>span{background:#636fac;color:#fff}.agent-message strong{color:#dfe5ff}.agent-message strong span{color:#8f9dc7}.agent-avatar{border-color:#7b84c449;color:#b8b2ed;background:#847fd812}.agent-message p{color:#9faecb}.code-block{background:#070b1780;border-color:#7885b228;color:#aebcdb;font-size:9px;padding:10px 14px}.code-purple{color:#b2a0e2}.code-green{color:#99b7e4}.code-comment{color:#535f82}.task-status{color:#879fc3}.task-wave{color:#a6b7e9}.mock-composer{background:#ffffff03;border-color:#7c90bb2b;color:#616f95}.mock-composer>span:last-child{background:linear-gradient(130deg,#667fc1,#8670c0);color:#e6e6fb}.phone{top:165px;right:42px;width:165px;height:310px;border-color:#3a405b;background:linear-gradient(145deg,#1b2138,#0a0d19);box-shadow:10px 20px 60px #000b,0 0 45px #8c83f51a,inset 0 0 0 1px #929dc138;transform:rotate(9deg);animation:device-float 7s ease-in-out infinite}.phone-heading{color:#e1e6ff}.phone-heading img{width:24px;height:24px}.phone-camera{background:#050710}.phone-top{color:#b4c0e3}.phone-device{background:#7889d211;border-color:#8697c92b}.phone-device>span:first-child{color:#a5b9f0}.phone-device small{color:#8699bc}.phone-device>span:last-child{color:#a5b9f0}.phone-label{color:#7586a9}.phone-session{background:#8091da0b;border-color:#91a3d526}.phone-session>span:first-child{color:#c3c2f5}.phone-session small{color:#97b3e5}.phone-session p{color:#7c8eb4}.phone-progress{background:#5c6a9b36}.phone-progress i{background:linear-gradient(90deg,#6c8fe2,#ac8cda);box-shadow:0 0 9px #9ba9ee44}.phone-session-bottom,.phone-session-bottom b{color:#9badde}.phone-bottom{color:#9db2ec;border-color:#7d8bb429}.phone-bottom>span{color:#4f618c}.orbit{width:760px;height:250px;top:118px;left:23px;transform:rotate(-17deg);border-color:#8897df35;box-shadow:0 -2px 12px #7988df0c}.orbit-one:after{content:'';position:absolute;left:46%;top:-2px;height:3px;width:130px;background:linear-gradient(90deg,transparent,#c3d1ff,transparent);box-shadow:0 0 20px #8aa7ff;transform:rotate(1deg)}.orbit-two{width:910px;height:350px;top:53px;left:-54px;transform:rotate(-17deg);border-style:solid;border-color:#9883d91c;box-shadow:none}.orbit-dot{background:#b6c9fc;box-shadow:0 0 18px #94b0ff}.dot-one{top:135px;left:34px;animation:pulse 3s infinite}.dot-two{top:238px;right:3px}.coordinate{color:#52618c;font-size:7px;letter-spacing:1.8px}.coordinate-top{left:25px;top:37px}.coordinate-bottom{left:235px;bottom:-15px}.connection-pill{top:128px;right:12px;border-color:#a2b6ff30;background:linear-gradient(130deg,#222a42ee,#1a1c32ee);color:#acbae8;transform:rotate(5deg);box-shadow:0 8px 28px #0006;backdrop-filter:blur(10px);font-size:7px;padding:10px 13px}.floating-label{left:8px;bottom:28px;background:linear-gradient(120deg,#202740ee,#1a1a2eee);border-color:#8ca5df30;color:#bec9e4;backdrop-filter:blur(12px);font-size:10px;box-shadow:0 10px 35px #0007;animation:label-float 6s ease-in-out infinite}.floating-label span{color:#b3c2f6}.portal-core{position:absolute;top:-22px;left:calc(50% - 46px);width:92px;height:92px;border:1px solid #b8c3ff20;border-radius:25px;background:radial-gradient(circle,#b2b2ff22,#171c3380);display:grid;place-items:center;box-shadow:0 0 60px #7f73ec24,inset 0 0 25px #959eff0a;transform:rotate(-5deg);z-index:2;backdrop-filter:blur(10px)}.portal-core img{width:60px;height:60px;filter:drop-shadow(0 0 12px #7d7ae455)}.portal-core>span{position:absolute;top:-22px;white-space:nowrap;font:7px 'Space Grotesk',sans-serif;letter-spacing:2px;color:#8b99c1}.core-orbit{position:absolute;inset:-13px;border:1px solid #9f95f522;border-radius:34px;transform:rotate(12deg)}.signal-line{position:absolute;left:365px;top:63px;width:1px;height:110px;background:linear-gradient(#9b9de766,transparent);transform:rotate(35deg);transform-origin:top;z-index:1}.signal-right{left:455px;transform:rotate(-60deg);height:200px}.hero-footer{bottom:24px;left:5.5%;right:5.5%;margin:0;position:absolute;color:#4d5a7b;font-size:8px}.hero-footer>a{color:#8190b4;font-size:9px}.hero-footer>a span{color:#acbff1}.integrations{max-width:1440px;border-color:#9ca8df14;padding-top:32px;padding-bottom:39px}.integrations>p{color:#5f6e92;font-size:10px}.tool-word{color:#9da8c6;font-size:22px}.claude b{color:#a2a2c9}.tool-caption{color:#536287;border-color:#7681ba28}.section-heading h2{font-weight:500}.muted-heading{color:#5a6481}.eyebrow{color:#8d9ed0}.feature-card{background:radial-gradient(ellipse at 100% 0,#6369ce0c,transparent 65%),linear-gradient(130deg,#111523,#0c0f1c);border-color:#8d99d123;border-radius:13px;box-shadow:inset 0 1px 0 #b9c1ef06}.feature-card:hover{border-color:#8e99e169;box-shadow:0 0 40px #6f75d60b}.feature-icon{color:#a3b5ea;background:linear-gradient(135deg,#7887e026,#8979db15);border-color:#a2a9eb30}.feature-card p{color:#7e8aa9}.card-index{color:#5d6b8c}.session-demo{background:#080d19;border-color:#7889b62b}.session-demo-row{border-color:#7b8ab519}.session-agent{background:#7589d219;border-color:#8da2e32e;color:#b4c3ed}.session-agent.peach{background:#9686d81a;border-color:#baa0ea25;color:#baabd8}.session-demo-row small{color:#596b91}.session-state{color:#9db9ed}.session-state i,.device-line i{background:#89a7e2}.session-state.complete{color:#6f84a7}.session-demo-footer{color:#5f7498}.session-demo-footer>span:last-child{color:#a7b9ed}.remote-art{background:radial-gradient(ellipse at 50% 100%,#6d66d929,transparent 70%)}.remote-monitor{background:#11172a;border-color:#8ca0d14d;box-shadow:0 15px 40px #0007}.remote-monitor:after{background:#2a3450}.mini-bar{border-color:#7a8cb72a;color:#7b87b3}.mini-layout>i{background:repeating-linear-gradient(#2c3a5b 0 4px,transparent 4px 12px)}.mini-layout b{background:#33466e}.mini-layout b:nth-child(2){background:#627fbb}.mini-layout b:nth-child(3){background:linear-gradient(135deg,#516796,#212c47)}.remote-cursor{color:#a6b9fa}.remote-cursor span{background:#8399dc;color:#0d1530}.remote-badge{background:#1c2943;border-color:#829cd43b;color:#adc4f3}.remote-badge i{background:#b4c9fa}.approval-demo>span{color:#aa9dce}.approval-demo i{background:#a494cc}.approval-demo button{color:#c1cafa;background:#7281d219;border-color:#8194cd38}.file-tags>span,.device-line>span{background:#7284c70d;border-color:#9eafe826;color:#8c9dc8}.freedom-section{background:radial-gradient(ellipse at 50% 110%,#6353bd24,transparent 70%),#0a0c16;border-color:#9598cc1a}.freedom-section h2 span{background:linear-gradient(90deg,#bacbff,#c2aaea);background-clip:text;-webkit-background-clip:text;color:transparent}.freedom-section .eyebrow{color:#6a75a0}.freedom-section p{color:#7889ad}.location-tags span{color:#8a9bc2;border-color:#8495cb33}.freedom-star{color:#887ecb16}.freedom-orbit{border-color:#9584d624}.freedom-orbit:after{border-color:#a7b3eb10}.step-number{border-color:#8c9fd62b;color:#546487}.step-number>span{color:#8a95ca}.steps article:last-child .step-number>span{color:#adb9ec}.steps p{color:#8191b1}.step-meta{color:#505e83}.start-card{background:radial-gradient(ellipse at 100% 10%,#8174e332,transparent 60%),radial-gradient(ellipse at 80% 130%,#4c7ec329,transparent 60%),#101526;border-color:#8995dc3b;border-radius:15px;box-shadow:inset 0 1px 0 #ffffff09}.start-card h2>span{color:#b7c5f6}.start-card p{color:#9caacf}.start-card .eyebrow{color:#8696c4}.start-card small{color:#667ba8}.start-card .secondary{border-color:#91a1d336}.start-art{transform:rotate(-20deg)}.link-shape{border-color:#7f9be06b;box-shadow:0 0 40px #6b89dd12,inset 0 0 35px #8ca6ff18}.link-b{border-color:#a28ce36b}.start-art>span{color:#687fae}.faq>.eyebrow{color:#64749a}.faq details{border-color:#8492c222}.faq summary span{color:#a9b9e9}.faq details p{color:#8495b8}.footer{border-color:#909ed323}.footer-top>p{color:#64769e}.footer-top>a:last-child{color:#a6b6d9}.footer-bottom{border-color:#899cce17;color:#52648c}.footer-bottom b{color:#9caee9}dialog{background:linear-gradient(140deg,#171c30,#0c1020);border-color:#909ee04d}dialog h2{color:#e9edff}dialog>p,.setup-info p{color:#8d9cc0}.setup-info>span{color:#a6b8ec}.setup-info code{color:#b7c7ed}dialog>small{color:#6c7fa8}.dialog-close{color:#93a1c6}.toast{background:#1b2441;border-color:#859bd15e;color:#d2ddff}
@keyframes device-float{50%{transform:translateY(-10px) rotate(7deg)}}@keyframes label-float{50%{transform:translateY(-7px) rotate(-3deg)}}
@media(min-width:1600px){.hero{min-height:1090px;padding-top:74px}.hero h1{font-size:76px}.visual{margin-top:39px}}
@media(max-width:1190px){.hero{min-height:1020px;padding-top:53px;display:block}.hero h1{font-size:60px}.visual{transform:none;transform-origin:center;width:820px;margin-top:35px;height:460px}.hero-description{font-size:13px}}
@media(max-width:900px){.header{height:76px}.hero{min-height:975px;padding:43px 5% 70px;overflow:hidden;display:block}.hero h1{font-size:55px}.hero-copy{pointer-events:auto}.hero:after{display:none}.visual{position:relative;width:820px;max-width:none;left:calc((100% - 820px)/2);top:auto;transform:scale(.87);transform-origin:top center;height:460px;margin:40px 0 -60px;opacity:1;pointer-events:auto}.hero-footer{position:absolute;margin:0;bottom:22px;left:5.5%;right:5.5%}.hero-glow{top:300px}.section-heading h2{font-size:33px}}
@media(max-width:600px){.header{height:72px}.header nav{background:#101426;border-color:#8b9bd32b}.brand img{width:32px;height:32px}.brand{font-size:22px}.nav-cta{font-size:9px;padding:9px 11px}.hero{min-height:850px;padding:42px 5% 52px;display:block;text-align:center}.hero-kicker{font-size:7px;letter-spacing:3px;margin:25px 0 15px}.announcement{font-size:9px;padding:8px 13px;letter-spacing:.5px}.hero h1{font-size:clamp(32px,8.7vw,46px);letter-spacing:-1.8px;line-height:1.5;margin:0 0 19px;white-space:nowrap}.hero-description{font-size:11px;line-height:2;letter-spacing:.2px}.hero .hero-actions{margin-top:24px;gap:10px;flex-wrap:nowrap}.hero-actions .button{padding:0 20px;gap:18px;font-size:11px;min-height:45px}.hero-note{font-size:7px;gap:5px;margin-top:18px;white-space:nowrap}.visual{width:820px;max-width:none;position:relative;left:calc((100% - 820px)/2);top:auto;transform:scale(.49);transform-origin:top center;height:460px;margin:67px 0 -222px;align-self:auto;opacity:1}.desktop-window{left:50px}.phone{right:24px}.portal-core{top:-38px}.portal-core>span{font-size:8px}.coordinate-top{top:30px}.connection-pill{right:-2px}.floating-label{bottom:3px;left:29px}.coordinate-bottom{bottom:-33px}.hero-footer{bottom:19px;left:6%;right:6%;font-size:6px;letter-spacing:1px}.hero-footer>a{font-size:8px}.hero-glow{left:calc(50% - 350px);top:350px;width:700px;height:500px}.horizon{width:760px;height:300px;left:calc(50% - 380px);bottom:-240px;transform:rotate(-8deg)}.hero-grid{opacity:.25}.integrations{padding-top:27px;padding-bottom:30px}.integrations>p{font-size:9px}.tool-word{font-size:19px}.section-heading h2{font-size:30px}.start-card{padding:30px 24px}.start-card h2{font-size:43px}.steps h3{border-color:#95a5d326}.hero .hero-actions .button.primary{flex:0 1 auto}.freedom-section h2{font-size:31px}.freedom-section{text-align:left}.start-card .hero-actions .primary{background:linear-gradient(110deg,#526fcb,#7664c6)}}
@media(max-width:370px){.hero{min-height:814px}.hero h1{font-size:29px;letter-spacing:-1px}.hero-description{font-size:10px}.hero-actions .button{padding-inline:15px;font-size:10px;gap:10px}.hero-note{font-size:6px}.visual{transform:scale(.42);margin-top:67px;margin-bottom:-260px}.nav-cta{margin-right:8px}}
@media(prefers-reduced-motion:reduce){.visual{translate:0 0!important}}
.hero .visual{margin-top:63px}.hero{min-height:1140px}
@media(max-width:900px){.hero{min-height:1040px}}
@media(max-width:600px){.hero .visual{margin-top:82px}.hero{min-height:865px}}
@media(max-width:370px){.hero{min-height:830px}}