/* B Scanned — Shared service-page styles */
:root { --bg:#fff; --bg-2:#f8fafc; --bg-3:#f1f5f9; --border:rgba(59,130,246,0.20); --border-2:rgba(5,150,105,0.30); --primary:#2563eb; --cta:#059669; --cta-dim:#047857; --amber:#d97706; --text:#0f172a; --text-2:#334155; --gray:#64748b; }
*,*::before,*::after { margin:0; padding:0; box-sizing:border-box; }
body { font-family:'Inter',system-ui,sans-serif; background:var(--bg); color:var(--text); line-height:1.6; -webkit-font-smoothing:antialiased; }
.container { max-width:1140px; margin:0 auto; padding:0 24px; }
a { color:var(--cta); text-decoration:none; }

nav { position:sticky; top:0; z-index:50; background:rgba(255,255,255,0.92); backdrop-filter:blur(14px); border-bottom:1px solid var(--border); }
.nav-in { display:flex; align-items:center; justify-content:space-between; padding:16px 24px; max-width:1140px; margin:0 auto; }
.logo { font-weight:900; font-size:24px; color:var(--text); letter-spacing:-0.5px; }
.logo b { color:var(--cta); }
.nav-cta { background:var(--cta); color:#fff !important; padding:10px 18px; border-radius:100px; font-weight:700; font-size:13px; text-transform:uppercase; letter-spacing:0.6px; }

header.hero { padding:80px 0 70px; background:radial-gradient(ellipse at 20% 0%, rgba(59,130,246,0.10), transparent 55%), radial-gradient(ellipse at 80% 80%, rgba(5,150,105,0.10), transparent 50%); }
.pill { display:inline-flex; gap:8px; padding:6px 14px; background:rgba(5,150,105,0.10); border:1px solid var(--border-2); border-radius:100px; font-size:13px; font-weight:700; color:var(--cta); margin-bottom:18px; }
h1 { font-size:clamp(34px,5.5vw,58px); font-weight:900; letter-spacing:-1.5px; line-height:1.05; margin-bottom:18px; }
h1 .accent { color:var(--cta); }
.lead { font-size:clamp(16px,2vw,19px); color:var(--text-2); max-width:64ch; margin-bottom:28px; }

.btn-row { display:flex; gap:12px; flex-wrap:wrap; }
.btn { padding:14px 26px; border-radius:12px; font-weight:700; font-size:15px; display:inline-flex; align-items:center; gap:8px; cursor:pointer; border:none; transition:transform .15s; text-decoration:none; }
.btn:hover { transform:translateY(-1px); }
.btn-primary { background:var(--cta); color:#fff; box-shadow:0 8px 24px rgba(5,150,105,0.25); }
.btn-ghost { background:transparent; color:var(--text); border:1px solid var(--border); }

section { padding:70px 0; border-top:1px solid var(--bg-2); }
.eyebrow { color:var(--cta); font-size:13px; font-weight:800; text-transform:uppercase; letter-spacing:1.2px; margin-bottom:12px; }
h2 { font-size:clamp(28px,4vw,42px); font-weight:900; letter-spacing:-1px; margin-bottom:14px; }
h3 { color:var(--text); }
.lede { color:var(--text-2); font-size:17px; max-width:64ch; margin-bottom:32px; }
p.body { color:var(--text-2); font-size:16.5px; margin-bottom:18px; max-width:72ch; }
ul.list { margin:0 0 24px 22px; color:var(--text-2); font-size:16px; }
ul.list li { margin-bottom:8px; }

.chip-row { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:18px; }
.chip { background:var(--bg-3); border:1px solid var(--border); color:var(--text-2); padding:8px 14px; border-radius:100px; font-size:13.5px; font-weight:600; }
.chip i { color:var(--cta); margin-right:6px; }

.who-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(220px,1fr)); gap:16px; }
.who-card { background:var(--bg-2); border:1px solid var(--border); border-radius:14px; padding:20px; }
.who-card i { font-size:22px; color:var(--cta); margin-bottom:8px; }
.who-card h4 { font-size:16px; font-weight:800; margin-bottom:6px; }
.who-card p { font-size:14px; color:var(--text-2); }

.tier-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(280px,1fr)); gap:18px; }
.tier { background:var(--bg-2); border:1px solid var(--border); border-radius:16px; padding:26px; position:relative; }
.tier.featured { border-color:var(--cta); box-shadow:0 0 30px rgba(5,150,105,0.15); }
.tier .badge { position:absolute; top:-12px; left:50%; transform:translateX(-50%); background:var(--cta); color:#fff; font-size:11px; font-weight:800; padding:4px 12px; border-radius:100px; letter-spacing:0.5px; }
.tier h3 { font-size:20px; font-weight:800; margin-bottom:6px; }
.tier .tier-price { color:var(--cta); font-size:32px; font-weight:900; letter-spacing:-1px; margin-bottom:4px; }
.tier .tier-price small { font-size:14px; color:var(--gray); font-weight:600; }
.tier .tier-from { font-size:11px; color:var(--gray); font-weight:700; text-transform:uppercase; letter-spacing:1px; margin-bottom:6px; }
.tier p.desc { font-size:14.5px; color:var(--text-2); margin-bottom:16px; line-height:1.5; }
.tier ul { list-style:none; margin-bottom:18px; }
.tier ul li { font-size:14px; color:var(--text-2); padding:6px 0 6px 22px; position:relative; }
.tier ul li::before { content:"✓"; position:absolute; left:0; color:var(--cta); font-weight:800; }
.tier .tier-cta { display:block; text-align:center; padding:11px; border-radius:8px; background:var(--cta); color:#fff !important; font-weight:700; font-size:14px; }

.benefits { display:grid; grid-template-columns:repeat(auto-fit, minmax(280px,1fr)); gap:18px; }
.benefit { background:var(--bg-2); border:1px solid var(--border); border-radius:14px; padding:24px; border-left:3px solid var(--cta); }
.benefit i { font-size:22px; color:var(--cta); margin-bottom:8px; }
.benefit h4 { font-size:17px; font-weight:800; margin-bottom:8px; }
.benefit p { font-size:14.5px; color:var(--text-2); line-height:1.55; }

.compare-table { width:100%; border-collapse:collapse; margin-top:16px; background:var(--bg-2); border-radius:12px; overflow:hidden; }
.compare-table th, .compare-table td { padding:14px 18px; text-align:left; border-bottom:1px solid var(--border); font-size:14.5px; }
.compare-table th { background:var(--bg-3); font-weight:800; color:var(--text); font-size:13px; text-transform:uppercase; letter-spacing:1px; }
.compare-table .you { color:var(--cta); font-weight:700; }
.compare-table .them { color:var(--gray); }

.faq-item { background:var(--bg-2); border:1px solid var(--border); border-radius:12px; padding:18px 22px; margin-bottom:12px; }
.faq-item h4 { font-size:16.5px; font-weight:800; margin-bottom:8px; color:var(--text); }
.faq-item p { font-size:14.5px; color:var(--text-2); line-height:1.55; }

.pricing-band { background:linear-gradient(135deg, rgba(5,150,105,0.07), rgba(59,130,246,0.05)); border:1px solid var(--border-2); border-radius:20px; padding:36px; text-align:center; }
.pricing-band h2 { margin-bottom:8px; }

.final-cta { background:linear-gradient(135deg, rgba(59,130,246,0.07), rgba(5,150,105,0.05)); text-align:center; padding:80px 0; }

footer { padding:30px 0; border-top:1px solid var(--border); text-align:center; color:var(--gray); font-size:14px; }