:root{--bg: #03040b;--surface: #0a0f1f;--fg: #f8fafc;--muted: #64748b;--border: rgba(124, 58, 237, .18);--accent: #7c3aed;--footer-bg: #020308;--purple-700: #5b21b6;--purple-500: #7c3aed;--purple-400: #a855f7;--purple-300: #c084fc;--blue-700: #1d4ed8;--blue-500: #2563eb;--blue-400: #3b82f6;--cyan-400: #22d3ee;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #64748b;--border-default: rgba(124, 58, 237, .18);--border-hover: rgba(168, 85, 247, .55);--glow-purple: rgba(124, 58, 237, .35);--glow-blue: rgba(37, 99, 235, .3);--grad-brand: linear-gradient(135deg, #7c3aed 0%, #a855f7 45%, #2563eb 100%);--grad-purple-blue: linear-gradient(135deg, #5b21b6 0%, #7c3aed 45%, #2563eb 100%);--grad-text: linear-gradient(90deg, #a855f7, #c084fc, #3b82f6);--grad-btn: linear-gradient(135deg, #7c3aed, #2563eb);--grad-btn-hover: linear-gradient(135deg, #a855f7, #3b82f6);--grad-gateway: linear-gradient(135deg, #7c3aed, #2563eb);--grad-wb: linear-gradient(135deg, #7c3aed, #22d3ee);--card-grad: linear-gradient(145deg, rgba(12, 18, 40, .9), rgba(6, 9, 23, .9));--card-grad-hover: linear-gradient(145deg, rgba(30, 20, 65, .92), rgba(8, 15, 35, .95));--grad-cta-deep: linear-gradient(135deg, #0a0f2e 0%, #1a1030 55%, #0a0f2e 100%);--grid-line: rgba(59, 130, 246, .045);--accent-soft: color-mix(in oklch, var(--accent) 14%, transparent);--fg-soft: color-mix(in oklch, var(--fg) 6%, transparent);--font-display: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, "PingFang SC", "Noto Sans SC", "Hiragino Sans GB", sans-serif;--font-body: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, "PingFang SC", "Noto Sans SC", "Hiragino Sans GB", sans-serif;--font-mono: ui-monospace, "JetBrains Mono", "SF Mono", Menlo, monospace;--fs-h1: clamp(44px, 6vw, 76px);--fs-h2: clamp(30px, 3.6vw, 44px);--fs-h3: 22px;--fs-lead: 19px;--fs-body: 16px;--fs-meta: 13px;--gap-xs: 8px;--gap-sm: 12px;--gap-md: 20px;--gap-lg: 32px;--gap-xl: 56px;--gap-2xl: 96px;--container: min(1520px, calc(100vw - 48px) );--gutter: clamp(20px, 3.2vw, 56px);--radius: 10px;--radius-lg: 16px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--fs-body);line-height:1.55;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}p{text-wrap:pretty}h1,h2,h3,h4{text-wrap:balance}.container{max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:clamp(48px,8vw,var(--gap-2xl));position:relative}.section+.section{border-top:1px solid var(--border)}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center;gap:var(--gap-md)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-md)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap-lg)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-lg)}.grid-2-1{display:grid;grid-template-columns:2fr 1fr;gap:var(--gap-xl);align-items:start}.grid-1-2{display:grid;grid-template-columns:1fr 2fr;gap:var(--gap-xl);align-items:start}@media(max-width:920px){.grid-2,.grid-3,.grid-2-1,.grid-1-2{grid-template-columns:1fr}}h1{font-family:var(--font-display);font-size:var(--fs-h1);line-height:1.04;letter-spacing:-.02em;margin:0}h2{font-family:var(--font-display);font-size:var(--fs-h2);line-height:1.1;letter-spacing:-.015em;margin:0}h3{font-size:var(--fs-h3);font-weight:600;line-height:1.3;letter-spacing:-.005em;margin:0}.lead{font-size:var(--fs-lead);line-height:1.55;color:var(--muted);max-width:60ch;margin:0}.eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 var(--gap-md)}.meta{font-family:var(--font-mono);font-size:var(--fs-meta);color:var(--muted)}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.grad-text{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--purple-300)}.topnav{position:sticky;top:0;z-index:10;background:color-mix(in oklch,var(--bg) 88%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.topnav-inner{display:flex;align-items:center;justify-content:space-between;padding-block:14px}.topnav .logo{font-family:var(--font-display);font-size:19px;font-weight:700;letter-spacing:-.01em;display:flex;align-items:center;gap:10px}.logo-mark{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--grad-brand);color:var(--text-primary);font-size:13px;font-family:var(--font-mono);font-weight:700;box-shadow:0 0 18px var(--glow-purple)}.topnav nav{display:flex;align-items:center;gap:var(--gap-lg)}.topnav nav a,.topnav .nav-drop-btn{font-size:14px;color:var(--muted);transition:color .15s ease;background:none;border:0;padding:0;font-family:inherit}.topnav nav a:hover,.topnav nav a.active,.topnav .nav-drop-btn:hover,.topnav .nav-drop.is-current .nav-drop-btn,.topnav .nav-drop.is-open .nav-drop-btn{color:var(--fg)}.nav-drop{position:relative}.nav-drop-btn{display:inline-flex;align-items:center;gap:6px}.nav-drop-btn:after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .15s ease}.nav-drop.is-open .nav-drop-btn:after{transform:rotate(225deg) translateY(-1px)}.nav-menu{position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%) translateY(6px);min-width:240px;padding:8px;border-radius:12px;background:var(--card-grad);border:1px solid var(--border);box-shadow:0 16px 40px #03040bb3,0 0 24px var(--glow-purple);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,transform .15s ease,visibility .15s;z-index:20}.nav-drop.is-open .nav-menu,.nav-drop:hover .nav-menu,.nav-drop:focus-within .nav-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}.nav-menu a{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:8px;color:var(--fg)!important}.nav-menu a span{font-size:12px;color:var(--muted);font-weight:400}.nav-menu a:hover,.nav-menu a.active{background:var(--accent-soft)}.nav-menu a.active span{color:var(--purple-300)}@media(max-width:720px){.topnav nav{display:none}}.pagefoot{padding-block:var(--gap-xl);color:var(--muted);font-size:13px;border-top:1px solid var(--border);background:var(--footer-bg)}.pagefoot .row-between{flex-wrap:wrap;gap:var(--gap-md)}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:var(--radius);border:1px solid transparent;font-size:15px;font-weight:600;letter-spacing:-.005em;transition:transform .05s ease,background .15s ease,border-color .15s ease,box-shadow .2s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--grad-btn);color:var(--text-primary);border-color:transparent;box-shadow:0 0 20px var(--glow-purple)}.btn-primary:hover{background:var(--grad-btn-hover);box-shadow:0 0 28px var(--glow-purple)}.btn-secondary{background:transparent;color:var(--text-primary);border-color:#94a3b873}.btn-secondary:hover{border-color:var(--purple-400);background:#7c3aed14}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent;padding-inline:8px}.btn-ghost:hover{color:var(--accent)}.btn-arrow:after{content:"→";transition:transform .15s ease}.btn-arrow:hover:after{transform:translate(2px)}.card{background:var(--card-grad);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.card:hover{border-color:var(--border-hover);box-shadow:0 0 30px var(--glow-purple);background:var(--card-grad-hover)}.card-flat{background:transparent;border:0;padding:0}.feature .feature-mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--border);border-radius:10px;color:var(--accent);margin-bottom:var(--gap-md);background:var(--accent-soft)}.feature .feature-mark svg{width:18px;height:18px}.feature h3{margin-bottom:6px}.feature p{margin:0;color:var(--text-secondary);font-size:15px}.stat .stat-num{font-family:var(--font-display);font-size:clamp(56px,8vw,96px);line-height:.95;letter-spacing:-.04em;font-weight:700;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.stat .stat-label{color:var(--text-secondary);font-size:14px;margin-top:10px;max-width:26ch}.stat .stat-unit{font-size:.5em;opacity:.7;margin-left:2px}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--accent-soft);color:var(--purple-300);border-radius:999px;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--border-default)}.tag{display:inline-flex;align-items:center;padding:4px 10px;background:transparent;color:var(--text-secondary);border:1px solid var(--border-default);border-radius:999px;font-size:12px}.hero{padding-block:clamp(48px,6vw,88px);overflow:hidden;background:var(--bg)}.hero-split{display:grid;grid-template-columns:minmax(280px,38em) minmax(0,1fr);gap:clamp(28px,3.5vw,56px);align-items:center;position:relative;z-index:3}.hero-copy{max-width:none}.hero h1{margin-bottom:var(--gap-md);font-size:clamp(34px,3.2vw,58px)}.hero .lead{margin-bottom:var(--gap-lg);color:var(--text-secondary);max-width:38em;font-size:clamp(16px,1.05vw,18px)}.hero-cta{display:inline-flex;gap:var(--gap-sm);flex-wrap:wrap;justify-content:flex-start}.hero-glow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.glow-layer{position:absolute;left:62%;top:48%;transform:translate(-50%,-50%);width:min(70vw,980px);aspect-ratio:1 / 1;border-radius:50%;opacity:0;transition:opacity .6s ease;filter:blur(30px)}.glow-layer.purple{background:radial-gradient(circle,#7c3aed4d,#7c3aed00 70%)}.glow-layer.cyan{background:radial-gradient(circle,#22d3ee38,#22d3ee00 70%)}.glow-layer.active{opacity:1}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(circle at 50% 45%,var(--bg) 0%,transparent 72%);-webkit-mask-image:radial-gradient(circle at 50% 45%,var(--bg) 0%,transparent 72%)}.hero-carousel{position:relative;width:100%;z-index:3;display:flex;flex-direction:column;gap:14px}.hero-slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:translateY(12px) scale(.99);transition:opacity .6s ease,transform .6s ease;pointer-events:none}.hero-slide.active{position:relative;opacity:1;transform:none;pointer-events:auto}.hero-slide-inner{display:flex;flex-direction:column;gap:12px;padding:10px 10px 12px;border-radius:var(--radius-lg);background:var(--card-grad);border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 0 48px var(--glow-purple)}.hero-slide-copy{display:flex;flex-direction:column;gap:4px;padding-inline:6px 4px}.hero-slide-copy h3{font-size:16px;letter-spacing:-.01em}.hero-slide-copy p{margin:0;color:var(--text-secondary);font-size:13px}.hero-carousel .carousel-dots{position:static;margin-top:0}.hero-slide-inner .product-visual{cursor:pointer;min-height:0;height:auto;display:block;transition:border-color .2s ease,box-shadow .2s ease}.hero-slide-inner .product-visual:hover{border-color:var(--border-hover);box-shadow:0 0 24px var(--glow-purple)}.hero-slide-inner .product-visual:focus-visible{outline:2px solid var(--purple-400);outline-offset:2px}.hero-slide-inner .product-visual img{width:100%;height:auto;display:block;object-fit:contain;object-position:center top}@media(max-width:920px){.hero-split{grid-template-columns:1fr}.hero-copy{max-width:none}.hero-slide-inner .product-visual img{max-height:none}}.product-visual{position:relative;width:100%;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:var(--surface)}.product-visual img{width:100%;height:auto;display:block;object-fit:contain;object-position:center top}.carousel-dots{display:flex;gap:8px;justify-content:center;margin-top:20px}.carousel-dots button{background:var(--border-default);border:0;width:26px;height:5px;border-radius:999px;padding:0;transition:background .3s ease}.carousel-dots button.active{background:var(--purple-400)}#particles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.product-card{position:relative;overflow:hidden;padding:26px;display:flex;flex-direction:column;gap:14px;background:var(--card-grad);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.product-card:hover{border-color:var(--border-hover);box-shadow:0 0 30px var(--glow-purple);transform:translateY(-3px)}.product-accent-badge{align-self:flex-start;font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;padding:4px 10px;border-radius:999px;color:var(--text-primary);border:1px solid transparent}.product-card h3{font-size:20px}.product-card p{margin:0;color:var(--text-secondary);font-size:15px;flex:1}.product-chips{display:flex;gap:6px;flex-wrap:wrap}.product-thumb{border-radius:10px;overflow:hidden;border:1px solid var(--border);background:var(--surface);display:grid;place-items:center}.product-thumb img{width:100%;height:auto;object-fit:contain;object-position:center top}.step{display:flex;gap:18px;align-items:flex-start}.step-num{width:40px;height:40px;flex:none;border-radius:12px;display:grid;place-items:center;font-family:var(--font-mono);font-weight:700;font-size:16px;color:var(--text-primary);background:var(--grad-purple-blue);box-shadow:0 0 18px var(--glow-purple)}.step h3{margin-bottom:4px}.step p{margin:0;color:var(--text-secondary);font-size:15px}.advantage{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-top:1px solid var(--border-default)}.advantage:first-of-type{border-top:0;padding-top:0}.advantage .adv-mark{width:30px;height:30px;flex:none;border-radius:8px;display:grid;place-items:center;color:var(--purple-300);background:var(--accent-soft);border:1px solid var(--border-default);font-family:var(--font-mono);font-size:14px;font-weight:600}.advantage h3{font-size:17px}.advantage p{margin:2px 0 0;color:var(--text-secondary);font-size:14px}.log-row{display:grid;grid-template-columns:110px 1fr 120px;gap:var(--gap-lg);padding:22px 0;border-top:1px solid var(--border-default);align-items:baseline}.log-row h3{font-size:19px}.log-row p{margin:4px 0 0;color:var(--text-secondary);font-size:14px}.log-row .pull{text-align:right}@media(max-width:720px){.log-row{grid-template-columns:1fr;gap:8px}}.cta-deep{background:var(--grad-cta-deep)}.product-hero{padding-block:clamp(72px,10vw,120px);overflow:hidden}.shot-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-lg)}.shot{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface)}.shot img{width:100%;height:auto;object-fit:contain;object-position:center top;background:var(--surface)}.shot figcaption{padding:12px 16px;color:var(--text-secondary);font-size:13px;border-top:1px solid var(--border)}.shot.wide{grid-column:1 / -1}@media(max-width:920px){.shot-grid{grid-template-columns:1fr}.shot.wide{grid-column:auto}}.cap-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 28px}.cap-item{display:flex;gap:12px;align-items:flex-start;padding:10px 0}.cap-item b{display:block;font-size:14.5px}.cap-item span{font-size:13px;color:var(--text-secondary)}@media(max-width:720px){.cap-list{grid-template-columns:1fr}}.journey{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.journey-step{padding:18px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card-grad)}.journey-step .n{font-family:var(--font-mono);color:var(--cyan-400);font-size:12px;letter-spacing:.08em}.journey-step h3{font-size:16px;margin:8px 0}.journey-step ul{margin:0;padding-left:16px;color:var(--text-secondary);font-size:13.5px}@media(max-width:920px){.journey{grid-template-columns:1fr}}@media(min-width:1440px){.hero-split{align-items:center}}@media(min-width:1800px){:root{--container: min(1680px, calc(100vw - 80px) )}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}