@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#080b12;--muted:#b0b5c4;--gold:#f5c568;--line:#ffffff18}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:#f5f5f9;font-family:'DM Sans',sans-serif;font-size:15px}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.skip{position:fixed;left:20px;top:-80px;z-index:20;background:#fff;color:#000;padding:16px}.skip:focus{top:15px}header{height:90px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:#080b12ed;position:sticky;top:0;z-index:10;backdrop-filter:blur(15px)}.brand img{width:170px;display:block}nav{display:flex;gap:34px;align-items:center;font-size:13px}nav a:hover,.text-link:hover{color:var(--gold)}.nav-button{padding:12px 20px;border:1px solid #dfc58c66;border-radius:5px}.nav-button span{margin-left:23px;color:var(--gold)}.hero{min-height:735px;position:relative;overflow:hidden;padding:66px 6% 95px}.hero-content{position:relative;z-index:2;width:60%;max-width:740px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.7px;color:var(--gold);line-height:1.7}.hero .eyebrow{display:flex;align-items:center;gap:10px}.eyebrow>span:first-child:not(:only-child){width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 15px var(--gold)}.hero-logo{width:310px;max-width:80%;margin:20px 0 10px;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Outfit',sans-serif;font-weight:500}h1{font-size:clamp(54px,5.8vw,86px);line-height:1.04;letter-spacing:-3.8px;margin-bottom:24px}em{font-style:normal;color:var(--gold)}.intro{font-size:16px;line-height:1.8;color:var(--muted);margin-bottom:30px}.actions{display:flex;align-items:center;gap:27px}.button{padding:17px 22px;display:inline-flex;align-items:center;justify-content:center;gap:38px;border-radius:4px;font-weight:700;font-size:13px;transition:transform .2s,box-shadow .2s}.gold{background:linear-gradient(115deg,#ffe1a4,#e3aa42);color:#151009;box-shadow:0 0 30px #f3bd5015}.button:hover{transform:translateY(-3px);box-shadow:0 8px 38px #f3bd5030}.text-link{font-size:12px;display:inline-flex;gap:20px;align-items:center}.hero-note{font-size:9px;letter-spacing:3px;color:#868c9e;margin-top:37px}.aurora{position:absolute;width:900px;height:700px;right:-100px;top:-80px;background:radial-gradient(ellipse at 60% 50%,#e7a53b17,transparent 45%),radial-gradient(ellipse at 35% 50%,#294cc833,transparent 55%);filter:blur(30px)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,transparent,#000)}.orbit-art{position:absolute;width:490px;height:490px;right:4%;top:130px;perspective:800px}.orbital{position:absolute;border:1px solid #e7b94f70;border-radius:50%;inset:20px;transform:rotate(-35deg) rotateX(57deg);box-shadow:0 0 30px #e7b94f15,inset 0 0 30px #e7b94f10}.o2{inset:0;transform:rotate(41deg) rotateX(64deg);border-color:#5289ea60}.o3{inset:55px;transform:rotate(105deg) rotateX(62deg);border-color:#c29bff60}.core{width:230px;height:230px;position:absolute;left:130px;top:125px;border-radius:50%;background:radial-gradient(circle at 32% 26%,#9eb2dd,#2c3f6b 25%,#0c172f 48%,#02040b 70%);box-shadow:inset -8px -6px 16px #e3ab4980,inset 5px 5px 30px #82aeff77,0 0 90px #6378f42c;border:1px solid #c1cbe944;display:grid;place-items:center}.core span{font:500 165px 'Outfit',sans-serif;color:transparent;background:linear-gradient(140deg,#fff0c6 15%,#f4c55b 40%,#795621 60%,#fbe3a6 75%);background-clip:text;transform:rotate(-15deg);text-shadow:0 0 50px #ffce6b22}.float-tag{position:absolute;font-size:11px;font-weight:600;display:flex;align-items:center;gap:10px;padding:12px 17px;background:#101725dd;border:1px solid #ffffff20;border-radius:7px;box-shadow:0 12px 30px #0005;animation:float 7s ease-in-out infinite}.float-tag i{color:var(--gold);font-style:normal;font-size:20px}.tag1{top:47px;left:28px}.tag2{right:-5px;top:230px;animation-delay:-2s}.tag3{bottom:25px;left:55px;animation-delay:-4s}.spark{position:absolute;width:5px;height:5px;background:#ffe2a4;box-shadow:0 0 20px 6px #fbc55c55;border-radius:50%}.s1{top:125px;right:78px}.s2{bottom:110px;left:42px}.scroll-hint{position:absolute;bottom:25px;left:6%;font-size:8px;letter-spacing:2px;color:#858c9f;display:flex;gap:20px;align-items:center}.scroll-hint span{font-size:18px}.ribbon{display:flex;justify-content:center;gap:4%;align-items:center;padding:25px 5%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0d1019;font:500 14px 'Outfit',sans-serif;letter-spacing:3px}.ribbon i{font-style:normal;color:var(--gold);font-size:13px}.section{padding:100px 6%;scroll-margin-top:15px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}.section-heading h2{margin-bottom:0}.section-heading>p{font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:6px}h2{font-size:clamp(34px,3.4vw,49px);line-height:1.14;letter-spacing:-1.6px}h2 span{color:#7f879c}.workspace-tabs{display:flex;border-bottom:1px solid var(--line);gap:40px;margin-bottom:28px}.workspace-tabs button{color:#8d95aa;background:transparent;border:0;border-bottom:2px solid transparent;padding:16px 0;cursor:pointer;font-size:10px;display:flex;gap:14px;align-items:center}.workspace-tabs button span{font-size:15px}.workspace-tabs button[aria-selected=true]{border-bottom-color:var(--gold);color:var(--gold)}.workspace-panel{border:1px solid #ffffff15;background:linear-gradient(115deg,#141925,#0b101a);border-radius:9px;display:grid;grid-template-columns:35% 65%;overflow:hidden;min-height:390px}.panel-copy{padding:40px 32px}h3{font-size:27px;line-height:1.15;letter-spacing:-.6px;margin-bottom:17px}.panel-copy>p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.8}.panel-copy ul{list-style:none;padding:0;margin:22px 0 30px;color:#d6dae4;font-size:11px;line-height:2.3}.panel-copy li:before{content:'✦';color:var(--gold);margin-right:9px;font-size:9px}.panel-caption{font-size:9px;letter-spacing:2px;color:var(--gold)}.panel-caption span{margin-left:12px}.workspace-visual{align-self:center;margin:30px 26px 20px 0;min-width:0}.window-top{display:flex;justify-content:space-between;padding:13px;background:#192132;border:1px solid #ffffff17;border-radius:6px 6px 0 0;font-size:8px;letter-spacing:1px;color:#9da9bd}.window-dots{color:#6f7c93;letter-spacing:3px}.screenshot-crop{aspect-ratio:16/9;overflow:hidden;position:relative;background:#18222e;border:1px solid #ffffff16;border-top:0}.screenshot-crop img{width:137.5%;max-width:none;position:absolute;left:-18.75%;top:-12.44%;height:auto;display:block}.workspace-visual>p{font-size:9px;color:#949daf;margin:12px 0 0;line-height:1.5}.possibilities{padding-top:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature{border-top:1px solid #ffffff22;padding-top:5px}.feature-art{height:185px;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#2e325c38,transparent 68%);margin-bottom:25px}.feature .eyebrow{font-size:8px;letter-spacing:2px}.feature h3{font-size:23px}.feature>p:last-child{color:var(--muted);font-size:13px;line-height:1.8;max-width:340px}.cube{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%) rotate(-20deg);font-size:160px;line-height:1;color:#b3a2fa;text-shadow:0 0 30px #b3a2fa88}.axis{width:170px;height:1px;position:absolute;left:50%;top:60%;background:#9c8cc855;transform:translateX(-50%) rotate(22deg)}.ax2{transform:translateX(-50%) rotate(-22deg)}.voxel-art{display:flex;justify-content:center;align-items:center}.voxel{position:absolute;width:48px;height:48px;background:linear-gradient(140deg,#86d4d9,#284b73);border:1px solid #b0edec99;transform:skewY(-20deg);box-shadow:9px 8px 0 #152b44}.v1{top:42px;left:calc(50% - 26px)}.v2{top:96px;left:calc(50% - 79px)}.v3{top:96px;left:calc(50% - 26px)}.v4{top:79px;left:calc(50% + 27px)}.v5{top:25px;left:calc(50% + 27px);background:linear-gradient(140deg,#fce4aa,#b8752e);border-color:#fce4aa88}.sound-art{display:flex;align-items:center;justify-content:center;gap:5px}.sound-art i{display:block;width:5px;background:linear-gradient(#f9d797,#a36547);border-radius:4px;box-shadow:0 0 16px #fdcd6320;animation:wave 2s ease-in-out infinite alternate}.trace-strip{display:flex;align-items:center;gap:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:45px;padding:30px 0}.trace-icon{font-size:64px;color:var(--gold);width:70px;text-align:center}.trace-strip h3{font-size:23px;margin:0 0 9px}.trace-strip p{color:var(--muted);font-size:12px;margin-bottom:0}.trace-strip .eyebrow{font-size:8px;color:var(--gold);margin-bottom:8px}.trace-strip>a{margin-left:auto}.workflow{background:linear-gradient(115deg,#111724,#0b101a);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.workflow h2{font-size:clamp(40px,4.3vw,62px);margin-bottom:50px}.workflow-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.workflow-steps>div{border-top:1px solid #ffffff22;padding-top:20px}.workflow-steps span{font-size:9px;letter-spacing:2px;color:var(--gold)}.workflow-steps h3{font-size:23px;margin:18px 0 12px}.workflow-steps p{color:var(--muted);font-size:13px;line-height:1.8;max-width:330px}.closing{text-align:center;position:relative;overflow:hidden;padding-block:105px}.closing h2{font-size:clamp(40px,5vw,72px);margin-bottom:20px}.closing>p:not(.eyebrow){color:var(--muted)}.closing .button{margin-top:18px;position:relative}.closing .availability{font-size:11px;margin:24px 0 0}.closing-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 100%,#c88b2f18,transparent 65%);pointer-events:none}footer{display:flex;align-items:center;justify-content:space-between;padding:28px 6%;border-top:1px solid var(--line);font-size:11px;color:#929aaf}footer img{width:140px;display:block}footer p{margin:0}@keyframes float{50%{transform:translateY(-12px)}}@keyframes wave{to{transform:scaleY(.6)}}@media(min-width:1550px){.hero{padding-top:90px}.orbit-art{right:10%}.section,header,footer{padding-left:max(6%,calc((100vw - 1400px)/2));padding-right:max(6%,calc((100vw - 1400px)/2))}}@media(max-width:1050px){.orbit-art{right:-95px;opacity:.65;transform:scale(.9)}.hero-content{width:70%}.actions{gap:18px}.workspace-panel{grid-template-columns:40% 60%}.panel-copy{padding:30px 23px}.workspace-visual{margin-right:18px}.section{padding-block:75px}.possibilities{padding-top:0}}@media(max-width:700px){header{height:72px;padding-inline:5%}.brand img{width:125px}nav{gap:17px}nav>a:not(.nav-button){display:none}.nav-button{padding:10px 12px;font-size:11px}.nav-button span{margin-left:9px}.hero{padding:42px 6% 75px;min-height:910px}.hero-content{width:100%}.hero .eyebrow{font-size:8px;letter-spacing:1.8px}.hero-logo{width:245px;margin-top:25px}h1{font-size:55px;letter-spacing:-2.8px}.intro{font-size:14px}.actions{gap:20px;flex-wrap:wrap}.button{padding:16px 18px;gap:24px}.hero-note{font-size:8px;letter-spacing:2px}.orbit-art{top:auto;bottom:28px;right:calc(50% - 245px);transform:scale(.68);transform-origin:bottom center;opacity:.9}.scroll-hint{bottom:15px;font-size:7px}.ribbon{font-size:8px;letter-spacing:1px;padding:22px 4%;gap:3%}.ribbon i{font-size:8px}.section{padding:65px 6%}.section-heading{display:block;margin-bottom:25px}.section-heading>p{margin-top:20px}.section-heading h2{font-size:34px}.workspace-tabs{gap:0;justify-content:space-between}.workspace-tabs button{gap:6px;font-size:8px}.workspace-tabs button span{font-size:11px}.workspace-panel{display:flex;flex-direction:column}.panel-copy{padding:28px 25px}.panel-copy h3{font-size:31px}.panel-copy ul{margin-bottom:20px}.workspace-visual{margin:0 16px 22px}.feature-grid{grid-template-columns:1fr}.feature{padding-bottom:18px}.feature-art{height:160px;margin-bottom:15px}.feature>p:last-child{max-width:100%}.possibilities{padding-top:0}.trace-strip{align-items:start;gap:15px;flex-wrap:wrap}.trace-icon{width:35px;font-size:40px}.trace-strip>div{width:calc(100% - 50px)}.trace-strip>a{margin:8px 0 0 50px}.workflow-steps{grid-template-columns:1fr;gap:24px}.workflow h2{font-size:39px;margin-bottom:35px}.workflow-steps p{max-width:100%}.closing{padding-block:75px}.closing h2{font-size:41px}footer{gap:20px;flex-wrap:wrap}footer p{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}