:root{--dark:#0f172a;--green:#16a34a;--muted:#64748b;--bg:#f8fafc}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--dark)}
.landing-hero{min-height:760px;background:radial-gradient(circle at 70% 20%,rgba(34,197,94,.25),transparent 32%),linear-gradient(135deg,#07111f,#052e16);color:white;padding:26px}
.landing-nav{max-width:1180px;margin:auto;display:flex;justify-content:space-between;align-items:center}.brand{font-size:26px;font-weight:900}.brand span{color:#22c55e}.nav-login,.primary,.secondary{color:white;text-decoration:none;font-weight:900;border-radius:999px;padding:13px 20px}.nav-login{background:rgba(255,255,255,.12)}
.hero-content{max-width:1180px;margin:92px auto 0;display:grid;grid-template-columns:1.1fr .9fr;gap:42px;align-items:center}.pill{background:rgba(255,255,255,.14);border-radius:999px;padding:9px 15px;font-weight:800}.hero-content h1{font-size:clamp(42px,7vw,84px);line-height:.92;margin:24px 0}.hero-content p{font-size:21px;color:#d1fae5;max-width:680px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.primary{background:#22c55e}.secondary{border:1px solid rgba(255,255,255,.25)}
.phone-preview{display:grid;place-items:center}.phone-card{width:min(360px,90vw);background:white;color:#0f172a;border-radius:36px;padding:18px;box-shadow:0 30px 90px rgba(0,0,0,.35);transform:rotate(2deg)}.phone-img{height:230px;border-radius:28px;background:linear-gradient(135deg,#bbf7d0,#16a34a)}.phone-card h3{font-size:28px;margin:18px 0 6px}.phone-card p{color:#64748b;font-size:16px}.phone-card strong{font-size:24px}.phone-card button{float:right;border:0;background:#111827;color:white;border-radius:16px;padding:12px 16px;font-weight:900}
.section{max-width:1180px;margin:0 auto;padding:70px 22px}.section h2{font-size:clamp(30px,4vw,52px);margin:0 0 24px}.feature-grid,.template-grid,.business-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.feature-grid article,.business-card{background:white;border-radius:26px;padding:24px;box-shadow:0 16px 45px rgba(15,23,42,.08)}.feature-grid b{font-size:22px}.feature-grid p,.business-card small{color:var(--muted)}
.template-card{height:180px;border-radius:28px;padding:22px;font-size:24px;font-weight:900;display:flex;align-items:end;color:white;box-shadow:0 16px 45px rgba(15,23,42,.12)}.classic{background:linear-gradient(135deg,#052e16,#111827)}.gourmet{background:linear-gradient(135deg,#2b1810,#b45309)}.neon{background:linear-gradient(135deg,#020617,#a855f7)}.minimal{background:linear-gradient(135deg,#e2e8f0,#94a3b8);color:#0f172a}.fiesta{background:linear-gradient(135deg,#f97316,#ec4899)}
.business-card{display:flex;gap:14px;text-decoration:none;color:var(--dark);align-items:center}.business-card img{width:64px;height:64px;object-fit:cover;border-radius:18px;background:#e2e8f0}.business-card small{display:block;margin-top:4px}
footer{padding:34px 22px;text-align:center;background:#0f172a;color:white;display:grid;gap:6px}
@media(max-width:840px){.hero-content{grid-template-columns:1fr;margin-top:54px}.landing-hero{min-height:auto}.phone-preview{display:none}.hero-actions a{width:100%;text-align:center}}