@import "https://fonts.googleapis.com/css2?family=Chelsea+Market&display=swap";
.page{background:linear-gradient(135deg,#d4cbcb -10%,#a7aa5486 100%);min-height:100vh}.main-body{color:#000;font-family:Chelsea Market,system-ui}.landing-header{border-bottom:2px solid #000;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1.5rem 3rem;display:flex}.logo{color:#000;letter-spacing:-.5px;font-size:1.8rem;font-weight:700;text-decoration:none}.logo span{color:#000}.nav{align-items:center;gap:2rem;display:flex}.nav-link{color:#000;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover{color:#000;text-decoration:underline}.btn-primary{color:#fff;cursor:pointer;background:#000;border:2px solid #000;border-radius:8px;padding:.6rem 1.8rem;font-family:Chelsea Market,system-ui;font-size:.95rem;font-weight:600;transition:all .3s}.btn-primary:hover{color:#000;background:#fff;transform:translateY(-2px)}.btn-large{padding:.8rem 2.8rem;font-size:1.05rem}.btn-ghost{color:#000;font-weight:500;text-decoration:none;transition:color .3s}.btn-ghost:hover{color:#000;text-decoration:underline}.hero{text-align:center;justify-content:center;align-items:center;min-height:80vh;padding:0 2rem;display:flex}.hero-content{max-width:800px}.hero-content h1{color:#000;margin-bottom:1rem;font-size:4rem;font-weight:800;line-height:1.15}.hero-content h1 .highlight{color:#000}.hero-content p{color:#000;max-width:650px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1.2rem;line-height:1.7}.hero-actions{justify-content:center;align-items:center;gap:1.5rem;display:flex}.features{padding:5rem 2rem 6rem}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1200px;margin:0 auto;display:grid}.feature-card{background:#0000001a;border:2px solid #000;border-radius:15px;padding:2rem;transition:all .3s}.feature-card:hover{background:#0003;border-color:#000;transform:translateY(-6px)}.feature-card h3{color:#000;margin-bottom:.5rem;font-size:1.15rem;font-weight:700}.feature-card p{color:#000;font-size:.95rem;line-height:1.6}.feature-card code{color:#000;background:#0000001a;border-radius:4px;padding:.1rem .4rem;font-family:Chelsea Market,system-ui;font-size:.85rem}.landing-footer{color:#000;border-top:2px solid #000;padding:3rem 2rem}.footer-content{grid-template-columns:1fr 1fr;gap:2rem;max-width:1200px;margin:0 auto;display:grid}.footer-brand .logo{color:#000;font-size:1.5rem}.footer-brand .logo span{color:#000}.footer-brand p{color:#000;margin-top:.5rem;font-size:.9rem}.footer-links{justify-content:flex-end;align-items:center;gap:2rem;display:flex}.footer-link{color:#000;font-size:.9rem;text-decoration:none;transition:color .3s}.footer-link:hover{color:#000;text-decoration:underline}.footer-bottom{text-align:center;color:#000;border-top:2px solid #000;grid-column:1/-1;margin-top:1rem;padding-top:1.5rem;font-size:.85rem}@media (max-width:768px){.landing-header{flex-direction:column;gap:.75rem;padding:1rem 1.5rem}.hero-content h1{font-size:2.8rem}.hero-content p{font-size:1rem}.hero-actions{flex-direction:column;gap:1rem}.feature-grid{grid-template-columns:1fr}.footer-content{text-align:center;grid-template-columns:1fr}.footer-links{justify-content:center}.nav{justify-content:space-between;gap:1rem;width:100%}}@media (max-width:480px){.hero-content h1{font-size:2.2rem}.btn-large{padding:.6rem 2rem;font-size:.95rem}}.hero-note{color:#000;opacity:.6;font-size:.85rem}@keyframes pulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.steps{border-top:2px solid #000;padding:5rem 0 6rem}.step-list{flex-direction:column;gap:28px;max-width:800px;margin-top:28px;margin-left:auto;margin-right:auto;padding:0;list-style:none;display:flex}.step-list li{align-items:flex-start;gap:22px;display:flex}.step-num{color:#000;opacity:.55;min-width:48px;font-family:Chelsea Market,system-ui;font-size:1.8rem}.step-list h3{color:#000;margin-bottom:6px;font-size:1.15rem;font-weight:700}.step-list p{color:#000;opacity:.7;max-width:48ch;font-size:.92rem;line-height:1.6}.final-cta{text-align:left;border-top:2px solid #000;padding:5rem 0 6rem}.handle{color:#000;opacity:.6;margin-top:14px;font-size:.9rem;font-style:italic}.landing-footer .footer-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}@media (max-width:860px){.hero{grid-template-columns:1fr;min-height:auto;padding:2rem 0}.hero-visual{min-height:320px}.hero-actions{align-items:center}.step-list li{flex-direction:column;gap:8px}.final-cta{text-align:center}.landing-footer .footer-content{text-align:center;flex-direction:column;gap:1rem}}@media (max-width:480px){.phone-card{width:200px;padding:20px 16px}.avatar{width:48px;height:48px}.step-list{padding:0 1rem}}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#000;opacity:.7;margin-bottom:.5rem;font-size:.78rem;font-weight:600}.hero-description{color:#000;max-width:650px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1.2rem;line-height:1.7}.hero-visual{justify-content:center;align-items:center;min-height:380px;margin-top:2rem;display:flex;position:relative}.glow-ring{filter:blur(20px);background:radial-gradient(circle,#00000026,#0000000d 55%,#0000 75%);border-radius:50%;width:300px;height:300px;animation:5s ease-in-out infinite pulse;position:absolute}.phone-card{background:#fff;border:2px solid #000;border-radius:28px;flex-direction:column;align-items:center;gap:10px;width:250px;padding:28px 22px;display:flex;position:relative;box-shadow:0 30px 60px #00000026}.avatar{background:linear-gradient(135deg,#000,#4a4a4a);border-radius:50%;width:64px;height:64px;margin-bottom:6px}.bar{opacity:.85;background:#000;border-radius:6px;height:9px}.bar-name{width:110px}.bar-tag{opacity:.35;width:80px}.pill{background:#0000000f;border-radius:999px;width:100%;height:34px;margin-top:8px}.pill-solid{background:#000;margin-top:16px}.final-cta{text-align:center;padding:5rem 0 6rem}.final-cta h2{color:#000;margin-bottom:28px;font-size:clamp(1.9rem,4vw,2.9rem);line-height:1.12}@media (max-width:768px){.hero-visual{min-height:320px}.phone-card{width:200px;padding:20px 16px}.avatar{width:48px;height:48px}}@media (max-width:480px){.phone-card{width:180px;padding:16px 14px}.hero-description{font-size:1rem}}
