.landing-page{--landing-text: #1e1b4b;--landing-muted: #4338ca;--landing-surface: rgba(255, 255, 255, .92);--landing-surface-border: rgba(255, 255, 255, .65);--landing-phone-width: min(100%, 300px);--landing-phone-height: min(66vh, 620px);position:relative;min-height:100%;color:var(--landing-text);background:#eef2ff}.dark .landing-page{--landing-text: #f8fafc;--landing-muted: #c7d2fe;--landing-surface: rgba(15, 23, 42, .88);--landing-surface-border: rgba(148, 163, 184, .25);background:#0f172a}.landing-page__bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(circle at 12% 18%,rgba(255,107,107,.45),transparent 42%),radial-gradient(circle at 82% 12%,rgba(72,219,251,.42),transparent 40%),radial-gradient(circle at 70% 78%,rgba(255,159,243,.38),transparent 44%),radial-gradient(circle at 18% 82%,rgba(84,160,255,.4),transparent 42%),radial-gradient(circle at 48% 48%,rgba(254,202,87,.28),transparent 50%),linear-gradient(145deg,#eef2ff,#fdf4ff 45%,#ecfeff);pointer-events:none}.dark .landing-page__bg{background:radial-gradient(circle at 12% 18%,rgba(255,107,107,.22),transparent 42%),radial-gradient(circle at 82% 12%,rgba(72,219,251,.2),transparent 40%),radial-gradient(circle at 70% 78%,rgba(255,159,243,.18),transparent 44%),radial-gradient(circle at 18% 82%,rgba(84,160,255,.2),transparent 42%),linear-gradient(145deg,#0f172a,#1e1b4b,#134e4a)}.landing-page__content{position:relative;z-index:1}.landing-display{font-family:Outfit,Figtree,ui-sans-serif,system-ui,sans-serif}.landing-hero-card{background:var(--landing-surface);border:1px solid var(--landing-surface-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 24px 60px #4f46e51f}.landing-btn-rainbow{background:linear-gradient(120deg,#6366f1,#8b5cf6,#ec4899,#f59e0b);color:#fff;background-size:200% auto;transition:background-position .25s ease,transform .15s ease}.landing-btn-rainbow:hover{background-position:right center}.landing-btn-ghost{background:var(--landing-surface);border:2px solid transparent;background-image:linear-gradient(var(--landing-surface),var(--landing-surface)),linear-gradient(120deg,#6366f1,#22d3ee,#f472b6);background-origin:border-box;background-clip:padding-box,border-box;color:var(--landing-text)}.landing-template-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.landing-template-tab{border-radius:.75rem;padding:.5rem 1rem;font-size:.8rem;font-weight:600;border:1px solid rgba(99,102,241,.25);background:var(--landing-surface);color:var(--landing-text);transition:transform .15s ease,box-shadow .15s ease}.landing-template-tab:hover{transform:translateY(-1px)}.landing-template-tab.is-active{color:#fff;border-color:transparent;background:linear-gradient(120deg,#4f46e5,#7c3aed,#db2777);box-shadow:0 8px 24px #6366f159}.landing-phone{position:relative;width:var(--landing-phone-width);height:var(--landing-phone-height);margin-inline:auto;border-radius:2rem;overflow:hidden;background:#111827;box-shadow:0 0 0 3px #ffffff1f,0 20px 50px #1e1b4b59,0 0 80px #6366f126}.landing-phone:before{content:"";position:absolute;top:.55rem;left:50%;transform:translate(-50%);width:5.5rem;height:1rem;border-radius:.5rem;background:#1f2937;z-index:3;pointer-events:none}.landing-phone__screen{position:absolute;top:0;right:0;bottom:0;left:0;border:0;width:100%;height:100%;background:#fff}.landing-phone__fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;text-align:center}.landing-phone__chrome{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:.4rem .75rem .55rem;background:#f8fafcf2;border-top:1px solid rgba(0,0,0,.06);font-size:.62rem;color:#64748b;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.landing-shape{position:absolute;border-radius:9999px;filter:blur(40px);opacity:.5;pointer-events:none}@media(min-width:768px){.landing-page{--landing-phone-width: 320px;--landing-phone-height: min(68vh, 650px)}}@media(min-width:1024px){.landing-page{--landing-phone-width: 340px}}