.landing{--l-background:#fffbf3;--l-surface:#fff;--l-on-surface:#1a1a1a;--l-on-surface-variant:#5b5650;--l-outline:#e7e0d3;--l-primary:#0fb9a7;--l-primary-dark:#0a8f82;--l-primary-tint:#d7f5f1;--l-primary-rgb:15, 185, 167;--l-accent:#ff7a50;--l-accent-dark:#e85a2a;--l-accent-tint:#ffe3d6;--l-accent-rgb:255, 122, 80;--l-violet-rgb:139, 92, 246;--l-glass-bg:#ffffff8c;--l-glass-border:#ffffffb3;--l-input-bg:#fff;--l-input-text:#1a1a1a;--l-radius-card:2rem;--l-radius-pill:999px;font-family:var(--font-jakarta), sans-serif;background:var(--l-background);color:var(--l-on-surface)}.landing .material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-smoothing:antialiased;font-family:Material Symbols Outlined;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.landing .display-xl{letter-spacing:-.03em;font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.08}.landing .headline-lg{letter-spacing:-.02em;font-size:clamp(1.6rem,3.4vw,2.5rem);font-weight:700;line-height:1.2}.landing .label-caps{letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:700}.landing .glass{background:var(--l-glass-bg);-webkit-backdrop-filter:blur(24px);border:1px solid var(--l-glass-border)}.landing .glass-card{background:var(--l-glass-bg);-webkit-backdrop-filter:blur(24px);border:1px solid var(--l-glass-border);border-radius:var(--l-radius-card);box-shadow:0 30px 60px -20px rgba(var(--l-primary-rgb), .18)}.landing .pill{border-radius:var(--l-radius-pill)}.landing .btn-primary{background:linear-gradient(135deg, var(--l-primary), var(--l-primary-dark));color:#fff;box-shadow:0 10px 30px -8px rgba(var(--l-primary-rgb), .55);transition:transform .2s,box-shadow .2s}.landing .btn-primary:hover{box-shadow:0 14px 34px -6px rgba(var(--l-primary-rgb), .6);transform:translateY(-2px)}.landing .btn-ghost{background:var(--l-glass-bg);border:1px solid var(--l-glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background .2s,transform .2s}.landing .btn-ghost:hover{filter:brightness(.97);transform:translateY(-1px)}.landing .hero-glow{background:radial-gradient(1100px circle at var(--mx,50%) var(--my,20%), rgba(var(--l-primary-rgb), .22), rgba(var(--l-accent-rgb), .14) 35%, rgba(var(--l-violet-rgb), .08) 55%, transparent 75%), linear-gradient(135deg, rgba(var(--l-primary-rgb), .14) 0%, rgba(var(--l-accent-rgb), .12) 55%, rgba(var(--l-violet-rgb), .08) 100%)}.landing .cta-glow{background:radial-gradient(circle at 12% 20%, rgba(var(--l-primary-rgb), .35) 0%, transparent 60%), radial-gradient(circle at 88% 80%, rgba(var(--l-accent-rgb), .3) 0%, transparent 60%), radial-gradient(circle at 50% 50%, rgba(var(--l-violet-rgb), .15) 0%, transparent 70%)}.landing .dot-grid{background-image:radial-gradient(rgba(var(--l-primary-rgb), .35) 1px, transparent 1px);background-size:28px 28px}.landing .live-dot{background:#ef4444;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite landing-blink}@keyframes landing-blink{0%,to{opacity:1;box-shadow:0 0 #ef44448c}50%{opacity:.6;box-shadow:0 0 0 7px #ef444400}}.landing .btn-cta{background:linear-gradient(135deg, var(--l-accent), var(--l-primary-dark));color:#fff;box-shadow:0 15px 35px -10px rgba(var(--l-accent-rgb), .55), 0 8px 20px -8px rgba(var(--l-primary-rgb), .4);transition:transform .2s,box-shadow .2s;animation:2.4s ease-in-out infinite landing-cta-pulse;position:relative;overflow:hidden}.landing .btn-cta:hover{transform:translateY(-2px)scale(1.01)}.landing .btn-cta:before{content:"";background:linear-gradient(90deg,#0000,#ffffff59,#0000);animation:3.2s ease-in-out infinite landing-shine;position:absolute;inset:0;transform:translate(-120%)}@keyframes landing-shine{0%,to{transform:translate(-120%)}50%{transform:translate(120%)}}@keyframes landing-cta-pulse{0%,to{box-shadow:0 15px 35px -10px rgba(var(--l-accent-rgb), .55), 0 8px 20px -8px rgba(var(--l-primary-rgb), .4)}50%{box-shadow:0 15px 35px -10px rgba(var(--l-accent-rgb), .8), 0 0 0 8px rgba(var(--l-accent-rgb), .12)}}.landing .dark-card{background:linear-gradient(135deg, #16213a, var(--l-primary-dark));color:#fff;box-shadow:0 30px 60px -20px #0a1e2873}.landing .marquee-row{gap:18px;width:max-content;display:flex}.landing .marquee-track-left{animation:42s linear infinite landing-marquee-left}.landing .marquee-track-right{animation:42s linear infinite landing-marquee-right}.landing .marquee-row:hover{animation-play-state:paused}@keyframes landing-marquee-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes landing-marquee-right{0%{transform:translate(-50%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.landing .marquee-track-left,.landing .marquee-track-right{animation:none}}.landing .template-card{border-radius:1.25rem;flex-shrink:0;width:220px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 20px 40px -18px #0000004d}.landing .template-card:hover{transform:translateY(-4px);box-shadow:0 26px 50px -16px #00000061}.landing.animated-bg{background-size:220% 220%;animation:22s ease-in-out infinite landing-bg-drift}@keyframes landing-bg-drift{0%,to{background-position:0 0}50%{background-position:100% 100%}}.tpa-install{bottom:max(16px, env(safe-area-inset-bottom));z-index:70;color:#fff;background:linear-gradient(135deg,#043b34 0%,#0a6b5f 60%,#12907f 100%);border:1px solid #ffffff38;border-radius:22px;width:min(580px,100% - 24px);margin:0 auto;animation:.7s cubic-bezier(.2,.9,.3,1.25) both tpa-install-in,5s ease-in-out 1.6s infinite tpa-install-shake,2.4s ease-in-out 1s infinite tpa-install-glow;position:fixed;left:0;right:0}.tpa-install-icon{transform-origin:50% 15%;animation:5s ease-in-out 1.6s infinite tpa-install-ring}@keyframes tpa-install-in{0%{opacity:0;transform:translateY(48px)scale(.94)}to{opacity:1;transform:none}}@keyframes tpa-install-shake{0%,15%,to{transform:translate(0)rotate(0)}2%{transform:translate(-10px)rotate(-1.6deg)}4%{transform:translate(10px)rotate(1.6deg)}6%{transform:translate(-8px)rotate(-1.2deg)}8%{transform:translate(8px)rotate(1.2deg)}10%{transform:translate(-4px)rotate(-.6deg)}12%{transform:translate(4px)rotate(.6deg)}}@keyframes tpa-install-ring{0%,15%,to{transform:rotate(0)}2%,6%,10%{transform:rotate(-18deg)}4%,8%,12%{transform:rotate(18deg)}}@keyframes tpa-install-glow{0%,to{box-shadow:0 22px 50px -14px #054d4399,0 0 #fbbf248c}50%{box-shadow:0 22px 50px -14px #054d4399,0 0 0 12px #fbbf2400}}@media (prefers-reduced-motion:reduce){.tpa-install,.tpa-install-icon{animation:none}}