:root{
  --blue:#0E3A66;
  --yellow:#FFC20E;
  --text:#2F3437;
  --bg:#FFFFFF;
  --muted:#F7F8FA;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;color:var(--text);background:var(--bg);line-height:1.6}
img{max-width:100%;height:auto;display:block}
a{color:var(--blue);text-decoration:none}
.container{width:min(1160px,92%);margin-inline:auto}

.site-header{position:sticky;top:0;z-index:1000;background:#ffffffcc;backdrop-filter:saturate(1.2) blur(6px);border-bottom:1px solid #eee}
.site-header .container{display:flex;align-items:center;gap:16px;padding:10px 0}
.logo img{height:40px;width:auto}
.nav{margin-left:auto;display:flex;gap:16px;align-items:center}
.nav a{padding:10px 12px;border-radius:10px;font-weight:600}
.nav a:hover{background:var(--muted)}
.nav .btn{padding:10px 16px}
.nav-toggle{display:none;margin-left:auto;background:none;border:none;font-size:22px}

.btn{display:inline-block;border-radius:999px;padding:13px 22px;font-weight:700}
.btn-primary{background:var(--blue);color:#fff}
.btn-primary:hover{filter:brightness(.95)}
.btn-accent{background:var(--yellow);color:var(--blue)}
.btn-accent:hover{filter:brightness(.95)}
.btn-ghost{border:2px solid var(--blue);color:var(--blue)}
.btn-ghost:hover{background:var(--blue);color:#fff}

.hero{position:relative;overflow:hidden;padding:88px 0 48px}
.hero h1{color:var(--blue);font-size:clamp(28px,4vw,44px);margin:0 0 8px}
.lead{font-size:clamp(16px,2.2vw,20px);opacity:.9;margin:0 auto;max-width:52ch}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0 10px}
.badges{list-style:none;display:flex;gap:10px;flex-wrap:wrap;padding:0;margin:14px 0 0}
.badges li{display:inline-flex;align-items:center;gap:6px;background:#EEF1F5;padding:9px 14px;border-radius:999px;font-weight:600}
.hero-bg{position:absolute;inset:auto -10% -40% -10%;height:220px;background:radial-gradient(70% 120% at 50% 0%, #E6EEF8 0%, rgba(230,238,248,0) 70%), radial-gradient(70% 120% at 50% 100%, #F2F5F9 0%, rgba(242,245,249,0) 70%);z-index:-1}

section{padding:72px 0}
h2{text-align:center;color:var(--blue);font-size:clamp(26px,3.6vw,36px);letter-spacing:.2px;margin:0 0 30px}

.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.card{grid-column:span 12;background:#fff;border:1px solid #e9ecf1;border-radius:16px;padding:20px;box-shadow:0 10px 30px rgba(10,10,10,.05)}
.card.highlight{border:2px solid var(--blue)}
.card h3{margin:6px 0 8px;color:var(--blue);font-size:1.05rem}
.list{padding-left:18px}
.price{font-size:28px;font-weight:800;margin:6px 0 8px}
.price span{font-size:42px}

.services{background:var(--muted)}
.industries{background:#fff}
.pricing{background:var(--muted)}

.steps{counter-reset:step;list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.steps li{grid-column:span 12;background:#fff;border:1px solid #e9ecf1;border-radius:14px;padding:16px 16px 16px 56px;position:relative}
.steps li::before{counter-increment:step;content:counter(step);position:absolute;left:14px;top:50%;transform:translateY(-50%);background:var(--yellow);color:var(--blue);width:28px;height:28px;border-radius:999px;display:grid;place-items:center;font-weight:800}

.about .narrow{width:min(850px,92%)}
.contact{background:#0E3A66;color:#fff}
.contact a{color:#fff;text-decoration:underline}
.contact .card, .contact .steps li{background:#0E3A66}
.contact h2{color:#FFC20E}

.form-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}
.form-field{grid-column:span 12;display:flex;flex-direction:column;gap:6px}
.form-field.full{grid-column:span 12}
.form-field input, .form-field select, .form-field textarea{padding:12px;border-radius:12px;border:1px solid #d4d7dc;font:inherit}
.form-field.checkbox{gap:0}
.form-field.checkbox label{display:flex;align-items:flex-start;gap:10px}
.form-actions{grid-column:span 12}
.form-status{margin-top:10px;font-weight:700}

.site-footer{background:#2F3437;color:#fff;text-align:center;padding:26px 0}

@media (min-width:720px){
  .card{grid-column:span 6}
  .steps li{grid-column:span 6}
  .form-field{grid-column:span 6}
  .form-field.full, .form-actions{grid-column:span 12}
}
@media (min-width:1024px){
  .card{grid-column:span 3}
  .steps li{grid-column:span 3}
  .nav-toggle{display:none}
}

/* Mobile nav */
@media (max-width:900px){
  .nav{display:none;position:absolute;right:0;top:60px;background:#fff;border:1px solid #e9ecf1;border-radius:12px;padding:10px;flex-direction:column;gap:8px;margin:10px}
  .nav.open{display:flex}
  .nav-toggle{display:block}
}
.hero.center { text-align:center; }
.hero.center .cta { justify-content:center; }
.hero.center .badges { justify-content:center; }
.badges li { background:#fff; border:1px solid #ddd; color:var(--blue); }

.card{min-height: 160px}

.i{width:16px !important;height:16px !important;fill:#FFC20E !important;margin-right:6px;vertical-align:-2px;display:inline-block !important}
.i-card{width:18px !important;height:18px !important;fill:#FFC20E !important;margin-right:8px;vertical-align:-3px;display:inline-block !important}