:root{--velvet: #a855f7;--velvet-deep: #6d28d9;--success: #10b981;--danger: #f43f5e;--radius-lg: 24px;--radius-md: 16px;--radius-sm: 10px;--font-display: "Outfit", sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace}:root,html[data-theme=light]{--void: #f8fafc;--surface: rgba(255, 255, 255, .7);--surface-2: rgba(15, 23, 42, .03);--surface-3: rgba(15, 23, 42, .05);--hairline: rgba(15, 23, 42, .08);--velvet-bright: #8b5cf6;--rose: #3b82f6;--gold: #f59e0b;--text: #0f172a;--text-muted: #475569;--text-faint: rgba(15, 23, 42, .38);--bg-grad-1: rgba(168, 85, 247, .12);--bg-grad-2: rgba(59, 130, 246, .06);--nav-bg: rgba(248, 250, 252, .75);--vd-accent: #6d3bd1;--vd-accent-soft: rgba(109, 59, 209, .08);--vd-border: #cbd5e1;--vd-bg: #ffffff;--vd-bg-hover: #f8fafc;--vd-text: #0f172a;--vd-text-muted: #475569}@media (prefers-color-scheme: dark){:root{--void: #030008;--surface: rgba(20, 17, 32, .7);--surface-2: rgba(255, 255, 255, .05);--surface-3: rgba(255, 255, 255, .08);--hairline: rgba(255, 255, 255, .08);--velvet-bright: #c084fc;--rose: #3b82f6;--gold: #a855f7;--text: #f8fafc;--text-muted: #94a3b8;--text-faint: rgba(255, 255, 255, .35);--bg-grad-1: rgba(168, 85, 247, .32);--bg-grad-2: rgba(59, 130, 246, .14);--nav-bg: rgba(3, 0, 8, .75);--vd-accent: #a855f7;--vd-accent-soft: rgba(168, 85, 247, .1);--vd-border: rgba(255, 255, 255, .15);--vd-bg: rgba(20, 17, 32, .5);--vd-bg-hover: rgba(255, 255, 255, .02);--vd-text: #f8fafc;--vd-text-muted: #94a3b8}}html[data-theme=dark]{--void: #030008;--surface: rgba(20, 17, 32, .7);--surface-2: rgba(255, 255, 255, .05);--surface-3: rgba(255, 255, 255, .08);--hairline: rgba(255, 255, 255, .08);--velvet-bright: #c084fc;--rose: #3b82f6;--gold: #a855f7;--text: #f8fafc;--text-muted: #94a3b8;--text-faint: rgba(255, 255, 255, .35);--bg-grad-1: rgba(168, 85, 247, .32);--bg-grad-2: rgba(59, 130, 246, .14);--nav-bg: rgba(3, 0, 8, .75);--vd-accent: #a855f7;--vd-accent-soft: rgba(168, 85, 247, .1);--vd-border: rgba(255, 255, 255, .15);--vd-bg: rgba(20, 17, 32, .5);--vd-bg-hover: rgba(255, 255, 255, .02);--vd-text: #f8fafc;--vd-text-muted: #94a3b8}html[data-theme=system]{--void: #f8fafc;--surface: rgba(255, 255, 255, .7);--surface-2: rgba(15, 23, 42, .03);--surface-3: rgba(15, 23, 42, .05);--hairline: rgba(15, 23, 42, .08);--velvet-bright: #8b5cf6;--rose: #3b82f6;--gold: #f59e0b;--text: #0f172a;--text-muted: #475569;--text-faint: rgba(15, 23, 42, .38);--bg-grad-1: rgba(168, 85, 247, .12);--bg-grad-2: rgba(59, 130, 246, .06);--nav-bg: rgba(248, 250, 252, .75);--vd-accent: #6d3bd1;--vd-accent-soft: rgba(109, 59, 209, .08);--vd-border: #cbd5e1;--vd-bg: #ffffff;--vd-bg-hover: #f8fafc;--vd-text: #0f172a;--vd-text-muted: #475569}@media (prefers-color-scheme: dark){html[data-theme=system]{--void: #030008;--surface: rgba(20, 17, 32, .7);--surface-2: rgba(255, 255, 255, .05);--surface-3: rgba(255, 255, 255, .08);--hairline: rgba(255, 255, 255, .08);--velvet-bright: #c084fc;--rose: #3b82f6;--gold: #a855f7;--text: #f8fafc;--text-muted: #94a3b8;--text-faint: rgba(255, 255, 255, .35);--bg-grad-1: rgba(168, 85, 247, .32);--bg-grad-2: rgba(59, 130, 246, .14);--nav-bg: rgba(3, 0, 8, .75);--vd-accent: #a855f7;--vd-accent-soft: rgba(168, 85, 247, .1);--vd-border: rgba(255, 255, 255, .15);--vd-bg: rgba(20, 17, 32, .5);--vd-bg-hover: rgba(255, 255, 255, .02);--vd-text: #f8fafc;--vd-text-muted: #94a3b8}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse 900px 500px at 18% -10%,var(--bg-grad-1),transparent 60%),radial-gradient(ellipse 700px 500px at 100% 0%,var(--bg-grad-2),transparent 55%),var(--void);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.5;transition:background-color .3s ease,color .3s ease}::selection{background:var(--velvet);color:#fff}a{color:inherit}code{font-family:var(--font-mono)}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{transition:none!important}}.vd-root{--vd-accent: #6d3bd1;--vd-accent-soft: rgba(109, 59, 209, .1);--vd-border: #e4e0ec;--vd-border-active: var(--vd-accent);--vd-bg: #ffffff;--vd-bg-hover: #faf9fd;--vd-text: #1c1524;--vd-text-muted: #6f6579;--vd-danger: #d1394a;--vd-radius: 14px;--vd-font: inherit;font-family:var(--vd-font);color:var(--vd-text);width:100%;box-sizing:border-box}.vd-root *,.vd-root *:before,.vd-root *:after{box-sizing:border-box}.vd-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:36px 20px;border:1.5px dashed var(--vd-border);border-radius:var(--vd-radius);background:var(--vd-bg);cursor:pointer;transition:border-color .16s ease,background-color .16s ease,transform .16s ease;outline:none}.vd-dropzone:hover{background:var(--vd-bg-hover);border-color:var(--vd-accent)}.vd-dropzone:focus-visible{border-color:var(--vd-accent);box-shadow:0 0 0 3px var(--vd-accent-soft)}.vd-dropzone--active{border-color:var(--vd-border-active);background:var(--vd-accent-soft);transform:scale(1.005)}.vd-dropzone--disabled{cursor:not-allowed;opacity:.55}.vd-dropzone--full{cursor:default;opacity:.7}.vd-dropzone__icon{color:var(--vd-accent);display:inline-flex;margin-bottom:4px}.vd-dropzone__label{font-weight:600;font-size:.95rem}.vd-dropzone__helper{font-size:.8rem;color:var(--vd-text-muted)}.vd-errors{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.vd-errors__item{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--vd-danger)}.vd-preview-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-top:14px}.vd-preview{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid var(--vd-border);border-radius:10px;background:var(--vd-bg)}.vd-preview__thumb{width:44px;height:44px;border-radius:8px;overflow:hidden;flex-shrink:0;background:var(--vd-bg-hover)}.vd-preview__thumb img{width:100%;height:100%;object-fit:cover;display:block}.vd-preview__meta{display:flex;flex-direction:column;min-width:0;flex:1}.vd-preview__name{font-size:.82rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vd-preview__size{font-size:.72rem;color:var(--vd-text-muted)}.vd-preview__actions{display:flex;gap:4px;flex-shrink:0}.vd-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;border:none;background:transparent;color:var(--vd-text-muted);cursor:pointer;transition:background-color .12s ease,color .12s ease}.vd-icon-btn:hover{background:var(--vd-bg-hover);color:var(--vd-text)}.vd-icon-btn--danger:hover{color:var(--vd-danger)}.vd-cropper{display:flex;flex-direction:column;gap:12px}.vd-cropper__stage{position:relative;width:100%;max-height:420px;overflow:hidden;border-radius:var(--vd-radius);background:#0d0d10;touch-action:none;-webkit-user-select:none;user-select:none}.vd-cropper__stage img{display:block;width:100%;height:auto;max-height:420px;object-fit:contain;pointer-events:none}.vd-cropper__box{position:absolute;border:1.5px solid #fff;box-shadow:0 0 0 9999px #0000008c;cursor:move}.vd-cropper__box--round{border-radius:50%}.vd-cropper__handle{position:absolute;width:14px;height:14px;border-radius:3px;background:var(--vd-accent);border:2px solid #fff}.vd-cropper__handle--nw{left:-6px;top:-6px;cursor:nwse-resize}.vd-cropper__handle--ne{right:-6px;top:-6px;cursor:nesw-resize}.vd-cropper__handle--sw{left:-6px;bottom:-6px;cursor:nesw-resize}.vd-cropper__handle--se{right:-6px;bottom:-6px;cursor:nwse-resize}.vd-cropper__controls{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px;border-radius:var(--vd-radius);color:var(--vd-text);background:var(--vd-bg)}.vd-cropper__aspects{display:flex;gap:6px;flex-wrap:wrap}.vd-cropper__actions{display:flex;gap:8px;margin-left:auto}.vd-chip{font-size:.78rem;padding:6px 12px;border-radius:999px;border:1px solid var(--vd-border);background:var(--vd-bg);color:var(--vd-text-muted);cursor:pointer}.vd-chip--active{border-color:var(--vd-accent);color:var(--vd-accent);background:var(--vd-accent-soft)}.vd-chip--static{cursor:default}.vd-btn{font-size:.85rem;font-weight:600;padding:8px 16px;border-radius:10px;border:1px solid transparent;cursor:pointer;transition:opacity .12s ease,background-color .12s ease}.vd-btn:disabled{opacity:.6;cursor:not-allowed}.vd-btn--primary{background:var(--vd-accent);color:#fff}.vd-btn--primary:hover:not(:disabled){opacity:.9}.vd-btn--ghost{background:transparent;border-color:var(--vd-border);color:var(--vd-text)}.vd-btn--ghost:hover{background:var(--vd-bg-hover)}@media (prefers-reduced-motion: reduce){.vd-dropzone,.vd-icon-btn,.vd-btn{transition:none}}.vd-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a12e0;display:flex;align-items:center;justify-content:center;z-index:99999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:24px}.vd-lightbox__content{position:relative;max-width:90%;max-height:85%;display:flex;flex-direction:column;align-items:center;gap:12px}.vd-lightbox__content img{max-width:100%;max-height:75vh;object-fit:contain;border-radius:8px;box-shadow:0 20px 50px #00000080}.vd-lightbox__close{position:absolute;top:-48px;right:0;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.vd-lightbox__close:hover{background:#fff3;transform:scale(1.05)}.vd-lightbox__caption{color:#fff;font-size:.9rem;font-weight:500;text-align:center;word-break:break-all}.wrap{max-width:1180px;margin:0 auto;padding:0 28px}.wrap--wide{max-width:1520px}header.nav{position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(14px) saturate(180%);backdrop-filter:blur(14px) saturate(180%);background:var(--nav-bg, rgba(3, 0, 8, .75));border-bottom:1px solid var(--hairline)}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;max-width:1180px;margin:0 auto}.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:1.15rem;font-weight:600;letter-spacing:.01em}.brand-mark{width:30px;height:30px;border-radius:9px;background:linear-gradient(150deg,var(--velvet-bright),var(--rose));box-shadow:inset 0 0 0 1px #ffffff2e,0 6px 16px -6px #a855f78c;position:relative;flex-shrink:0}.brand-mark:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1.5px dashed rgba(255,255,255,.55);border-radius:5px}nav.links{display:flex;align-items:center;gap:28px;font-size:.88rem;color:var(--text-muted)}nav.links a{text-decoration:none;transition:color .15s ease}nav.links a:hover{color:var(--text)}.nav-cta{display:flex;align-items:center;gap:14px}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:.85rem;font-weight:600;padding:10px 18px;border-radius:999px;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:transform .15s ease,opacity .15s ease,border-color .15s ease}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(150deg,var(--velvet-bright),var(--velvet));color:#fff;box-shadow:0 10px 24px -10px #a855f78c}.btn-primary:hover{opacity:.92}.btn-ghost{background:transparent;border-color:var(--hairline);color:var(--text)}.btn-ghost:hover{border-color:var(--velvet-bright)}.btn-sm{padding:7px 14px;font-size:.78rem}.hero{padding:96px 0 60px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;color:var(--velvet-bright);background:#a855f71a;border:1px solid rgba(168,85,247,.35);padding:6px 12px;border-radius:999px;margin-bottom:22px}.eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--velvet-bright)}h1.headline{font-family:var(--font-display);font-weight:800;font-size:clamp(2.6rem,4.6vw,4rem);line-height:1.04;letter-spacing:-.02em;margin:0 0 22px}h1.headline em{font-style:normal;font-weight:800;background:linear-gradient(120deg,var(--velvet-bright),var(--rose) 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.sub{font-size:1.06rem;color:var(--text-muted);max-width:480px;margin:0 0 34px}.hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:38px}.install-line{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:.86rem;background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--hairline);padding:11px 8px 11px 18px;border-radius:999px;color:var(--text-muted)}.install-line b{color:var(--rose);font-weight:500}.copy-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--surface-2);border:1px solid var(--hairline);color:var(--text-muted);cursor:pointer;transition:color .15s ease,border-color .15s ease}.copy-btn:hover{color:var(--text);border-color:var(--velvet-bright)}.trust-row{display:flex;gap:26px;flex-wrap:wrap;font-size:.78rem;color:var(--text-faint);font-family:var(--font-mono)}.trust-row span{display:flex;align-items:center;gap:7px}.trust-dot{width:5px;height:5px;border-radius:50%;background:var(--velvet-bright)}.demo-card{position:relative;background:radial-gradient(ellipse 260px 180px at 70% 0%,rgba(168,85,247,.35),transparent 70%),linear-gradient(165deg,var(--surface-2),var(--surface));border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:22px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 30px 60px -30px #000000b3,inset 0 1px #ffffff0f}.demo-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;font-family:var(--font-mono);font-size:.72rem;color:var(--text-faint)}.demo-dots{display:flex;gap:6px}.demo-dots span{width:8px;height:8px;border-radius:50%;background:var(--hairline)}#velvet-demo-root{min-height:280px}.stats-section{padding:0 0 78px}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--hairline);border-radius:var(--radius-lg);background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden}.stat{padding:26px 20px;text-align:center;border-right:1px solid var(--hairline)}.stat:last-child{border-right:none}.stat-value{display:block;font-family:var(--font-display);font-weight:800;font-size:1.7rem;letter-spacing:-.01em;background:linear-gradient(120deg,var(--velvet-bright),var(--rose) 90%);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:6px}.stat-label{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.steps-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.step-card{position:relative;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:30px 28px;overflow:hidden}.step-n{display:block;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.06em;color:var(--velvet-bright);margin-bottom:14px}.step-card h3{font-family:var(--font-display);font-weight:700;font-size:1.08rem;margin:0 0 10px;letter-spacing:-.01em}.step-card p{font-size:.9rem;color:var(--text-muted);line-height:1.65;margin:0}.cases-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.case-card{background:linear-gradient(165deg,var(--surface-2),var(--surface));border:1px solid var(--hairline);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:26px 22px;transition:border-color .18s ease,transform .18s ease}.case-card:hover{border-color:#a855f766;transform:translateY(-2px)}.case-tag{display:inline-block;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--rose);background:#3b82f61a;border:1px solid rgba(59,130,246,.3);padding:4px 10px;border-radius:999px;margin-bottom:16px}.case-card h3{font-family:var(--font-body);font-size:1rem;font-weight:700;margin:0 0 8px;line-height:1.3}.case-card p{font-size:.85rem;color:var(--text-muted);line-height:1.6;margin:0}.compare-table-wrap{border:1px solid var(--hairline);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow-x:auto;box-shadow:0 20px 40px -20px #00000026}table.compare-table{width:100%;border-collapse:collapse;font-size:.88rem}table.compare-table th,table.compare-table td{padding:18px 24px;border-bottom:1px solid var(--hairline);text-align:center;vertical-align:middle}table.compare-table th{font-family:var(--font-mono);font-size:.76rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);background:var(--surface-2);font-weight:600}table.compare-table tr:last-child td{border-bottom:none}.compare-label{text-align:left!important;color:var(--text-muted);font-size:.9rem;font-weight:500}.compare-col-velvet{background:#a855f708}html[data-theme=light] .compare-col-velvet{background:#a855f705}th.compare-col-velvet{color:var(--velvet-bright)!important;font-weight:700!important;border-bottom:2px solid var(--velvet)!important}td.compare-col-velvet{border-left:1px solid rgba(168,85,247,.1);border-right:1px solid rgba(168,85,247,.1)}.compare-icon{display:inline-block;vertical-align:middle}.compare-icon--yes{color:var(--success)}.compare-icon--no{color:var(--danger);opacity:.6}.compare-badge--partial{display:inline-block;font-family:var(--font-mono);font-size:.72rem;font-weight:600;padding:3px 8px;border-radius:6px;background:#f59e0b1a;color:var(--gold);border:1px solid rgba(245,158,11,.2)}.faq-list{display:flex;flex-direction:column;gap:12px;max-width:760px}.faq-item{border:1px solid var(--hairline);border-radius:var(--radius-md);background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:4px 24px;transition:border-color .18s ease}.faq-item.open{border-color:#a855f766}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;background:none;border:none;cursor:pointer;padding:20px 0;font-family:var(--font-body);font-size:.98rem;font-weight:600;color:var(--text);text-align:left}.faq-chevron{color:var(--velvet-bright);font-size:1.1rem;flex-shrink:0;transition:transform .18s ease}.faq-item.open .faq-chevron{transform:rotate(180deg)}.faq-answer{margin:0 0 20px;color:var(--text-muted);font-size:.9rem;line-height:1.6;max-width:640px}section{padding:78px 0}.section-head{max-width:600px;margin-bottom:46px}.kicker{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--velvet-bright);margin-bottom:12px;display:block}h2.section-title{font-family:var(--font-display);font-weight:700;font-size:clamp(1.8rem,3vw,2.5rem);margin:0 0 12px;letter-spacing:-.02em}.section-desc{color:var(--text-muted);font-size:1rem;max-width:520px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:28px 24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}.feature:hover{background:var(--surface-2);border-color:#a855f766;transform:translateY(-2px);box-shadow:0 12px 30px -14px #a855f780}.feature-icon{font-size:1.3rem;margin-bottom:14px;display:block}.feature h3{font-family:var(--font-body);font-size:.95rem;font-weight:600;margin:0 0 6px}.feature p{font-size:.83rem;color:var(--text-muted);margin:0;line-height:1.55}.code-split{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:center}.code-copy h2{margin-bottom:16px}.code-list{list-style:none;padding:0;margin:40px 0 0;display:flex;flex-direction:column;gap:20px}.code-list li{display:flex;gap:16px;font-size:.92rem;line-height:1.6;color:var(--text-muted);padding:16px 20px;border-radius:var(--radius-md);transition:all .2s ease;border-left:4px solid transparent}.code-list b{color:var(--text);font-weight:600}.num{font-family:var(--font-mono);font-size:.8rem;font-weight:600;color:var(--velvet-bright);width:26px;height:26px;border:1px solid var(--hairline);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;transition:all .2s ease}.code-window{background:#0a0a12d9;border:1px solid var(--hairline);border-radius:var(--radius-md);overflow:hidden;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 30px 60px -30px #000c;margin-bottom:24px}.code-window:last-child{margin-bottom:0}.code-window-head{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid var(--hairline);background:#ffffff04}.code-window-head span{width:10px;height:10px;border-radius:50%;background:var(--hairline)}.code-window-head .fname{margin-left:10px;font-family:var(--font-mono);font-size:.75rem;color:var(--text-faint)}pre.code-body{margin:0;padding:22px 24px;font-family:var(--font-mono);font-size:.82rem;line-height:1.75;overflow-x:auto;color:#d9d1e6}.tok-kw{color:#c792ea}.tok-com{color:#fff6;font-style:italic}.tok-tag{color:#ff5370}.tok-attr{color:var(--gold)}.code-stack{display:flex;flex-direction:column}.props-table-wrap{border:1px solid var(--hairline);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow-x:auto}table.props{width:100%;border-collapse:collapse;font-size:.86rem}table.props th{text-align:left;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);padding:14px 22px;border-bottom:1px solid var(--hairline);background:var(--surface-2)}table.props td{padding:16px 22px;border-bottom:1px solid var(--hairline);vertical-align:top;color:var(--text-muted)}table.props tr:last-child td{border-bottom:none}table.props td.prop-name{font-family:var(--font-mono);color:var(--rose);white-space:nowrap}table.props td.prop-type{font-family:var(--font-mono);font-size:.78rem;color:var(--text-faint);white-space:nowrap}.theme-switcher-container{position:relative;display:inline-block}.theme-switcher-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--surface-2);border:1px solid var(--hairline);color:var(--text-muted);cursor:pointer;transition:all .15s ease;padding:0}.theme-switcher-btn:hover{border-color:var(--velvet-bright);color:var(--text);background:var(--surface-3)}.theme-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--hairline);border-radius:var(--radius-sm);padding:6px;min-width:130px;box-shadow:0 10px 25px -5px #0003;z-index:50;display:flex;flex-direction:column;gap:4px}.theme-option{display:flex;align-items:center;gap:10px;padding:8px 12px;border:none;background:transparent;border-radius:6px;color:var(--text-muted);font-family:var(--font-body);font-size:.82rem;font-weight:500;cursor:pointer;text-align:left;transition:all .12s ease;width:100%}.theme-option:hover{background:var(--surface-3);color:var(--text)}.theme-option.active{background:#a855f726;color:var(--velvet-bright)}.theme-icon{flex-shrink:0;color:currentColor}footer{border-top:1px solid var(--hairline);padding:64px 0 40px;margin-top:80px;background:#ffffff03}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:40px;margin-bottom:48px}.footer-col h4{font-family:var(--font-display);font-size:.9rem;font-weight:700;color:var(--text);margin:0 0 20px;letter-spacing:.03em;text-transform:uppercase}.footer-col p{font-size:.88rem;color:var(--text-muted);line-height:1.6;margin:0 0 20px}.footer-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.footer-col ul a{font-size:.88rem;color:var(--text-muted);text-decoration:none;transition:color .15s ease}.footer-col ul a:hover{color:var(--velvet-bright)}.footer-socials{display:flex;gap:12px}.social-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--surface-2);border:1px solid var(--hairline);color:var(--text-muted);transition:all .15s ease;text-decoration:none}.social-icon-btn:hover{background:var(--surface-3);color:var(--velvet-bright);border-color:var(--velvet-bright);transform:translateY(-2px)}.footer-attribution{font-size:.88rem;color:var(--text-muted);display:flex;flex-direction:column;gap:8px}.footer-attribution a{color:var(--text);text-decoration:none;font-weight:600;transition:color .15s ease}.footer-attribution a:hover{color:var(--velvet-bright)}.footer-version{font-family:var(--font-mono);font-size:.76rem;color:var(--text-faint);background:var(--surface-2);padding:4px 8px;border-radius:6px;width:fit-content;border:1px solid var(--hairline)}.footer-divider{border:0;height:1px;background:var(--hairline);margin-bottom:24px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:.8rem;color:var(--text-faint)}@media (max-width: 900px){.hero-grid,.code-split{grid-template-columns:1fr}.feature-grid,.stats-strip,.steps-grid,.cases-grid{grid-template-columns:repeat(2,1fr)}.stat{border-bottom:1px solid var(--hairline)}.stat:nth-child(2n){border-right:none}.compare-table-wrap{overflow-x:auto}table.compare-table{min-width:620px}nav.links{display:none}}@media (max-width: 560px){.feature-grid,.stats-strip,.steps-grid,.cases-grid{grid-template-columns:1fr}.stat{border-right:none}.hero{padding-top:70px}}.playground-container{display:flex;flex-direction:column;gap:24px;width:100%}.playground-controls{background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:24px;box-shadow:0 10px 30px #0000000d}.controls-title{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--text);margin:0 0 20px;letter-spacing:.02em}.control-group{margin-bottom:20px}.control-group:last-child{margin-bottom:0}.control-group--indented{padding-left:28px;border-left:2px solid var(--hairline);margin-top:-12px}.control-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.control-label--row{align-items:center;justify-content:space-between;cursor:default}.control-label--row .control-info{flex:1 1 auto;min-width:0;padding-right:12px}.control-label--row .control-select,.control-label--row .number-stepper{flex-shrink:0}.control-label input[type=checkbox]{width:18px;height:18px;border-radius:4px;border:1.5px solid var(--hairline);accent-color:var(--velvet);cursor:pointer;margin-top:3px}.control-info{display:flex;flex-direction:column;gap:2px}.control-name{font-size:.9rem;font-weight:600;color:var(--text)}.control-desc{font-size:.78rem;color:var(--text-muted)}.number-stepper{display:flex;align-items:center;border:1px solid var(--hairline);border-radius:8px;background:var(--surface-2);overflow:hidden}.number-stepper button{width:32px;height:32px;border:none;background:transparent;color:var(--text);font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s}.number-stepper button:hover:not(:disabled){background:var(--surface-3)}.number-stepper button:disabled{opacity:.3;cursor:not-allowed}.stepper-value{padding:0 12px;font-family:var(--font-mono);font-size:.88rem;font-weight:600;color:var(--text)}.playground-code-block{background:#0a0a12d9;border:1px solid var(--hairline);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 20px 40px #0000001a}.code-block-header{display:flex;justify-content:space-between;align-items:center;padding:10px 18px;background:#ffffff05;border-bottom:1px solid var(--hairline);color:var(--text-faint);font-size:.78rem;font-weight:500}.copy-code-btn{background:transparent;border:1px solid var(--hairline);color:var(--text-muted);font-size:.72rem;font-weight:600;padding:4px 10px;border-radius:6px;cursor:pointer;transition:all .15s ease}.copy-code-btn:hover{background:var(--surface-3);color:var(--text);border-color:var(--velvet-bright)}pre.code-snippet-box{margin:0;padding:18px;overflow-x:auto;font-family:var(--font-mono);font-size:.8rem;line-height:1.6;color:#d9d1e6}@media (max-width: 900px){.playground-row{grid-template-columns:1fr;gap:20px}}.code-tabs-header{display:flex;background:#0a0a12f2;border:1px solid var(--hairline);border-bottom:1px solid var(--hairline);border-radius:var(--radius-md) var(--radius-md) 0 0;padding:6px 12px 0;gap:4px}.tab-btn{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-family:var(--font-body);font-size:.82rem;font-weight:500;padding:10px 16px;cursor:pointer;transition:all .15s ease;border-radius:6px 6px 0 0}.tab-btn:hover{color:var(--text);background:#ffffff08}.tab-btn.active{color:var(--velvet-bright);border-bottom-color:var(--velvet-bright);background:#ffffff0d}.code-list li:hover{background:var(--surface-2)}.code-list li.active{background:var(--surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 30px -10px #00000040;border-left-color:var(--velvet-bright);color:var(--text)}.code-list li.active .num{background:var(--velvet-bright);color:var(--void);border-color:var(--velvet-bright)}.hero--centered{text-align:center;padding:120px 0 70px}.hero-content-centered{max-width:800px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.hero-content-centered h1.headline{margin:0 auto 24px}.hero-content-centered .sub{margin:0 auto 36px;max-width:620px;font-size:1.15rem;line-height:1.6}.hero-content-centered .hero-actions{justify-content:center;margin-bottom:40px}.hero-content-centered .trust-row{justify-content:center}.playground-section{padding:90px 0;border-bottom:1px solid var(--hairline);background:var(--surface-bg)}.playground-row{display:grid;grid-template-columns:minmax(340px,420px) minmax(0,900px);gap:48px;align-items:start;justify-content:center}.playground-preview-pane{background:radial-gradient(ellipse 260px 180px at 70% 0%,rgba(168,85,247,.15),transparent 70%),linear-gradient(165deg,var(--surface-2),var(--surface));border:1px solid var(--hairline);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 30px 60px -30px #0009,inset 0 1px #ffffff0d;display:flex;flex-direction:column}.preview-pane-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#ffffff04;border-bottom:1px solid var(--hairline);font-family:var(--font-mono);font-size:.72rem;color:var(--text-faint)}.preview-pane-body{padding:32px;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:300px}.preview-pane-code{border-top:1px solid var(--hairline)}.preview-pane-code .code-block-header{background:#ffffff05}.preview-pane-code pre.code-snippet-box{max-height:320px;overflow-y:auto}.settings-section{border-bottom:1px solid var(--hairline);padding-bottom:20px;margin-bottom:20px}.settings-section:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.settings-section-title{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;color:var(--text-faint);margin:0 0 16px}.control-label--column{flex-direction:column;align-items:stretch;gap:8px}.control-select{background:var(--surface-2);border:1px solid var(--hairline);border-radius:6px;color:var(--text);font-family:var(--font-body);font-size:.82rem;padding:6px 10px;cursor:pointer;outline:none}.control-select:focus{border-color:var(--velvet-bright)}.control-select option{background:var(--void);color:var(--text)}.control-text-input{background:var(--surface-2);border:1px solid var(--hairline);border-radius:6px;color:var(--text);font-family:var(--font-body);font-size:.82rem;padding:8px 12px;width:100%;outline:none;transition:all .15s}.control-text-input:focus{border-color:var(--velvet-bright);background:var(--surface-3)}.control-range{width:140px;accent-color:var(--velvet-bright);cursor:pointer}@media (max-width: 1024px){.playground-row{grid-template-columns:1fr;gap:32px}}.vd-root{--vd-accent: var(--velvet-bright);--vd-accent-soft: rgba(168, 85, 247, .12);--vd-border: var(--hairline);--vd-bg: var(--surface-2);--vd-bg-hover: var(--surface-3);--vd-text: var(--text);--vd-text-muted: var(--text-muted)}