:root{--bg: #05070d;--bg-1: #0a0f1c;--bg-2: #0f1626;--surface: rgba(14, 22, 38, .72);--surface-strong: rgba(14, 22, 38, .92);--border: rgba(124, 230, 255, .14);--border-strong: rgba(124, 230, 255, .28);--text-1: #f3f7ff;--text-2: #c4cee0;--text-3: #8a96ad;--text-4: #5e6a82;--accent-cyan: #6cf3ff;--accent-cyan-dim: rgba(108, 243, 255, .18);--accent-violet: #a07cff;--accent-violet-dim: rgba(160, 124, 255, .18);--accent-pink: #ff9bd0;--warm: #f8c66b;--grid-line: rgba(124, 230, 255, .06);--grid-mask: radial-gradient(ellipse at 50% 30%, #000 30%, transparent 75%);--bg-gradient: radial-gradient(1200px 600px at 20% -10%, rgba(108, 243, 255, .12), transparent 60%), radial-gradient(800px 500px at 90% 5%, rgba(160, 124, 255, .12), transparent 60%), linear-gradient(180deg, #03050a 0%, #050a14 100%);--button-text: #050a14;--brand-shadow: 0 6px 18px rgba(236, 72, 153, .25);--radius-sm: 10px;--radius: 16px;--radius-lg: 24px;--shadow-sm: 0 10px 30px rgba(0, 0, 0, .35);--shadow-md: 0 30px 80px rgba(8, 16, 32, .6);--transition: .35s cubic-bezier(.22, 1, .36, 1);--font-sans: "Inter", "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei", system-ui, -apple-system, sans-serif;--font-display: "Inter", "PingFang SC", system-ui, sans-serif;--container: 1180px;--gutter: clamp(20px, 5vw, 64px)}:root[data-theme=light]{--bg: #f5f7fb;--bg-1: #ffffff;--bg-2: #eef1f7;--surface: rgba(255, 255, 255, .78);--surface-strong: rgba(255, 255, 255, .94);--border: rgba(36, 78, 158, .16);--border-strong: rgba(36, 78, 158, .32);--text-1: #0d1730;--text-2: #475066;--text-3: #6f7a91;--text-4: #97a0b5;--accent-cyan: #2a78ff;--accent-cyan-dim: rgba(42, 120, 255, .14);--accent-violet: #7e4dff;--accent-violet-dim: rgba(126, 77, 255, .14);--accent-pink: #d34c8d;--warm: #c97a14;--grid-line: rgba(36, 78, 158, .08);--grid-mask: radial-gradient(ellipse at 50% 30%, #000 30%, transparent 75%);--bg-gradient: radial-gradient(900px 480px at 12% -10%, rgba(42, 120, 255, .18), transparent 60%), radial-gradient(700px 460px at 95% 0%, rgba(126, 77, 255, .18), transparent 60%), radial-gradient(800px 600px at 50% 110%, rgba(255, 198, 109, .18), transparent 60%), linear-gradient(180deg, #f8faff 0%, #eef2fa 100%);--button-text: #0d1730;--brand-shadow: 0 6px 18px rgba(42, 120, 255, .22)}@media(prefers-color-scheme:light){:root[data-theme=auto]{--bg: #f5f7fb;--bg-1: #ffffff;--bg-2: #eef1f7;--surface: rgba(255, 255, 255, .78);--surface-strong: rgba(255, 255, 255, .94);--border: rgba(36, 78, 158, .16);--border-strong: rgba(36, 78, 158, .32);--text-1: #0d1730;--text-2: #475066;--text-3: #6f7a91;--text-4: #97a0b5;--accent-cyan: #2a78ff;--accent-cyan-dim: rgba(42, 120, 255, .14);--accent-violet: #7e4dff;--accent-violet-dim: rgba(126, 77, 255, .14);--accent-pink: #d34c8d;--warm: #c97a14;--grid-line: rgba(36, 78, 158, .08);--bg-gradient: radial-gradient(900px 480px at 12% -10%, rgba(42, 120, 255, .18), transparent 60%), radial-gradient(700px 460px at 95% 0%, rgba(126, 77, 255, .18), transparent 60%), radial-gradient(800px 600px at 50% 110%, rgba(255, 198, 109, .18), transparent 60%), linear-gradient(180deg, #f8faff 0%, #eef2fa 100%);--button-text: #0d1730;--brand-shadow: 0 6px 18px rgba(42, 120, 255, .22)}}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text-1);font-family:var(--font-sans);font-size:16px;line-height:1.6;letter-spacing:.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{min-height:100vh;background:var(--bg-gradient);overflow-x:hidden;transition:background var(--transition)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.01em;margin:0;color:var(--text-1);font-weight:600}p{margin:0}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.container{width:min(100%,var(--container));margin:0 auto;padding:0 var(--gutter)}.lang-suggest{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:12px;padding:8px 14px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-1);font-size:13px;box-shadow:0 8px 30px #0000002e;max-width:min(92vw,560px)}.lang-suggest[hidden]{display:none}.lang-suggest-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lang-suggest-switch{border:none;border-radius:999px;padding:5px 14px;font-size:13px;font-weight:600;cursor:pointer;color:var(--button-text);background:linear-gradient(135deg,var(--accent-cyan),var(--accent-violet));white-space:nowrap}.lang-suggest-dismiss{border:none;background:transparent;color:var(--text-2);font-size:13px;cursor:pointer;padding:4px 6px;white-space:nowrap}.lang-suggest-dismiss:hover{color:var(--text-1)}.skip-link{position:absolute;left:-9999px;top:12px;padding:10px 16px;background:var(--surface-strong);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-1);z-index:100}.skip-link:focus{left:16px}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px var(--gutter);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:linear-gradient(180deg,color-mix(in oklab,var(--bg) 88%,transparent),color-mix(in oklab,var(--bg) 30%,transparent));border-bottom:1px solid var(--border);transition:background var(--transition),border-color var(--transition)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:36px;height:36px;min-width:36px;min-height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;overflow:hidden;border:1px solid var(--border-strong);box-shadow:var(--brand-shadow);background:linear-gradient(135deg,#fb923c,#ec4899)}.brand-mark img,.brand-mark svg{display:block;width:100%;height:100%}.brand-meta{display:flex;align-items:baseline;gap:8px}.brand-name{font-weight:700;font-size:18px;letter-spacing:.02em}.brand-version{font-size:11px;font-weight:600;letter-spacing:.16em;padding:3px 8px;border-radius:999px;background:#6cf3ff1f;color:var(--accent-cyan);border:1px solid var(--border)}.site-nav{display:flex;align-items:center;gap:4px}.nav-link{padding:8px 14px;border-radius:999px;color:var(--text-2);font-size:14px;transition:color var(--transition),background var(--transition)}.nav-link:hover{color:var(--text-1);background:color-mix(in oklab,var(--text-1) 7%,transparent)}.header-actions{display:flex;align-items:center;gap:10px}details.lang-toggle{position:relative;display:inline-block}details.lang-toggle summary{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:color-mix(in oklab,var(--bg-2) 55%,transparent);border:1px solid var(--border);color:var(--text-2);font-size:13px;letter-spacing:.04em;font-weight:500;cursor:pointer;list-style:none;user-select:none;transition:var(--transition)}details.lang-toggle summary::-webkit-details-marker{display:none}details.lang-toggle summary:hover{border-color:var(--border-strong);color:var(--text-1)}details.lang-toggle[open] summary{border-color:var(--border-strong);color:var(--text-1)}.lang-dot{display:inline-block;text-align:center;font-size:12px;font-weight:600;letter-spacing:.02em;white-space:nowrap}.lang-caret{width:0;height:0;margin-left:2px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;opacity:.7;transition:transform .18s ease,opacity .14s ease}details.lang-toggle:hover .lang-caret{opacity:1}details.lang-toggle[open] .lang-caret{transform:rotate(180deg);opacity:1}.lang-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:140px;padding:6px;border-radius:14px;background:var(--surface-strong);border:1px solid var(--border-strong);box-shadow:var(--shadow-md);display:none;grid-template-columns:repeat(2,1fr);gap:4px;z-index:60;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);max-width:300px;max-height:300px;overflow-y:auto}details.lang-toggle[open] .lang-menu{display:grid}.lang-option{display:block;padding:6px 12px;border-radius:8px;color:var(--text-2);font-size:13px;text-decoration:none;transition:background .14s ease,color .14s ease;white-space:nowrap;flex:1 1 auto}.lang-native{font-weight:500;white-space:nowrap}.lang-option:hover{background:#6cf3ff12;color:var(--text-1)}.lang-option[aria-current=true]{background:#6cf3ff1a;color:var(--accent-cyan)}.lang-option[aria-current=true] .lang-en{color:#6cf3ffb3}.lang-en{color:var(--text-4);font-size:11px;letter-spacing:.04em}.primary-cta{display:inline-flex;align-items:center;padding:10px 18px;border-radius:999px;font-size:13px;font-weight:600;letter-spacing:.05em;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-violet));color:var(--button-text);box-shadow:0 12px 30px color-mix(in oklab,var(--accent-cyan) 30%,transparent);transition:transform var(--transition),box-shadow var(--transition)}.primary-cta:hover{transform:translateY(-1px);box-shadow:0 16px 40px color-mix(in oklab,var(--accent-cyan) 50%,transparent)}.menu-toggle{display:none;flex-direction:column;gap:4px;width:36px;height:36px;border-radius:10px;background:color-mix(in oklab,var(--bg-2) 55%,transparent);border:1px solid var(--border);align-items:center;justify-content:center}.menu-toggle span{display:block;width:18px;height:1.6px;background:var(--text-1)}.mobile-nav{position:fixed;top:72px;right:16px;left:16px;border-radius:var(--radius);background:var(--surface-strong);border:1px solid var(--border);padding:18px;display:none;flex-direction:column;gap:8px;z-index:60;box-shadow:var(--shadow-md)}.mobile-nav.open{display:flex}.mobile-link{padding:12px 14px;border-radius:var(--radius-sm);color:var(--text-1);font-size:15px;background:color-mix(in oklab,var(--bg-2) 45%,transparent);border:1px solid var(--border)}.mobile-link:hover{background:#6cf3ff0d;border-color:var(--border-strong)}.mobile-cta{margin-top:6px;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-violet));color:var(--button-text);font-weight:600}.hero{position:relative;padding:clamp(96px,12vw,160px) 0 clamp(80px,10vw,140px);overflow:hidden}.bg-layer{position:absolute;inset:0;pointer-events:none;will-change:transform}.bg-layer .dotgrid{position:absolute;inset:0;background-image:radial-gradient(circle at center,rgba(124,230,255,.16) 1px,transparent 1.4px);background-size:28px 28px;opacity:.45;mask-image:radial-gradient(ellipse at 75% 20%,#000 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 75% 20%,#000 0%,transparent 70%);animation:drift 30s ease-in-out infinite alternate}.bg-layer .grid{position:absolute;inset:-10%;background-image:linear-gradient(to right,var(--grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px);background-size:64px 64px;mask-image:var(--grid-mask);-webkit-mask-image:var(--grid-mask);animation:drift 22s ease-in-out infinite alternate,hueShift 30s ease-in-out infinite}.bg-layer .orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.55;transition:opacity var(--transition);will-change:transform}.bg-layer .orb-a{width:420px;height:420px;left:-120px;top:-80px;background:radial-gradient(circle at center,color-mix(in oklab,var(--accent-cyan) 50%,transparent),transparent 70%);animation:pulseOrb 9s ease-in-out infinite}.bg-layer .orb-b{width:480px;height:480px;right:-160px;top:60px;background:radial-gradient(circle at center,color-mix(in oklab,var(--accent-violet) 50%,transparent),transparent 70%);animation:pulseOrb 11s ease-in-out -2s infinite}.bg-layer .orb-c{width:360px;height:360px;left:30%;bottom:-120px;background:radial-gradient(circle at center,color-mix(in oklab,var(--warm) 35%,transparent),transparent 70%);animation:pulseOrb 13s ease-in-out -4s infinite}.hero-glow{position:absolute;inset:0;pointer-events:none;z-index:0;will-change:transform;background:radial-gradient(420px 240px at 60% 40%,color-mix(in oklab,var(--accent-cyan) 18%,transparent),transparent 70%);opacity:.8}.marquee{position:absolute;top:86px;left:0;right:0;height:22px;overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:color-mix(in oklab,var(--bg) 60%,transparent);z-index:1;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.marquee-track{display:inline-flex;align-items:center;gap:30px;white-space:nowrap;height:100%;animation:marquee 36s linear infinite;font-family:JetBrains Mono,Menlo,monospace;font-size:11px;letter-spacing:.32em;color:var(--accent-cyan)}.marquee-track span{opacity:.78}.hero-inner{width:min(100%,var(--container));margin:0 auto;padding:0 var(--gutter);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,80px);align-items:center;position:relative;z-index:2}.hero-copy{display:flex;flex-direction:column;gap:22px;max-width:560px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:#6cf3ff14;border:1px solid var(--border-strong);color:var(--accent-cyan);font-size:12px;letter-spacing:.18em;text-transform:uppercase;align-self:flex-start;white-space:nowrap}.hero-badge-dot{width:6px;height:6px;border-radius:999px;background:var(--accent-cyan);box-shadow:0 0 12px var(--accent-cyan);animation:pulse 2s ease-in-out infinite}.hero-title{font-size:clamp(40px,6vw,72px);font-weight:700;line-height:1.08;letter-spacing:-.02em;display:flex;flex-direction:column;gap:4px}.hero-title .line{display:block}.hero-title .gradient{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-violet) 60%,var(--accent-pink));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-subtitle{font-size:13px;letter-spacing:.24em;color:var(--text-3);text-transform:uppercase}.hero-description{font-size:17px;color:var(--text-2);max-width:520px}.hero-cta{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.hero-cta .cta-primary{padding:10px 16px;font-size:14px}.dl-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cta-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 22px;border-radius:999px;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-violet));color:var(--button-text);font-weight:600;letter-spacing:.05em;transition:transform var(--transition),box-shadow var(--transition);box-shadow:0 18px 40px color-mix(in oklab,var(--accent-cyan) 25%,transparent);border:none;cursor:pointer;text-decoration:none;white-space:nowrap}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 22px 50px color-mix(in oklab,var(--accent-cyan) 35%,transparent)}.cta-secondary{display:inline-flex;align-items:center;padding:13px 22px;border-radius:999px;border:1px solid var(--border-strong);color:var(--text-1);font-weight:500;letter-spacing:.05em;transition:var(--transition);text-decoration:none;white-space:nowrap}.cta-secondary:hover{background:#6cf3ff0f;border-color:var(--accent-cyan)}.cta-primary.large,.cta-secondary.large{padding:16px 28px;font-size:15px}.hero-trust{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-3)}.hero-preview{position:relative;isolation:isolate}.preview-shadow{position:absolute;inset:30px -28px -34px;z-index:-2;background:linear-gradient(180deg,color-mix(in oklab,var(--accent-violet) 25%,transparent),transparent 60%),linear-gradient(180deg,color-mix(in oklab,var(--accent-cyan) 16%,transparent),transparent 70%);filter:blur(60px);border-radius:var(--radius-lg);opacity:.7;animation:pulseGlow 8s ease-in-out infinite}.preview-frame{position:relative;border-radius:var(--radius-lg);border:1px solid var(--border-strong);background:linear-gradient(180deg,#141c2eeb,#0c121eeb);box-shadow:var(--shadow-md);overflow:hidden;transform:perspective(1400px) rotateX(8deg) rotateY(-10deg) translateZ(0);transition:transform var(--transition)}.preview-frame:hover{transform:perspective(1400px) rotateX(4deg) rotateY(-6deg) translateZ(0)}.preview-glow{position:absolute;inset:-20% -10% 0;background:radial-gradient(circle at 30% 40%,rgba(108,243,255,.28),transparent 60%),radial-gradient(circle at 70% 70%,rgba(160,124,255,.28),transparent 60%);filter:blur(60px);z-index:-1;pointer-events:none}.preview-titlebar{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.04);background:#ffffff05}.preview-titlebar .dot{width:10px;height:10px;border-radius:999px;display:inline-block}.preview-titlebar .dot.red{background:#ff6f7a}.preview-titlebar .dot.yellow{background:#f7c46c}.preview-titlebar .dot.green{background:#6ee8a2}.preview-name{color:var(--text-3);font-size:12px;letter-spacing:.08em;white-space:nowrap}.preview-tabs{display:inline-flex;gap:8px;margin-left:auto}.preview-tabs .tab{padding:4px 10px;border-radius:999px;font-size:11px;color:var(--text-3);letter-spacing:.06em;border:1px solid transparent;white-space:nowrap}.preview-tabs .tab.active{color:var(--accent-cyan);border-color:var(--border-strong);background:#6cf3ff14}.preview-canvas{display:block;width:100%;height:auto;background:radial-gradient(ellipse at 50% 50%,rgba(124,230,255,.06),transparent 60%)}.preview-canvas .connector path{stroke-dasharray:1000;stroke-dashoffset:1000;animation:dash 4s ease forwards}.preview-canvas .connector path:nth-child(2){animation-delay:.1s}.preview-canvas .connector path:nth-child(3){animation-delay:.2s}.preview-canvas .connector path:nth-child(4){animation-delay:.3s}.preview-canvas .connector path:nth-child(5){animation-delay:.4s}.preview-canvas .connector path:nth-child(6){animation-delay:.5s}.preview-canvas .node{animation:float 6s ease-in-out infinite}.preview-canvas .node-root{animation-delay:.2s}.preview-canvas .node-a{animation-delay:.4s}.preview-canvas .node-b{animation-delay:.6s}.preview-canvas .node-c{animation-delay:.8s}.preview-canvas .node-d{animation-delay:1s}.preview-canvas .node-e{animation-delay:1.2s}.preview-canvas .node-f{animation-delay:1.4s}.preview-footer{display:flex;align-items:center;gap:14px;padding:14px 20px;border-top:1px solid var(--border);font-size:12px;letter-spacing:.06em;color:var(--text-3);background:color-mix(in oklab,var(--bg) 30%,transparent)}.footer-sep{width:6px;height:6px;border-radius:999px;background:var(--text-4)}.footer-status{margin-left:auto;color:var(--accent-cyan)}.metrics{padding:clamp(48px,8vw,96px) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:linear-gradient(180deg,color-mix(in oklab,var(--bg-2) 55%,transparent),transparent)}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 24px;margin-bottom:32px}@media(max-width:760px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.metric{padding:22px 24px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);backdrop-filter:blur(12px)}.metric-value{font-size:clamp(28px,3vw,36px);font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-violet));-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}.metric-label{margin-top:6px;color:var(--text-2);font-size:14px}.eyebrow{font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--accent-cyan);font-weight:600}.metrics-title{font-size:clamp(26px,3vw,36px);font-weight:600;max-width:720px;margin-top:12px}.section-header{display:flex;flex-direction:column;gap:12px;max-width:720px;margin:0 auto 56px;text-align:center;align-items:center}.section-title{font-size:clamp(28px,4vw,44px);font-weight:600;line-height:1.2;letter-spacing:-.02em}.section-subtitle{color:var(--text-2);font-size:16px;max-width:560px}.features{padding:clamp(80px,10vw,140px) 0;position:relative}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-card{position:relative;padding:28px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);overflow:hidden;transition:transform var(--transition),border-color var(--transition),background var(--transition);backdrop-filter:blur(10px)}.feature-card[data-tone=cyan]{--card-accent: var(--accent-cyan)}.feature-card[data-tone=violet]{--card-accent: var(--accent-violet)}.feature-card[data-tone=pink]{--card-accent: var(--accent-pink)}.feature-card[data-tone=cyan] .feature-icon{color:var(--accent-cyan);background:linear-gradient(135deg,#6cf3ff2e,#6cf3ff0d)}.feature-card[data-tone=violet] .feature-icon{color:var(--accent-violet);background:linear-gradient(135deg,#a07cff2e,#a07cff0d)}.feature-card[data-tone=pink] .feature-icon{color:var(--accent-pink);background:linear-gradient(135deg,#ff9bd02e,#ff9bd00d)}.feature-card:hover{transform:translateY(-4px);border-color:var(--border-strong);background:var(--surface-strong)}.feature-icon{width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:18px;border:1px solid var(--border-strong)}.feature-title{font-size:18px;margin-bottom:8px}.feature-desc{color:var(--text-2);font-size:14.5px}.feature-arrow{position:absolute;bottom:16px;right:18px;opacity:0;transform:translate(-6px);transition:var(--transition);color:var(--accent-cyan)}.feature-card:hover .feature-arrow{opacity:1;transform:translate(0)}.showcase{padding:clamp(80px,10vw,140px) 0;background:linear-gradient(180deg,color-mix(in oklab,var(--bg-2) 45%,transparent),transparent)}.workflow{list-style:none;margin:0;padding:0;display:grid;gap:18px}.workflow-step{display:grid;grid-template-columns:80px 1fr;gap:24px;padding:28px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);position:relative;overflow:hidden}.workflow-step:nth-child(2n){background:color-mix(in oklab,var(--surface-strong) 80%,transparent)}:root[data-theme=light] .workflow-step:nth-child(2n){background:color-mix(in oklab,var(--accent-violet) 6%,var(--surface))}.step-index{font-family:JetBrains Mono,Menlo,monospace;font-size:28px;font-weight:600;color:var(--accent-cyan);letter-spacing:.04em}.workflow-step:nth-child(2) .step-index{color:var(--accent-violet)}.workflow-step:nth-child(3) .step-index{color:var(--accent-pink)}.workflow-step:nth-child(4) .step-index{color:var(--warm)}.step-title{font-size:20px;margin-bottom:6px}.step-desc{color:var(--text-2);font-size:15px}.gallery{padding:clamp(60px,8vw,120px) 0}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.gallery-card{margin:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;transition:var(--transition)}.gallery-card:hover{transform:translateY(-4px);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.gallery-frame{position:relative;aspect-ratio:16 / 10;border-radius:var(--radius-sm);border:1px solid var(--border-strong);overflow:hidden;background:color-mix(in oklab,var(--bg-1) 88%,var(--bg));box-shadow:var(--shadow-sm)}.gallery-shot{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1)}.gallery-card:hover .gallery-shot{transform:scale(1.025)}.gallery-badge{position:absolute;top:14px;left:14px;padding:4px 10px;border-radius:999px;background:color-mix(in oklab,var(--bg) 70%,transparent);border:1px solid var(--border-strong);color:var(--accent-cyan);font-size:11px;letter-spacing:.18em;text-transform:uppercase;z-index:4;backdrop-filter:blur(6px)}.gallery-card:nth-child(2) .gallery-badge{color:var(--accent-violet)}.gallery-card:nth-child(3) .gallery-badge{color:var(--accent-pink)}.gallery-card:nth-child(4) .gallery-badge{color:var(--warm)}.gallery-card figcaption{margin-top:14px;font-size:14px;color:var(--text-2);line-height:1.55}.trust{padding:clamp(80px,10vw,140px) 0}.trust-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.trust-card{padding:28px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);position:relative}.trust-card:after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--accent-cyan) 0%,transparent 50%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.4;pointer-events:none}.trust-title{font-size:16px;margin-bottom:10px}.trust-desc{color:var(--text-2);font-size:14.5px}.roadmap{padding:clamp(80px,10vw,140px) 0}.roadmap-timeline{list-style:none;margin:0;padding:0;display:grid;gap:20px}.roadmap-item{display:grid;grid-template-columns:220px 1fr;gap:24px;padding:28px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);position:relative}.roadmap-item[data-status=now]{border-color:var(--border-strong);background:linear-gradient(135deg,#6cf3ff1f,#a07cff0f);box-shadow:0 0 0 1px var(--border-strong),0 30px 80px #08102099}.roadmap-item[data-status=next]{background:#a07cff0d}.roadmap-meta{display:flex;flex-direction:column;gap:6px}.roadmap-version{display:inline-block;padding:4px 12px;border-radius:999px;border:1px solid var(--border-strong);background:color-mix(in oklab,var(--bg-1) 70%,transparent);color:var(--text-2);font-size:12px;font-weight:600;letter-spacing:.16em;align-self:flex-start}.roadmap-item[data-status=now] .roadmap-version{color:var(--accent-cyan)}.roadmap-item[data-status=next] .roadmap-version{color:var(--accent-violet)}.roadmap-item[data-status=planned] .roadmap-version{color:var(--text-3)}.roadmap-label{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-3)}.roadmap-title{font-size:20px;margin-bottom:8px}.roadmap-desc{color:var(--text-2);font-size:15px}.final-cta{padding:clamp(80px,10vw,140px) 0 clamp(60px,8vw,100px)}.cta-panel{position:relative;padding:clamp(56px,7vw,110px) clamp(24px,5vw,80px);border-radius:var(--radius-lg);background:linear-gradient(135deg,color-mix(in oklab,var(--accent-cyan) 14%,transparent),color-mix(in oklab,var(--accent-violet) 14%,transparent));border:1px solid var(--border-strong);text-align:center;overflow:hidden;isolation:isolate}.cta-glow{position:absolute;inset:-60% 0 0;background:radial-gradient(circle at 30% 30%,color-mix(in oklab,var(--accent-cyan) 50%,transparent),transparent 60%),radial-gradient(circle at 70% 50%,color-mix(in oklab,var(--accent-violet) 50%,transparent),transparent 60%);filter:blur(80px);z-index:-1}.cta-title{font-size:clamp(28px,4vw,48px);margin-bottom:14px;letter-spacing:-.02em;background:linear-gradient(135deg,var(--text-1),color-mix(in oklab,var(--accent-cyan) 50%,var(--text-1)));-webkit-background-clip:text;background-clip:text;color:transparent}.cta-desc{color:var(--text-2);font-size:16px;max-width:560px;margin:0 auto 32px}.cta-actions{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px}.site-footer{border-top:1px solid var(--border);padding:72px 0 24px;background:color-mix(in oklab,var(--bg) 80%,transparent);position:relative;overflow:hidden}.site-footer:before{content:"";position:absolute;inset:0;background:radial-gradient(800px 200px at 30% 0%,color-mix(in oklab,var(--accent-violet) 14%,transparent),transparent 65%);pointer-events:none}.footer-inner{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:32px;align-items:flex-start}.footer-brand{display:flex;flex-direction:column;gap:8px}.footer-brand .brand-mark{width:36px;height:36px;border-radius:10px;margin-bottom:4px}.footer-tagline{color:var(--text-2);font-size:14px;max-width:360px;line-height:1.55}.footer-brand-story{color:var(--text-3, var(--text-2));opacity:.75;font-size:12px;max-width:360px;line-height:1.6}.footer-nav{display:flex;flex-direction:column;gap:10px}.footer-label{color:var(--text-3);font-size:12px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:4px}.footer-nav a{color:var(--text-2);font-size:14px;transition:color var(--transition)}.footer-nav a:hover{color:var(--accent-cyan)}.footer-bottom{margin-top:40px;padding-top:24px;border-top:1px solid var(--border);display:flex;justify-content:space-between;color:var(--text-3);font-size:12px;letter-spacing:.04em}.footer-version{font-family:JetBrains Mono,Menlo,monospace;letter-spacing:.16em}.reveal{opacity:0;transform:translate3d(0,24px,0);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.reveal.is-visible{opacity:1;transform:translateZ(0)}.reveal:nth-child(2){transition-delay:.06s}.reveal:nth-child(3){transition-delay:.12s}.reveal:nth-child(4){transition-delay:.18s}.reveal:nth-child(5){transition-delay:.24s}.reveal:nth-child(6){transition-delay:.3s}.legal{padding:clamp(32px,4vw,56px) 0 clamp(40px,6vw,80px);position:relative}.legal-header{display:flex;flex-direction:column;gap:14px;margin-bottom:48px;max-width:720px}.legal-title{font-size:clamp(32px,5vw,52px);font-weight:700;letter-spacing:-.02em;line-height:1.1}.legal-meta{font-family:JetBrains Mono,monospace;letter-spacing:.16em;color:var(--text-3);font-size:12px;text-transform:uppercase}.legal-body{max-width:720px}.untranslated-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 16px;margin-bottom:32px;padding:12px 16px;background:color-mix(in srgb,var(--accent) 8%,var(--bg-secondary));border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border));border-radius:10px;font-size:14px;color:var(--text)}.untranslated-banner p{margin:0}.untranslated-switch{color:var(--accent);text-decoration:none;font-weight:600;white-space:nowrap}.untranslated-switch:hover{text-decoration:underline}.legal-section{margin:32px 0}.legal-section h2{font-size:22px;margin-bottom:12px;letter-spacing:-.01em}.legal-section p{margin-bottom:12px;color:var(--text-2);font-size:15.5px;line-height:1.72}.legal-section ul{padding-left:22px;margin:12px 0;color:var(--text-2)}.legal-section li{margin-bottom:6px;font-size:15.5px;line-height:1.7}.legal-section a{color:var(--accent-cyan);text-decoration:underline;text-underline-offset:3px}.legal-section a:hover{color:var(--accent-violet)}.untranslated-banner{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:12px 16px;border-radius:var(--radius-sm);background:color-mix(in oklab,var(--accent-cyan) 8%,transparent);border:1px solid var(--border-strong);color:var(--text-2);font-size:14px;margin-bottom:24px}.untranslated-banner a{color:var(--accent-cyan);font-weight:600}.untranslated-banner a:hover{color:var(--accent-violet)}.form-mailto{display:grid;gap:16px;max-width:720px;padding:24px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border)}.form-mailto label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--text-3);letter-spacing:.06em}.form-mailto input,.form-mailto select,.form-mailto textarea{padding:12px 14px;border-radius:10px;border:1px solid var(--border-strong);background:color-mix(in oklab,var(--bg-1) 80%,transparent);color:var(--text-1);font-family:inherit;font-size:15px}.form-mailto textarea{resize:vertical;min-height:140px}.form-mailto input:focus,.form-mailto select:focus,.form-mailto textarea:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 0 4px color-mix(in oklab,var(--accent-cyan) 18%,transparent)}.form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:4px}.form-hint{color:var(--text-3);font-size:13px}.form-sent{color:var(--accent-cyan);font-size:14px;font-weight:600}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes dash{to{stroke-dashoffset:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes drift{0%{transform:translateZ(0)}to{transform:translate3d(-12px,-8px,0)}}@keyframes hueShift{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(8deg)}}@keyframes pulseOrb{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.75;transform:scale(1.08)}}@keyframes pulseGlow{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.78;transform:scale(1.04)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}html[dir=rtl] .site-header{direction:rtl}html[dir=rtl] .footer-bottom,html[dir=rtl] .preview-titlebar{flex-direction:row-reverse}html[dir=rtl] .preview-name{margin-left:0;margin-right:12px}html[dir=rtl] .preview-tabs,html[dir=rtl] .footer-status{margin-left:0;margin-right:auto}.scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;background:transparent;z-index:70;pointer-events:none}.scroll-progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-violet));transform-origin:0 50%;transform:scaleX(0);transition:transform .1s ease-out}@media(max-width:1080px){.feature-grid,.trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-inner{grid-template-columns:minmax(0,1fr)}.preview-frame{transform:none}.footer-inner{grid-template-columns:repeat(2,minmax(0,1fr))}.roadmap-item{grid-template-columns:180px 1fr}}@media(max-width:760px){.site-nav,.primary-cta{display:none}.menu-toggle{display:inline-flex}.hero{padding-top:96px}.hero-title{font-size:clamp(34px,9vw,48px)}.feature-grid,.trust-grid,.gallery-grid{grid-template-columns:minmax(0,1fr)}.workflow-step,.roadmap-item{grid-template-columns:1fr;gap:10px}.footer-inner{grid-template-columns:minmax(0,1fr)}.footer-bottom{flex-direction:column;gap:8px;align-items:flex-start}.header-actions{gap:6px}.marquee{top:64px}details.lang-toggle .lang-menu{right:0}}@media(max-width:480px){.hero-cta{flex-direction:column;align-items:stretch}.cta-primary,.cta-secondary{justify-content:center}.site-header{gap:8px;padding:12px 14px}.brand-version{display:none}.header-actions{gap:6px}details.lang-toggle summary{padding:6px 8px}.lang-dot{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.bg-layer .grid,.bg-layer .orb{animation:none!important}.preview-canvas .connector path{stroke-dasharray:none;stroke-dashoffset:0;animation:none}.preview-canvas .node{animation:none}.reveal{opacity:1;transform:none}}.theme-wrap{position:relative}.theme-toggle{width:36px;height:36px;border-radius:12px;background:color-mix(in oklab,var(--bg-2) 55%,transparent);border:1px solid var(--border);color:var(--text-2);display:inline-flex;align-items:center;justify-content:center;transition:var(--transition);cursor:pointer;padding:0}.theme-toggle:hover{border-color:var(--border-strong);color:var(--text-1)}.theme-toggle.is-open{background:#6cf3ff14;color:var(--accent-cyan);border-color:var(--border-strong)}.theme-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:160px;padding:8px;border-radius:14px;background:var(--surface-strong);border:1px solid var(--border-strong);box-shadow:var(--shadow-md);display:none;flex-direction:column;gap:4px;z-index:60;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.theme-menu.open{display:flex;animation:reveal .25s ease}.theme-option{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;background:transparent;border:1px solid transparent;color:var(--text-2);font-size:13px;text-align:left;width:100%;cursor:pointer}.theme-option.active{color:var(--accent-cyan);background:#6cf3ff14;border-color:var(--border-strong)}.theme-option.active .dot{background:var(--accent-cyan);box-shadow:0 0 12px var(--accent-cyan)}.theme-toggle.is-open+.theme-menu,.theme-menu.is-open,.theme-menu.open{display:flex;animation:reveal .25s ease}.theme-option{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;background:transparent;border:1px solid transparent;color:var(--text-2);font-size:13px;text-align:left;cursor:pointer;width:100%;transition:var(--transition)}.theme-option:hover{background:#6cf3ff0f;color:var(--text-1)}.theme-option[aria-checked=true]{background:#6cf3ff14;color:var(--accent-cyan)}.theme-option .dot{width:8px;height:8px;border-radius:999px;background:var(--text-4);transition:var(--transition)}.theme-option[aria-checked=true] .dot{background:var(--accent-cyan);box-shadow:0 0 12px var(--accent-cyan)}