/* Assist Telcom unified blue theme */
:root{
  --accent:#0b63a7;
  --accent-dark:#073b66;
  --accent-light:#2a8bc4;
  --ink:#102a43;
  --muted:#526b7e;
  --border:#d7e6f2;
  --bg:#f7fbff;
  --card:#ffffff;
  --radius:14px;
  --shadow:0 10px 28px rgba(11,99,167,.09);
}

*{box-sizing:border-box}
html{overflow-y:scroll}
body{
  margin:0;
  color:var(--ink);
  background:var(--bg);
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-size:16px;
  line-height:1.6;
}
img{max-width:100%;height:auto}
a{color:var(--accent)}
.container{max-width:1180px;margin:0 auto;padding:0 24px}
main{padding:0}
h1,h2,h3{line-height:1.15;color:var(--ink)}
h1{font-size:clamp(36px,5vw,54px);letter-spacing:-.025em}
h2{color:var(--accent-dark)}
.lead{font-size:18px;color:var(--muted);max-width:900px}

header,.site-header{
  position:relative;
  z-index:1000;
  padding:10px 24px;
  border-bottom:1px solid var(--border);
  background:#fff;
}
.nav,.navwrap{display:flex;align-items:center;justify-content:space-between;gap:22px}
.logo{display:flex;align-items:center;flex:0 0 auto;text-decoration:none}
.logo img{width:162px;height:auto;display:block}
.links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:18px}
.links a{color:var(--ink);font-weight:700;text-decoration:none;white-space:nowrap}
.links a:hover,.links a[aria-current="page"]{color:var(--accent)}
.phone{color:var(--accent);font-weight:850;text-decoration:none;white-space:nowrap}

.page-hero{
  height:360px;
  padding:36px;
  display:flex;
  align-items:center;
  color:#fff;
  background:linear-gradient(115deg,#0c4c78 0%,#126ca8 58%,#2b8cc1 100%);
}
.hero{
  height:360px !important;
  padding:36px !important;
  display:flex !important;
  align-items:center !important;
  color:#fff !important;
  background:linear-gradient(115deg,#0c4c78 0%,#126ca8 58%,#2b8cc1 100%) !important;
}
.hero-inner{max-width:1650px !important;margin:0 auto !important}
.hero h1{margin:0 0 14px !important;color:#fff !important;font-size:clamp(36px,4.2vw,56px) !important;letter-spacing:-.025em !important}
.hero p{max-width:1100px !important;margin:0 !important;color:#fff !important;font-size:clamp(17px,1.65vw,22px) !important;line-height:1.45 !important}
.page-hero-inner{max-width:1650px;margin:0 auto}
.page-hero h1{margin:0 0 14px;color:#fff;font-size:clamp(36px,4.2vw,56px);letter-spacing:-.025em}
.page-hero p{max-width:1100px;margin:0;color:#fff;font-size:clamp(17px,1.65vw,22px);line-height:1.45}
.page-wrap{max-width:1585px;margin:0 auto;padding:80px 42px 90px}
.page-intro{max-width:1250px;margin-bottom:42px}
.page-intro h2{font-size:38px;margin:0 0 20px;color:#111827}
.page-intro p{font-size:22px;line-height:1.55;color:#243b53}
.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.content-card{border:1px solid #d6dde3;border-radius:14px;padding:34px 38px;background:#fff;box-shadow:0 8px 24px rgba(7,59,102,.06)}
.content-card h2,.content-card h3{margin:0 0 14px;color:#0b5685;font-size:30px}
.content-card p,.content-card li{font-size:18px;line-height:1.6;color:#243b53}
.content-card ul{padding-left:22px}

.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;margin-top:26px}
.card{
  border:1px solid var(--border);
  border-top:4px solid var(--accent-light);
  border-radius:var(--radius);
  padding:22px;
  background:var(--card);
  box-shadow:var(--shadow);
}
.card h2,.card h3{color:var(--accent-dark)}
.card p{color:var(--muted)}
.cta{
  margin-top:30px;
  border:1px solid #bcd9eb;
  border-left:5px solid var(--accent);
  border-radius:var(--radius);
  padding:24px;
  background:linear-gradient(135deg,#fff,#eaf6fd);
}
.cta-btn,.btn,.button,.download-btn{
  display:inline-block;
  padding:11px 18px;
  border-radius:9px;
  background:var(--accent);
  color:#fff;
  font-weight:800;
  text-decoration:none;
}
.cta-btn:hover,.btn:hover,.button:hover,.download-btn:hover{background:var(--accent-dark)}
.site-footer,footer{border-top:1px solid var(--border);background:#eaf5fc;color:var(--muted)}
.footer-inner{text-align:center;font-size:14px}

@media(max-width:1000px){
  header,.site-header{position:relative}
  .nav,.navwrap{flex-wrap:wrap;justify-content:center}
  .links{order:3;width:100%;gap:12px 18px}
  .content-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .logo img{width:145px}
  .links{display:flex;gap:8px 14px}
  .phone{font-size:15px}
  main{padding:0}
  .page-hero{height:auto;min-height:300px;padding:44px 22px 48px}
  .hero{height:auto !important;min-height:300px !important;padding:44px 22px 48px !important}
  .page-wrap{padding:48px 22px 60px}
  .page-intro h2{font-size:30px}
  .page-intro p{font-size:18px}
}