:root{
  --teal:#0F766E;
  --teal-700:#0B5F59;
  --lime:#A3E635;
  --ink:#0B1220;
  --muted:#64748B;
  --bg:#F8FAFC;
  --card:#FFFFFF;
  --ring:rgba(15,118,110,.25);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:var(--bg);
  color:var(--ink);
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;
  line-height:1.6;
}

/* Layout helpers */
.container{width:min(1120px,92vw);margin-inline:auto}
.section{padding:72px 0}
.section.alt{background:#FFFFFF}
.section-title{font-size:clamp(26px,4vw,36px);margin:0 0 10px}
.section-subtitle{color:var(--muted);margin:0 0 28px}

/* Header */
.site-header{
  position:sticky;top:0;z-index:50;
  background:#ffffffCC;backdrop-filter:saturate(150%) blur(6px);
  border-bottom:1px solid #e2e8f0;
}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.brand{display:flex;align-items:center;gap:10px;color:var(--teal);text-decoration:none;font-weight:800}
.brand img{width:36px;height:36px;object-fit:contain}

.nav{display:flex;gap:18px;align-items:center}
.nav a{color:#0b1220;text-decoration:none}
.nav a:hover{color:var(--teal)}
.nav .cta{padding:8px 14px;border:1px solid var(--teal);border-radius:999px;color:var(--teal);font-weight:600}
.nav .cta:hover{background:var(--teal);color:#fff}

/* mobile menu */
.menu-btn{display:none;background:none;border:0;gap:4px}
.menu-btn span{display:block;width:22px;height:2px;background:#0b1220}

/* Hero */
.hero{padding:80px 0 40px;background:linear-gradient(180deg,#ffffff 0,#f3f7fb 100%)}
.hero-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center}
.hero-copy h1{font-size:clamp(28px,4.6vw,44px);line-height:1.2;margin:0 0 10px}
.hero-copy p{color:var(--muted);margin:0 0 16px}
.hero-cta{display:flex;gap:12px;margin:10px 0 16px}
.hero-bullets{padding-left:18px;color:var(--muted)}
.hero-bullets li{margin:4px 0}

.hero-card{
  background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:18px;
  box-shadow:0 20px 60px rgba(2,6,23,.08);
}
.stat{padding:12px;border-radius:12px;margin:8px 0;border:1px dashed #e2e8f0}
.stat .num{font-size:28px;font-weight:800;color:var(--teal)}
.stat .label{font-size:13px;color:var(--muted)}

/* Buttons */
.btn{display:inline-block;text-decoration:none;border-radius:10px;font-weight:700}
.btn-primary{background:var(--teal);color:#fff;padding:10px 16px;border:1px solid var(--teal)}
.btn-primary:hover{background:var(--teal-700)}
.btn-ghost{padding:10px 16px;border:1px solid var(--teal);color:var(--teal)}
.btn-ghost:hover{background:var(--teal);color:#fff}

/* Cards (services) */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:18px;box-shadow:0 10px 30px rgba(2,6,23,.05)}
.card h3{margin:2px 0 6px}
.card .checklist{margin:10px 0 0;padding-left:18px;color:var(--muted)}
.card .checklist li{margin:6px 0}

/* Pills (industries) */
.pill-grid{display:flex;flex-wrap:wrap;gap:10px}
.pill{padding:8px 12px;border-radius:999px;border:1px solid var(--ring);background:#ffffff;color:#0b1220}

/* Steps (process) */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.step{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:18px}
.step-num{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--teal);color:#fff;font-weight:700;margin-bottom:8px}

/* Pricing */
.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.price-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:18px;text-align:center}
.price-card h3{margin:0 0 6px}
.price{font-size:34px;font-weight:800;margin:10px 0;color:var(--teal)}
.price span{font-size:16px;color:#334155}
.price-card ul{list-style:none;padding:0;margin:10px 0 16px;color:var(--muted)}
.price-card.featured{border-color:var(--teal);box-shadow:0 12px 40px rgba(15,118,110,.15)}

/* Partners */
.partners{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.partner{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:18px}
.avatar{width:44px;height:44px;border-radius:50%;background:var(--teal);color:#fff;display:grid;place-items:center;font-weight:800;margin-bottom:8px}

/* CTA / Contact */
.cta{background:linear-gradient(180deg,#ffffff 0,#eef7f6 100%);border-top:1px solid #e2e8f0}
.cta-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:center}
.contact-form{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:18px}
.contact-form .grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.contact-form input,.contact-form textarea{
  width:100%;padding:10px;border-radius:10px;border:1px solid #dbe2ea;font:inherit
}
.contact-form button{margin-top:10px}
.tiny{font-size:12px;color:var(--muted)}
.small-note{color:var(--muted);margin-top:8px}

/* Footer */
.site-footer{padding:26px 0;border-top:1px solid #e2e8f0;background:#fff}
.foot{display:flex;justify-content:space-between;gap:12px;align-items:center}
.foot-nav{display:flex;gap:14px}
.foot-nav a{color:#334155;text-decoration:none}
.foot-nav a:hover{color:var(--teal)}

/* Responsive */
@media (max-width: 980px){
  .hero-inner,.cards,.steps,.pricing,.partners,.cta-inner{grid-template-columns:1fr}
  .contact-form .grid{grid-template-columns:1fr}
  .nav{position:fixed;inset:56px 0 auto 0;transform:translateY(-20px);opacity:0;pointer-events:none;transition:.2s;
       background:#fff;border-bottom:1px solid #e2e8f0;display:grid;gap:10px;padding:16px}
  .menu-btn{display:grid}
}
.nav.open{opacity:1;pointer-events:auto;transform:translateY(0)}