/* Praia Digital — Design System v1 (litoral + tecnologia + dados) */
:root{--ink:#0a2540;--ink2:#42546a;--sea:#0e7c7b;--sea-d:#0a5f5e;--sand:#f7f4ee;--line:#e3e9ef;--r:14px}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:#fff;line-height:1.6}
a{color:var(--sea);text-decoration:none}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
header.pd{position:sticky;top:0;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);z-index:50}
.pd .nav{display:flex;align-items:center;gap:20px;height:64px}
.logo{font-weight:800;font-size:1.2rem;color:var(--ink);letter-spacing:-.02em}
.logo span{color:var(--sea)}
.btn{display:inline-block;background:var(--sea);color:#fff!important;padding:12px 22px;border-radius:10px;font-weight:600;border:0;cursor:pointer;font-size:1rem}
.btn:hover{background:var(--sea-d)}
.btn-ghost{background:transparent;color:var(--ink)!important;border:1.5px solid var(--line)}
.btn-ghost:hover{border-color:var(--sea);color:var(--sea)!important}
.pd-hero{background:linear-gradient(160deg,#0a2540 0%,#0e3a52 60%,#0e7c7b 135%);color:#fff;padding:64px 0}
.kicker{font-size:.78rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--sea);margin-bottom:10px}
.pd-hero .kicker{color:#7fd1cf}
.pd-hero h1{font-size:clamp(1.7rem,3.8vw,2.6rem);letter-spacing:-.02em;line-height:1.18;max-width:720px}
.pd-hero p.sub{color:#c9d8e2;max-width:620px;margin:14px 0 24px;font-size:1.08rem}
.crumb{font-size:.82rem;color:#9db4c6;margin-bottom:14px}
.crumb a{color:#c9d8e2}
section{padding:60px 0}
section.alt{background:var(--sand)}
h2{font-size:clamp(1.35rem,2.6vw,1.8rem);letter-spacing:-.02em;margin-bottom:10px}
.lead{color:var(--ink2);max-width:680px;margin-bottom:26px}
.grid{display:grid;gap:14px}
.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px}
.card h3{font-size:.98rem;margin-bottom:4px}
.card p{font-size:.87rem;color:var(--ink2)}
.metric{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px;text-align:center}
.metric .v{font-size:1.35rem;font-weight:800;color:var(--ink)}
.metric .l{font-size:.78rem;color:var(--ink2);text-transform:uppercase;letter-spacing:.06em}
.pill{display:inline-block;background:#eef6f6;color:var(--sea-d);border-radius:99px;padding:6px 14px;font-size:.85rem;font-weight:600;margin:0 6px 8px 0}
.src{font-size:.78rem;color:#8296aa;margin-top:10px}
.proscons{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pc{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px}
.pc.pos{border-top:3px solid var(--sea)}
.pc.att{border-top:3px solid #d97706}
.pc h3{font-size:.95rem;margin-bottom:8px}
.pc li{font-size:.88rem;color:var(--ink2);margin-left:18px;margin-bottom:4px}
details{border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin-bottom:8px;background:#fff}
summary{font-weight:600;cursor:pointer}
footer.pd{background:#081c30;color:#9db4c6;padding:44px 0 30px;font-size:.86rem}
footer.pd a{color:#9db4c6}
@media(max-width:860px){.g3,.g4,.proscons{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.g3,.g4,.proscons{grid-template-columns:1fr}.pd-hero{padding:44px 0}}