:root{
  --navy:#163968;
  --blue:#2f67ad;
  --blue-dark:#1f4e88;
  --blue-soft:#eaf1f9;
  --ink:#233043;
  --muted:#5b6675;
  --border:#d9e1ea;
  --bg:#f5f7fa;
  --white:#ffffff;
  --max:1180px;
  --radius:22px;
  --shadow:0 20px 45px rgba(24,46,84,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Arial,Helvetica,sans-serif;
  color:var(--ink);
  background:var(--bg);
  line-height:1.65;
}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
.container{width:min(var(--max),calc(100% - 32px));margin:0 auto}
.topbar{
  position:sticky;top:0;z-index:30;
  background:rgba(255,255,255,.95);
  backdrop-filter:blur(8px);
  border-bottom:1px solid rgba(33,58,96,.08);
}
.nav{
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:14px 0;
}
.brand img{height:52px;width:auto}
.menu{display:flex;align-items:center;gap:24px;font-weight:700;color:var(--navy)}
.menu a:hover{color:var(--blue)}
.btn{
  display:inline-block;padding:14px 22px;border-radius:999px;
  font-weight:700;transition:.2s ease;
}
.btn-primary{background:var(--blue);color:#fff;box-shadow:var(--shadow)}
.btn-primary:hover{background:var(--blue-dark);transform:translateY(-1px)}
.btn-secondary{
  background:#fff;color:var(--navy);border:1px solid rgba(255,255,255,.65)
}
.btn-secondary:hover{background:#f3f6fb}
.hero{
  position:relative;isolation:isolate;
  min-height:620px;
  background:
    linear-gradient(90deg, rgba(13,23,39,.70) 0%, rgba(13,23,39,.58) 34%, rgba(13,23,39,.25) 68%, rgba(13,23,39,.12) 100%),
    url("assets/hero-worker.jpg") center/cover no-repeat;
  color:#fff;
}
.hero-inner{
  min-height:620px;
  display:flex;align-items:center;
}
.hero-copy{max-width:640px;padding:70px 0}
.eyebrow{
  display:inline-block;margin-bottom:18px;
  padding:8px 14px;border-radius:999px;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);
  font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
}
.hero h1{
  margin:0 0 16px;
  font-size:clamp(2.4rem,5vw,4.4rem);
  line-height:1.05;
}
.hero p{
  margin:0;max-width:640px;
  font-size:1.2rem;color:rgba(255,255,255,.92)
}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.quick-strip{
  margin-top:-44px;position:relative;z-index:2;
}
.quick-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:18px;
}
.quick-card{
  background:#fff;border:1px solid var(--border);
  border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)
}
.quick-card h3{margin:0 0 8px;color:var(--navy);font-size:1.1rem}
.quick-card p{margin:0;color:var(--muted)}
.section{padding:88px 0}
.section-tight{padding:72px 0}
.section-white{background:#fff}
.section-soft{background:linear-gradient(180deg,#f8fbff 0%, #f3f6fa 100%)}
.center-copy{max-width:900px;margin:0 auto;text-align:center}
.center-copy h2,.section-head h2{
  margin:0 0 16px;color:var(--ink);
  font-size:clamp(2rem,3.6vw,3rem);line-height:1.12
}
.center-copy p,.section-head p{margin:0;color:var(--muted);font-size:1.08rem}
.cards{
  display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:36px
}
.card{
  background:#fff;border:1px solid var(--border);border-radius:var(--radius);
  padding:26px;box-shadow:var(--shadow)
}
.icon{
  width:54px;height:54px;border-radius:16px;
  background:var(--blue-soft);color:var(--blue-dark);
  display:flex;align-items:center;justify-content:center;
  font-size:1.6rem;font-weight:700;margin-bottom:14px
}
.card h3{margin:0 0 8px;font-size:1.35rem;color:var(--navy)}
.card p{margin:0;color:var(--muted)}
.band{
  background:var(--blue-soft);
  border-top:1px solid #d9e6f6;border-bottom:1px solid #d9e6f6;
}
.band-inner{
  display:flex;align-items:center;gap:22px;padding:26px 0
}
.band-icon{
  width:72px;height:72px;border-radius:20px;background:#fff;
  display:flex;align-items:center;justify-content:center;
  color:var(--blue-dark);font-size:2rem;font-weight:700;box-shadow:var(--shadow)
}
.band h3{margin:0 0 6px;color:var(--blue-dark);font-size:1.9rem}
.band p{margin:0;color:#47607e}
.two-col{
  display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:start
}
.panel{
  background:#fff;border:1px solid var(--border);border-radius:var(--radius);
  padding:30px;box-shadow:var(--shadow)
}
.contact-list div{margin-bottom:10px}
.form-grid{display:grid;gap:14px}
label{font-size:.95rem;font-weight:700;color:var(--navy)}
input,textarea{
  width:100%;padding:14px 16px;border-radius:14px;border:1px solid var(--border);
  font:inherit;color:var(--ink);background:#fff
}
textarea{min-height:160px;resize:vertical}
.page-hero{
  background:linear-gradient(135deg,#17345f 0%, #2f67ad 100%);
  color:#fff;padding:86px 0 72px
}
.page-hero h1{margin:0 0 14px;font-size:clamp(2.3rem,4.5vw,4rem)}
.page-hero p{margin:0;max-width:780px;font-size:1.15rem;color:rgba(255,255,255,.93)}
.footer{
  background:#12253f;color:#dce6f5;padding:34px 0;margin-top:24px
}
.footer-inner{
  display:flex;justify-content:space-between;gap:20px;align-items:center
}
.footer small{color:#aec1da}
.list{display:grid;gap:18px;margin-top:28px}
.list-item{
  background:#fff;border:1px solid var(--border);border-radius:18px;padding:22px
}
.list-item h3{margin:0 0 8px;color:var(--navy)}
.list-item p{margin:0;color:var(--muted)}
@media (max-width:900px){
  .quick-grid,.cards,.two-col{grid-template-columns:1fr}
  .menu{gap:16px;font-size:.95rem}
  .brand img{height:44px}
}
@media (max-width:700px){
  .nav{flex-direction:column;align-items:flex-start}
  .menu{flex-wrap:wrap}
  .hero,.hero-inner{min-height:auto}
  .hero-copy{padding:54px 0}
  .band-inner,.footer-inner{flex-direction:column;align-items:flex-start}
}