/* ============================================================
   IONCORES — Cloud Executive : COMPACT edition (V2)
   Same design language, tightened ~25-30%. Layered on top of
   ic-base.css + ic-home.css. Overrides type scale, rhythm,
   card padding and grid gaps for a denser, executive-brief feel.
   (Section vertical padding stays owned by the density tweak.)
   ============================================================ */

:root{
  --gutter:36px;
  --maxw:1160px;
  /* Compact ("V2") section rhythm. Previously set at runtime by the edit-mode
     tweaks panel (density: compact); baked in here now that the panel is gone. */
  --sec-pad:46px;
}

/* ---------- Type: dial the display scale down ---------- */
body{ font-size:15.3px; }
h1{ font-size:clamp(32px,4.5vw,49px); }
h2{ font-size:clamp(24px,2.9vw,32px); }
h3{ font-size:20px; }
h4{ font-size:16px; }
.lead{ font-size:clamp(16px,1.4vw,18.5px); line-height:1.46; }
.lede,.sec-lead{ font-size:15.3px; margin-top:10px; }
.sec-head{ margin-top:14px; }

/* ---------- Nav ---------- */
.nav .row{ height:64px; }
/* keep the mobile dropdown flush under the shorter bar */
@media (max-width:960px){ .nav .links{ inset:64px 0 auto 0; } }

/* ---------- Hero ---------- */
.hero .wrap{ gap:46px; padding-top:40px; padding-bottom:54px; }
.hero h1{ margin-top:14px; }
.hero .lead{ margin-top:16px; max-width:44ch; }
.hero .cta-row{ margin-top:22px; gap:12px; }
.hero .assure{ margin-top:18px; gap:14px 18px; }
.hero .micro{ margin-top:14px; }
.dash{ padding:18px; }
.dash .dh{ margin-bottom:14px; }
.dash .kpis{ margin-top:16px; padding-top:14px; }
.float{ padding:9px 12px; }

/* ---------- Stat line ---------- */
.statline .s{ padding:18px 20px; }
.statline .l{ margin-top:3px; font-size:13px; }

/* ---------- About ---------- */
.about-grid{ gap:40px; margin-top:22px; }
.story p{ margin-top:12px; font-size:15px; line-height:1.6; }
.valuecard{ padding:4px 22px; }
.vrow{ padding:15px 0; gap:14px; }
.vrow .vk{ width:34px; height:34px; }
.vrow p{ margin-top:4px; }
.disc{ gap:12px; margin-top:18px; }
.sn-card{ padding:18px 16px; }
.sn-card h4{ margin-top:11px; }

/* ---------- Services ---------- */
.pgrid{ gap:14px; margin-top:20px; }
.pcard{ padding:24px; }
.pcard .pi{ width:42px; height:42px; }
.pcard .pd{ margin-top:10px; }
.pcard ul{ margin-top:14px; gap:7px; }
.pcard .go{ margin-top:16px; }
.modes{ gap:12px; margin-top:12px; }
.mode{ padding:20px; }
.mode h3{ margin-top:8px; }
.mode p{ margin-top:8px; }
.proc{ gap:34px; margin-top:30px; }
.step{ padding:15px 0; gap:15px; }
.step .sn{ width:31px; height:31px; }

/* ---------- Products ---------- */
.pkgs{ gap:12px; margin-top:20px; }
.pkg{ padding:22px; }
.pkg h3{ margin-top:13px; }
.pkg .price{ margin-top:11px; font-size:20px; }
.pkg ul{ margin:14px 0 18px; gap:8px; }
.disclaimer{ margin-top:14px; }
.signature{ gap:14px; margin-top:20px; }
.prod{ padding:22px 24px; gap:16px; }
.prod .pic{ width:46px; height:46px; }
.prod p{ margin-top:6px; }

/* ---------- Work ---------- */
.wkgrid{ gap:16px; margin-top:26px; }
.wkshot{ height:152px; }
.wkbody{ padding:15px 17px 17px; }
.wkcard h3{ margin-top:8px; }
.wklink{ margin-top:12px; }

/* ---------- Trust ---------- */
.guar{ gap:12px; margin-top:24px; }
.gcard{ padding:22px; }
.gcard .gi{ width:40px; height:40px; }
.gcard h4{ margin-top:13px; }
.gcard p{ margin-top:6px; }

/* ---------- Partners ---------- */
.ptabs{ margin-top:20px; }
.partner-grid{ gap:12px; margin-top:18px; }
.partner{ padding:20px; }
.partner .pd{ margin-top:10px; }
.partner .lvl{ margin-top:11px; }

/* ---------- Working with us / creds ---------- */
.creds{ margin-top:18px; gap:9px; }
.cred{ padding:8px 14px; }

/* ---------- FAQ ---------- */
.faq{ margin-top:20px; }
.qh{ padding:18px 4px; }
.qh h4{ font-size:16.5px; }

/* ---------- Contact ---------- */
.contact-band{ padding:42px; }
.contact-grid{ gap:44px; }
.contact-copy .csub{ margin-top:12px; }
.contact-copy .clist{ margin-top:22px; gap:10px; }
.cform{ padding:24px; gap:12px; }
.cform textarea{ min-height:80px; }

/* ---------- Footer ---------- */
.foot .wrap{ padding-top:46px; padding-bottom:30px; }
.foot-grid{ gap:32px; }
.foot-bottom{ margin-top:36px; padding-top:18px; }

/* ---------- Responsive nudge ---------- */
@media (max-width:720px){
  .contact-band{ padding:28px 22px; }
}