:root{--bg:#0a0b10;--bg-alt:#0e1018;--surface:#14171f;--surface-2:#1b1f2b;--border:#262c3b;--text:#e8eaf0;--text-dim:#9aa1b4;--brand:#6c5ce7;--brand-2:#8b7bff;--accent:#00e0b8;--bad:#ff5d6c;--radius:16px;--maxw:1140px;--shadow:0 24px 60px -22px #000000b3;--cta-from:#1a1740;--cta-to:#14122e;--cta-text:#fff;--cta-text-dim:#ffffffb3;--stat-grad-from:#fff;--nav-bg:#0a0b10b3;--nav-bg-scrolled:#0a0b10eb}:root[data-theme=light]{--bg:#fafaf7;--bg-alt:#f3f1eb;--surface:#fff;--surface-2:#f0eee7;--border:#e5e3dc;--text:#1a1a1a;--text-dim:#5a5751;--brand:#6c5ce7;--brand-2:#5b4ddc;--accent:#00a884;--bad:#d63030;--shadow:0 20px 50px -22px #1414142e;--cta-from:#ede9fe;--cta-to:#ddd6fe;--cta-text:#1a1a1a;--cta-text-dim:#1a1a1aa6;--stat-grad-from:#1a1a1a;--nav-bg:#ffffffbf;--nav-bg-scrolled:#fffffff2}*{box-sizing:border-box;margin:0;padding:0}html.lenis,html.lenis body{height:auto}html.lenis,html.lenis-smooth,.lenis.lenis-smooth{scroll-behavior:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth iframe{pointer-events:none}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}.container{max-width:var(--maxw);margin:0 auto;padding:0 24px}.container--narrow{max-width:760px}.bg-grid{z-index:-2;background-image:linear-gradient(#6c5ce70d 1px,#0000 1px),linear-gradient(90deg,#6c5ce70d 1px,#0000 1px);background-size:56px 56px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 0,#000 40%,#0000 100%);mask-image:radial-gradient(80% 60% at 50% 0,#000 40%,#0000 100%)}.bg-aurora{z-index:-1;filter:blur(40px);background:radial-gradient(circle at 30% 40%,#6c5ce747,#0000 55%),radial-gradient(circle at 70% 55%,#00e0b82e,#0000 55%);width:1100px;height:800px;animation:16s ease-in-out infinite alternate aurora;position:fixed;top:-300px;left:50%;transform:translate(-50%)}@keyframes aurora{0%{transform:translate(-50%)translateY(0)rotate(0)}to{transform:translate(-46%)translateY(40px)rotate(8deg)}}.btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:15px;font-weight:600;transition:transform .15s,background .2s,box-shadow .2s,border-color .2s;display:inline-flex}.btn:active{transform:translateY(1px)scale(.99)}.btn--primary{background:linear-gradient(135deg, var(--brand), var(--brand-2));color:#fff;position:relative;overflow:hidden;box-shadow:0 8px 24px -8px #6c5ce7b3}.btn--primary:after{content:"";background:linear-gradient(90deg,#0000,#ffffff59,#0000);width:60%;height:100%;position:absolute;top:0;left:-120%;transform:skew(-20deg)}.btn--primary:hover:after{animation:.9s shine}@keyframes shine{to{left:140%}}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 14px 36px -8px #6c5ce7f2}.btn--ghost{color:var(--text);border-color:var(--border);background:#ffffff05}.btn--ghost:hover{background:var(--surface-2);border-color:var(--brand);transform:translateY(-2px)}.btn--lg{padding:15px 28px;font-size:16px}.btn--block{width:100%}.nav{z-index:50;background:var(--nav-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid #0000;transition:border-color .25s,background .25s;position:sticky;top:0}.nav.scrolled{border-color:var(--border);background:var(--nav-bg-scrolled)}.nav__inner{justify-content:space-between;align-items:center;height:68px;display:flex}.logo{letter-spacing:-.02em;align-items:center;gap:9px;font-size:20px;font-weight:800;display:flex}.logo__dot{background:linear-gradient(135deg, var(--brand-2), var(--accent));border-radius:50%;width:14px;height:14px;animation:2.4s ease-in-out infinite beat;box-shadow:0 0 0 4px #6c5ce733}@keyframes beat{0%,to{transform:scale(1);box-shadow:0 0 0 4px #6c5ce733}50%{transform:scale(1.18);box-shadow:0 0 0 7px #6c5ce714}}.nav__links{gap:30px;display:flex}.nav__links a{color:var(--text-dim);font-size:15px;font-weight:500;transition:color .15s;position:relative}.nav__links a:hover{color:var(--text)}.nav__links a.is-active{color:var(--brand-2)}.nav__links a.is-active:after{content:"";background:linear-gradient(90deg, var(--brand), var(--brand-2));border-radius:2px;height:2px;position:absolute;bottom:-6px;left:0;right:0}.nav__actions{align-items:center;gap:10px;display:flex}.nav__burger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:6px;display:none}.nav__burger span{background:var(--text);border-radius:2px;width:24px;height:2px}[data-reveal]{opacity:0;transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transform:translateY(28px)}[data-reveal].in{opacity:1;transform:translateY(0)}[data-delay="1"]{transition-delay:90ms}[data-delay="2"]{transition-delay:.18s}[data-delay="3"]{transition-delay:.27s}@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transition:none;transform:none}.bg-aurora,.logo__dot,.marquee__track{animation:none}}.hero{padding:96px 0 84px;position:relative}.hero__inner{grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;display:grid;position:relative}.badge{background:var(--surface-2);border:1px solid var(--border);color:var(--brand-2);border-radius:999px;align-items:center;gap:8px;margin-bottom:22px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.badge__pulse{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:1.8s ease-out infinite ping;box-shadow:0 0 #00e0b899}@keyframes ping{0%{box-shadow:0 0 #00e0b899}70%,to{box-shadow:0 0 0 9px #00e0b800}}.hero h1{letter-spacing:-.03em;margin-bottom:20px;font-size:clamp(2.3rem,5vw,3.6rem);font-weight:900;line-height:1.08}.hero h1 em{background:linear-gradient(135deg, var(--brand-2), var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero__sub{color:var(--text-dim);max-width:480px;margin-bottom:28px;font-size:18px}.hero__cta{flex-wrap:wrap;gap:14px;display:flex}.hero__note{color:var(--text-dim);margin-top:16px;font-size:14px}.hero__visual{justify-content:center;display:flex;position:relative}.glow-ring{background:conic-gradient(from 0deg, var(--brand), var(--accent), var(--brand-2), var(--brand));filter:blur(60px);opacity:.4;border-radius:50%;width:380px;height:380px;animation:14s linear infinite spin;position:absolute}@keyframes spin{to{transform:rotate(360deg)}}.card{border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#ffffff0a,#ffffff03)}.status-card{width:100%;max-width:380px;box-shadow:var(--shadow);will-change:transform;padding:22px;transition:transform .2s;position:relative}.status-card__head{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding-bottom:14px;font-size:15px;display:flex}.status-card__head strong{flex:1}.status-card__live{letter-spacing:.08em;color:var(--accent);border:1px solid #00e0b859;border-radius:5px;padding:2px 7px;font-size:10px;font-weight:700}.dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.dot--ok{background:var(--accent);box-shadow:0 0 12px var(--accent)}.dot--bad{background:var(--bad);box-shadow:0 0 12px var(--bad)}.status-list{padding:14px 0;list-style:none}.status-list li{color:var(--text-dim);justify-content:space-between;align-items:center;padding:9px 0;font-size:14px;transition:color .3s;display:flex}.status-list b{font-variant-numeric:tabular-nums;font-weight:600;transition:color .3s}.status-list .ok{color:var(--accent)}.status-list .bad{color:var(--bad)}.status-list li.is-down span{color:var(--text)}.status-card__foot{border-top:1px solid var(--border);color:var(--text-dim);align-items:center;gap:8px;padding-top:14px;font-size:13px;display:flex}.spark{background:linear-gradient(90deg, var(--brand), var(--accent));background-size:200% 100%;border-radius:3px;width:28px;height:12px;animation:3s linear infinite flow}@keyframes flow{to{background-position:200% 0}}.logos{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:40px 0}.logos p{text-align:center;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:22px;font-size:13px}.marquee{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{width:max-content;animation:28s linear infinite marquee;display:flex}.marquee:hover .marquee__track{animation-play-state:paused}.marquee__track span{color:var(--text-dim);opacity:.55;letter-spacing:-.02em;white-space:nowrap;margin-right:56px;font-size:19px;font-weight:700;transition:all .3s}.marquee__track span:hover{opacity:1;color:#fff;text-shadow:0 0 20px #fffc, 0 0 10px var(--accent);cursor:pointer;transform:scale(1.1)}@keyframes marquee{to{transform:translate(-33.3333%)}}.stats{padding:64px 0}.grid{gap:22px;display:grid}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}.stat{text-align:center}.stat__num{letter-spacing:-.03em;background:linear-gradient(135deg, var(--stat-grad-from), var(--brand-2));color:#0000;font-variant-numeric:tabular-nums;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,4vw,2.9rem);font-weight:900}.stat__label{color:var(--text-dim);margin-top:4px;font-size:14px}.section{padding:88px 0}.section--alt{background:var(--bg-alt)}.section__head{text-align:center;max-width:620px;margin:0 auto 52px}.eyebrow{color:var(--brand-2);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;font-size:14px;font-weight:600;display:inline-block}.section__head h2{letter-spacing:-.02em;margin-bottom:12px;font-size:clamp(1.8rem,3.5vw,2.5rem);line-height:1.2}.section__head p{color:var(--text-dim);font-size:17px}.feature{padding:28px;transition:transform .2s,border-color .2s,box-shadow .2s}.feature:hover{border-color:var(--brand);transform:translateY(-6px);box-shadow:0 18px 40px -22px #6c5ce7cc}.feature__icon{background:var(--surface-2);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;font-size:22px;transition:transform .2s;display:flex}.feature:hover .feature__icon{transform:scale(1.12)rotate(-6deg)}.feature h3{margin-bottom:6px;font-size:18px}.feature p{color:var(--text-dim);font-size:15px}.feature__icon svg{width:24px;height:24px;color:var(--brand-2)}.feature__icon{transition:transform .4s cubic-bezier(.2,.7,.2,1),background .3s,box-shadow .3s}.feature__icon svg{transition:color .3s}.feature:hover .feature__icon{background:linear-gradient(135deg, var(--brand), var(--brand-2));transform:rotate(-8deg)scale(1.1);box-shadow:0 12px 28px -10px #6c5ce7b3}.feature:hover .feature__icon svg{color:#fff}.steps .step{text-align:center;padding:16px}.step__num{background:linear-gradient(135deg, var(--brand), var(--brand-2));border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:16px;font-size:19px;font-weight:700;display:inline-flex;box-shadow:0 8px 20px -8px #6c5ce7cc}.step h3{margin-bottom:6px;font-size:18px}.step p{color:var(--text-dim);font-size:15px}.quote{flex-direction:column;gap:14px;padding:28px;transition:transform .2s,border-color .2s;display:flex}.quote:hover{border-color:var(--brand);transform:translateY(-6px)}.quote__stars{color:#ffc24b;letter-spacing:2px;font-size:14px}.quote blockquote{color:var(--text);flex:1;font-size:15px}.quote figcaption{align-items:center;gap:12px;display:flex}.avatar{background:linear-gradient(135deg, var(--brand), var(--accent));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:flex}.quote figcaption b{font-size:14px;display:block}.quote figcaption i{color:var(--text-dim);font-size:13px;font-style:normal}.billing-toggle{justify-content:center;align-items:center;gap:14px;margin-bottom:38px;display:flex}.billing-toggle__label{color:var(--text-dim);font-size:15px;font-weight:500;transition:color .2s}.billing-toggle__label.is-active{color:var(--text)}.billing-toggle__save{color:var(--accent);background:#00e0b81f;border-radius:999px;margin-left:4px;padding:2px 8px;font-size:12px;font-weight:600}.switch{background:var(--surface-2);border:1px solid var(--border);cursor:pointer;border-radius:999px;width:50px;height:28px;padding:0;transition:background .25s;position:relative}.switch.on{background:linear-gradient(135deg, var(--brand), var(--brand-2));border-color:#0000}.switch__knob{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .25s cubic-bezier(.3,1.6,.5,1);position:absolute;top:2px;left:2px}.switch.on .switch__knob{transform:translate(22px)}.pricing{align-items:start}.price{padding:30px 26px;transition:transform .2s;position:relative}.price--featured{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand), var(--shadow)}.price--featured:hover{transform:translateY(-6px)scale(1.01)}.price__tag{background:linear-gradient(135deg, var(--brand), var(--brand-2));border-radius:999px;padding:5px 14px;font-size:12px;font-weight:600;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.price h3{margin-bottom:8px;font-size:19px}.price__amount{align-items:baseline;gap:2px;margin-bottom:8px;display:flex}.price__currency{font-size:22px;font-weight:700}.price__value{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:44px;font-weight:900}.price__period{color:var(--text-dim);font-size:16px}.price__desc{color:var(--text-dim);margin-bottom:18px;font-size:14px}.ticks{margin-bottom:22px;list-style:none}.ticks li{color:var(--text-dim);padding:7px 0 7px 26px;font-size:15px;position:relative}.ticks li:before{content:"✓";color:var(--accent);font-weight:700;position:absolute;left:0}.faq{flex-direction:column;gap:12px;display:flex}.faq__item{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:4px 20px;transition:border-color .2s}.faq__item[open]{border-color:var(--brand)}.faq__item summary{cursor:pointer;justify-content:space-between;align-items:center;padding:16px 0;font-size:16px;font-weight:600;list-style:none;display:flex}.faq__item summary::-webkit-details-marker{display:none}.faq__item summary:after{content:"+";color:var(--brand-2);font-size:22px;font-weight:400;transition:transform .25s}.faq__item[open] summary:after{transform:rotate(45deg)}.faq__item p{color:var(--text-dim);padding-bottom:16px;font-size:15px}.faq__summary{text-align:left;cursor:pointer;width:100%;color:var(--text);background:0 0;border:none;justify-content:space-between;align-items:center;padding:16px 0;font-family:inherit;font-size:16px;font-weight:600;display:flex}.faq__icon{color:var(--brand-2);font-size:22px;transition:transform .2s}.faq__item.is-open .faq__icon{transform:rotate(180deg)}.cta{padding:88px 0}.cta__inner{text-align:center;background:linear-gradient(135deg, var(--cta-from,#1a1740), var(--cta-to,#14122e));border:1px solid var(--border);border-radius:24px;padding:60px 30px;position:relative;overflow:hidden}.cta__inner:before{content:"";pointer-events:none;background:radial-gradient(circle,#00e0b840,#0000 65%);width:400px;height:400px;position:absolute;top:-50%;left:-10%}.cta h2{letter-spacing:-.02em;margin-bottom:12px;max-width:600px;color:var(--cta-text);margin-inline:auto;font-size:clamp(1.7rem,3.5vw,2.4rem);position:relative}.cta p{color:var(--cta-text-dim);margin-bottom:26px;font-size:17px;position:relative}.cta .btn{position:relative}.footer{border-top:1px solid var(--border);padding-top:56px}.footer__inner{grid-template-columns:1.4fr 2fr;gap:40px;padding-bottom:40px;display:grid}.footer__brand p{color:var(--text-dim);max-width:260px;margin-top:12px;font-size:15px}.footer__cols{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.footer__cols h4{margin-bottom:12px;font-size:14px}.footer__cols a{color:var(--text-dim);padding:4px 0;font-size:14px;transition:color .15s;display:block}.footer__cols a:hover{color:var(--text)}.footer__bottom{border-top:1px solid var(--border);color:var(--text-dim);flex-wrap:wrap;justify-content:space-between;gap:8px;padding:22px 0;font-size:13px;display:flex}.footer__demo{opacity:.7}.scroll-progress{background:linear-gradient(90deg, var(--brand), var(--brand-2), var(--accent));transform-origin:0;z-index:100;will-change:transform;height:3px;transition:transform 50ms linear;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}.theme-toggle{background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:10px;place-items:center;width:38px;height:38px;transition:background .2s,border-color .2s,color .2s;display:grid}.theme-toggle:hover{background:var(--surface-2);border-color:var(--brand);color:var(--brand-2)}.theme-toggle svg{width:18px;height:18px}@media (width<=900px){.hero__inner{grid-template-columns:1fr;gap:40px}.hero__visual{order:-1}.grid--3{grid-template-columns:1fr}.grid--4{grid-template-columns:repeat(2,1fr)}.nav__links,.nav__actions{display:none}.nav__burger{display:flex}.nav__links.open{background:var(--bg-alt);border-bottom:1px solid var(--border);flex-direction:column;gap:0;padding:8px 24px 16px;display:flex;position:absolute;top:68px;left:0;right:0}.nav__links.open a{padding:12px 0}.footer__inner{grid-template-columns:1fr}}@media (width<=520px){.section{padding:60px 0}.hero{padding:56px 0}.grid--4,.footer__cols{grid-template-columns:1fr 1fr}.cta__inner{padding:44px 22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (hover:hover) and (pointer:fine){html:not([data-reduced-motion]),html:not([data-reduced-motion]) *{cursor:none!important}}.custom-cursor{pointer-events:none;z-index:9999;mix-blend-mode:difference;will-change:transform, opacity, scale;background:0 0;border:1.5px solid #fff;border-radius:50%;width:32px;height:32px;margin-top:-16px;margin-left:-16px;position:fixed;top:0;left:0}.custom-cursor:after{content:"";background:#fff;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
