@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
:root{--bg:#fff;--text:#0f172a;--indigo:#6366f1;--emerald:#10b981;--card:#f8fafc;--border:#e2e8f0}
*{box-sizing:border-box}body{margin:0;font-family:'Inter',system-ui;background:var(--bg);color:var(--text)}
a{text-decoration:none;color:inherit}
.navbar{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:14px 24px}
.logo{font-weight:700}.nav-links{display:flex;gap:16px;align-items:center}
.btn{padding:10px 14px;border-radius:12px;font-weight:600;display:inline-block}
.btn.primary{background:var(--indigo);color:#fff}.btn.ghost,.btn.outline{border:1px solid #cbd5e1;background:#fff;color:#334155}
.hero{padding:72px 24px 40px;max-width:1120px;margin:auto;background:linear-gradient(180deg,#fff 0%,#eef2ff 100%)}
.eyebrow{font-size:13px;color:#64748b}.hero h1{font-size:64px;line-height:1.05;margin:10px 0}.sub{max-width:820px;color:#475569;font-size:20px}
.hero-cta{display:flex;gap:10px;margin:18px 0}.mini{color:#64748b}
.float-cards{display:flex;gap:12px;margin-top:18px;flex-wrap:wrap}.fcard{background:#fff;border:1px solid var(--border);border-radius:14px;padding:12px 14px;min-width:180px;box-shadow:0 8px 30px rgba(15,23,42,.08)}.fcard .avatar{font-size:28px}.fcard span{display:block;color:#64748b}.tilt1{transform:rotate(-2deg)}.tilt2{transform:rotate(1.6deg)}.tilt3{transform:rotate(-1.2deg)}
.proof{background:var(--card);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:22px 24px;text-align:center}.proof-tags{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.proof-tags span{background:#fff;border:1px solid var(--border);padding:8px 10px;border-radius:999px}
.section{max-width:1120px;margin:auto;padding:56px 24px}.section.soft{background:var(--card);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.market-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:14px;transition:.2s}.market-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(15,23,42,.08)}
.market-card ul{padding-left:18px}.art{margin-bottom:8px}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#e5e7eb;color:#374151;font-size:12px}.badge.ok{background:#dcfce7;color:#16a34a}
.price{font-weight:700}.tagline{color:#475569}.integrations{font-size:13px;color:#64748b}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.timeline div{background:#fff;border:1px solid var(--border);padding:10px;border-radius:12px}
.compare{display:grid;grid-template-columns:1fr 1fr;gap:14px}.col{padding:14px;border-radius:12px}.col.good{background:#ecfdf5;border:1px solid #bbf7d0}.col.bad{background:#fef2f2;border:1px solid #fecaca}
.price-card{max-width:520px;margin:auto;background:#fff;border:1px solid var(--border);border-radius:18px;padding:18px;text-align:center}.price-card ul{text-align:left}.big{font-size:44px;font-weight:700}.big small{font-size:16px;font-weight:500}
.lead-form{max-width:700px;display:grid;gap:10px}.lead-form input,.lead-form select,.lead-form textarea{padding:11px;border:1px solid #cbd5e1;border-radius:10px;font:inherit}
.lead-form textarea{min-height:110px}
footer{background:#0f172a;color:#fff;padding:28px 24px}.footer-inner{max-width:1120px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:14px}footer a{display:block;color:#cbd5e1;margin:4px 0}
@media (max-width:980px){.hero h1{font-size:44px}.cards3,.timeline,.compare,.footer-inner{grid-template-columns:1fr}.nav-links{flex-wrap:wrap}}