/* GP5 Group · Consultoria Pocket */
:root{
  --primary:#0F2A3C;
  --accent:#F2C94C;
  --bg:#F7F9FB;
  --text:#0F1A24;
  --muted:#4A5A67;
  --line:#E2E8F0;
  --white:#FFFFFF;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  color:var(--text);
  background:var(--bg);
  line-height:1.6;
}

.container{width:min(1100px, 92%); margin:0 auto}
.grid-2{display:grid; grid-template-columns:1.1fr 0.9fr; gap:40px}
@media(max-width: 900px){
  .grid-2{grid-template-columns:1fr}
}

.site-header{
  position:sticky; top:0; z-index:20;
  backdrop-filter:saturate(150%) blur(6px);
  background:rgba(247,249,251,.85);
  border-bottom:1px solid var(--line);
}
.header-wrap{display:flex; align-items:center; justify-content:space-between; padding:12px 0}
.brand{display:flex; align-items:center; gap:10px; text-decoration:none; color:var(--primary); font-weight:700}
.brand img{display:block}
.brand-name{font-size:1.05rem; letter-spacing:.2px}

.nav a{margin:0 10px; text-decoration:none; color:var(--muted); font-weight:500}
.nav a:hover{color:var(--primary)}

.btn{display:inline-block; padding:10px 16px; border-radius:12px; text-decoration:none; font-weight:700; border:1px solid transparent; transition:transform .06s ease, box-shadow .06s ease}
.btn.primary{background:var(--primary); color:var(--white)}
.btn.primary:hover{transform:translateY(-1px)}
.btn.secondary{background:var(--accent); color:#1a1200}
.btn.ghost{background:transparent; color:var(--primary); border-color:var(--primary)}
.btn.full{display:block; width:100%; text-align:center}
.btn.lg{padding:14px 22px; border-radius:14px}
.btn.sm{padding:8px 12px; border-radius:10px}

.hero{
  padding:74px 0 36px;
  background:linear-gradient(180deg, #ffffff 0%, #f7f9fb 100%);
}
.hero h1{font-size:clamp(32px, 5vw, 48px); line-height:1.15; margin:10px 0 12px; color:var(--primary)}
.hero .highlight{background:linear-gradient(transparent 60%, var(--accent) 60%); padding:0 2px}
.lead{font-size:1.15rem; color:var(--muted)}
.cta-row{display:flex; gap:12px; flex-wrap:wrap; margin:18px 0 6px}

.hero-bullets{display:flex; gap:16px; padding:0; margin:16px 0 0; list-style:none; color:var(--muted)}
.hero-bullets li{background:#fff; border:1px solid var(--line); padding:8px 12px; border-radius:999px}

.quick-card{background:#fff; border:1px solid var(--line); border-radius:16px; padding:22px; box-shadow:0 1px 0 rgba(0,0,0,.04)}
.quick-card h3{margin:0 0 12px; color:var(--primary)}
.quick-card ul{padding-left:18px; margin:0 0 14px}

.pain{padding:56px 0}
.pain .sub{color:var(--muted); margin-top:-10px}
.pain-grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:16px; margin-top:18px}
@media(max-width: 900px){.pain-grid{grid-template-columns:1fr 1fr}}
@media(max-width: 560px){.pain-grid{grid-template-columns:1fr}}
.pain-card{background:#fff; border:1px solid var(--line); padding:18px; border-radius:12px}
.note{margin-top:14px; color:var(--muted)}

.solution{padding:40px 0 20px; background:#fff; border-top:1px solid var(--line); border-bottom:1px solid var(--line)}
.solution .sub{color:var(--muted); margin-top:-6px}
.benefits{display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:18px}
@media(max-width: 900px){.benefits{grid-template-columns:1fr 1fr}}
@media(max-width: 560px){.benefits{grid-template-columns:1fr}}
.benefit{background:var(--bg); border:1px dashed var(--line); padding:18px; border-radius:12px}
.benefit h3{margin:0 0 6px; color:var(--primary)}

.tracks{padding:48px 0}
.tracks .sub{color:var(--muted); margin-top:-8px}
.cards{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:18px}
@media(max-width: 900px){.cards{grid-template-columns:1fr}}
.card{background:#fff; border:1px solid var(--line); border-radius:14px; padding:18px}
.card h3{margin:0 0 8px; color:var(--primary)}
.card .for{color:var(--muted)}
.list{padding-left:18px}
.list.compact li{margin:6px 0}

.proof{padding:48px 0; background:#fff; border-top:1px solid var(--line); border-bottom:1px solid var(--line)}
.testimonials{display:grid; grid-template-columns:1fr 1fr; gap:16px}
@media(max-width: 900px){.testimonials{grid-template-columns:1fr}}
.t-card{background:var(--bg); border:1px solid var(--line); padding:18px; border-radius:12px}
.t-card blockquote{margin:0 0 8px; font-weight:600; color:var(--primary)}

.about{padding:48px 0}
.about-card{background:#fff; border:1px solid var(--line); border-radius:12px; padding:18px; align-self:start}

.cta{padding:48px 0; background:linear-gradient(180deg, #fff 0%, #f7f9fb 100%); border-top:1px solid var(--line)}
.form{background:#fff; border:1px solid var(--line); border-radius:16px; padding:18px; margin-top:18px}
.form-note{color:var(--muted); margin:8px 0 0}

.site-footer{padding:24px 0}
.foot{display:flex; align-items:center; justify-content:space-between; border-top:1px solid var(--line); padding-top:16px}
.foot a{text-decoration:none; color:var(--primary)}
h2{font-size:clamp(24px, 3.2vw, 32px); color:var(--primary); margin:0 0 6px}
.sub{color:var(--muted)}