@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Pacifico&display=swap";:root{--color-neutral-100: #f8fafc;--color-neutral-200: #f1f5f9;--color-neutral-300: #e2e8f0;--color-neutral-400: #cbd5e1;--color-neutral-500: #94a3b8;--color-neutral-600: #64748b;--color-neutral-700: #475569;--color-neutral-800: #334155;--color-neutral-900: #1e293b;--color-neutral-950: #0f172a;--color-neutral-1000: #0a0a0f;--color-accent-100: #dbeafe;--color-accent-200: #bfdbfe;--color-accent-300: #93c5fd;--color-accent-400: #60a5fa;--color-accent-500: #3b82f6;--color-accent-600: #2563eb;--color-accent-700: #1d4ed8;--color-accent-800: #1e40af;--color-accent-900: #1e3a8a;--color-accent-2-100: #e0e7ff;--color-accent-2-200: #c7d2fe;--color-accent-2-300: #a5b4fc;--color-accent-2-400: #818cf8;--color-accent-2-500: #6366f1;--color-accent-2-600: #4f46e5;--color-accent-2-700: #4338ca;--color-accent-2-800: #3730a3;--color-accent-2-900: #312e81;--color-success-100: #d1fae5;--color-success-500: #10b981;--color-success-600: #059669;--color-success-700: #047857;--color-warning-100: #fef3c7;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-warning-700: #b45309;--color-warning-800: #92400e;--color-danger-100: #fee2e2;--color-danger-400: #f87171;--color-danger-500: #ef4444;--color-danger-600: #dc2626;--color-danger-700: #b91c1c;--color-danger-800: #991b1b;--color-annotate-100: #ffedd5;--color-annotate-500: #f97316;--color-annotate-600: #ea580c;--color-annotate-700: #c2410c;--color-trace-100: #cffafe;--color-trace-500: #06b6d4;--color-trace-600: #0891b2;--color-trace-700: #0e7490;--color-accent: var(--color-accent-500);--color-accent-2: var(--color-accent-2-500);--color-on-accent: #ffffff;--color-success: var(--color-success-500);--color-warning: var(--color-warning-500);--color-danger: var(--color-danger-500);--color-annotate: var(--color-annotate-500);--color-trace: var(--color-trace-500);--color-canvas: var(--color-neutral-1000);--color-primary-fill: var(--color-accent-600);--color-primary-hover: var(--color-accent-700);--color-primary-pressed: var(--color-accent-800);--color-danger-fill: var(--color-danger-600);--color-danger-hover: var(--color-danger-700);--color-danger-pressed: var(--color-danger-800);--gradient-brand: linear-gradient(135deg, var(--color-accent-600) 0%, var(--color-accent-2-600) 100%);--gradient-trace: linear-gradient(90deg, var(--color-accent-2-500) 0%, var(--color-trace-500) 100%);--gradient-progress: linear-gradient(90deg, var(--color-accent-500) 0%, var(--color-success-500) 100%);--gradient-ground-dark: linear-gradient(135deg, #1e3a5f 0%, #0f172a 100%);--gradient-ground-light: linear-gradient(135deg, #e0f2fe 0%, #f1f5f9 100%);--gradient-vignette: radial-gradient(ellipse at center, transparent 55%, color-mix(in srgb, #000 30%, transparent) 100%);--font-heading: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-heading-weight: 700;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Pacifico", "Brush Script MT", cursive;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--text-display: 48px;--text-h1: 36px;--text-h2: 28px;--text-h3: 22px;--text-h4: 18px;--text-h5: 15px;--text-h6: 11px;--text-lg: 16px;--text-md: 14px;--text-sm: 12px;--text-xs: 11px;--leading-tight: 1.12;--leading-snug: 1.3;--leading-body: 1.5;--tracking-tight: -.03em;--tracking-snug: -.015em;--tracking-caps: .08em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 999px;--motion-duration-instant: 80ms;--motion-duration-fast: .15s;--motion-duration-base: .24s;--motion-duration-slow: .4s;--motion-duration-cinematic: .8s;--motion-ease-linear: linear;--motion-ease-standard: cubic-bezier(.4, 0, .2, 1);--motion-ease-out: cubic-bezier(.16, 1, .3, 1);--motion-ease-in: cubic-bezier(.7, 0, .84, 0);--motion-ease-overshoot: cubic-bezier(.34, 1.56, .64, 1);--topbar-h: 48px;--panel-w: 280px;--timeline-h: 220px;--content-max: 1200px}:root,[data-theme=dark]{color-scheme:dark;--color-bg: var(--color-neutral-950);--color-surface: var(--color-neutral-900);--color-surface-2: var(--color-neutral-800);--color-text: var(--color-neutral-100);--color-text-2: var(--color-neutral-500);--color-text-3: var(--color-neutral-600);--color-text-raised: var(--color-neutral-400);--color-link: var(--color-accent-400);--color-danger-text: var(--color-danger-400);--color-warning-text: var(--color-warning-500);--color-divider: color-mix(in srgb, var(--color-neutral-100) 12%, transparent);--color-hover: color-mix(in srgb, var(--color-neutral-100) 6%, transparent);--color-pressed: color-mix(in srgb, var(--color-neutral-100) 12%, transparent);--color-accent-hover: var(--color-accent-400);--color-accent-pressed: var(--color-accent-600);--color-accent-tint: color-mix(in srgb, var(--color-accent-500) 14%, transparent);--color-scrim: color-mix(in srgb, var(--color-neutral-1000) 65%, transparent);--gradient-ground: var(--gradient-ground-dark);--shadow-sm: 0 1px 2px color-mix(in srgb, #000 40%, transparent), 0 0 0 1px color-mix(in srgb, var(--color-neutral-100) 6%, transparent);--shadow-md: 0 4px 16px color-mix(in srgb, #000 45%, transparent), 0 0 0 1px color-mix(in srgb, var(--color-neutral-100) 7%, transparent);--shadow-lg: 0 24px 64px color-mix(in srgb, #000 60%, transparent), 0 0 0 1px color-mix(in srgb, var(--color-neutral-100) 8%, transparent);--shadow-stage: 0 25px 80px color-mix(in srgb, #000 60%, transparent), 0 10px 30px color-mix(in srgb, #000 40%, transparent);--shadow-glow: 0 0 24px color-mix(in srgb, var(--color-accent-500) 35%, transparent)}[data-theme=light]{color-scheme:light;--color-bg: var(--color-neutral-100);--color-surface: #ffffff;--color-surface-2: var(--color-neutral-200);--color-text: var(--color-neutral-900);--color-text-2: var(--color-neutral-700);--color-text-3: var(--color-neutral-600);--color-text-raised: var(--color-neutral-700);--color-link: var(--color-accent-700);--color-danger-text: var(--color-danger-700);--color-warning-text: var(--color-warning-800);--color-divider: var(--color-neutral-300);--color-hover: color-mix(in srgb, var(--color-neutral-900) 5%, transparent);--color-pressed: color-mix(in srgb, var(--color-neutral-900) 10%, transparent);--color-accent-hover: var(--color-accent-600);--color-accent-pressed: var(--color-accent-700);--color-accent-tint: color-mix(in srgb, var(--color-accent-500) 10%, transparent);--color-scrim: color-mix(in srgb, var(--color-neutral-950) 50%, transparent);--gradient-ground: var(--gradient-ground-light);--shadow-sm: 0 1px 2px color-mix(in srgb, var(--color-neutral-950) 8%, transparent), 0 0 0 1px color-mix(in srgb, var(--color-neutral-950) 6%, transparent);--shadow-md: 0 4px 16px color-mix(in srgb, var(--color-neutral-950) 10%, transparent), 0 0 0 1px color-mix(in srgb, var(--color-neutral-950) 6%, transparent);--shadow-lg: 0 25px 50px -12px color-mix(in srgb, var(--color-neutral-950) 18%, transparent);--shadow-stage: 0 25px 80px color-mix(in srgb, #000 15%, transparent), 0 10px 30px color-mix(in srgb, #000 10%, transparent);--shadow-glow: 0 0 24px color-mix(in srgb, var(--color-accent-500) 30%, transparent)}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-md);line-height:var(--leading-body);font-weight:400;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-heading-weight);line-height:var(--leading-tight);letter-spacing:var(--tracking-snug);margin:0 0 var(--space-2)}h1{font-size:var(--text-h1);font-weight:800;letter-spacing:var(--tracking-tight)}h2{font-size:var(--text-h2);letter-spacing:-.02em}h3{font-size:var(--text-h3)}h4{font-size:var(--text-h4);font-weight:600}h5{font-size:var(--text-h5);font-weight:600;letter-spacing:0}h6{font-size:var(--text-h6);font-weight:600;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-text-2)}.display{font-family:var(--font-display);font-weight:400;font-size:var(--text-display);line-height:1.2;letter-spacing:0}p{margin:0 0 var(--space-3)}a{color:var(--color-link);text-underline-offset:3px}a:hover{color:var(--color-accent-hover)}img,video{display:block;max-width:100%}figure{margin:0}code,.mono{font-family:var(--font-mono);font-size:.92em}.text-muted{color:var(--color-text-2)}.text-faint{color:var(--color-text-3)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:color-mix(in srgb,var(--color-accent) 30%,transparent)}.hr{height:1px;border:0;margin:var(--space-4) 0;background:var(--color-divider)}.brand{font-family:var(--font-heading);font-weight:800;letter-spacing:var(--tracking-tight);color:var(--color-text);text-decoration:none}.brand span{color:var(--color-link)}.spacer{flex:1}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);cursor:pointer;text-decoration:none;white-space:nowrap;position:relative;font-family:var(--font-body);font-weight:600;font-size:var(--text-md);line-height:1;color:var(--color-text);background:transparent;border:1px solid transparent;height:32px;padding:0 var(--space-3);border-radius:var(--radius-md);transition:background var(--motion-duration-fast) var(--motion-ease-standard),border-color var(--motion-duration-fast) var(--motion-ease-standard),box-shadow var(--motion-duration-fast) var(--motion-ease-standard),transform var(--motion-duration-base) var(--motion-ease-overshoot)}.btn svg{display:block;width:16px;height:16px;flex:none}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--color-primary-fill);color:var(--color-on-accent)}.btn-primary:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-glow)}.btn-primary:active{background:var(--color-primary-pressed);box-shadow:none}.btn-secondary{background:var(--color-surface);border-color:var(--color-divider)}.btn-secondary:hover{background:var(--color-surface-2);border-color:color-mix(in srgb,var(--color-text) 25%,transparent)}.btn-secondary:active{background:var(--color-pressed)}.btn-ghost{color:var(--color-text-2)}.btn-ghost:hover{background:var(--color-hover);color:var(--color-text)}.btn-ghost:active{background:var(--color-pressed)}.btn-danger{background:var(--color-danger-fill);color:var(--color-on-accent)}.btn-danger:hover{background:var(--color-danger-hover)}.btn-danger:active{background:var(--color-danger-pressed)}.btn-gradient{background:var(--gradient-brand);color:var(--color-on-accent);border:0}.btn-gradient:hover{box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-gradient:active{transform:translateY(0);box-shadow:none}.btn-sm{height:26px;padding:0 var(--space-2);font-size:var(--text-sm);border-radius:var(--radius-sm)}.btn-sm svg{width:14px;height:14px}.btn-lg{height:44px;padding:0 var(--space-5);font-size:var(--text-lg);border-radius:var(--radius-pill)}.btn-lg svg{width:18px;height:18px}.btn-block{width:100%}.btn-loading{color:transparent!important;pointer-events:none}.btn-loading:after{content:"";position:absolute;inset:0;margin:auto;width:14px;height:14px;border-radius:50%;border:2px solid color-mix(in srgb,var(--color-on-accent) 30%,transparent);border-top-color:var(--color-on-accent);animation:spin .7s var(--motion-ease-linear) infinite}.btn-secondary.btn-loading:after,.btn-ghost.btn-loading:after{border-color:var(--color-divider);border-top-color:var(--color-text)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:480px),(pointer:coarse){.btn{min-height:40px}}.kbd{display:inline-block;font-family:var(--font-mono);font-size:var(--text-xs);line-height:1;padding:3px 6px;border-radius:var(--radius-xs);color:var(--color-text-raised);background:var(--color-surface-2);border:1px solid var(--color-divider);box-shadow:0 1px 0 var(--color-divider)}.tipwrap{position:relative;display:inline-flex}.tipb{position:absolute;left:50%;z-index:1;display:inline-flex;align-items:center;gap:6px;width:max-content;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--color-neutral-1000);color:var(--color-neutral-100);font-size:var(--text-xs);font-weight:500;line-height:var(--leading-body);box-shadow:var(--shadow-md);white-space:nowrap;pointer-events:none;transition:opacity var(--motion-duration-fast) var(--motion-ease-out),transform var(--motion-duration-fast) var(--motion-ease-out)}.tipb.top{bottom:calc(100% + 6px);transform:translate(-50%)}.tipb.bot{top:calc(100% + 6px);transform:translate(-50%)}.tipb.is-closed{opacity:0}.tipb.top.is-closed{transform:translate(-50%) translateY(4px)}.tipb.bot.is-closed{transform:translate(-50%) translateY(-4px)}.tipb .kbd{background:color-mix(in srgb,var(--color-neutral-100) 12%,transparent);border-color:color-mix(in srgb,var(--color-neutral-100) 22%,transparent);color:var(--color-neutral-400);box-shadow:none}.btn-icon{width:32px;padding:0}.btn-icon.btn-sm{width:26px}.btn-icon.btn-lg{width:44px}@media(max-width:480px),(pointer:coarse){.btn-icon{min-width:40px}}.field{display:flex;flex-direction:column;gap:5px}.field>label{font-size:var(--text-sm);font-weight:500;color:var(--color-text-2)}.field-hint{font-size:var(--text-xs);color:var(--color-text-2)}.field-error{font-size:var(--text-xs);color:var(--color-danger-text)}.input{width:100%;min-height:32px;padding:0 10px;font:inherit;font-size:var(--text-md);color:var(--color-text);caret-color:var(--color-accent);background:var(--color-bg);border:1px solid var(--color-divider);border-radius:var(--radius-md);transition:border-color var(--motion-duration-fast) var(--motion-ease-standard),box-shadow var(--motion-duration-fast) var(--motion-ease-standard)}[data-theme=light] .input{background-color:var(--color-surface)}.input::placeholder{color:var(--color-text-3)}.input:hover{border-color:color-mix(in srgb,var(--color-text) 30%,transparent)}.input:focus-visible{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px var(--color-accent-tint)}.input:disabled{opacity:.45;cursor:not-allowed}.input[aria-invalid=true],.input.is-error{border-color:var(--color-danger)}.input[aria-invalid=true]:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-danger) 20%,transparent)}.input-lg{min-height:48px;font-size:var(--text-lg);padding:0 var(--space-4);border-radius:var(--radius-pill)}.input-wrap{position:relative;display:flex;align-items:center}.input-wrap>.input{flex:1}.input-prefix,.input-suffix{position:absolute;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-text-2)}.input-prefix{left:10px;pointer-events:none}.input-prefix svg{display:block;width:16px;height:16px}.input-suffix{right:var(--space-1)}.input-wrap.has-prefix>.input{padding-left:calc(10px + 16px + var(--space-2))}.input-wrap.has-suffix>.input{padding-right:var(--input-suffix-width, 40px)}.input-wrap.has-prefix>.input-lg{padding-left:calc(var(--space-4) + 16px + var(--space-2))}.input-wrap.has-prefix>.input-lg~.input-prefix,.input-wrap>.input-lg+.input-prefix{left:var(--space-4)}.input-group{display:flex;align-items:stretch;gap:var(--space-2)}.input-group .input,.input-group>.field{flex:1;min-width:0}.input-group.is-pill{padding:var(--space-1);border-radius:var(--radius-pill);background:var(--color-surface);border:1px solid var(--color-divider)}.input-group.is-pill .input{border:0;background:transparent;box-shadow:none}.input-group.is-pill:focus-within{border-color:var(--color-accent);box-shadow:var(--shadow-glow)}@media(max-width:480px){.input-group.is-pill{flex-direction:column;border-radius:var(--radius-xl)}.input-group.is-pill>.btn{width:100%}}@media(max-width:480px),(pointer:coarse){.input{min-height:40px}.input-lg{min-height:48px}}textarea.input{min-height:88px;padding:var(--space-2) 10px;resize:vertical;line-height:var(--leading-body)}textarea.input.is-autogrow{resize:none;overflow:hidden}.field-foot{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3)}.textarea-counter{margin-left:auto;text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums}select.input{appearance:none;padding-right:28px;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--color-text-2) 50%),linear-gradient(135deg,var(--color-text-2) 50%,transparent 50%);background-position:calc(100% - 14px) 13px,calc(100% - 10px) 13px;background-size:4px 4px;background-repeat:no-repeat}select.input:disabled{cursor:not-allowed}.slider{-webkit-appearance:none;appearance:none;width:100%;height:20px;background:transparent;cursor:pointer;margin:0}.slider::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(var(--color-accent),var(--color-accent)) 0 / var(--value, 50%) 100% no-repeat,var(--color-surface-2)}.slider::-moz-range-track{height:4px;border-radius:2px;background:var(--color-surface-2)}.slider::-moz-range-progress{height:4px;border-radius:2px;background:var(--color-accent)}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;background:var(--color-text);border:2px solid var(--color-accent);box-shadow:var(--shadow-sm);transition:transform var(--motion-duration-fast) var(--motion-ease-overshoot),background var(--motion-duration-fast) var(--motion-ease-standard)}.slider::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:var(--color-text);border:2px solid var(--color-accent);transition:transform var(--motion-duration-fast) var(--motion-ease-overshoot),background var(--motion-duration-fast) var(--motion-ease-standard)}.slider:hover::-webkit-slider-thumb{transform:scale(1.15)}.slider:active::-webkit-slider-thumb{transform:scale(1.25);background:var(--color-accent)}.slider:hover::-moz-range-thumb{transform:scale(1.15)}.slider:active::-moz-range-thumb{transform:scale(1.25);background:var(--color-accent)}.slider:focus-visible{outline:none}.slider:focus-visible::-webkit-slider-thumb{outline:2px solid var(--color-accent);outline-offset:2px}.slider:focus-visible::-moz-range-thumb{outline:2px solid var(--color-accent);outline-offset:2px}.slider:disabled{opacity:.45;cursor:not-allowed}.slider-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-3)}.slider-value{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-2);min-width:4ch;text-align:right}.slider-row.is-disabled .slider-value{opacity:.45}@media(max-width:480px),(pointer:coarse){.slider{height:40px}}.tag{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:600;line-height:1;letter-spacing:.02em;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);white-space:nowrap}.tag svg{width:12px;height:12px}.tag-accent{background:var(--color-accent-tint);color:var(--color-accent-hover)}.tag-accent-2{background:color-mix(in srgb,var(--color-accent-2) 14%,transparent);color:var(--color-accent-2-300)}.tag-neutral{background:var(--color-surface-2);color:var(--color-text-raised)}.tag-success{background:color-mix(in srgb,var(--color-success) 14%,transparent);color:var(--color-success)}.tag-warning{background:color-mix(in srgb,var(--color-warning) 14%,transparent);color:var(--color-warning-text)}.tag-danger{background:color-mix(in srgb,var(--color-danger) 14%,transparent);color:var(--color-danger-text)}.tag-outline{border:1px solid var(--color-accent);color:var(--color-link);background:transparent}.tag-plan{background:var(--gradient-brand);color:var(--color-on-accent);border-radius:var(--radius-pill)}[data-theme=light] .tag-accent{color:var(--color-accent-700)}[data-theme=light] .tag-accent-2{color:var(--color-accent-2-700)}[data-theme=light] .tag-success{color:var(--color-success-700)}.toggle{position:relative;display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-md)}.toggle input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.toggle .track{position:relative;width:32px;height:18px;flex:none;border-radius:var(--radius-pill);background:var(--color-surface-2);border:1px solid var(--color-divider);transition:background var(--motion-duration-fast) var(--motion-ease-standard),border-color var(--motion-duration-fast) var(--motion-ease-standard)}.toggle .track:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--color-text-2);transition:transform var(--motion-duration-base) var(--motion-ease-overshoot),background var(--motion-duration-fast) var(--motion-ease-standard)}.toggle:hover .track{border-color:color-mix(in srgb,var(--color-text) 30%,transparent)}.toggle input:checked+.track{background:var(--color-accent);border-color:var(--color-accent)}.toggle input:checked+.track:after{transform:translate(14px);background:var(--color-on-accent)}.toggle input:focus-visible+.track{outline:2px solid var(--color-accent);outline-offset:2px}.toggle input:disabled~*{opacity:.45;cursor:not-allowed}.toggle:has(input:disabled){cursor:not-allowed}.toggle.is-locked{cursor:not-allowed}.toggle.is-locked .track{opacity:.45}.toggle.is-locked .tag{margin-left:var(--space-1)}@media(max-width:480px),(pointer:coarse){.toggle{min-height:40px;align-items:center}}.seg{display:inline-flex;padding:3px;gap:2px;background:var(--color-bg);border:1px solid var(--color-divider);border-radius:var(--radius-md)}[data-theme=light] .seg{background:var(--color-surface-2)}.seg-opt{position:relative;display:inline-flex;align-items:center;gap:6px;cursor:pointer;height:24px;padding:0 10px;font-size:var(--text-sm);font-weight:600;color:var(--color-text-2);border:0;background:transparent;border-radius:var(--radius-sm);font-family:var(--font-body);white-space:nowrap;transition:background var(--motion-duration-fast) var(--motion-ease-standard),color var(--motion-duration-fast) var(--motion-ease-standard)}.seg-opt input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.seg-opt svg{width:14px;height:14px}.seg-opt:hover{color:var(--color-text);background:var(--color-hover)}.seg-opt:has(input:checked),.seg-opt.is-active,.seg-opt[aria-pressed=true]{background:var(--color-surface-2);color:var(--color-text);box-shadow:var(--shadow-sm)}[data-theme=light] .seg-opt:has(input:checked),[data-theme=light] .seg-opt.is-active,[data-theme=light] .seg-opt[aria-pressed=true]{background:var(--color-surface)}.seg-opt:has(input:focus-visible),.seg-opt:focus-visible{outline:2px solid var(--color-accent);outline-offset:-1px}.seg-accent .seg-opt:has(input:checked),.seg-accent .seg-opt.is-active{background:var(--color-primary-fill);color:var(--color-on-accent)}.seg-opt.is-disabled,.seg-opt:has(input:disabled){opacity:.45;cursor:not-allowed}.seg-sm .seg-opt{height:18px;padding:0 var(--space-2);font-size:var(--text-xs)}.seg-sm .seg-opt svg{width:12px;height:12px}@media(max-width:480px),(pointer:coarse){.seg-opt{min-height:34px}}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--color-divider)}.tab{position:relative;display:inline-flex;align-items:center;gap:6px;cursor:pointer;height:36px;padding:0 var(--space-3);font-size:var(--text-md);font-weight:500;color:var(--color-text-2);border:0;background:transparent;font-family:var(--font-body);margin-bottom:-1px;white-space:nowrap;transition:color var(--motion-duration-fast) var(--motion-ease-standard)}.tab svg{width:14px;height:14px}.tab:hover,.tab[aria-selected=true],.tab.is-active{color:var(--color-text)}.tab[aria-selected=true]:after,.tab.is-active:after{content:"";position:absolute;left:var(--space-2);right:var(--space-2);bottom:0;height:2px;background:var(--color-accent);border-radius:2px 2px 0 0}.tab:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px;border-radius:var(--radius-sm)}.tab:disabled{opacity:.45;cursor:not-allowed}@media(max-width:480px),(pointer:coarse){.tab{height:40px}}.toast{display:flex;align-items:center;gap:var(--space-3);width:min(360px,100%);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-divider);border-left:3px solid var(--color-accent);box-shadow:var(--shadow-lg);font-size:var(--text-md);color:var(--color-text);animation:toast-in var(--motion-duration-base) var(--motion-ease-overshoot)}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}}@keyframes toast-out{to{opacity:0}}.toast.is-leaving{animation:toast-out var(--motion-duration-fast) var(--motion-ease-standard) forwards;pointer-events:none}.toast>svg{width:18px;height:18px;color:var(--color-accent);flex:none}.toast-success{border-left-color:var(--color-success)}.toast-success>svg{color:var(--color-success)}.toast-warning{border-left-color:var(--color-warning)}.toast-warning>svg{color:var(--color-warning)}.toast-danger{border-left-color:var(--color-danger)}.toast-danger>svg{color:var(--color-danger)}.toast-body{flex:1;min-width:0}.toast-body strong{display:block;font-weight:600}.toast-body span{color:var(--color-text-2);font-size:var(--text-sm)}.toast-stack{position:fixed;right:var(--space-4);bottom:var(--space-4);z-index:1000;display:grid;gap:var(--space-2);justify-items:end;pointer-events:none}.toast-stack>.toast{pointer-events:auto}@media(max-width:480px){.toast-stack{right:auto;left:50%;transform:translate(-50%);width:calc(100% - var(--space-4));justify-items:stretch}.toast-stack>.toast{width:100%}}.progress{height:6px;border-radius:3px;background:var(--color-surface-2);overflow:hidden}.progress-bar{height:100%;width:var(--value, 40%);border-radius:3px;background:var(--gradient-progress);transition:width var(--motion-duration-slow) var(--motion-ease-out)}.progress-accent .progress-bar{background:var(--color-accent)}.progress[data-state=indeterminate] .progress-bar{width:40%;animation:indeterminate 1.2s var(--motion-ease-standard) infinite}@keyframes indeterminate{0%{transform:translate(-100%)}to{transform:translate(250%)}}.progress-field{display:grid;gap:var(--space-1)}.progress-head{display:flex;justify-content:space-between;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-2)}.progress-head strong{color:var(--color-text);font-weight:600}.meter{display:grid;gap:var(--space-1)}.meter-head{display:flex;justify-content:space-between;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-2)}.meter-head strong{color:var(--color-text);font-weight:600}.meter .progress-bar{background:var(--color-accent)}.meter.is-warning .progress-bar{background:var(--color-warning)}.meter.is-danger .progress-bar{background:var(--color-danger)}.skeleton{display:block;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--color-surface-2) 25%,color-mix(in srgb,var(--color-text) 10%,var(--color-surface-2)) 50%,var(--color-surface-2) 75%);background-size:200% 100%;animation:shimmer 1.4s var(--motion-ease-linear) infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-line{height:12px;width:100%}.skeleton-thumb-16-9{aspect-ratio:16 / 9;border-radius:var(--radius-md)}.skeleton-circle{aspect-ratio:1;border-radius:50%}.check{position:relative;display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-md)}.check input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.check .box{width:16px;height:16px;flex:none;border:1.5px solid var(--color-text-3);background:var(--color-bg);border-radius:var(--radius-xs);display:grid;place-items:center;transition:background var(--motion-duration-fast) var(--motion-ease-standard),border-color var(--motion-duration-fast) var(--motion-ease-standard)}.check .box>*{grid-area:1 / 1}.check .box svg{width:12px;height:12px;color:var(--color-on-accent);opacity:0}.check .box:after{content:"";width:8px;height:2px;border-radius:1px;background:var(--color-on-accent);opacity:0}.check:hover .box{border-color:var(--color-accent)}.check input:checked+.box,.check input:indeterminate+.box{background:var(--color-accent);border-color:var(--color-accent)}.check input:checked+.box svg{opacity:1}.check input:indeterminate+.box:after{opacity:1}.check input:focus-visible+.box{outline:2px solid var(--color-accent);outline-offset:2px}.check input:disabled~*{opacity:.45;cursor:not-allowed}.check:has(input:disabled){cursor:not-allowed}@media(max-width:480px),(pointer:coarse){.check{min-height:40px;align-items:center}}.radio{position:relative;display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-md)}.radio input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.radio .dot{width:16px;height:16px;flex:none;border:1.5px solid var(--color-text-3);background:var(--color-bg);border-radius:50%;transition:background var(--motion-duration-fast) var(--motion-ease-standard),border-color var(--motion-duration-fast) var(--motion-ease-standard),box-shadow var(--motion-duration-fast) var(--motion-ease-standard)}.radio:hover .dot{border-color:var(--color-accent)}.radio input:checked+.dot{border-color:var(--color-accent);background:var(--color-accent);box-shadow:inset 0 0 0 3px var(--color-bg)}.radio input:focus-visible+.dot{outline:2px solid var(--color-accent);outline-offset:2px}.radio input:disabled~*{opacity:.45;cursor:not-allowed}.radio:has(input:disabled){cursor:not-allowed}.radio-group{display:flex;flex-wrap:wrap;gap:var(--space-4)}.radio-group.is-vertical{flex-direction:column;gap:var(--space-2)}@media(max-width:480px),(pointer:coarse){.radio{min-height:40px;align-items:center}}.card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-divider)}.card-kicker{font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-link)}.card-title{font-family:var(--font-heading);font-weight:600;font-size:var(--text-lg);line-height:var(--leading-snug);margin:0}.card-body{margin:0;font-size:var(--text-md);color:var(--color-text-2);flex:1}.card-meta{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--color-text-2)}.card-meta>svg{width:12px;height:12px;flex:none}.card-meta-spread{justify-content:space-between}.card-compact{padding:var(--space-2);gap:var(--space-2)}.card-compact .card-meta{justify-content:space-between}.card-interactive{cursor:pointer;transition:transform var(--motion-duration-fast) var(--motion-ease-standard),border-color var(--motion-duration-fast) var(--motion-ease-standard),box-shadow var(--motion-duration-fast) var(--motion-ease-standard)}.card-interactive:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--color-text) 25%,transparent);box-shadow:var(--shadow-md);transition:transform var(--motion-duration-base) var(--motion-ease-overshoot),border-color var(--motion-duration-fast) var(--motion-ease-standard),box-shadow var(--motion-duration-fast) var(--motion-ease-standard)}.card-interactive:active{transform:translateY(0)}.card-interactive.is-selected,.card-interactive[aria-pressed=true]{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent),var(--shadow-glow)}.card-interactive:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.card.is-disabled{opacity:.45;pointer-events:none}.card.is-disabled.card-interactive{cursor:not-allowed}.elev-sm{box-shadow:var(--shadow-sm)}.elev-md{box-shadow:var(--shadow-md)}.elev-lg{box-shadow:var(--shadow-lg)}.thumb{position:relative;overflow:hidden;border-radius:var(--radius-md);background:var(--color-canvas)}.thumb>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.thumb:after{content:"";position:absolute;inset:0;background:var(--gradient-vignette);pointer-events:none}.thumb-content{position:absolute;inset:0;display:grid;place-items:center;z-index:1}.ratio-16-9{aspect-ratio:16 / 9}.ratio-9-16{aspect-ratio:9 / 16}.ratio-1-1{aspect-ratio:1}.ratio-4-5{aspect-ratio:4 / 5}@media(prefers-reduced-motion:reduce){.card-interactive:hover{transform:none}}@media(max-width:480px),(pointer:coarse){.card-interactive{min-height:44px}}.dialog-backdrop{--modal-out: var(--motion-duration-fast);position:fixed;inset:0;display:grid;place-items:center;padding:var(--space-4);background:var(--color-scrim);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:backdrop-in var(--motion-duration-base) var(--motion-ease-standard)}.dialog-backdrop.is-closing{animation:backdrop-out var(--modal-out) var(--motion-ease-standard) forwards;pointer-events:none}.dialog-backdrop.is-sheet-right{place-items:stretch end;padding:0;--modal-out: var(--motion-duration-base)}.dialog-backdrop.is-sheet-bottom{place-items:end stretch;padding:0;--modal-out: var(--motion-duration-base)}@keyframes backdrop-in{0%{opacity:0}}@keyframes backdrop-out{to{opacity:0}}@media(prefers-reduced-motion:reduce){.dialog-backdrop{animation-duration:var(--motion-duration-fast)}.dialog-backdrop.is-closing{--modal-out: var(--motion-duration-fast)}}.sheet{--sheet-w: 360px;display:flex;flex-direction:column;width:var(--sheet-w);max-width:100%;min-height:0;background:var(--color-surface);border:1px solid var(--color-divider);box-shadow:var(--shadow-lg)}.sheet-right{height:100%;border-radius:var(--radius-xl) 0 0 var(--radius-xl);border-right:0;animation:sheet-right-in var(--motion-duration-slow) var(--motion-ease-out)}.sheet-right.is-closing{animation:sheet-right-out var(--motion-duration-base) var(--motion-ease-in) forwards}.sheet-bottom{width:100%;max-height:calc(100% - var(--topbar-h));border-radius:var(--radius-xl) var(--radius-xl) 0 0;border-bottom:0;animation:sheet-bottom-in var(--motion-duration-slow) var(--motion-ease-out)}.sheet-bottom.is-closing{animation:sheet-bottom-out var(--motion-duration-base) var(--motion-ease-in) forwards}@keyframes sheet-right-in{0%{transform:translate(100%)}}@keyframes sheet-right-out{to{transform:translate(100%)}}@keyframes sheet-bottom-in{0%{transform:translateY(100%)}}@keyframes sheet-bottom-out{to{transform:translateY(100%)}}.sheet-head{display:flex;align-items:center;gap:var(--space-2);flex:none;padding:var(--space-4) var(--space-4) var(--space-3);font-family:var(--font-heading);font-weight:700;font-size:var(--text-h4);letter-spacing:var(--tracking-snug)}.sheet-head .btn{margin-left:auto}.sheet-body{flex:1;min-height:0;overflow:auto;padding:0 var(--space-4) var(--space-3);display:grid;gap:var(--space-2);align-content:start}.sheet-body>.dialog-body{padding:0}.sheet-foot{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);flex:none;padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-divider)}@media(prefers-reduced-motion:reduce){.sheet-right,.sheet-bottom{animation:sheet-fade-in var(--motion-duration-fast) var(--motion-ease-standard)}.sheet-right.is-closing,.sheet-bottom.is-closing{animation:sheet-fade-out var(--motion-duration-fast) var(--motion-ease-standard) forwards}}@keyframes sheet-fade-in{0%{opacity:0}}@keyframes sheet-fade-out{to{opacity:0}}@media(max-width:480px){.sheet-foot{flex-wrap:wrap}.sheet-foot .btn{flex:1 1 auto}.sheet-foot .dialog-meta{flex-basis:100%;margin-right:0}}.dialog{position:relative;isolation:isolate;width:min(480px,100%);max-height:100%;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-xl);background:var(--color-surface);border:1px solid var(--color-divider);box-shadow:var(--shadow-lg);animation:dialog-in var(--motion-duration-base) var(--motion-ease-out)}.dialog-sm{width:min(400px,100%)}.dialog-lg{width:min(640px,100%)}.dialog.is-closing{animation:dialog-out var(--motion-duration-fast) var(--motion-ease-standard) forwards}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px) scale(.98)}}@keyframes dialog-out{to{opacity:0;transform:scale(.98)}}.dialog-title{font-family:var(--font-heading);font-weight:700;font-size:var(--text-h4);letter-spacing:var(--tracking-snug);line-height:var(--leading-body);margin:0;padding-right:var(--space-8)}.is-destructive .dialog-title{padding-right:0}.dialog-body{font-size:var(--text-md);color:var(--color-text-2);overflow:auto}.dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2)}.dialog-meta{margin-right:auto;align-self:center;font-size:var(--text-sm);color:var(--color-text-2)}.dialog-close{position:absolute;top:var(--space-3);right:var(--space-3)}@media(prefers-reduced-motion:reduce){.dialog{animation:dialog-fade-in var(--motion-duration-fast) var(--motion-ease-standard)}.dialog.is-closing{animation:dialog-fade-out var(--motion-duration-fast) var(--motion-ease-standard) forwards}}@keyframes dialog-fade-in{0%{opacity:0}}@keyframes dialog-fade-out{to{opacity:0}}.floating{--float-x: 0px;--float-y: 0px;animation:float-in var(--motion-duration-fast) var(--motion-ease-out)}.floating.is-bottom{--float-y: -4px}.floating.is-top{--float-y: 4px}.floating.is-end{--float-x: -4px}.floating.is-start{--float-x: 4px}.floating.is-closing{animation:float-out var(--motion-duration-instant) var(--motion-ease-standard) forwards;pointer-events:none}@keyframes float-in{0%{opacity:0;transform:translate(var(--float-x),var(--float-y))}}@keyframes float-out{to{opacity:0}}@media(prefers-reduced-motion:reduce){.floating{animation:float-fade-in var(--motion-duration-instant) var(--motion-ease-standard)}}@keyframes float-fade-in{0%{opacity:0}}.popover{position:relative;width:max-content;min-width:200px;max-width:360px;padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.popover-title{font-weight:600;font-size:var(--text-md);margin-bottom:var(--space-2)}.popover-arrow{position:absolute;width:10px;height:10px;background:var(--color-surface);transform:rotate(45deg)}.is-bottom>.popover-arrow{top:-6px;left:calc(var(--arrow, 24px) - 5px);border-left:1px solid var(--color-divider);border-top:1px solid var(--color-divider)}.is-top>.popover-arrow{bottom:-6px;left:calc(var(--arrow, 24px) - 5px);border-right:1px solid var(--color-divider);border-bottom:1px solid var(--color-divider)}.is-end>.popover-arrow{left:-6px;top:calc(var(--arrow, 24px) - 5px);border-left:1px solid var(--color-divider);border-bottom:1px solid var(--color-divider)}.is-start>.popover-arrow{right:-6px;top:calc(var(--arrow, 24px) - 5px);border-top:1px solid var(--color-divider);border-right:1px solid var(--color-divider)}.menu{min-width:220px;max-height:320px;overflow:auto;padding:var(--space-1);background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.menu-item{display:flex;align-items:center;gap:var(--space-2);height:32px;padding:0 var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer;color:var(--color-text);white-space:nowrap;user-select:none}.menu-icon,.menu-check{display:grid;place-items:center;width:14px;height:14px;flex:none;color:var(--color-text-2)}.menu-icon svg,.menu-check svg{width:14px;height:14px}.menu-check{color:var(--color-accent)}.menu-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.menu-item .kbd,.menu-item .tag{margin-left:auto}.menu-item:hover{background:var(--color-hover)}.menu-item:focus-visible{outline:2px solid var(--color-accent);outline-offset:-1px}.menu-item.is-selected{background:var(--color-accent-tint)}.menu-item.is-selected .menu-icon{color:var(--color-accent)}.menu-item.is-disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.menu-item.is-destructive,.menu-item.is-destructive .menu-icon{color:var(--color-danger-text)}.menu-item.is-locked{color:var(--color-text-2)}.menu-sep{height:1px;margin:var(--space-1) var(--space-2);background:var(--color-divider)}@media(max-width:480px),(pointer:coarse){.menu-item{height:44px}}.panel-frame{--panel-w: 280px;display:flex;align-items:stretch;min-width:0}.panel-frame>.panel{width:var(--panel-w);flex:none}.panel-frame.is-start{flex-direction:row-reverse}.panel{display:flex;flex-direction:column;min-width:0;background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-lg);overflow:hidden}.panel-head{display:flex;align-items:center;gap:var(--space-2);height:36px;flex:none;padding:0 var(--space-3);font-size:var(--text-sm);font-weight:600;border-bottom:1px solid var(--color-divider)}.panel-head .spacer{flex:1}.panel-head-tabs{padding:0 var(--space-2)}.panel-head-tabs .tabs{border-bottom:0}.panel-body{padding:var(--space-3);display:grid;gap:var(--space-3);align-content:start;overflow:auto}.panel-body[hidden]{display:none}.panel-section{display:grid;gap:var(--space-2)}.panel-section>h6{margin:0}.prop{display:grid;grid-template-columns:88px 1fr;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.prop>label{color:var(--color-text-2)}.prop .input{min-height:26px;font-size:var(--text-sm);padding:0 var(--space-2)}.prop .field{gap:0}.panel-chevron{transition:transform var(--motion-duration-fast) var(--motion-ease-standard)}.panel.is-collapsed .panel-chevron{transform:rotate(-90deg)}.resize-handle{position:relative;width:4px;flex:none;cursor:col-resize;background:transparent;touch-action:none;transition:background var(--motion-duration-fast) var(--motion-ease-standard)}.resize-handle:before{content:"";position:absolute;inset:0 -4px}.resize-handle:hover,.resize-handle.is-active,.resize-handle:focus-visible{background:var(--color-accent)}.resize-handle.is-active{transition:none}.resize-handle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.empty{display:grid;place-items:center;text-align:center;gap:var(--space-2);padding:var(--space-8) var(--space-4);color:var(--color-text-2)}.empty-icon{display:grid;place-items:center}.empty-icon svg{width:28px;height:28px;color:var(--color-text-3)}.empty-error .empty-icon svg{color:var(--color-danger)}.empty strong{color:var(--color-text);font-weight:600}.empty .btn{margin-top:var(--space-2)}.tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.tier{display:grid;gap:var(--space-2);align-content:start;padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-divider)}.tier.is-hi{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.tier h4{display:flex;align-items:center;gap:var(--space-2);margin:0;font-size:var(--text-h5)}.tier .price{font-size:var(--text-h3);font-weight:700;letter-spacing:var(--tracking-snug)}.tier .price span{font-size:var(--text-sm);font-weight:500;color:var(--color-text-2)}.tier ul{margin:0;padding:0;list-style:none;display:grid;gap:6px;font-size:var(--text-sm);color:var(--color-text-2)}.tier ul svg{width:12px;height:12px;color:var(--color-success);margin-right:6px;vertical-align:-1px}.tier .btn{margin-top:var(--space-1)}.tier-note{font-size:var(--text-xs);color:var(--color-text-2)}.tier-marketing{padding:var(--space-5)}.tier-marketing .price{font-size:var(--text-h2);font-weight:800;letter-spacing:var(--tracking-snug)}@media(max-width:480px){.tiers{grid-template-columns:1fr}}.gate{display:grid;grid-template-columns:auto minmax(0,1fr);grid-auto-columns:auto;grid-auto-flow:column;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-accent-2) 12%,var(--color-surface));border:1px solid color-mix(in srgb,var(--color-accent-2) 40%,transparent);animation:gate-in var(--motion-duration-base) var(--motion-ease-overshoot)}.gate.is-closing{animation:gate-out var(--motion-duration-fast) var(--motion-ease-standard) forwards;pointer-events:none}@keyframes gate-in{0%{opacity:0;transform:translateY(8px)}}@keyframes gate-out{to{opacity:0}}.gate-icon{display:grid;place-items:center}.gate-icon svg{width:18px;height:18px;color:var(--color-accent-2-300)}[data-theme=light] .gate-icon svg{color:var(--color-accent-2-600)}.gate-text{min-width:0}.gate-title{font-family:var(--font-body);font-weight:600;font-size:var(--text-md);letter-spacing:0;margin:0;color:var(--color-text)}.gate-body,.gate-guarantee{font-size:var(--text-sm);color:var(--color-text-2);margin:0}.gate-card{position:relative;grid-template-columns:1fr;grid-auto-flow:row;justify-items:center;text-align:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);border-style:dashed}.gate-card .gate-dismiss{position:absolute;top:var(--space-2);right:var(--space-2)}.gate-card .gate-text{display:grid;gap:var(--space-2);justify-items:center}.gate-strip{padding:var(--space-2) var(--space-3);gap:var(--space-2);border-radius:var(--radius-sm)}.gate-strip .gate-title{font-size:var(--text-sm)}.gate-strip .gate-icon svg{width:14px;height:14px}.gate-stack{display:grid;gap:var(--space-3)}.dialog.gate-blocking{animation:gate-in var(--motion-duration-base) var(--motion-ease-overshoot)}.dialog.gate-blocking.is-closing{animation:dialog-out var(--motion-duration-fast) var(--motion-ease-standard) forwards}.gate-blocking .gate-guarantee{text-align:center;margin-top:var(--space-2)}@media(prefers-reduced-motion:reduce){.gate,.dialog.gate-blocking{animation:gate-fade-in var(--motion-duration-fast) var(--motion-ease-standard)}}@keyframes gate-fade-in{0%{opacity:0}}@media(max-width:480px){.gate:not(.gate-card):not(.gate-strip){grid-template-columns:auto minmax(0,1fr);grid-auto-flow:row dense}.gate:not(.gate-card):not(.gate-strip)>.btn,.gate:not(.gate-card):not(.gate-strip)>.gate-guarantee{grid-column:2;justify-self:start}}.strip-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);background:color-mix(in srgb,var(--color-danger) 12%,var(--color-surface));border:1px solid color-mix(in srgb,var(--color-danger) 40%,transparent)}.strip-icon{display:grid;place-items:center;flex:none}.strip-icon svg{width:14px;height:14px;color:var(--color-danger)}.strip-message{flex:1;min-width:0}.row-item{display:flex;align-items:center;gap:var(--space-2);width:100%;height:32px;padding:0 var(--space-2);border:0;border-radius:var(--radius-sm);background:transparent;font:inherit;font-size:var(--text-sm);text-align:left;cursor:pointer;color:var(--color-text);white-space:nowrap;overflow:hidden}.row-icon,.row-trailing{display:grid;place-items:center;flex:none;color:var(--color-text-2)}.row-icon svg,.row-trailing svg{width:14px;height:14px}.row-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.row-item:hover{background:var(--color-hover)}.row-item:active{background:var(--color-pressed)}.row-item:focus-visible{outline:2px solid var(--color-accent);outline-offset:-1px}.row-item.is-selected{background:var(--color-accent-tint);color:var(--color-text)}.row-item.is-selected .row-icon,.row-item.is-selected .row-trailing{color:var(--color-accent)}.row-item:disabled{opacity:.45;cursor:not-allowed}@media(max-width:480px),(pointer:coarse){.row-item{height:44px}}.stage{position:relative;display:grid;place-items:center;overflow:hidden;background:var(--color-canvas);color:var(--color-neutral-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-stage)}.stage-ground{background:var(--gradient-ground-dark)}.stage-vignette:after{content:"";position:absolute;inset:0;background:var(--gradient-vignette);pointer-events:none;z-index:1}.stage>*{position:relative;z-index:2}.stage>.stage-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;border-radius:0}.stage-16-9{aspect-ratio:16 / 9}.stage-16-10{aspect-ratio:16 / 10}.stage-9-16{aspect-ratio:9 / 16}.stage-1-1{aspect-ratio:1}.ticker{display:grid;gap:6px;min-width:0}.ticker-steps{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-1) var(--space-2);margin:0;padding:0;list-style:none;min-width:0;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-neutral-500)}.ticker-steps li{white-space:nowrap;transition:color var(--motion-duration-fast) var(--motion-ease-standard)}.ticker-steps .is-done{color:var(--color-neutral-400)}.ticker-steps .is-current{color:var(--color-neutral-100)}.ticker-steps .is-current b{font-weight:600}.topbar{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-4);height:var(--topbar-h);padding:0 var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-divider);box-sizing:border-box;min-width:0}.tb-l{display:flex;align-items:center;gap:var(--space-3);min-width:0}.tb-c{display:flex;justify-content:center;min-width:0}.tb-r{display:flex;align-items:center;gap:var(--space-2);justify-content:flex-end;min-width:0}.tb-brand{font-size:var(--text-md);flex:none}.tb-div{width:1px;height:20px;background:var(--color-divider);flex:none}.tb-title{--tb-title-w: 320px;position:relative;display:inline-flex;min-width:0}.tb-titlebtn{display:inline-flex;align-items:center;gap:var(--space-2);max-width:var(--tb-title-w);min-width:0;height:28px;padding:0 var(--space-2);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text);font-family:var(--font-body);font-size:var(--text-md);font-weight:600;cursor:pointer;transition:background var(--motion-duration-fast) var(--motion-ease-standard)}.tb-titlebtn>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tb-titlebtn svg{width:13px;height:13px;color:var(--color-text-3);flex:none;transition:color var(--motion-duration-fast) var(--motion-ease-standard)}.tb-titlebtn:hover{background:var(--color-hover)}.tb-titlebtn:hover svg{color:var(--color-text-2)}.tb-titlebtn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.tb-edit{width:var(--tb-title-w)}.tb-edit .input{min-height:28px;height:28px;padding:0 var(--space-2);font-size:var(--text-md);font-weight:600;animation:tb-title-in var(--motion-duration-fast) var(--motion-ease-standard)}@keyframes tb-title-in{0%{opacity:0}}.tb-status{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-3);flex:none;white-space:nowrap}.tb-status .dot{width:7px;height:7px;border-radius:50%;flex:none;background:var(--color-success)}.tb-status .dot-warning{background:var(--color-warning)}.tb-status .dot-accent{background:var(--color-accent)}.tb-status .dot-success{background:var(--color-success)}.tb-status .dot-danger{background:var(--color-danger)}.tb-renderbar{position:absolute;top:calc(var(--topbar-h) - 1px);left:0;right:0;z-index:4;height:3px;border-radius:0}.tb-renderbar .progress-bar{border-radius:0}@media(max-width:1024px){.tb-status{display:none}}.topbar.is-condensed{grid-template-columns:minmax(0,1fr) auto;padding:0 var(--space-3);gap:var(--space-2)}.topbar.is-condensed .tb-brand{font-size:var(--text-sm)}.topbar.is-condensed .tb-title{--tb-title-w: 150px}.topbar.is-condensed .tb-titlebtn,.topbar.is-condensed .tb-edit .input{font-size:var(--text-sm)}.topbar.is-condensed .tb-titlebtn svg{display:none}.topbar.is-condensed .tb-status{display:none}.tb-segrow{display:flex;padding:var(--space-2) var(--space-3);background:var(--color-surface);border-bottom:1px solid var(--color-divider)}.tb-segrow .seg{flex:1}.tb-segrow .seg-opt{flex:1;justify-content:center}.plan-ind{display:inline-flex;align-items:center;gap:var(--space-2);height:32px;padding:0 var(--space-2);border:1px solid var(--color-divider);border-radius:var(--radius-md);background:transparent;color:var(--color-text-2);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;flex:none;transition:background var(--motion-duration-fast) var(--motion-ease-standard),border-color var(--motion-duration-fast) var(--motion-ease-standard),color var(--motion-duration-fast) var(--motion-ease-standard)}.plan-ind:hover{background:var(--color-hover);color:var(--color-text)}.plan-ind:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.plan-ind.is-open{border-color:var(--color-accent);color:var(--color-text);background:var(--color-hover)}.plan-ind>svg{width:16px;height:16px;flex:none}.plan-ind .plan-mini{display:block;width:52px}.plan-ind .plan-num{font-family:var(--font-mono);font-size:var(--text-xs)}.plan-ind.is-warn .progress-bar{background:var(--color-warning)}.plan-ind.is-danger .progress-bar{background:var(--color-danger)}@media(max-width:480px),(pointer:coarse){.plan-ind{min-height:40px}}html[data-theme=light]{--color-bg: var(--color-on-accent);--color-text: var(--color-neutral-950);--color-text-2: var(--color-neutral-600);--color-text-3: var(--color-neutral-600);--color-accent: var(--color-accent-2-600);--color-link: var(--color-accent-2-600);--color-primary-fill: var(--color-accent-2-600);--color-primary-hover: var(--color-accent-2-700);--gradient-brand: linear-gradient(120deg, var(--color-accent-2-600), var(--color-accent-2-500));--text-md: 1rem;--text-sm: .875rem;--text-xs: .75rem;scroll-behavior:smooth;scroll-padding-top:100px}body{font-size:var(--text-md)}.mk{max-width:1280px;margin:0 auto;padding:0 var(--space-10)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.eyebrow{margin:0 0 var(--space-4);font-size:var(--text-xs);line-height:1.5;font-weight:600;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-accent-2-600)}button,a,input{-webkit-tap-highlight-color:transparent}.btn{font-weight:600}.btn-gradient{border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.btn-gradient:hover{transform:translateY(-1px)}.nav-marketing{position:sticky;top:0;z-index:20;height:88px;display:flex;align-items:center;gap:var(--space-10);padding:0 max(var(--space-10),calc((100vw - 1200px)/2));background:color-mix(in srgb,var(--color-bg) 92%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--color-neutral-200);transition:box-shadow var(--motion-duration-base)}.nav-marketing.is-scrolled{box-shadow:var(--shadow-sm)}.nav-marketing .nav-brand{display:inline-flex;align-items:center;font-size:1.4rem;font-weight:700;letter-spacing:-.055em;white-space:nowrap}.nav-brand>span:last-child{color:var(--color-text-2);font-weight:500}.brand .brand-mark{width:32px;height:32px;margin-right:var(--space-2);display:grid;place-items:center;background:var(--color-accent-2-600);color:var(--color-on-accent);border-radius:var(--radius-md)}.brand-mark svg{width:22px;height:22px}.nav-links{margin-left:auto;display:flex;gap:var(--space-6);align-items:center}.nav-links a{display:inline-flex;align-items:center;min-height:44px;color:var(--color-text-2);font-size:var(--text-sm);font-weight:500;text-decoration:none}.nav-links a:hover{color:var(--color-accent)}.nav-actions{display:flex;align-items:center;gap:var(--space-4)}.nav-actions .btn{min-height:42px;padding-inline:var(--space-5);font-size:var(--text-sm)}.hero{display:grid;grid-template-columns:.94fr 1.06fr;align-items:center;gap:var(--space-12);padding:78px 0 70px}.hero-copy{min-width:0}.hero-eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);border:1px solid var(--color-accent-2-100);border-radius:var(--radius-pill);padding:6px var(--space-3);background:color-mix(in srgb,var(--color-accent-2-100) 35%,var(--color-bg));font-size:var(--text-xs);text-transform:none;letter-spacing:0;margin-bottom:var(--space-6)}.eyebrow-icon{font-size:1.125rem;line-height:1}.hero h1{font-size:clamp(3.5rem,5.5vw,5rem);font-weight:600;line-height:1.045;letter-spacing:-.065em;margin:0 0 var(--space-6)}.hero-accent{color:var(--color-accent-2-600)}.sub{font-size:1.0625rem;line-height:1.8;color:var(--color-text-2);max-width:40ch;margin:0 0 var(--space-8)}.url-label{display:block;font-size:var(--text-xs);font-weight:500;color:var(--color-text-2);margin-bottom:var(--space-3)}.url-field{display:grid;gap:var(--space-2);margin:0;min-width:0}.url-field .input-group.is-pill{border-radius:var(--radius-lg);padding:6px;border-color:var(--color-neutral-300);background:var(--color-bg);box-shadow:var(--shadow-md)}.url-field .input-group.is-pill:focus-within{border-color:var(--color-accent)}.url-field .input{min-width:0;caret-color:var(--color-accent);padding-inline:var(--space-3);font-size:var(--text-sm)}.url-field .input-group.is-pill .btn{border-radius:var(--radius-md);font-size:var(--text-sm);padding-inline:var(--space-4);min-height:48px;height:auto}.url-field .input-group.is-pill .btn svg{width:16px;height:16px}.url-field .input-group.is-pill.is-error{border-color:var(--color-danger)}.pill-note,.url-field .field-error{font-size:var(--text-xs);margin:0 var(--space-3)}.pill-note{color:var(--color-text-2)}.trust{display:flex;gap:var(--space-2) var(--space-5);flex-wrap:wrap;font-size:var(--text-xs);color:var(--color-text-2);margin-top:var(--space-4)}.trust-item{display:inline-flex;align-items:center;gap:6px}.trust-item svg{width:14px;height:14px;color:var(--color-accent-2-500);flex:none}.trust .t-short{display:none}.trust-center{justify-content:center}.demo{min-width:0}.demo-stage{overflow:hidden;padding:var(--space-5);background:var(--color-neutral-100);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl)}.demo-heading{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);color:var(--color-text-2);font-size:var(--text-xs)}.demo-heading>span:first-child{display:flex;align-items:center;gap:var(--space-2);font-weight:500}.demo-spark{color:var(--color-accent-2-500);font-size:1.25rem}.demo-example{font-size:var(--text-xs);border:1px solid var(--color-neutral-300);padding:3px var(--space-2);border-radius:var(--radius-pill);white-space:nowrap}.demo-composition{position:relative;height:398px;margin:var(--space-5) 0 var(--space-4)}.sample-website{position:absolute;width:80%;left:0;top:28px;border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);overflow:hidden;background:var(--color-on-accent);box-shadow:var(--shadow-md);transform:rotate(-4deg)}.browser-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);background:var(--color-neutral-100);color:var(--color-text-2);font-size:var(--text-xs);border-bottom:1px solid var(--color-neutral-200)}.browser-dots{display:flex;gap:3px}.browser-dots i{width:5px;height:5px;background:var(--color-neutral-300);border-radius:var(--radius-pill)}.sample-site-nav{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);font-size:var(--text-xs);color:var(--color-text-2)}.sample-site-nav strong{font-size:1.375rem;color:var(--color-text);font-weight:500;letter-spacing:-.08em}.sample-site-hero{position:relative;background:var(--color-accent-2-100)}.sample-site-hero img{width:100%;height:228px;object-fit:cover}.sample-site-hero p{position:absolute;top:var(--space-4);left:var(--space-4);z-index:1;color:var(--color-on-accent);line-height:1.3;font-size:1.25rem;letter-spacing:var(--tracking-tight)}.sample-site-hero strong{font-weight:500}.sample-shop{position:absolute;bottom:var(--space-3);left:var(--space-4);padding:5px var(--space-2);border-radius:var(--radius-xs);background:var(--color-on-accent);color:var(--color-neutral-950);font-size:var(--text-xs)}.sample-site-footer{display:flex;gap:var(--space-3);padding:var(--space-3);color:var(--color-text-2);font-size:var(--text-xs)}.demo-transform{position:absolute;z-index:3;left:37%;top:46%;width:50px;height:50px;border-radius:var(--radius-lg);background:var(--color-on-accent);box-shadow:var(--shadow-md);display:grid;place-items:center;font-size:2rem;color:var(--color-accent-2-600);transform:rotate(-8deg)}.sample-video{position:absolute;right:0;top:0;width:45%;aspect-ratio:var(--preview-ratio);border:5px solid var(--color-on-accent);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);background:var(--color-accent-2-400);transform:rotate(5deg);transition:width var(--motion-duration-slow) var(--motion-ease-out),aspect-ratio var(--motion-duration-slow)}.sample-video>img,.sample-video>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sample-video>img{transition:transform .1s linear}.video-topline{position:absolute;z-index:3;top:var(--space-2);left:var(--space-3);right:var(--space-3);display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-on-accent)}.video-campaign{position:absolute;inset:0;padding:var(--space-8) var(--space-4) var(--space-5);display:flex;flex-direction:column;justify-content:space-between;color:var(--color-on-accent);background:linear-gradient(180deg,color-mix(in srgb,var(--color-accent-2-900) 30%,transparent),transparent 30%,color-mix(in srgb,var(--color-neutral-950) 65%,transparent))}.campaign-brand{font-size:1.875rem;letter-spacing:-.075em;font-weight:500}.video-campaign>div{margin-top:auto}.campaign-kicker{font-size:var(--text-xs);letter-spacing:var(--tracking-caps);margin-bottom:var(--space-2)}.campaign-headline{font-size:2rem;line-height:1.08;letter-spacing:-.055em;font-weight:600;margin-bottom:var(--space-4)}.campaign-end{font-size:var(--text-xs)}.video-progress{position:absolute;bottom:0;height:3px;left:0;right:0;background:color-mix(in srgb,var(--color-on-accent) 25%,transparent)}.video-progress span{display:block;height:100%;background:var(--color-on-accent);transition:width .1s linear}.demo-ready{position:absolute;z-index:4;bottom:0;left:var(--space-4);display:flex;align-items:center;gap:var(--space-3);background:var(--color-on-accent);border:1px solid var(--color-neutral-200);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);font-size:var(--text-xs);font-weight:600}.demo-ready>span{display:grid;place-items:center;width:30px;height:30px;background:var(--color-success-100);color:var(--color-success-700);border-radius:var(--radius-pill)}.demo-ready small{display:block;margin-top:2px;color:var(--color-text-2);font-size:var(--text-xs);font-weight:400}.demo-landscape .sample-video,.demo-bumper .sample-video{width:82%;top:125px}.demo-square .sample-video{width:65%;top:48px}.demo-portrait .sample-video{width:55%;top:24px}.demo-landscape .campaign-brand,.demo-bumper .campaign-brand{display:none}.demo-landscape .campaign-headline,.demo-bumper .campaign-headline{font-size:1.75rem;margin-bottom:var(--space-2)}.demo-landscape .video-campaign,.demo-bumper .video-campaign{padding-top:var(--space-8)}.demo-controls{display:flex;align-items:center;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-neutral-300)}.demo-controls button{font-family:var(--font-body);cursor:pointer}.demo-play{flex:none;display:grid;place-items:center;width:40px;height:40px;background:var(--color-neutral-950);color:var(--color-on-accent);border:0;border-radius:var(--radius-pill)}.demo-play svg{width:18px;height:18px}.demo-play:hover{background:var(--color-accent-2-600)}.demo-formats{display:flex;justify-content:space-between;flex:1;gap:2px;min-width:0}.demo-formats button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--color-text-2);font-size:var(--text-xs);padding:var(--space-2);min-height:40px}.demo-formats button:hover{background:var(--color-neutral-200)}.demo-formats button[aria-pressed=true]{background:var(--color-on-accent);color:var(--color-accent-2-600);border-color:var(--color-accent-2-200);box-shadow:var(--shadow-sm)}.demo-duration{font-size:var(--text-xs);color:var(--color-text-2);font-family:var(--font-mono)}.demo-caption{margin:var(--space-3) 0 0;text-align:center;color:var(--color-text-2);font-size:var(--text-xs)}.channel-strip{display:grid;grid-template-columns:1.4fr repeat(5,1fr);align-items:center;gap:var(--space-5);border-top:1px solid var(--color-neutral-200);border-bottom:1px solid var(--color-neutral-200);padding:var(--space-8) 0}.channel-strip>p{margin:0;font-size:var(--text-sm);line-height:1.6;color:var(--color-text-2)}.channel-strip strong{color:var(--color-text);font-weight:500}.channel-item{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);font-weight:500}.channel-item small{display:block;color:var(--color-text-2);font-size:var(--text-xs);font-weight:400;margin-top:3px}.format-outline{display:inline-block;flex:none;width:24px;height:17px;border:1.5px solid currentColor;border-radius:3px;color:var(--color-neutral-600)}.format-tall,.format-vertical{width:15px;height:25px}.format-square{width:21px;height:21px}.format-portrait{width:18px;height:23px}.demo-formats .format-outline{width:15px;height:10px;color:currentColor;border-width:1px;border-radius:2px}.demo-formats .format-vertical{width:9px;height:15px}.demo-formats .format-square{width:12px;height:12px}.demo-formats .format-portrait{width:10px;height:13px}.sec-mk{padding:88px 0 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:var(--space-8);margin-bottom:var(--space-8)}.section-heading h2{font-size:clamp(2rem,3vw,2.625rem);font-weight:600;letter-spacing:-.05em;margin:0}.section-heading .eyebrow{margin-bottom:var(--space-3)}.section-heading>p{color:var(--color-text-2);font-size:var(--text-sm);line-height:1.8;margin:0}.how{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}.how .how-card{padding:var(--space-8);background:var(--color-neutral-100);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);gap:var(--space-3)}.how-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.how-icon{width:44px;height:44px;border:1px solid var(--color-neutral-200);background:var(--color-on-accent);border-radius:var(--radius-lg);display:grid;place-items:center;color:var(--color-accent-2-600)}.how-icon svg{width:20px;height:20px}.how-step{color:var(--color-neutral-400);font-family:var(--font-mono);font-size:var(--text-sm)}.how .card-title{font-size:1.125rem;font-weight:600}.how .card-body{font-size:var(--text-sm);line-height:1.8;color:var(--color-text-2)}.feature-stories{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);margin-bottom:var(--space-8)}.feature-story{position:relative;isolation:isolate;min-height:370px;border-radius:var(--radius-xl);overflow:hidden;background:var(--color-accent-2-400)}.feature-story>img{position:absolute;z-index:-2;width:100%;height:100%;inset:0;object-fit:cover}.feature-story:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--color-neutral-950) 65%,transparent),transparent 90%)}.feature-story-copy{padding:var(--space-8);color:var(--color-on-accent)}.feature-story .eyebrow{color:var(--color-on-accent);display:block;font-size:var(--text-xs)}.feature-story h3{font-size:2.25rem;font-weight:500;letter-spacing:-.05em;line-height:1.1;margin-bottom:var(--space-4)}.feature-story p{font-size:var(--text-sm);line-height:1.75}.feature-product>img{object-position:35% center}.image-caption{position:absolute;bottom:var(--space-6);left:var(--space-8);font-size:var(--text-xs);color:var(--color-on-accent)}.reasons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--space-8)}.reasons .card{border:0;border-top:1px solid var(--color-neutral-200);border-radius:0;padding:var(--space-6) 0;gap:var(--space-3);box-shadow:none;background:transparent}.reasons .card-kicker{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent-2-600)}.reasons .card-title{font-size:var(--text-md);font-weight:500;line-height:1.6;letter-spacing:var(--tracking-snug);overflow-wrap:anywhere}.reasons .card-title em{font-style:normal;color:var(--color-accent-2-600)}.reasons .card-body{font-size:var(--text-sm);line-height:1.8;color:var(--color-text-2)}.reasons.is-armed .card{opacity:0;transform:translateY(12px);transition:opacity var(--motion-duration-slow) var(--motion-ease-out),transform var(--motion-duration-slow) var(--motion-ease-out);transition-delay:calc(var(--i, 0) * 35ms)}.reasons.is-armed.is-in .card{opacity:1;transform:none}.section-heading-center{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center}.section-heading-center .eyebrow{margin:0}.pricing-gate{margin-bottom:var(--space-6)}.pricing-gate .gate{border-radius:var(--radius-lg)}.tiers-marketing{gap:var(--space-5)}.tiers-marketing .tier{padding:var(--space-8);background:var(--color-bg);border-radius:var(--radius-xl)}.tiers-marketing .tier.is-hi{background:color-mix(in srgb,var(--color-accent-2-100) 25%,var(--color-bg));border-color:var(--color-accent-2-400)}.tiers-marketing .tier .btn{min-height:44px;border-radius:var(--radius-md)}.tiers-marketing .tier li{line-height:1.7}.guar{text-align:center;font-size:var(--text-sm);color:var(--color-text-2);margin-top:var(--space-6)}.cta-final{display:grid;justify-items:center;gap:var(--space-5);padding:var(--space-16) var(--space-8);margin:88px 0 var(--space-16);text-align:center;background:var(--color-neutral-950);border-radius:var(--radius-xl);color:var(--color-on-accent)}.cta-final>.eyebrow{color:var(--color-accent-2-300);margin:0}.cta-final h2{font-size:clamp(2rem,3.5vw,3rem);font-weight:500;max-width:650px;letter-spacing:-.05em;line-height:1.15;margin:0 0 var(--space-2)}.cta-final .url-field{width:min(500px,100%);text-align:left}.cta-final .input{color:var(--color-neutral-950)}.cta-final .trust{color:var(--color-neutral-300);margin-top:0}.cta-final .trust-item svg{color:var(--color-accent-2-300)}.cta-final .pill-note{color:var(--color-neutral-300)}.cta-final .field-error{color:var(--color-danger-400)}.footer{border-top:1px solid var(--color-neutral-200);padding:var(--space-10) 0 var(--space-16);display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-6);font-size:var(--text-sm);color:var(--color-text-2)}.footer-head{font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-text);margin:0 0 var(--space-4)}.footer a{display:block;color:var(--color-text-2);text-decoration:none;margin-bottom:var(--space-3)}.footer a:hover{color:var(--color-accent)}.footer .brand{color:var(--color-text);font-size:1.375rem}.footer-tagline{margin-top:var(--space-2)}.footer-copy{font-size:var(--text-xs);color:var(--color-text-3);margin:var(--space-4) 0 0}@media(max-width:1120px){.hero{gap:var(--space-8)}.hero h1{font-size:4rem}.nav-marketing{gap:var(--space-6)}.nav-links{gap:var(--space-4)}.nav-actions{gap:var(--space-2)}.demo-composition{height:350px}.sample-website{width:83%}.sample-site-hero img{height:200px}.sample-site-footer{gap:var(--space-2)}.sample-site-footer span:last-child{display:none}.campaign-headline{font-size:1.625rem}.demo-formats .format-outline{display:none}.channel-strip{grid-template-columns:repeat(5,1fr)}.channel-strip>p{grid-column:1 / -1;text-align:center}.channel-strip>p br{display:none}.channel-item{justify-content:center}.channel-item .format-outline{display:none}}@media(max-width:900px){.mk{padding-inline:var(--space-6)}.nav-marketing{padding-inline:var(--space-6);height:76px}.nav-actions .nav-signin{display:none}.hero{grid-template-columns:1fr;gap:var(--space-10);padding:var(--space-12) 0}.hero-copy{text-align:center;max-width:580px;margin-inline:auto}.hero h1{font-size:clamp(3.5rem,9vw,4.5rem)}.sub{margin-inline:auto}.hero .trust{justify-content:center}.hero .demo{width:min(600px,100%);margin-inline:auto}.demo-composition{height:425px}.sample-site-hero img{height:240px}.demo-formats .format-outline{display:block}.campaign-headline{font-size:2rem}.section-heading{align-items:start;flex-direction:column;gap:var(--space-4)}.section-heading>p br{display:none}.section-heading-center{align-items:center}.how{gap:var(--space-3)}.how .how-card{padding:var(--space-5)}.feature-story{min-height:350px}.feature-story-copy{padding:var(--space-6)}.feature-story h3{font-size:1.875rem}.image-caption{left:var(--space-6)}.reasons{grid-template-columns:repeat(2,minmax(0,1fr))}.tiers-marketing .tier{padding:var(--space-5)}}@media(max-width:620px){.nav-links{display:none}.nav-actions{margin-left:auto}.nav-actions .btn{padding-inline:var(--space-3)}.nav-marketing .nav-brand{font-size:1.25rem}.hero h1{font-size:3.75rem}.hero-eyebrow{margin-bottom:var(--space-5)}.url-label{font-size:var(--text-xs)}.url-field .input-group.is-pill .btn{padding-inline:var(--space-3)}.url-field .input-group.is-pill .btn svg{display:none}.channel-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-5) var(--space-6)}.channel-strip>p{flex-basis:100%}.channel-item{flex:0 0 26%;text-align:center}.channel-item small{font-size:var(--text-xs)}.sec-mk{padding-top:var(--space-16)}.how,.feature-stories,.reasons,.tiers-marketing{grid-template-columns:1fr}.how .how-card{padding:var(--space-6)}.how-card-top{margin-bottom:var(--space-3)}.feature-story{min-height:360px}.feature-story h3{font-size:2.25rem}.feature-story-copy,.tiers-marketing .tier{padding:var(--space-8)}.cta-final{padding:var(--space-12) var(--space-5);margin-top:var(--space-16)}.footer{grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.footer>div:first-child{grid-column:1 / -1;margin-bottom:var(--space-3)}.footer a{min-height:32px}}@media(max-width:480px){.mk{padding-inline:var(--space-5)}.nav-marketing{padding-inline:var(--space-5);gap:var(--space-2)}.hero{padding-top:var(--space-10)}.hero h1{font-size:3.5rem}.sub{font-size:var(--text-md);line-height:1.75}.hero .url-field .input-group.is-pill{flex-direction:column;align-items:stretch;padding:var(--space-2);gap:var(--space-2)}.hero .url-field .input{min-height:44px;text-align:center}.hero .url-field .btn{width:100%}.trust{gap:var(--space-2) var(--space-3)}.trust .t-long{display:none}.trust .t-short{display:inline}.demo-stage{padding:var(--space-3)}.demo-heading{font-size:var(--text-xs)}.demo-heading>span:first-child{gap:var(--space-1)}.demo-example{font-size:var(--text-xs);padding-inline:6px}.demo-composition{height:320px;margin-top:var(--space-3)}.sample-website{top:35px;width:83%}.sample-site-nav{padding:var(--space-2)}.sample-site-nav>span:first-of-type{display:none}.sample-site-hero img{height:164px}.sample-site-hero p{font-size:1rem}.sample-site-footer{padding:var(--space-2)}.sample-video{width:48%;top:14px;border-width:3px}.video-topline{left:var(--space-2);right:var(--space-2)}.video-campaign{padding:var(--space-8) var(--space-3) var(--space-4)}.campaign-brand{font-size:1.375rem}.campaign-headline{font-size:clamp(1rem,5vw,1.5rem);margin-bottom:var(--space-3)}.campaign-kicker{font-size:var(--text-xs);letter-spacing:0}.campaign-end{font-size:var(--text-xs);line-height:1.5}.demo-transform{width:36px;height:36px;font-size:1.5rem}.demo-ready{left:var(--space-2);padding:var(--space-2) var(--space-3);gap:var(--space-2)}.demo-square .sample-video{top:62px}.demo-portrait .sample-video{top:44px;width:57%}.demo-landscape .sample-video,.demo-bumper .sample-video{width:88%;top:118px}.demo-landscape .campaign-headline,.demo-bumper .campaign-headline{font-size:1.375rem}.demo-landscape .campaign-kicker,.demo-bumper .campaign-kicker{display:none}.demo-controls{gap:var(--space-2)}.demo-play{width:40px;height:40px}.demo-formats button{padding-inline:var(--space-2);min-height:44px}.demo-formats .format-outline,.demo-duration{display:none}.demo-caption{font-size:var(--text-xs)}.channel-item{flex-basis:40%}.feature-story{min-height:340px}.cta-final .input-group.is-pill{flex-direction:column;align-items:stretch;gap:var(--space-2);padding:var(--space-2)}.cta-final .input{min-height:44px;text-align:center}.cta-final .btn{width:100%}}@media(prefers-reduced-motion:reduce){html[data-theme=light]{scroll-behavior:auto}.reasons.is-armed .card{opacity:1;transform:none}.btn-gradient:hover{transform:none}}