:root{--font-sans: "Plus Jakarta Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--r-xs: 5px;--r-sm: 7px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--row-h: 44px;--pad: 14px;--p: #1f54d6;--on-brand: #ffffff;--shadow-sm: 0 1px 2px rgba(16, 18, 28, .06), 0 1px 1px rgba(16, 18, 28, .04);--shadow-md: 0 4px 14px -4px rgba(16, 18, 28, .12), 0 2px 6px -2px rgba(16, 18, 28, .08);--shadow-lg: 0 18px 48px -12px rgba(16, 18, 28, .28);--shadow-pop: 0 12px 36px -8px rgba(16, 18, 28, .22), 0 0 0 1px var(--border)}[data-palette=sapphire]{--p: #1f54d6;--on-brand: #ffffff}[data-palette=emerald]{--p: #0e8f63;--on-brand: #ffffff}[data-palette=champagne]{--p: #b0853a;--on-brand: #1b1c27}[data-palette=bronze]{--p: #a86b3c;--on-brand: #ffffff}[data-palette=teal]{--p: #0d7377;--on-brand: #ffffff}:root,[data-theme=light]{--bg: #f4f5f8;--bg-grad: radial-gradient(1200px 600px at 85% -10%, color-mix(in oklab, var(--p) 7%, #f4f5f8) 0%, rgba(0,0,0,0) 55%), #f4f5f8;--surface: #ffffff;--surface-2: #fafbfc;--surface-3: #f1f2f6;--surface-inset: #f6f7f9;--border: #e7e9ef;--border-2: #dde0e8;--border-strong: #cfd2dc;--text: #14161d;--text-2: #565d70;--text-3: #878da0;--text-inv: #ffffff;--brand: var(--p);--brand-strong: color-mix(in oklab, var(--p) 84%, #000);--brand-soft: color-mix(in oklab, var(--p) 9%, #fff);--brand-soft-2: color-mix(in oklab, var(--p) 16%, #fff);--brand-text: color-mix(in oklab, var(--p) 74%, #000);--ring: color-mix(in srgb, var(--p) 32%, transparent);--success: #15803d;--success-bg: #e7f6ec;--success-bd: #bce6c8;--warn: #b45309;--warn-bg: #fbf0db;--warn-bd: #f1ddae;--danger: #c0362c;--danger-bg: #fdebe9;--danger-bd: #f5cbc6;--info: #1d4ed8;--info-bg: #e8eeff;--info-bd: #cdd9fb;--teal: #0d7377;--teal-bg: #e0f3f3;--violet: #5a6a8a;--violet-bg: #eceef4;--sidebar-bg: #ffffff;--sidebar-active: var(--brand-soft);--topbar-bg: rgba(255,255,255,.82);--chart-grid: #eceef3}[data-theme=dark]{--bg: #0a0c12;--bg-grad: radial-gradient(1200px 620px at 85% -12%, color-mix(in oklab, var(--p) 17%, #0a0c12) 0%, rgba(0,0,0,0) 55%), #0a0c12;--surface: #13151e;--surface-2: #171a24;--surface-3: #1e2230;--surface-inset: #0f111a;--border: #242838;--border-2: #2c3142;--border-strong: #353b4f;--text: #e9ebf2;--text-2: #9aa1b6;--text-3: #6b7186;--text-inv: #0a0c12;--brand: color-mix(in oklab, var(--p) 80%, #fff);--brand-strong: color-mix(in oklab, var(--p) 66%, #fff);--brand-soft: color-mix(in oklab, var(--p) 22%, var(--surface));--brand-soft-2: color-mix(in oklab, var(--p) 32%, var(--surface));--brand-text: color-mix(in oklab, var(--p) 48%, #fff);--ring: color-mix(in srgb, var(--p) 45%, transparent);--success: #4ade80;--success-bg: rgba(34,140,72,.16);--success-bd: rgba(74,222,128,.25);--warn: #fbbf52;--warn-bg: rgba(180,83,9,.18);--warn-bd: rgba(251,191,82,.25);--danger: #f98a82;--danger-bg: rgba(192,54,44,.18);--danger-bd: rgba(249,138,130,.25);--info: #93b0ff;--info-bg: rgba(29,78,216,.2);--info-bd: rgba(147,176,255,.25);--teal: #4ecfd0;--teal-bg: rgba(13,115,119,.2);--violet: #9aa8c6;--violet-bg: rgba(90,106,138,.22);--sidebar-bg: #0e1018;--sidebar-active: color-mix(in oklab, var(--p) 20%, var(--surface));--topbar-bg: rgba(14,16,24,.78);--chart-grid: #20242f;--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 6px 18px -6px rgba(0,0,0,.55);--shadow-lg: 0 22px 56px -14px rgba(0,0,0,.7);--shadow-pop: 0 16px 40px -10px rgba(0,0,0,.6), 0 0 0 1px var(--border)}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:var(--font-sans);background:var(--bg-grad);background-attachment:fixed;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:14px;line-height:1.45}#root{height:100%}::selection{background:var(--brand-soft-2)}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}.mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1}.tnum{font-variant-numeric:tabular-nums}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:99px;border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--border-strong);background-clip:content-box}*::-webkit-scrollbar-track{background:transparent}:root{--ai-grad: linear-gradient(135deg, var(--brand) 0%, color-mix(in oklab, var(--brand) 55%, var(--teal)) 55%, var(--teal) 100%)}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-up{animation:fadeUp .32s cubic-bezier(.2,.7,.3,1) both}.fade-in{animation:fadeIn .3s ease both}.live-dot{animation:livePulse 1.8s ease-in-out infinite}@keyframes livePulse{0%,to{opacity:1;box-shadow:0 0 #22c55e80}50%{opacity:.6;box-shadow:0 0 0 5px #22c55e00}}.site{font-family:var(--font-sans);color:var(--text)}.wrap{max-width:1200px;margin:0 auto;padding:0 28px}.eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);padding:6px 13px;border-radius:7px;background:var(--surface);border:1px solid var(--border-2)}.h1{font-size:clamp(38px,5vw,60px);font-weight:700;letter-spacing:-.035em;line-height:1.06;margin:0}.h2{font-size:clamp(28px,3.4vw,40px);font-weight:700;letter-spacing:-.03em;line-height:1.1;margin:0}.lead{font-size:clamp(16px,1.4vw,18px);color:var(--text-2);line-height:1.6}.sec{padding:96px 0;position:relative}.sec-tight{padding:64px 0}.center{text-align:center}.muted{color:var(--text-2)}.gradient-text{color:var(--brand-text)}.cta-btn{display:inline-flex;align-items:center;gap:9px;height:48px;padding:0 24px;border-radius:9px;font-size:15px;font-weight:650;border:0;cursor:pointer;transition:transform .14s,box-shadow .14s,background .14s;text-decoration:none}.cta-primary{background:var(--brand);color:var(--on-brand);box-shadow:var(--shadow-sm)}.cta-primary:hover{transform:translateY(-1px);background:var(--brand-strong);box-shadow:var(--shadow-md)}.cta-ghost{background:var(--surface);color:var(--text);border:1px solid var(--border-2)}.cta-ghost:hover{background:var(--surface-2);border-color:var(--border-strong)}.cta-sm{height:38px;padding:0 16px;font-size:14px;border-radius:8px}.navbar{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in srgb,var(--bg) 78%,transparent);border-bottom:1px solid transparent;transition:border-color .2s,background .2s}.navbar.scrolled{border-color:var(--border)}.navlink{font-size:14px;font-weight:600;color:var(--text-2);text-decoration:none;padding:8px 10px;border-radius:8px}.navlink:hover{color:var(--text);background:var(--surface-3)}.card-soft{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-sm)}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.3,1),transform .7s cubic-bezier(.2,.7,.3,1)}.reveal.in{opacity:1;transform:none}.feat-card{padding:24px;border-radius:12px;background:var(--surface);border:1px solid var(--border);transition:border-color .16s,box-shadow .16s}.feat-card:hover{box-shadow:var(--shadow-sm);border-color:var(--border-strong)}.tile{position:relative;padding:18px;border-radius:12px;background:var(--surface);border:1px solid var(--border);transition:border-color .16s,box-shadow .16s;overflow:hidden}.tile:hover{box-shadow:var(--shadow-sm);border-color:var(--border-strong)}.glow{position:absolute;border-radius:50%;filter:blur(100px);opacity:.14;pointer-events:none;z-index:0}.film-frame{position:relative;width:100%;aspect-ratio:16/9;border-radius:20px;overflow:hidden;border:1px solid var(--border-2);box-shadow:0 40px 100px -30px #080c1880,0 0 0 1px #ffffff0a;background:#070b16}.stat-num{font-size:clamp(36px,5vw,56px);font-weight:800;letter-spacing:-.04em;line-height:1}.price-card{padding:26px;border-radius:14px;background:var(--surface);border:1px solid var(--border);display:flex;flex-direction:column}.price-card.pop{border:1px solid var(--brand);box-shadow:var(--shadow-md)}.marquee{display:flex;gap:56px;align-items:center;animation:marq 26s linear infinite;white-space:nowrap}@keyframes marq{0%{transform:translate(0)}to{transform:translate(-50%)}}.logo-word{font-size:21px;font-weight:700;color:var(--text-3);letter-spacing:-.01em;opacity:.55}.section-label2{font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)}@media(max-width:820px){.sec{padding:64px 0}.grid-collapse{grid-template-columns:1fr!important}}.scroll-mouse{width:22px;height:34px;border-radius:12px;border:2px solid rgba(255,255,255,.4);position:relative;display:block}.scroll-mouse:after{content:"";position:absolute;top:6px;left:50%;width:3px;height:6px;border-radius:3px;background:#ffffffb3;transform:translate(-50%);animation:scrollDot 1.6s ease-in-out infinite}@keyframes scrollDot{0%{opacity:0;transform:translate(-50%)}30%{opacity:1}to{opacity:0;transform:translate(-50%,11px)}}.hero3d canvas{pointer-events:none}.ico-shine{position:absolute;top:-25%;left:0;width:36%;height:150%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);filter:blur(2px);transform:translate(-160%) rotate(18deg);animation:icoShine 4.6s ease-in-out infinite}@keyframes icoShine{0%{transform:translate(-160%) rotate(18deg)}55%,to{transform:translate(320%) rotate(18deg)}}@keyframes mDraw{to{stroke-dashoffset:0}}@keyframes mFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2.5px)}}@keyframes mFloat2{0%,to{transform:translateY(0)}50%{transform:translateY(2.5px)}}@keyframes mPulse{0%,to{opacity:.4;transform:scale(.86)}50%{opacity:1;transform:scale(1)}}@keyframes mSpin{to{transform:rotate(360deg)}}@keyframes mRise{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes mPop{0%{transform:scale(0);opacity:0}70%{transform:scale(1.18)}to{transform:scale(1);opacity:1}}@keyframes mTravel{0%{transform:translate(2px,14px)}25%{transform:translate(11px,6px)}55%{transform:translate(22px,12px)}80%{transform:translate(33px,2px)}to{transform:translate(42px,-4px)}}@keyframes mRing{0%{transform:scale(.25);opacity:.85}to{transform:scale(1.7);opacity:0}}@keyframes mBlink{0%,45%{opacity:1}50%,95%{opacity:0}to{opacity:1}}@keyframes mDrop{0%{transform:translateY(-10px);opacity:0}30%{opacity:1}to{transform:translateY(14px);opacity:0}}@keyframes mFill{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes mDash{to{stroke-dashoffset:-28}}.m-art{width:100%;height:100%;display:block;overflow:visible}.m-float{animation:mFloat 3.4s ease-in-out infinite}.m-float2{animation:mFloat2 3.8s ease-in-out infinite}.m-spin{animation:mSpin 9s linear infinite;transform-origin:center}.m-pulse{animation:mPulse 2.4s ease-in-out infinite;transform-origin:center;transform-box:fill-box}.m-pulse.d1{animation-delay:.3s}.m-pulse.d2{animation-delay:.6s}.m-pulse.d3{animation-delay:.9s}.m-blink{animation:mBlink 1.4s steps(1,end) infinite}.m-sweep{animation:mSpin 6s linear infinite;transform-origin:24px 24px}.m-ring{transform-origin:center;transform-box:fill-box;animation:mRing 2.6s ease-out infinite}.m-ring.d1{animation-delay:.9s}.m-ring.d2{animation-delay:1.8s}.m-drop{transform-box:fill-box;animation:mDrop 2.4s ease-in infinite}.m-drop.d1{animation-delay:.8s}.m-drop.d2{animation-delay:1.6s}.m-travel{transform-box:fill-box;animation:mTravel 3.4s ease-in-out infinite}.m-marching{stroke-dasharray:4 4;animation:mDash 1.2s linear infinite}.m-d{stroke-dasharray:var(--len, 120);stroke-dashoffset:var(--len, 120)}.tile.in .m-d{animation:mDraw 1.2s ease forwards}.m-bar{transform:scaleY(0);transform-origin:bottom;transform-box:fill-box}.tile.in .m-bar{animation:mRise .7s cubic-bezier(.2,.85,.3,1) forwards}.tile.in .m-bar.b2{animation-delay:.1s}.tile.in .m-bar.b3{animation-delay:.2s}.tile.in .m-bar.b4{animation-delay:.3s}.tile.in .m-bar.b5{animation-delay:.4s}.m-pp{opacity:0;transform-box:fill-box;transform-origin:center}.tile.in .m-pp{animation:mPop .5s cubic-bezier(.2,.8,.3,1) forwards}.tile.in .m-pp.p2{animation-delay:.08s}.tile.in .m-pp.p3{animation-delay:.16s}.tile.in .m-pp.p4{animation-delay:.24s}.tile.in .m-pp.p5{animation-delay:.32s}.tile.in .m-pp.p6{animation-delay:.4s}.tile.in .m-pp.p7{animation-delay:.48s}.tile.in .m-pp.p8{animation-delay:.56s}.art-box{transition:transform .25s cubic-bezier(.2,.8,.3,1)}.tile:hover .art-box{transform:scale(1.08) rotate(-2deg)}
