.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}}.landing .hn-line{fill:none;stroke:rgba(var(--l-primary-rgb), .2);stroke-width:1.4px;vector-effect:non-scaling-stroke}.landing .hn-flow{fill:none;stroke:var(--l-primary);stroke-width:2.2px;stroke-linecap:round;stroke-dasharray:2 22;opacity:.75;vector-effect:non-scaling-stroke;animation:2.4s linear infinite hn-flow}.landing .hn-flow-accent{stroke:var(--l-accent)}@keyframes hn-flow{to{stroke-dashoffset:-48px}}.landing .hn-ripple{border:2px solid rgba(var(--l-primary-rgb), .34);opacity:0;border-radius:50%;width:300px;height:300px;margin:-150px 0 0 -150px;animation:5.1s ease-out infinite hn-ripple;position:absolute;top:0;left:0}@keyframes hn-ripple{0%{opacity:.55;transform:scale(.25)}to{opacity:0;transform:scale(3.2)}}.landing .hn-hub{width:4.5rem;height:4.5rem;box-shadow:0 0 0 10px rgba(var(--l-primary-rgb), .08), 0 20px 50px -12px rgba(var(--l-primary-rgb), .45);background:#ffffffeb;border:1px solid #ffffffe6;border-radius:1.4rem;place-items:center;display:grid}.landing .hn-tile{width:2.75rem;height:2.75rem;box-shadow:0 14px 30px -12px rgba(var(--l-primary-rgb), .4);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:.95;background:#ffffffc7;border:1px solid #fffffff2;border-radius:1rem;place-items:center;padding:.5rem;animation:ease-in-out infinite alternate hn-float;display:grid;position:relative}@media (min-width:768px){.landing .hn-tile{opacity:.95;border-radius:1.3rem;width:4.25rem;height:4.25rem;padding:.7rem}.landing .hn-hub{background:#ffffffeb;border-radius:1.8rem;width:6.5rem;height:6.5rem}}@keyframes hn-float{0%{transform:translateY(-6px)rotate(-1.5deg)}to{transform:translateY(7px)rotate(1.5deg)}}.landing .hn-bars{background:#fff;border-radius:6px;align-items:flex-end;gap:2px;height:14px;padding:3px 4px;display:flex;position:absolute;bottom:-5px;right:-5px;box-shadow:0 4px 10px -3px #00000040}.landing .hn-bars i{background:var(--l-primary);transform-origin:50% 100%;border-radius:2px;width:3px;height:100%;animation:1.1s ease-in-out infinite hn-bar;display:block}.landing .hn-bars i:nth-child(2){animation-delay:.18s}.landing .hn-bars i:nth-child(3){animation-delay:.36s}@keyframes hn-bar{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.landing .int-tile{width:3.4rem;height:3.4rem;transform:rotate(var(--rot,0deg));border:1px solid #fffffff2;border-radius:1.1rem;place-items:center;animation:ease-in-out infinite alternate int-float;display:grid;box-shadow:0 18px 36px -14px #1a1a1a47,0 2px 6px #1a1a1a0f}.landing .int-tile-big{width:4rem;height:4rem}@media (min-width:768px){.landing .int-tile{border-radius:1.5rem;width:4.9rem;height:4.9rem}.landing .int-tile-big{border-radius:1.7rem;width:5.8rem;height:5.8rem}}@keyframes int-float{0%{transform:translateY(-8px) rotate(var(--rot,0deg))}to{transform:translateY(9px) rotate(calc(var(--rot,0deg) * -.6))}}@media (prefers-reduced-motion:reduce){.landing .hn-flow,.landing .hn-ripple,.landing .hn-tile,.landing .hn-bars i,.landing .int-tile{animation:none}.landing .hn-ripple{opacity:.25;transform:scale(1.6)}}.landing .int-pos{left:var(--mx);top:var(--my)}@media (min-width:768px){.landing .int-pos{left:var(--x);top:var(--y)}}.landing .hn-slot{width:100%;height:10rem;position:relative}.landing .hn{z-index:-10;pointer-events:none;height:480px;transform:translateY(calc(var(--hub-y) * -1));position:absolute;top:50%;left:-1.5rem;right:-1.5rem;overflow:hidden}.landing .hn-pos{left:var(--hmx);top:var(--hmy)}@media (min-width:768px){.landing .hn-slot{height:11rem}.landing .hn{height:820px}.landing .hn-pos{left:var(--hx);top:var(--hy)}}