:root{--bg:#07051a;--bg-2:#0e0a2b;--ink:#f4f1ff;--ink-2:#b9b2d9;--ink-3:#7d76a3;--line:#ffffff17;--glass:#ffffff0b;--glass-2:#ffffff14;--blue:#4f8cff;--violet:#8b5cf6;--pink:#ec4899;--magenta:#d946ef;--orange:#fb923c;--grad:linear-gradient(120deg,#4f8cff 0%,#8b5cf6 35%,#d946ef 65%,#ec4899 100%);--grad-loop:linear-gradient(90deg,#4f8cff,#8b5cf6,#d946ef,#ec4899,#d946ef,#8b5cf6,#4f8cff);--radius:22px;--ease:cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.55;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}::selection{background:var(--pink);color:#fff}.aurora{z-index:-3;pointer-events:none;position:fixed;inset:0;overflow:hidden}.aurora span{filter:blur(90px);opacity:.55;mix-blend-mode:screen;animation:float 22s var(--ease) infinite alternate;border-radius:50%;position:absolute}.aurora span:first-child{background:#3b5bff;width:55vw;height:55vw;top:-20vw;left:-10vw}.aurora span:nth-child(2){background:#a21caf;width:45vw;height:45vw;animation-duration:28s;animation-delay:-6s;top:10vh;right:-15vw}.aurora span:nth-child(3){opacity:.35;background:#ec4899;width:40vw;height:40vw;animation-duration:32s;animation-delay:-12s;bottom:-20vw;left:30vw}@keyframes float{0%{transform:translate(0)scale(1)rotate(0)}50%{transform:translate(8vw,6vh)scale(1.15)rotate(40deg)}to{transform:translate(-6vw,10vh)scale(.95)rotate(-20deg)}}.grain{z-index:-1;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:1.2s steps(6,end) infinite grain;position:fixed;inset:-50%}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-1%)}to{transform:translate(1%,3%)}}.gridlines{z-index:-2;pointer-events:none;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);opacity:.5;background-size:72px 72px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 0,#000 30%,#0000 75%);mask-image:radial-gradient(80% 60% at 50% 0,#000 30%,#0000 75%)}.cursor-glow{pointer-events:none;z-index:-1;background:radial-gradient(circle,#d946ef29,#0000 65%);border-radius:50%;width:520px;height:520px;transition:opacity .4s;position:fixed;top:-999px;left:-999px;transform:translate(-50%,-50%)}.scroll-bar{z-index:100;background:var(--grad);transform-origin:0;width:100%;height:3px;position:fixed;top:0;left:0;transform:scaleX(0)}.wrap{width:min(1180px,100% - 32px);margin-inline:auto}section{padding:120px 0;position:relative}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex}.eyebrow i{background:var(--pink);width:7px;height:7px;box-shadow:0 0 12px var(--pink);border-radius:50%;animation:2s infinite pulse}@keyframes pulse{50%{opacity:.35;transform:scale(.7)}}h1,h2,h3{letter-spacing:-.035em;font-weight:800;line-height:1.05}h2{margin:18px 0;font-size:clamp(34px,5.4vw,64px)}.lead{color:var(--ink-2);max-width:640px;font-size:clamp(17px,1.7vw,20px)}.center{text-align:center}.center .lead{margin-inline:auto}.grad-text{background:var(--grad-loop);color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite shine}@keyframes shine{to{background-position:200%}}.hero{align-items:center;min-height:100svh;padding:140px 0 80px;display:flex}.hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;display:grid}@media (width<=960px){.hero-grid{text-align:center;grid-template-columns:1fr}.hero .lead{margin-inline:auto}.hero-cta,.hero-meta{justify-content:center}}.hero h1{margin:22px 0;font-size:clamp(44px,7.4vw,96px)}.hero h1 .line{padding-bottom:.06em;display:block;overflow:hidden}.hero h1 .line>span{animation:rise 1.1s var(--ease) forwards;display:inline-block;transform:translateY(110%)}.hero h1 .line:nth-child(2)>span{animation-delay:.12s}.hero h1 .line:nth-child(3)>span{animation-delay:.24s}@keyframes rise{to{transform:none}}.fade-up{opacity:0;animation:fadeUp 1s var(--ease) forwards;transform:translateY(24px)}@keyframes fadeUp{to{opacity:1;transform:none}}.rotator{vertical-align:bottom;display:inline-grid}.rotator span{opacity:0;filter:blur(6px);transition:all .7s var(--ease);grid-area:1/1;transform:translateY(40%)rotateX(-60deg)}.rotator span.on{opacity:1;filter:none;transform:none}.rotator span.off{opacity:0;filter:blur(6px);transform:translateY(-40%)rotateX(60deg)}.hero-cta{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.hero-meta{color:var(--ink-3);flex-wrap:wrap;gap:22px;margin-top:28px;font-size:14px;display:flex}.hero-meta span{align-items:center;gap:7px;display:flex}.hero-meta svg{width:16px;height:16px;color:var(--pink)}.stage{aspect-ratio:1;perspective:1200px;width:100%;max-width:520px;margin-inline:auto;position:relative}.stage canvas{width:130%;height:130%;position:absolute;inset:-15%}.icon-3d{transform-style:preserve-3d;border-radius:23%;transition:transform .2s ease-out;animation:6s ease-in-out infinite bob;position:absolute;inset:18%}.icon-3d img{border-radius:23%;width:100%;height:100%;box-shadow:0 40px 80px -20px #8b5cf6bf,0 0 0 1px #ffffff14}.icon-3d:after{content:"";background:radial-gradient(circle at var(--gx,30%) var(--gy,20%),#ffffff59,transparent 45%);mix-blend-mode:overlay;pointer-events:none;border-radius:23%;position:absolute;inset:0}@keyframes bob{50%{translate:0 -14px}}.ring{border:1px dashed #ffffff1f;border-radius:50%;animation:40s linear infinite spin;position:absolute;inset:2%}.ring.r2{border-style:solid;border-color:#ffffff0d;animation-duration:60s;animation-direction:reverse;inset:-6%}@keyframes spin{to{transform:rotate(360deg)}}.chip{border:1px solid var(--line);backdrop-filter:blur(10px);background:#140e32b3;border-radius:12px;padding:8px 14px;font:600 13px JetBrains Mono,monospace;animation:5s ease-in-out infinite bob;position:absolute;box-shadow:0 10px 30px -10px #0009}.chip b{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.chip.c1{animation-delay:-1s;top:10%;left:-2%}.chip.c2{animation-delay:-2.5s;top:44%;left:-8%}.chip.c3{animation-delay:-3.5s;bottom:8%;left:8%}.chip.c4{animation-delay:-.5s;top:16%;right:-4%}.chip.c5{border-color:#ec489966;animation-delay:-4s;bottom:18%;right:-6%}@media (width<=560px){.chip{padding:6px 10px;font-size:11px}}.scroll-hint{border:2px solid #fff3;border-radius:20px;width:26px;height:42px;position:absolute;bottom:26px;left:50%;translate:-50%}.scroll-hint:after{content:"";background:#fff;border-radius:2px;width:4px;height:8px;animation:1.8s infinite wheel;position:absolute;top:8px;left:50%;translate:-50%}@keyframes wheel{0%{opacity:1;top:8px}to{opacity:0;top:22px}}.marquee{border-block:1px solid var(--line);background:#ffffff04;padding:34px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.marquee-track{gap:56px;width:max-content;animation:30s linear infinite marquee;display:flex}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-item{letter-spacing:-.03em;color:var(--ink-3);white-space:nowrap;align-items:center;gap:14px;font-size:clamp(22px,3vw,34px);font-weight:800;display:flex}.marquee-item em{border:1px solid var(--line);letter-spacing:0;border-radius:999px;padding:4px 10px;font-size:.5em;font-style:normal;font-weight:600}.marquee-item.hl{color:var(--ink)}@keyframes marquee{to{transform:translate(-50%)}}.reveal{opacity:0;filter:blur(8px);transition:opacity 1s var(--ease),transform 1s var(--ease),filter 1s var(--ease);transform:translateY(40px)}.reveal.in{opacity:1;filter:none;transform:none}.reveal[data-d="1"]{transition-delay:80ms}.reveal[data-d="2"]{transition-delay:.16s}.reveal[data-d="3"]{transition-delay:.24s}.reveal[data-d="4"]{transition-delay:.32s}.reveal[data-d="5"]{transition-delay:.4s}.demo{perspective:1600px;place-items:center;margin-top:64px;display:grid}.demo .ic-mac{transition:transform 1.4s var(--ease);transform:rotateX(18deg)scale(.92)}.demo.in .ic-mac{transform:none}.pipeline{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:64px;display:grid;position:relative}@media (width<=860px){.pipeline{grid-template-columns:1fr}}.pipeline svg.connector{pointer-events:none;width:68%;height:20px;position:absolute;top:58px;left:16%;overflow:visible}@media (width<=860px){.pipeline svg.connector{display:none}}.connector path{stroke:url(#lg);stroke-width:2px;fill:none;stroke-dasharray:6 8;stroke-dashoffset:0;animation:1.2s linear infinite dash}@keyframes dash{to{stroke-dashoffset:-28px}}.step{border-radius:var(--radius);background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(14px);padding:30px;position:relative}.step-num{background:linear-gradient(var(--bg-2),var(--bg-2)) padding-box,var(--grad) border-box;border:1.5px solid #0000;border-radius:18px;place-items:center;width:58px;height:58px;margin-bottom:22px;font-size:22px;font-weight:800;display:grid;position:relative;box-shadow:0 0 30px -6px #d946ef99}.step h3{letter-spacing:-.02em;margin-bottom:8px;font-size:22px}.step p{color:var(--ink-2)}.bento{grid-template-columns:repeat(6,1fr);gap:16px;margin-top:64px;display:grid}.card{border-radius:var(--radius);background:var(--glass);border:1px solid var(--line);isolation:isolate;transition:transform .5s var(--ease),border-color .4s;grid-column:span 2;padding:30px;position:relative;overflow:hidden}.card:hover{border-color:#ffffff2e}.card:before{content:"";z-index:-1;opacity:0;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),#d946ef2e,transparent 45%);transition:opacity .4s;position:absolute;inset:0}.card:hover:before{opacity:1}.card.w3{grid-column:span 3}.card.w4{grid-column:span 4}@media (width<=960px){.bento{grid-template-columns:1fr 1fr}.card,.card.w3,.card.w4{grid-column:span 2}}@media (width>=600px) and (width<=960px){.card.half{grid-column:span 1}}.card .ic{border:1px solid var(--line);background:#ffffff0f;border-radius:14px;place-items:center;width:46px;height:46px;margin-bottom:20px;display:grid}.card .ic svg{stroke:url(#lg2);width:22px;height:22px}.card h3{letter-spacing:-.02em;margin-bottom:8px;font-size:22px}.card p{color:var(--ink-2);font-size:15.5px}.cores{grid-template-columns:repeat(10,1fr);gap:6px;margin-top:24px;display:grid}.cores i{aspect-ratio:1;background:#ffffff0f;border-radius:6px;animation:2.4s ease-in-out infinite core}@keyframes core{0%,to{background:#ffffff0f}40%{background:linear-gradient(135deg,#8b5cf6,#ec4899);box-shadow:0 0 14px -2px #d946ef}}.eq{align-items:flex-end;gap:4px;height:90px;margin-top:24px;display:flex}.eq i{background:var(--grad);transform-origin:bottom;background-size:100% 300%;border-radius:4px 4px 0 0;flex:1;animation:1.1s ease-in-out infinite alternate eq}@keyframes eq{0%{transform:scaleY(.15)}to{transform:scaleY(1)}}.tags{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.tags span{border:1px solid var(--line);color:var(--ink-2);background:#ffffff0d;border-radius:9px;padding:6px 11px;font:500 12.5px JetBrains Mono,monospace}.tree{color:var(--ink-2);margin-top:22px;font:13px/1.9 JetBrains Mono,monospace}.tree .d{color:#c4b5fd}.tree .f{color:#f9a8d4}.tree .c{color:#fdba74}.album{align-items:center;gap:18px;margin-top:22px;display:flex}.cover{background:conic-gradient(from 200deg,#4f8cff,#8b5cf6,#ec4899,#fb923c,#4f8cff);border-radius:12px;flex:none;width:84px;height:84px;animation:18s linear infinite spin;position:relative;box-shadow:0 14px 30px -10px #ec489999}.cover:after{content:"";background:var(--bg);border-radius:50%;position:absolute;inset:34%}.meta-rows{flex:1;gap:7px;font-size:13px;display:grid}.meta-rows div{border-bottom:1px dashed var(--line);justify-content:space-between;gap:10px;padding-bottom:6px;display:flex}.meta-rows span{color:var(--ink-3)}.stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:64px;display:grid}@media (width<=860px){.stats{grid-template-columns:1fr 1fr}}.stat{border-radius:var(--radius);border:1px solid var(--line);background:var(--glass);text-align:center;padding:28px}.stat b{letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-size:clamp(42px,5vw,64px);font-weight:900;line-height:1;display:block}.stat span{color:var(--ink-2);font-size:14px}.calc{background:var(--glass);border:1px solid var(--line);border-radius:28px;grid-template-columns:1fr 1fr;gap:20px;margin-top:56px;padding:34px;display:grid}@media (width<=860px){.calc{grid-template-columns:1fr;padding:22px}}.calc label{margin-bottom:10px;font-weight:600;display:block}.calc label output{float:right;font-variant-numeric:tabular-nums;color:var(--pink)}.range{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#8b5cf6 var(--p,30%),#ffffff1a var(--p,30%));border-radius:8px;outline:none;width:100%;height:8px;margin-bottom:28px}.range::-webkit-slider-thumb{-webkit-appearance:none;cursor:grab;background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .2s;box-shadow:0 0 0 6px #ec489959,0 4px 12px #0006}.range::-webkit-slider-thumb:active{transform:scale(1.2)}.range::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:24px;height:24px;box-shadow:0 0 0 6px #ec489959}.bitrates{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.bitrates button{border:1px solid var(--line);background:#ffffff08;border-radius:12px;padding:12px 0;font-weight:700;transition:all .3s}.bitrates button.on{background:var(--grad);border-color:#0000;box-shadow:0 8px 24px -8px #ec4899b3}.bars{align-content:center;gap:18px;display:grid}.bars .row small{color:var(--ink-2);justify-content:space-between;margin-bottom:8px;font-weight:600;display:flex}.bars .row small b{color:var(--ink);font-variant-numeric:tabular-nums}.bars .track{background:#ffffff0a;border-radius:12px;height:46px;overflow:hidden}.bars .fill{height:100%;transition:width .8s var(--ease);border-radius:12px}.bars .fill.a{background:linear-gradient(90deg,#334155,#64748b)}.bars .fill.b{background:var(--grad)}.saved{letter-spacing:-.03em;font-size:clamp(28px,3.4vw,40px);font-weight:900}.calc .note{color:var(--ink-3);margin-top:6px;font-size:12.5px}.price-wrap{place-items:center;margin-top:56px;display:grid}.price{isolation:isolate;border-radius:32px;width:min(460px,100%);padding:3px;position:relative;overflow:hidden}.price:before{content:"";z-index:-2;background:conic-gradient(#4f8cff,#8b5cf6,#d946ef,#ec4899,#fb923c,#4f8cff);animation:6s linear infinite spin;position:absolute;inset:-60%}.price-in{background:linear-gradient(#140f36,#0b0822);border-radius:29px;padding:40px 34px}.price .tag{letter-spacing:.08em;text-transform:uppercase;color:#f9a8d4;background:#ec489926;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-block}.amount{letter-spacing:-.05em;align-items:flex-start;gap:6px;margin:20px 0 6px;font-weight:900;display:flex}.amount sup{margin-top:14px;font-size:28px}.amount b{font-size:84px;line-height:1}.amount small{color:var(--ink-3);letter-spacing:0;align-self:flex-end;margin-bottom:14px;font-size:16px;font-weight:600}.price ul{gap:12px;margin:26px 0 30px;list-style:none;display:grid}.price li{color:var(--ink-2);align-items:flex-start;gap:12px;display:flex}.price li svg{color:#4ade80;flex:none;width:20px;height:20px;margin-top:2px}.price .ui-btn{width:100%}.price .fine{text-align:center;color:var(--ink-3);margin-top:14px;font-size:13px}.wave-svg{opacity:.5;pointer-events:none;width:100%;height:220px;position:absolute;bottom:0;left:0;right:0}.toast{z-index:200;border:1px solid var(--line);backdrop-filter:blur(20px);transition:translate .5s var(--ease);background:#140e32e6;border-radius:14px;max-width:calc(100% - 32px);padding:14px 20px;font-size:14px;position:fixed;bottom:24px;left:50%;translate:-50% 140%}.toast.show{translate:-50%}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;filter:none;transform:none}.hero h1 .line>span{transform:none}}