:root{--bg:#05060a;--bg-2:#090b12;--surface:#0e111a;--surface-2:#141826;--line:#e2e8ff14;--line-2:#e2e8ff24;--fg:#eef1f8;--muted:#9aa3b8;--faint:#8089a0;--cyan:#19c8f5;--blue:#4f72f2;--violet:#a30cff;--grad:linear-gradient(120deg, var(--cyan) 0%, var(--blue) 50%, var(--violet) 100%);--ok:#38d996;--warn:#ffb547;--radius:18px;--radius-sm:10px;--container:1240px;--gutter:clamp(16px, 4vw, 48px);--ease:cubic-bezier(.2, .7, .1, 1);color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:88px}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans), system-ui, sans-serif;-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6;overflow-x:clip}img,video,svg,canvas{max-width:100%;display:block}a{color:inherit;text-decoration:none}p{margin:0 0 1em}h1,h2,h3{letter-spacing:-.035em;text-wrap:balance;margin:0;font-weight:600;line-height:1.05}ul{margin:0;padding:0;list-style:none}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:6px}::selection{background:#4f72f273}.container{width:100%;max-width:var(--container);padding-inline:var(--gutter);margin-inline:auto}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--fg);color:var(--bg);border-radius:8px;padding:10px 16px;font-weight:600;position:fixed;top:-80px;left:16px}.skip-link:focus{top:16px}.grad-text{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.muted{color:var(--muted)}.eyebrow{font-family:var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;font-size:12px;display:inline-flex}.eyebrow:before{content:"";background:var(--grad);width:18px;height:1px}.btn{--h:48px;min-height:var(--h);white-space:nowrap;transition:transform .25s var(--ease), box-shadow .25s var(--ease), background .25s, border-color .25s;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:15px;font-weight:500;display:inline-flex;position:relative}.btn svg{width:16px;height:16px;transition:transform .25s var(--ease)}.btn:hover svg{transform:translate(3px)}.btn--primary{background:var(--grad);color:#fff;box-shadow:0 8px 30px -8px #4f72f299}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 14px 40px -10px #a30cff99}.btn--ghost{border:1px solid var(--line-2);color:var(--fg);backdrop-filter:blur(8px);background:#ffffff08}.btn--ghost:hover{background:#ffffff12;border-color:#ffffff59}.btn--sm{--h:40px;padding:0 16px;font-size:14px}.badge{font-family:var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line-2);color:var(--muted);background:#ffffff08;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.badge--available{color:var(--ok);background:#38d99614;border-color:#38d99659}.badge--beta{color:var(--cyan);background:#19c8f514;border-color:#19c8f559}.badge--soon{color:var(--warn);background:#ffb54712;border-color:#ffb5474d}.site-header{z-index:50;border-bottom:1px solid #0000;transition:background .3s,border-color .3s,backdrop-filter .3s;position:fixed;inset:0 0 auto}.site-header.is-scrolled{backdrop-filter:blur(14px)saturate(140%);border-bottom-color:var(--line);background:#05060ab8}.site-header__inner{align-items:center;gap:24px;height:72px;display:flex}.logo{color:var(--fg);align-items:center;display:inline-flex}.logo svg{width:auto;height:34px}.nav{gap:4px;margin-left:auto;display:flex}.nav a{color:var(--muted);border-radius:999px;padding:8px 14px;font-size:14px;transition:color .2s,background .2s}.nav a:hover{color:var(--fg);background:#ffffff0d}.header-actions{align-items:center;gap:10px;display:flex}.lang{font-family:var(--font-mono), monospace;letter-spacing:.1em;color:var(--muted);border-radius:8px;padding:8px 10px;font-size:12px}.lang:hover{color:var(--fg)}.menu-btn{border:1px solid var(--line-2);width:44px;height:44px;color:var(--fg);cursor:pointer;background:#ffffff08;border-radius:12px;display:none}.menu-btn span,.menu-btn span:before,.menu-btn span:after{width:18px;height:1.5px;transition:transform .3s var(--ease);background:currentColor;margin:auto;display:block;position:relative}.menu-btn span:before,.menu-btn span:after{content:"";position:absolute;left:0}.menu-btn span:before{top:-6px}.menu-btn span:after{top:6px}.menu-open .menu-btn span{background:0 0}.menu-open .menu-btn span:before{transform:translateY(6px)rotate(45deg)}.menu-open .menu-btn span:after{transform:translateY(-6px)rotate(-45deg)}@media (width<=960px){.nav,.header-actions .btn{display:none}.header-actions{margin-left:auto}.menu-btn{display:block}.menu-open .nav{padding:16px var(--gutter) 28px;border-bottom:1px solid var(--line);background:#05060af7;flex-direction:column;margin:0;display:flex;position:fixed;inset:72px 0 auto}.menu-open .nav a{border-bottom:1px solid var(--line);color:var(--fg);border-radius:0;padding:14px 4px;font-size:18px}.menu-open .nav .btn{border-bottom:0;border-radius:999px;justify-content:center;margin-top:18px;display:inline-flex}}@media (width>=961px){.nav .btn{display:none}}.hero{isolation:isolate;align-items:end;min-height:100svh;display:grid;position:relative;overflow:hidden}.hero__bg{z-index:-2;background:radial-gradient(900px 600px at 78% 30%, #4f72f238, transparent 60%), radial-gradient(700px 500px at 95% 80%, #a30cff29, transparent 60%), radial-gradient(600px 400px at 10% 10%, #19c8f514, transparent 60%), var(--bg);position:absolute;inset:0}.hero__grid{z-index:-2;opacity:.5;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:64px 64px;position:absolute;inset:0;mask-image:radial-gradient(80% 70% at 70% 40%,#000 20%,#0000 75%)}.hero__canvas{z-index:-1;opacity:0;width:100%;height:100%;transition:opacity 1.4s var(--ease);position:absolute;inset:0}.hero__canvas.is-ready{opacity:1}.hero__shade{z-index:-1;pointer-events:none;background:linear-gradient(90deg, #05060aeb 0%, #05060a8c 42%, transparent 70%), linear-gradient(0deg, var(--bg) 0%, transparent 30%);position:absolute;inset:0}.hero__content{max-width:760px;padding-block:140px 72px}.hero h1{margin:22px 0 24px;font-size:clamp(2.6rem,7.2vw,6.2rem);font-weight:600}.hero h1 .line{display:block}.hero__lead{color:var(--muted);max-width:580px;font-size:clamp(1.05rem,1.6vw,1.25rem)}.hero__ctas{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.hero__stats{border-top:1px solid var(--line);flex-wrap:wrap;gap:12px 36px;margin-top:56px;padding-top:24px;display:flex}.hero__stats dt{letter-spacing:-.01em;font-size:18px;font-weight:600}.hero__stats dd{color:var(--faint);margin:0;font-size:13px}.hero__scroll{right:var(--gutter);font-family:var(--font-mono), monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);flex-direction:column;align-items:center;gap:10px;font-size:11px;display:flex;position:absolute;bottom:32px}.hero__scroll i{background:linear-gradient(var(--cyan), transparent);width:1px;height:46px;animation:drip 2.2s var(--ease) infinite;transform-origin:top}@keyframes drip{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}@media (width<=720px){.hero{align-items:end}.hero__content{padding-top:38svh;padding-bottom:48px}.hero__shade{background:linear-gradient(0deg, var(--bg) 8%, #05060abf 55%, #05060a33 100%)}.hero__scroll{display:none}}.hero-in{opacity:0;animation:heroIn 1s var(--ease) forwards;animation-delay:calc(var(--i,0) * .11s + .1s);transform:translateY(18px)}@keyframes heroIn{to{opacity:1;transform:none}}.hero-in--lcp{opacity:1;animation-name:heroSlide}@keyframes heroSlide{0%{transform:translateY(18px)}to{transform:none}}.marquee{border-block:1px solid var(--line);background:var(--bg-2);overflow:hidden;mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.marquee__track{width:max-content;animation:40s linear infinite marquee;display:flex}.marquee:hover .marquee__track{animation-play-state:paused}.marquee__track li{color:var(--muted);white-space:nowrap;align-items:center;gap:28px;padding:20px 14px;font-size:15px;display:flex}.marquee__track li:after{content:"";background:var(--grad);opacity:.8;width:7px;height:7px;transform:rotate(45deg)}@keyframes marquee{to{transform:translate(-50%)}}.section{padding-block:clamp(88px,12vw,160px);position:relative}.section--alt{background:var(--bg-2)}.section__head{max-width:760px;margin-bottom:clamp(40px,6vw,72px)}.section__head h2{margin:18px 0;font-size:clamp(2rem,4.6vw,3.6rem)}.section__head p{color:var(--muted);font-size:clamp(1rem,1.4vw,1.15rem)}.section__head--center{text-align:center;margin-inline:auto}.glow-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);transition:border-color .3s, transform .4s var(--ease);position:relative;overflow:hidden}.glow-card:before{content:"";pointer-events:none;opacity:0;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%), #4f72f229, transparent 45%);transition:opacity .3s;position:absolute;inset:0}.glow-card:hover{border-color:var(--line-2)}.glow-card:hover:before{opacity:1}.solutions{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.solution{flex-direction:column;min-height:280px;padding:28px 26px 30px;display:flex}.solution__k{font-family:var(--font-mono), monospace;color:var(--faint);font-size:12px}.solution__icon{width:48px;height:48px;color:var(--cyan);background:#4f72f21a;border:1px solid #4f72f240;border-radius:14px;place-items:center;margin:28px 0 auto;display:grid}.solution__icon svg{width:24px;height:24px}.solution h3{letter-spacing:-.02em;margin:28px 0 10px;font-size:21px}.solution p{color:var(--muted);margin:0;font-size:15px}@media (width<=1080px){.solutions{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.solutions{grid-template-columns:1fr}.solution{min-height:0}}.plugins{grid-template-columns:repeat(6,1fr);gap:16px;display:grid}.plugin{flex-direction:column;grid-column:span 2;min-height:340px;padding:28px;display:flex}.plugin--featured{background:linear-gradient(160deg, #4f72f224, #a30cff0f 60%, var(--surface));border-color:#4f72f24d;grid-column:span 4}.plugin--featured .plugin__name{font-size:clamp(28px,3vw,38px)}.plugin:nth-child(2){grid-column:span 2}.plugin__top{justify-content:space-between;align-items:center;gap:12px;display:flex}.plugin__icon{background:var(--surface-2);border:1px solid var(--line-2);border-radius:14px;place-items:center;width:52px;height:52px;display:grid}.plugin__icon svg{width:26px;height:26px}.plugin__icon{color:var(--cyan)}.plugin--beta .plugin__icon{color:#7f9bff}.plugin--soon .plugin__icon{color:var(--muted)}.plugin__name{letter-spacing:-.025em;margin:36px 0 12px;font-size:24px}.plugin p{color:var(--muted);max-width:46ch;font-size:15px}.plugin__tags{flex-wrap:wrap;gap:6px;margin:4px 0 26px;display:flex}.plugin__tags li{color:var(--faint);border:1px solid var(--line);border-radius:999px;padding:3px 10px;font-size:12px}.plugin__link{color:var(--fg);align-items:center;gap:8px;margin-top:auto;font-size:14px;font-weight:500;display:inline-flex}.plugin__link svg{width:16px;transition:transform .25s var(--ease)}.plugin:hover .plugin__link svg{transform:translate(4px)}.plugin__link:after{content:"";position:absolute;inset:0}.plugin--soon .plugin__icon{filter:grayscale(.6);opacity:.8}@media (width<=1080px){.plugins{grid-template-columns:repeat(2,1fr)}.plugin,.plugin:nth-child(2){grid-column:span 1}.plugin--featured{grid-column:span 2}}@media (width<=640px){.plugins{grid-template-columns:1fr}.plugin--featured{grid-column:span 1}.plugin{min-height:0}}.split{grid-template-columns:1fr 1.1fr;align-items:center;gap:clamp(32px,6vw,88px);display:grid}@media (width<=960px){.split{grid-template-columns:1fr}}.ps{gap:14px;margin-top:32px;display:grid}.ps__item{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);padding:22px 24px}.ps__item h3{font-size:13px;font-family:var(--font-mono), monospace;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-weight:500}.ps__item p{color:var(--muted);margin:0;font-size:15px}.ps__item--bad h3{color:#ff7a8a}.ps__item--good{background:linear-gradient(140deg, #4f72f21f, transparent 70%), var(--surface);border-color:#4f72f259}.ps__item--good h3{color:var(--cyan)}.device{background:linear-gradient(160deg,#2a2f40,#0d0f16 40%,#1b1f2c);border-radius:26px;padding:12px;position:relative;box-shadow:inset 0 0 0 1px #ffffff14,0 40px 120px -30px #4f72f273,0 30px 60px -30px #000}.device__screen{aspect-ratio:16/10;background:#000;border-radius:16px;position:relative;overflow:hidden}.device__screen video,.device__screen img{object-fit:cover;width:100%;height:100%}.device__caption{font-family:var(--font-mono), monospace;letter-spacing:.06em;color:#fffc;backdrop-filter:blur(6px);background:#0000008c;border-radius:6px;padding:6px 10px;font-size:11px;position:absolute;bottom:14px;left:14px}.device-wrap{perspective:1400px}.device-wrap .device{transition:transform .8s var(--ease);transform:rotateY(-8deg)rotateX(4deg)}.device-wrap:hover .device{transform:rotateY(-2deg)rotateX(1deg)}.features{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:clamp(48px,7vw,88px);display:grid}.feature{border-top:1px solid var(--line-2);padding:24px}.feature svg{width:22px;height:22px;color:var(--cyan);margin-bottom:18px}.feature h3{letter-spacing:-.01em;margin-bottom:8px;font-size:17px}.feature p{color:var(--muted);margin:0;font-size:14.5px}@media (width<=960px){.features{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.features{grid-template-columns:1fr}}.steps{gap:0;margin:0;padding:0;list-style:none;display:grid}.step{grid-template-columns:52px 1fr;gap:18px;padding-bottom:30px;display:grid;position:relative}.step:not(:last-child):after{content:"";background:linear-gradient(var(--line-2), transparent);width:1px;position:absolute;top:52px;bottom:4px;left:25px}.step__n{width:52px;height:52px;font-family:var(--font-mono), monospace;border:1px solid var(--line-2);background:var(--surface);color:var(--cyan);border-radius:50%;place-items:center;font-size:14px;display:grid}.step h3{letter-spacing:-.015em;margin:12px 0 6px;font-size:19px}.step p{color:var(--muted);margin:0;font-size:15px}.panel{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line-2);overflow:hidden;box-shadow:0 40px 100px -40px #a30cff66}.panel__bar{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:14px 18px;font-size:14px;font-weight:500;display:flex}.panel__bar i{background:var(--surface-2);border:1px solid var(--line-2);border-radius:50%;width:10px;height:10px}.panel__bar span{margin-left:8px}.panel__row{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:8px 16px;padding:16px 18px;display:grid}.panel__row:last-child{border-bottom:0}.panel__name{font-size:14.5px}.panel__state{font-family:var(--font-mono), monospace;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.panel__progress{background:var(--surface-2);border-radius:4px;grid-column:1/-1;height:4px;overflow:hidden}.panel__progress b{height:100%;width:var(--p);background:var(--grad);border-radius:inherit;transform-origin:0;transition:transform 1.6s var(--ease) .3s;display:block;transform:scaleX(0)}.is-visible .panel__progress b{transform:scaleX(1)}.panel__row--done .panel__state{color:var(--ok)}.panel__insert{background:var(--grad);color:#fff;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:500}.compare{grid-template-columns:1fr 1fr;gap:16px;margin-top:clamp(56px,8vw,96px);display:grid}.compare h3{font-size:13px;font-family:var(--font-mono), monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:18px;font-weight:500}.compare__col{padding:30px}.compare__col li{border-top:1px solid var(--line);align-items:flex-start;gap:12px;padding:10px 0;font-size:15px;display:flex}.compare__col li svg{flex:none;width:18px;height:18px;margin-top:3px}.compare__col--a li svg{color:var(--faint)}.compare__col--b{background:linear-gradient(160deg, #4f72f224, transparent 60%), var(--surface);border-color:#4f72f266}.compare__col--b h3{color:var(--cyan)}.compare__col--b li svg{color:var(--ok)}.compare__title{grid-column:1/-1;margin-bottom:8px;font-size:clamp(1.6rem,3vw,2.2rem)}@media (width<=720px){.compare{grid-template-columns:1fr}}.band{isolation:isolate;position:relative;overflow:hidden}.band__media{z-index:-2;position:absolute;inset:0}.band__media video,.band__media img{object-fit:cover;width:100%;height:100%}.band:after{content:"";z-index:-1;background:linear-gradient(90deg, #05060af5 0%, #05060ad1 45%, #05060a73 100%), linear-gradient(0deg, var(--bg), transparent 30%, transparent 70%, var(--bg));position:absolute;inset:0}.band__content{max-width:640px}.band__content h2{margin:18px 0;font-size:clamp(2rem,4.6vw,3.6rem)}.band__content>p{color:var(--muted);font-size:clamp(1rem,1.4vw,1.15rem)}.checks{gap:12px;margin:28px 0 36px;display:grid}.checks li{align-items:center;gap:12px;display:flex}.checks svg{width:20px;height:20px;color:var(--cyan);flex:none}.training{grid-template-columns:1.1fr 1fr;gap:16px;display:grid}.training__main{padding:clamp(28px,4vw,48px)}.training__main h2{margin:18px 0;font-size:clamp(1.9rem,4vw,3rem)}.training__main p{color:var(--muted)}.training__plans{font-family:var(--font-mono), monospace;letter-spacing:.06em;color:var(--faint);margin:20px 0 28px;font-size:12px}.training__ctas{flex-wrap:wrap;gap:12px;display:flex}.training__media{min-height:320px;padding:0;position:relative}.training__media video,.training__media img{object-fit:cover;opacity:.55;width:100%;height:100%;position:absolute;inset:0}.training__media:after{content:"";background:linear-gradient(0deg, var(--surface) 0%, transparent 60%);position:absolute;inset:0}.training__list{z-index:1;gap:10px;display:grid;position:absolute;bottom:28px;left:28px;right:28px}.training__list li{backdrop-filter:blur(10px);border:1px solid var(--line);background:#05060aa6;border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-size:15px;display:flex}.training__list svg{width:18px;height:18px;color:var(--ok);flex:none}@media (width<=960px){.training{grid-template-columns:1fr}.training__media{min-height:360px}}.final{text-align:center;isolation:isolate;overflow:hidden}.final h2{max-width:16ch;margin:0 auto 22px;font-size:clamp(2.2rem,5.6vw,4.6rem)}.final p{color:var(--muted);font-size:1.1rem}.final__ctas{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px;display:flex}.final__orb{aspect-ratio:1;z-index:-1;pointer-events:none;filter:blur(20px);background:radial-gradient(circle,#4f72f240,#a30cff1a 40%,#0000 65%);width:min(900px,120vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.site-footer{border-top:1px solid var(--line);background:var(--bg-2);padding-block:64px 32px}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:40px;display:grid}.footer-grid h3{font-size:13px;font-family:var(--font-mono), monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-bottom:16px;font-weight:500}.footer-grid li{margin-bottom:10px}.footer-grid a{color:var(--muted);font-size:15px;transition:color .2s}.footer-grid a:hover{color:var(--fg)}.footer-tagline{color:var(--muted);max-width:36ch;margin-top:18px}.footer-bottom{border-top:1px solid var(--line);color:var(--faint);flex-wrap:wrap;justify-content:space-between;gap:12px 24px;margin-top:56px;padding-top:24px;font-size:13px;display:flex}.footer-trademark{max-width:80ch}@media (width<=720px){.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}.js .reveal{opacity:0;transition:opacity .9s var(--ease), transform .9s var(--ease);transition-delay:calc(var(--d,0) * 90ms);transform:translateY(32px)}.js .reveal--scale{transform:scale(.94)translateY(24px)}.js .reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.js .reveal{opacity:1;transform:none}.marquee__track{animation:none}}
