.marketing{font-family:var(--font-body);min-height:100dvh}.marketing ::selection{background:#2e9e7633}.marketing .doc-card{background:var(--paper);color:var(--ink);border-radius:var(--radius-card);border:1px solid var(--border);box-shadow:0 2px 16px #1c1b160f}.marketing .feature-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-card);transition:transform .2s,border-color .2s,box-shadow .2s;box-shadow:0 1px 4px #1c1b160a}.marketing .feature-card:hover{border-color:#1c1b162e;transform:translateY(-4px);box-shadow:0 8px 24px #1c1b1614}.marketing .btn-primary{background:var(--primary);color:var(--primary-foreground);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .12s,filter .12s;display:inline-flex}.marketing .btn-primary:hover{filter:brightness(1.05)}.marketing .btn-primary:active{transform:scale(.97)}.marketing .btn-primary:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.marketing .btn-secondary{color:var(--foreground);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;text-decoration:none;transition:background .12s,border-color .12s,transform .12s;display:inline-flex}.marketing .btn-secondary:hover{border-color:var(--border);background:#1c1b160a}html.dark .marketing .btn-secondary:hover{background:#ffffff0f}.marketing .btn-secondary:active{transform:scale(.97)}.marketing .btn-secondary:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.marketing .btn-ghost{color:var(--muted);font-size:14px;font-weight:500;text-decoration:none;transition:color .12s}.marketing .btn-ghost:hover{color:var(--foreground);text-decoration:underline}.marketing .btn-ghost:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.marketing .font-display{font-family:var(--font-display)}.marketing .font-data{font-family:var(--font-data)}.marketing .eyebrow{font-family:var(--font-data);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-size:12px}@keyframes orbit-drift{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.marketing .orbit-drift{animation:40s linear infinite orbit-drift}.marketing .orbit-drift:hover{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.marketing .orbit-drift{animation:none}.marketing .feature-card:hover{transform:none}}