.marketing-root{--canvas:#000;--surface:#0a0a0a;--surface-2:#141414;--surface-elevated:#1a1a1a;--border:hsla(0,0%,100%,.08);--border-strong:hsla(0,0%,100%,.14);--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-muted:#71717a;--accent:#fafafa;--accent-muted:hsla(0,0%,98%,.08);color:var(--text-primary);background-color:var(--canvas);background-image:radial-gradient(ellipse 100% 80% at 50% -30%,hsla(0,0%,100%,.06),transparent 55%);min-height:100vh}.marketing-nav{backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);background:rgba(0,0,0,.6);border-bottom:1px solid transparent}.marketing-nav.scrolled{border-bottom-color:var(--border);background:rgba(0,0,0,.85)}.nav-link-10x{font-size:13px;font-weight:500;color:var(--text-secondary);transition:color .15s ease}.nav-link-10x:hover{color:var(--text-primary)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:9999px;background:#fafafa;color:#09090b;font-size:.875rem;font-weight:500;line-height:1.25rem;padding:.625rem 1.25rem;transition:background .15s ease,transform .15s ease,box-shadow .15s ease;box-shadow:0 1px 2px rgba(0,0,0,.4)}.btn-primary:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 24px hsla(0,0%,100%,.12)}.btn-primary:active{transform:translateY(0)}.btn-primary-lg{padding:.75rem 1.5rem;font-size:.9375rem}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:9999px;border:1px solid var(--border-strong);background:transparent;color:var(--text-primary);font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;transition:background .15s ease,border-color .15s ease}.btn-secondary:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.22)}.btn-secondary-lg{padding:.75rem 1.5rem;font-size:.9375rem}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;color:var(--text-secondary);font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:color .15s ease,background .15s ease}.btn-ghost:hover{color:var(--text-primary);background:hsla(0,0%,100%,.05)}.section-eyebrow{font-size:.8125rem;font-weight:500;color:var(--text-muted);letter-spacing:.02em}.section-title{font-family:var(--font-syne),system-ui,sans-serif;font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:-.03em;line-height:1.1;color:var(--text-primary)}.marketing-card{background:var(--surface);border:1px solid var(--border);border-radius:1rem;transition:border-color .2s ease,background .2s ease}.marketing-card:hover{border-color:var(--border-strong);background:var(--surface-2)}.logo-marquee-mask{mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.marquee-track{animation:marquee-scroll 45s linear infinite}.marquee-track:hover{animation-play-state:paused}.marquee-reverse{animation-name:marquee-scroll-reverse;animation-duration:55s}@keyframes marquee-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes marquee-scroll-reverse{0%{transform:translateX(-50%)}to{transform:translateX(0)}}.mockup-frame{border:1px solid var(--border);border-radius:1rem;background:linear-gradient(180deg,#111,#0a0a0a);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.03),0 24px 80px rgba(0,0,0,.6),0 0 120px hsla(0,0%,100%,.03)}.pricing-popular{border-color:var(--border-strong);background:var(--surface-2);box-shadow:0 0 0 1px hsla(0,0%,100%,.06)}.badge-popular{font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:.25rem .625rem;border-radius:9999px;background:#fafafa;color:#09090b}