:root{
  --container:1180px;
  --radius:20px;
}
body,
.btn,
input,
textarea,
select,
label,
.nav a,
.brand strong,
.brand span{
  font-family:"Readex Pro","Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif !important;
}
body{letter-spacing:0}
.topbar{top:0 !important;border-radius:0 0 22px 22px !important;margin:0 auto !important;background:rgba(255,255,255,.92) !important}
.topbar-inner{padding:14px 18px !important}
.hero{
  min-height:480px !important;
  border-radius:28px !important;
  border:1px solid rgba(148,163,184,.18) !important;
  box-shadow:0 24px 70px rgba(2,6,23,.18) !important;
}
.hero-overlay{
  background:
    linear-gradient(90deg, rgba(4,20,43,.22) 0%, rgba(4,20,43,.56) 45%, rgba(4,20,43,.78) 100%),
    linear-gradient(to top, rgba(2,6,23,.30), rgba(2,6,23,.08)) !important;
}
.hero-content{
  align-items:center !important;
  padding:40px 26px !important;
}
.hero-simple-shell{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);
  align-items:end;
  gap:18px;
}
.hero-copy{
  max-width:700px;
  padding:22px 24px;
  border-radius:26px;
  background:linear-gradient(180deg, rgba(7,24,48,.50), rgba(7,24,48,.28));
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(8px);
}
.hero-title{
  font-size:clamp(2rem,4vw,4rem) !important;
  line-height:1.16 !important;
  max-width:10ch;
  margin:0 0 14px !important;
  text-wrap:balance;
}
.hero-desc{
  max-width:58ch !important;
  font-size:1rem !important;
  line-height:1.9 !important;
  margin:0 0 16px !important;
  color:rgba(255,255,255,.9) !important;
}
.hero-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  margin-bottom:14px;
}
.hero-actions .btn{
  min-height:48px;
  padding:0 18px !important;
  border-radius:14px !important;
  width:auto !important;
  flex:0 0 auto;
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  color:#fff !important;
  box-shadow:none !important;
}
.hero-actions .btn.primary{
  background:#ffffff !important;
  color:#0a2c4b !important;
  border-color:#fff !important;
}
.hero-actions .btn.primary i{color:#0a2c4b !important}
.hero-notes{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.hero-notes span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.14);
  color:rgba(255,255,255,.88);
  font-size:.84rem;
  font-weight:600;
}
.hero-notes i{font-size:.75rem;color:#7dd3fc}
.hero-metrics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  align-self:end;
}
.hero-metric-card{
  min-height:128px;
  padding:16px 14px;
  border-radius:22px;
  background:linear-gradient(180deg, rgba(9,31,60,.60), rgba(9,31,60,.36));
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(7px);
}
.hero-metric-card strong{
  display:block;
  color:#fff;
  font-size:1rem;
  line-height:1.5;
  margin-bottom:8px;
}
.hero-metric-card p{
  margin:0;
  color:rgba(255,255,255,.78);
  line-height:1.8;
  font-size:.86rem;
}
.controls{top:auto !important;bottom:18px !important;right:20px !important}
[dir="ltr"] .controls{left:20px !important;right:auto !important}
.dots{left:20px !important;bottom:18px !important}
[dir="ltr"] .dots{right:20px !important;left:auto !important}
.iconbtn{width:42px;height:42px;border-radius:14px !important}
.dot.active{width:22px}
.focus-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.focus-card{
  grid-column:auto !important;
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:16px 15px !important;
  border-radius:18px !important;
  box-shadow:0 14px 28px rgba(15,23,42,.05) !important;
}
.focus-ic{
  width:42px !important;
  height:42px !important;
  border-radius:14px !important;
  margin:0 !important;
  flex:0 0 42px;
  background:linear-gradient(135deg, rgba(14,165,233,.12), rgba(59,130,246,.06)) !important;
  transition:transform .22s ease, box-shadow .22s ease;
}
.focus-card:hover .focus-ic{transform:translateY(-2px) scale(1.04);box-shadow:0 12px 24px rgba(14,165,233,.16)}
.focus-copy h3,.focus-card h3{font-size:.98rem !important;line-height:1.5 !important;margin:0 0 5px !important}
.focus-copy p,.focus-card p{font-size:.83rem !important;line-height:1.85 !important}
.site-footer{
  margin-top:20px !important;
  padding:26px !important;
  border-radius:28px !important;
}
.foot-top{
  display:grid;
  grid-template-columns:1.25fr .85fr .8fr .95fr;
  gap:18px;
  align-items:start;
}
.foot-brand{align-items:flex-start !important}
.foot-brand-copy strong{display:block;font-size:1.05rem;margin-bottom:6px}
.foot-brand-desc{margin:12px 0 0;color:var(--muted);line-height:2;font-size:.92rem;font-weight:600}
.foot-col,.foot-cta-box{
  padding:18px;
  border-radius:22px;
  background:rgba(248,250,252,.8);
  border:1px solid var(--line);
}
.foot-title{font-size:.98rem !important;margin-bottom:12px !important}
.foot-links a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:9px 0;
}
.foot-contact div{
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px 0;
}
.foot-social{margin-top:14px !important}
.soc{
  width:40px !important;
  height:40px !important;
  border-radius:14px !important;
  background:#fff !important;
  color:#0e3a61 !important;
}
.soc i{color:currentColor !important}
.foot-cta-box{
  background:linear-gradient(180deg, #0f2f4f, #143f68) !important;
  border-color:rgba(255,255,255,.08) !important;
  color:#fff !important;
}
.foot-cta-box p{color:rgba(255,255,255,.82) !important;line-height:1.9;margin:0 0 14px}
.foot-cta{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:46px;
  padding:0 18px;
  border-radius:14px;
  background:#ffffff !important;
  color:#0d3558 !important;
  font-weight:700;
  border:1px solid rgba(255,255,255,.9);
}
.foot-cta i{color:#0d3558 !important}
.foot-bottom{margin-top:18px !important;padding-top:16px !important}
@media (max-width:1100px){
  .hero-simple-shell{grid-template-columns:1fr;align-items:end}
  .hero-copy{max-width:760px}
  .hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
  .foot-top{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .topbar{border-radius:0 0 18px 18px !important}
  .topbar-inner{padding:12px 14px !important}
  .brand img{width:38px !important;height:38px !important}
  .hero{min-height:440px !important;border-radius:22px !important}
  .hero-content{padding:22px 16px 64px !important}
  .hero-copy{padding:18px 16px;border-radius:20px}
  .hero-title{max-width:100%;font-size:clamp(1.8rem,9vw,2.7rem) !important;line-height:1.2 !important}
  .hero-desc{font-size:.92rem !important;line-height:1.85 !important}
  .hero-actions{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px !important}
  .hero-actions .btn{width:100% !important;padding:0 12px !important;font-size:.9rem !important;min-height:46px}
  .hero-notes{display:grid;grid-template-columns:1fr;gap:8px}
  .hero-notes span{justify-content:center;text-align:center;border-radius:14px}
  .hero-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .hero-metric-card{min-height:unset;padding:13px 12px;border-radius:18px}
  .hero-metric-card:last-child{grid-column:1 / -1}
  .controls{display:none !important}
  .dots{left:16px !important;bottom:14px !important}
  [dir="ltr"] .dots{right:16px !important}
  .focus-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .focus-card{padding:14px 12px !important;gap:10px}
  .focus-ic{width:38px !important;height:38px !important;flex-basis:38px}
  .focus-copy h3,.focus-card h3{font-size:.87rem !important}
  .focus-copy p,.focus-card p{font-size:.75rem !important;line-height:1.7 !important}
  .foot-top{grid-template-columns:1fr;gap:14px}
  .site-footer{padding:18px !important;border-radius:22px !important}
}