@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}}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-period{border:0;padding:0;margin:0 0 var(--space-8);text-align:center;min-width:0}.pricing-period-label{width:100%;margin-bottom:var(--space-3);font-size:var(--text-sm);color:var(--color-text-2)}.pricing-period-options{display:inline-flex;padding:var(--space-1);border:1px solid var(--color-divider);border-radius:var(--radius-pill);background:var(--color-neutral-100)}.pricing-period-options label{position:relative;cursor:pointer}.pricing-period-options input{position:absolute;opacity:0;width:1px;height:1px}.pricing-period-options label>span{display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:600}.pricing-period-options input:checked+span{background:var(--color-bg);box-shadow:0 2px 6px color-mix(in srgb,var(--color-neutral-950) 10%,transparent)}.pricing-period-options input:focus-visible+span{outline:2px solid var(--color-accent-2-600);outline-offset:2px}.pricing-period-options small{color:var(--color-accent-2-600);font-size:var(--text-xs)}.tiers-marketing{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);max-width:880px;margin-inline:auto}.tiers-marketing .tier{padding:var(--space-8);background:var(--color-bg);border-radius:var(--radius-xl)}.tiers-marketing .tier .price{margin-block:var(--space-3)}.tiers-marketing .pricing-charge{margin-top:var(--space-2);font-size:var(--text-sm);font-weight:400;letter-spacing:normal;color:var(--color-text-2)}.tiers-marketing .tier ul{margin-bottom:var(--space-4)}.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}.contact-section{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:var(--space-10);align-items:center;padding:0 0 var(--space-16)}.contact-section h2{font-size:clamp(2rem,3.5vw,3rem);font-weight:600;letter-spacing:-.05em;line-height:1.15;margin-bottom:var(--space-4)}.contact-section p{max-width:55ch;color:var(--color-text-2)}.contact-section .eyebrow{color:var(--color-accent-2-600)}.contact-card{padding:var(--space-6);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);background:var(--color-neutral-100)}.contact-card h3{font-size:1.125rem;margin-bottom:var(--space-3)}.contact-card p+p{margin-top:var(--space-3)}.contact-card a{color:var(--color-accent);font-weight:600;overflow-wrap:anywhere}.legal-page{padding-top:var(--space-16);padding-bottom:var(--space-16);max-width:900px}.legal-page h1{font-size:clamp(2.5rem,5vw,3.75rem);font-weight:600;letter-spacing:-.06em;line-height:1.1;margin-bottom:var(--space-4)}.legal-page .legal-intro{font-size:1.125rem;color:var(--color-text-2);margin-bottom:var(--space-10)}.legal-page .legal-updated{color:var(--color-text-3);font-size:var(--text-sm);margin-bottom:var(--space-8)}.legal-page section{margin-top:var(--space-8)}.legal-page h2{font-size:1.35rem;font-weight:600;letter-spacing:-.025em;margin-bottom:var(--space-3)}.legal-page p,.legal-page li{line-height:1.8;color:var(--color-text-2)}.legal-page p+p{margin-top:var(--space-3)}.legal-page ul{padding-left:var(--space-6);margin-top:var(--space-3)}.legal-page a{color:var(--color-accent)}@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){.contact-section{grid-template-columns:1fr;gap:var(--space-6)}.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}}
