/* ServPrivacy — compact, image-rich homepage components (loaded last) */

/* ---------- full-bleed image hero ---------- */
.hero2{position:relative;display:flex;align-items:center;min-height:540px;background:var(--ink);overflow:hidden;isolation:isolate}
.hero2__media{position:absolute;inset:0;z-index:-1}
.hero2__media img{width:100%;height:100%;object-fit:cover;opacity:.9}
.hero2__media::after{content:"";position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(7,12,22,.95) 0%,rgba(7,12,22,.82) 36%,rgba(7,12,22,.40) 66%,rgba(7,12,22,.62) 100%),
  linear-gradient(180deg,rgba(7,12,22,.55),rgba(7,12,22,.15) 42%,rgba(7,12,22,.9))}
.hero2__in{padding:60px 0;max-width:660px}
.hero2 h1{color:#fff;font-size:clamp(2.2rem,5vw,3.4rem);margin:16px 0 0;letter-spacing:-.025em}
.hero2 h1 .hl{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero2 .lede{color:#C7D4E6;margin-top:16px;font-size:1.14rem;max-width:560px}
.hero2-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.hero2-meta{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:26px;color:var(--muted-dark);font-size:.88rem}
.hero2-meta span{display:inline-flex;align-items:center;gap:8px}
.hero2-meta svg{color:var(--accent-bright);flex:none}
.hero2-price{display:inline-flex;align-items:baseline;gap:6px;margin-top:6px;color:#fff}
.hero2-price b{font-size:1.1rem;color:var(--accent-bright)}

/* ---------- compact trust strip ---------- */
.trust-strip{background:#fff;border-bottom:1px solid var(--line)}
.trust-strip__in{display:flex;align-items:center;justify-content:center;gap:12px 26px;flex-wrap:wrap;padding:15px 0}
.trust-item{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;font-weight:580;color:var(--text-2)}
.trust-item svg{color:var(--accent);flex:none}
.trust-item b{color:var(--text)}
.trust-sep{width:1px;height:16px;background:var(--line-2)}
.trust-coins{display:inline-flex;gap:6px;align-items:center}
.trust-coins img{width:22px;height:22px}

/* ---------- bento grid ---------- */
.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:162px;gap:13px}
.bt{position:relative;min-width:0;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);background:#fff;display:flex;flex-direction:column;justify-content:flex-end}
.bt.c2{grid-column:span 2}.bt.r2{grid-row:span 2}
.bt-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bt-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,14,26,.05) 28%,rgba(8,14,26,.55) 64%,rgba(8,14,26,.92))}
.bt-cap{position:relative;z-index:1;padding:18px;color:#fff}
.bt-cap .k{display:inline-flex;align-items:center;gap:7px;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-bright);margin-bottom:7px}
.bt-cap b{display:block;font-size:1.12rem;font-weight:720;letter-spacing:-.01em}
.bt-cap span{display:block;font-size:.88rem;color:#C2D0E4;margin-top:3px}
.bt-feat{justify-content:flex-start;padding:20px}
.bt-feat .ic{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:var(--grad-soft);color:var(--accent-deep);border:1px solid rgba(15,179,160,.18);margin-bottom:12px}
.bt-feat b{font-size:1.02rem;font-weight:700;letter-spacing:-.01em;color:var(--text)}
.bt-feat span{display:block;font-size:.88rem;color:var(--text-2);margin-top:4px}
.bt-stat{justify-content:center;padding:22px;background:var(--ink);border-color:var(--ink-line)}
.bt-stat b{font-size:2.4rem;font-weight:800;letter-spacing:-.03em;line-height:1;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.bt-stat span{display:block;color:var(--muted-dark);font-size:.86rem;margin-top:8px;font-weight:540}

/* ---------- map band (locations) ---------- */
.map-band{position:relative;border-radius:var(--r-xl);overflow:hidden;background:var(--ink);border:1px solid var(--ink-line);isolation:isolate}
.map-band__media{position:absolute;inset:0;z-index:-1}
.map-band__media img{width:100%;height:100%;object-fit:cover;opacity:.55}
.map-band__media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,14,26,.92),rgba(8,14,26,.5) 70%,rgba(8,14,26,.75))}
.map-band__in{padding:40px}
.loc-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}
.loc-chip{display:flex;align-items:center;gap:11px;background:rgba(255,255,255,.05);border:1px solid var(--ink-line);border-radius:11px;padding:12px 14px;backdrop-filter:blur(4px)}
.loc-chip img{width:30px;height:22px;border-radius:4px;flex:none;box-shadow:0 1px 3px rgba(0,0,0,.4)}
.loc-chip b{color:#fff;font-size:.94rem;display:block;line-height:1.15}
.loc-chip span{color:var(--muted-dark);font-size:.78rem}

/* ---------- compact split with image (reusable, lighter than .split) ---------- */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.duo.rev .duo__media{order:-1}
.duo__media{border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);box-shadow:var(--sh-2);aspect-ratio:4/3}
.duo__media img{width:100%;height:100%;object-fit:cover}
.sec.dark .duo__media{border-color:var(--ink-line)}

/* ---------- compact steps inline ---------- */
.steps-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.step-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px;min-width:0}
.sec.dark .step-card{background:var(--ink-2);border-color:var(--ink-line)}
.step-card .sn{width:30px;height:30px;border-radius:8px;background:var(--grad);color:#04201d;font-weight:760;display:grid;place-items:center;margin-bottom:11px;font-size:.95rem}
.step-card b{font-size:1rem;color:var(--text)}
.sec.dark .step-card b{color:#fff}
.step-card p{font-size:.88rem;margin-top:4px}

/* ---------- muted decorative coin rows ---------- */
.trust-coins img,.coin-row img{filter:grayscale(1);opacity:.5;transition:filter .15s,opacity .15s}
.trust-coins img:hover,.coin-row img:hover{filter:none;opacity:1}

/* ---------- responsive ---------- */
@media(max-width:900px){
  .bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px}
  .duo,.steps-row{grid-template-columns:1fr}
  .duo.rev .duo__media{order:0}
  .loc-chips{grid-template-columns:repeat(2,1fr)}
  .hero2{min-height:460px}
}
@media(max-width:560px){
  .bento{grid-template-columns:1fr;grid-auto-rows:auto}
  .bt{min-height:128px}
  .bt.c2,.bt.r2{grid-column:span 1;grid-row:span 1}
  .bt-img{min-height:180px}
  .loc-chips{grid-template-columns:1fr}
  .map-band__in{padding:26px}
  .hero2__in{padding:46px 0}
  .ann-bar{font-size:.77rem}
  .trust-strip__in{gap:9px 14px;padding:13px 0}
  .trust-item{font-size:.8rem}
  .trust-sep{display:none}
  .hero2-meta{gap:8px 16px}
  .hero2 .lede{font-size:1.06rem}
}
