.landing-root{--bg:#fafafa;--bg-2:#f4f4f5;--surface:#fff;--surface-2:#f9f9fb;--border:#00000014;--border-strong:#00000029;--text:#080616;--text-muted:#52525b;--text-dim:#71717a;--primary:#2f2fe4;--primary-ink:#fff;--primary-rgb:47, 47, 228;--success:#059669;--warning:#d97706;--destructive:#dc2626;--info:#162e93;--grain-opacity:.035;--shadow-mood:0 20px 50px #0000001a}html.dark .landing-root{--bg:#09090b;--bg-2:#18181b;--surface:#121214;--surface-2:#1c1c1f;--border:#ffffff14;--border-strong:#ffffff29;--text:#fafafa;--text-muted:#a1a1aa;--text-dim:#71717a;--primary:#6366f1;--primary-ink:#fff;--primary-rgb:99, 102, 241;--success:#10b981;--warning:#f59e0b;--destructive:#ef4444;--info:#6366f1;--grain-opacity:.05;--shadow-mood:0 20px 50px #00000080}html.pink .landing-root{--bg:#f9f5f6;--bg-2:#f8e8ee;--surface:#fff;--surface-2:#fdcedf;--border:#f2bed173;--border-strong:#f2bed1d9;--text:#2a1018;--text-muted:#8a5d6e;--text-dim:#b08495;--primary:#f2bed1;--primary-ink:#2a1018;--primary-rgb:242, 190, 209;--success:#059669;--warning:#d97706;--destructive:#dc2626;--info:#b94978;--grain-opacity:.025;--shadow-mood:0 20px 50px #f2bed166}html.dark.pink .landing-root{--bg:#1a0f14;--bg-2:#2a1820;--surface:#1f0f17;--surface-2:#2a1820;--border:#f2bed129;--border-strong:#f2bed152;--text:#fce7ec;--text-muted:#d4a8b8;--text-dim:#a07a8a;--primary:#f2bed1;--primary-ink:#1f0f17;--primary-rgb:242, 190, 209;--info:#f2bed1;--grain-opacity:.05;--shadow-mood:0 20px 50px #0009}.landing-root{--radius:14px;--radius-sm:8px;--radius-lg:22px;--space:1;--container:1240px;--section-py:calc(120px * var(--space));--font-display-landing:var(--font-display), "Times New Roman", serif;--font-sans-landing:var(--font-sans), system-ui, -apple-system, sans-serif;--font-mono-landing:var(--font-mono), ui-monospace, monospace;background:var(--bg);color:var(--text);font-family:var(--font-sans-landing);-webkit-font-smoothing:antialiased;min-height:100vh;position:relative;overflow-x:hidden}.landing-root a{color:inherit;text-decoration:none}.landing-root button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0}.landing-root img{max-width:100%;display:block}.landing-root ::selection{background:var(--primary);color:var(--primary-ink)}.landing-grain{pointer-events:none;z-index:1;opacity:var(--grain-opacity,.06);mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");position:fixed;inset:0}.landing-root,.landing-root *,.landing-root :before,.landing-root :after{transition-property:background-color,border-color,color,box-shadow;transition-duration:.28s;transition-timing-function:ease}.landing-root .reveal,.landing-root .mood-card,.landing-root .btn{transition-property:background-color,border-color,color,box-shadow,transform,opacity;transition-duration:.28s,.28s,.28s,.28s,.6s,.9s}.landing-root .container{max-width:var(--container);z-index:2;margin:0 auto;padding:0 24px;position:relative}.landing-root .eyebrow{font-family:var(--font-mono-landing);letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:8px;font-size:11px;font-weight:500;display:inline-flex}.landing-root .eyebrow:before{content:"";background:var(--primary);width:6px;height:6px;box-shadow:0 0 12px var(--primary);border-radius:50%}.landing-root .h-display{font-family:var(--font-display-landing);letter-spacing:-.02em;font-weight:400;line-height:.95}.landing-root .italic-serif{font-family:var(--font-display-landing);font-style:italic;font-weight:400}.landing-root .btn{letter-spacing:-.01em;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;height:46px;padding:0 20px;font-size:14px;font-weight:500;transition:transform .2s,background .2s,color .2s,border-color .2s;display:inline-flex}.landing-root .btn-primary{background:var(--primary);color:var(--primary-ink)}.landing-root .btn-primary:hover{transform:translateY(-1px)}.landing-root .btn-ghost{color:var(--text);border:1px solid var(--border-strong);background:0 0}.landing-root .btn-ghost:hover{background:var(--surface)}.landing-root .btn-lg{height:54px;padding:0 26px;font-size:15px}.landing-root .card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);position:relative;overflow:hidden}.landing-root .nav{z-index:50;background:color-mix(in oklab, var(--bg) 70%, transparent);border:1px solid var(--border);-webkit-backdrop-filter:blur(20px)saturate(140%);border-radius:999px;justify-content:space-between;align-items:center;width:calc(100% - 32px);max-width:1180px;padding:10px 12px 10px 22px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.landing-root .nav-links{align-items:center;gap:28px;display:flex}.landing-root .nav-links a{color:var(--text-muted);font-size:13.5px;transition:color .15s}.landing-root .nav-links a:hover{color:var(--text)}.landing-root .logo{font-family:var(--font-display-landing);letter-spacing:-.02em;color:var(--text);align-items:center;gap:8px;font-size:22px;display:inline-flex}.landing-root .logo .dot{background:var(--primary);width:8px;height:8px;box-shadow:0 0 10px var(--primary);border-radius:50%;margin:0 1px;display:inline-block}.landing-root section{padding:var(--section-py) 0;position:relative}.landing-root .reveal{opacity:0;transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0s);transform:translateY(28px)}.landing-root .reveal.in{opacity:1;transform:none}.landing-root .glow-primary{box-shadow:0 0 0 1px rgba(var(--primary-rgb), .18), 0 8px 30px rgba(var(--primary-rgb), .25), 0 0 80px rgba(var(--primary-rgb), .18)}.landing-root .divider{background:var(--border);width:100%;height:1px}.landing-root .tag{border:1px solid var(--border);background:var(--surface);height:28px;color:var(--text-muted);font-size:12px;font-family:var(--font-mono-landing);border-radius:999px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.landing-root .moodboard{z-index:1;pointer-events:none;flex-direction:column;justify-content:center;gap:24px;display:flex;position:absolute;inset:0}.landing-root .mood-track{flex-shrink:0;gap:24px;display:flex}.landing-root .mood-card{border-radius:var(--radius);width:280px;height:360px;box-shadow:var(--shadow-mood,0 24px 60px #0006);flex-shrink:0;transition:transform .3s;overflow:hidden}.landing-root .mood-card:hover{transform:scale(1.04)rotate(-1deg)}.landing-root .mood-card svg{width:100%;height:100%;display:block}.landing-root .hero-vignette{background:radial-gradient(ellipse at center, transparent 0%, var(--bg) 75%), linear-gradient(to bottom, var(--bg) 0%, transparent 15%, transparent 85%, var(--bg) 100%);pointer-events:none;position:absolute;inset:0}@keyframes float-up{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-dot{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}@keyframes marquee-x{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marquee-x-rev{0%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes fadeInLog{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media (max-width:860px){.landing-root .nav-links{display:none}.landing-root{--section-py:80px}}@media (max-width:920px){.landing-root .grid-2{grid-template-columns:1fr!important;gap:48px!important}.landing-root .features-grid,.landing-root .demo-grid,.landing-root .footer-grid{grid-template-columns:1fr!important}}@media (max-width:980px){.landing-root .how-grid,.landing-root .testi-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:820px){.landing-root .pricing-grid{grid-template-columns:1fr!important}}@media (max-width:620px){.landing-root .testi-grid{grid-template-columns:1fr!important}}@media (max-width:560px){.landing-root .how-grid,.landing-root .footer-grid{grid-template-columns:1fr!important}}