.landing{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);position:relative;overflow-x:hidden}.landing-ambient{pointer-events:none;z-index:0;background:radial-gradient(80% 60% at 20% 20%,#8b1a2b0f 0%,#0000 60%),radial-gradient(60% 40% at 80% 80%,#ff6b350a 0%,#0000 60%);position:fixed;inset:0}.landing-nav{z-index:100;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);background:#0a0506b3;justify-content:space-between;align-items:center;padding:1.5rem 3rem;display:flex;position:fixed;top:0;left:0;right:0}.landing-logo{font-family:var(--font-serif);letter-spacing:.2em;color:var(--text-primary);align-items:center;gap:.3rem;font-size:1.4rem;display:flex}.logo-dot{background:var(--ember);width:5px;height:5px;animation:emberPulse 2.5s var(--ease-breath) infinite;border-radius:50%;margin-top:2px}.landing-nav-links{align-items:center;gap:1.5rem;display:flex}.landing-nav-link{font-family:var(--font-sans);font-size:var(--text-small);color:var(--text-secondary);letter-spacing:.02em;transition:color var(--duration-fast) var(--ease-silk);text-decoration:none}.landing-nav-link:hover{color:var(--text-primary)}.landing-cta-sm{font-family:var(--font-sans);font-size:var(--text-small);color:var(--text-primary);border-radius:var(--radius-full);transition:all var(--duration-normal) var(--ease-silk);background:#8b1a2b26;border:1px solid #c41e3a59;padding:.5rem 1.25rem;font-weight:500;text-decoration:none}.landing-cta-sm:hover{background:#8b1a2b4d;border-color:#ff6b3566}.landing-hero{z-index:1;text-align:center;justify-content:center;align-items:center;min-height:100vh;padding:8rem 3rem 6rem;display:flex;position:relative}.landing-hero-inner{max-width:720px}.landing-eyebrow{font-family:var(--font-sans);font-size:var(--text-xs);letter-spacing:var(--letterspacing-wide);text-transform:uppercase;color:var(--ember);animation:entranceSubtitle .8s var(--ease-dramatic) .2s both;margin-bottom:1.5rem}.landing-headline{font-family:var(--font-serif);color:var(--text-primary);letter-spacing:var(--letterspacing-tight);animation:entranceGreeting 1s var(--ease-dramatic) .1s both;margin-bottom:1.5rem;font-size:clamp(3.5rem,8vw,6.5rem);font-weight:400;line-height:1}.landing-headline em{background:linear-gradient(135deg, var(--text-primary) 0%, var(--ember-soft) 60%, var(--crimson-bright) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:italic}.landing-sub{font-family:var(--font-serif);color:var(--text-secondary);max-width:520px;animation:entranceSubtitle .8s var(--ease-dramatic) .4s both;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:clamp(1.1rem,2vw,1.35rem);font-style:italic;line-height:1.6}.landing-hero-cta{animation:entranceHeroBtn 1s var(--ease-dramatic) .6s both;flex-direction:column;align-items:center;gap:.85rem;display:flex}.landing-btn-primary{border-radius:var(--radius-full);font-family:var(--font-sans);font-size:var(--text-body);letter-spacing:.02em;color:var(--text-primary);background:linear-gradient(135deg, var(--crimson) 0%, var(--ember) 50%, var(--crimson-bright) 100%);animation:gradientShift 8s var(--ease-breath) infinite, heroGlowBreathe 4s var(--ease-breath) infinite;transition:transform var(--duration-normal) var(--ease-silk), border-color var(--duration-normal) var(--ease-silk);background-size:200% 200%;border:1.5px solid #c41e3a4d;align-items:center;gap:.6rem;padding:1.1rem 2.5rem;font-weight:500;text-decoration:none;display:inline-flex}.landing-btn-primary:hover{border-color:#ff6b3580;transform:translateY(-2px)}.landing-btn-primary:active{transform:scale(.98)}.landing-btn-lg{padding:1.25rem 3rem;font-size:1.05rem}.btn-arrow{transition:transform var(--duration-fast) var(--ease-silk);font-size:1.1em}.landing-btn-primary:hover .btn-arrow{transform:translate(3px)}.landing-free-note{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.03em}.landing-badge{width:110px;height:110px;animation:ambientPulse 5s var(--ease-breath) infinite, entranceCard 1s var(--ease-dramatic) .8s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a0d0eb3;border:1px solid #ff6b3540;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:8%;transform:translateY(-50%);box-shadow:0 0 40px #ff6b3514,inset 0 0 20px #c41e3a0d}.badge-number{font-family:var(--font-serif);color:var(--ember);font-size:2.8rem;font-weight:400;line-height:1}.badge-label{font-family:var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);text-align:center;font-size:.6rem;line-height:1.4}.landing-how{z-index:1;max-width:900px;margin:0 auto;padding:6rem 3rem;position:relative}.landing-section-label{font-family:var(--font-sans);font-size:var(--text-xs);letter-spacing:var(--letterspacing-wide);text-transform:uppercase;color:var(--text-muted);text-align:center;margin-bottom:3rem}.landing-steps{align-items:center;gap:0;display:flex}.landing-step{text-align:center;flex-direction:column;flex:1;align-items:center;gap:1rem;padding:0 1.5rem;display:flex}.step-num{font-family:var(--font-serif);color:#c41e3a33;font-size:3rem;font-weight:400;line-height:1}.step-title{font-family:var(--font-serif);font-size:var(--text-h2);color:var(--text-primary);margin-bottom:.4rem;font-weight:400}.step-desc{font-family:var(--font-sans);font-size:var(--text-small);color:var(--text-secondary);line-height:1.6}.landing-step-divider{background:linear-gradient(to bottom, transparent, var(--border-subtle), transparent);flex-shrink:0;width:1px;height:60px}.landing-screens{z-index:1;max-width:1100px;margin:0 auto;padding:4rem 3rem 6rem;position:relative}.landing-screens-grid{grid-template-columns:1.2fr 1fr;align-items:start;gap:1.25rem;display:grid}.landing-screens-col{flex-direction:column;gap:1.25rem;display:flex}.screen-card{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);transition:transform var(--duration-normal) var(--ease-silk), box-shadow var(--duration-normal) var(--ease-silk);position:relative;overflow:hidden;box-shadow:0 20px 60px #0006}.screen-card:hover{transform:translateY(-4px);box-shadow:0 30px 80px #c41e3a1a,0 20px 60px #00000080}.screen-card img{width:100%;display:block}.screen-label{font-family:var(--font-sans);font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0506b3;padding:.25rem .6rem;position:absolute;bottom:.75rem;left:.75rem}.landing-bottom{z-index:1;text-align:center;padding:6rem 3rem 8rem;position:relative;overflow:hidden}.landing-bottom-glow{pointer-events:none;width:600px;height:400px;animation:ambientPulse 6s var(--ease-breath) infinite;background:radial-gradient(circle,#c41e3a14 0%,#0000 70%);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.landing-bottom-headline{font-family:var(--font-serif);color:var(--text-primary);letter-spacing:var(--letterspacing-tight);margin-bottom:2.5rem;font-size:clamp(2.5rem,5vw,4rem);font-weight:400;line-height:1.15}.landing-bottom-headline em{color:var(--ember-soft);font-style:italic}.landing-bottom-note{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.03em;margin-top:1.25rem}.landing-footer{z-index:1;border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:1.5rem 3rem;display:flex;position:relative}.landing-footer-links{gap:2rem;display:flex}.landing-footer-links a{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.03em;transition:color var(--duration-fast) var(--ease-silk);text-decoration:none}.landing-footer-links a:hover{color:var(--text-secondary)}@media (max-width:767px){.landing-nav{padding:1.25rem 1.5rem}.landing-hero{padding:7rem 1.5rem 5rem}.landing-badge{display:none}.landing-how{padding:4rem 1.5rem}.landing-steps{flex-direction:column;gap:2rem}.landing-step-divider{background:linear-gradient(to right, transparent, var(--border-subtle), transparent);width:40px;height:1px}.landing-screens{padding:3rem 1.5rem 4rem}.landing-screens-grid{grid-template-columns:1fr}.landing-bottom{padding:4rem 1.5rem 6rem}.landing-footer{text-align:center;flex-direction:column;gap:1rem;padding:1.25rem 1.5rem}}@media (prefers-reduced-motion:reduce){.landing-badge,.landing-ambient{animation:none}}.popup-overlay{z-index:200;-webkit-backdrop-filter:blur(8px);animation:fadeIn .4s var(--ease-dramatic) both;background:#0a0506b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.popup-card{border-radius:var(--radius-lg);text-align:center;width:calc(100% - 3rem);max-width:400px;animation:popupIn .6s var(--ease-dramatic) both;background:#1a0d0ef2;border:1px solid #c41e3a33;padding:2.5rem 2rem 2rem;position:relative;box-shadow:0 0 80px #c41e3a14,0 40px 100px #0009}@keyframes popupIn{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.popup-close{width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:color var(--duration-fast) var(--ease-silk), background var(--duration-fast) var(--ease-silk);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:absolute;top:1rem;right:1rem}.popup-close:hover{color:var(--text-primary);background:#ffffff0d}.popup-dot{background:var(--ember);width:8px;height:8px;animation:emberPulse 2s var(--ease-breath) infinite;border-radius:50%;margin:0 auto 1.25rem}.popup-eyebrow{font-family:var(--font-sans);font-size:var(--text-xs);letter-spacing:var(--letterspacing-wide);text-transform:uppercase;color:var(--ember);margin-bottom:.75rem}.popup-title{font-family:var(--font-serif);color:var(--text-primary);letter-spacing:var(--letterspacing-tight);margin-bottom:1rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:400;line-height:1.1}.popup-desc{font-family:var(--font-sans);font-size:var(--text-small);color:var(--text-secondary);max-width:280px;margin-bottom:1.75rem;margin-left:auto;margin-right:auto;line-height:1.6}.popup-note{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--text-muted);margin-top:.85rem}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes popupOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(24px)scale(.97)}}.popup-overlay.popup-closing{animation:fadeOut .4s var(--ease-dramatic) forwards}.popup-card.popup-closing{animation:popupOut .6s var(--ease-dramatic) forwards}