:root {
  --bg: #0D1A26; --text: #0D1A26; --muted: #6C757D; --border: #E9ECEF; --surface: #FFFFFF; --light: #F8F9FA;
  --accent: #007BFF; --accent-2: #28A745; --warning: #FD7E14; --danger: #DC3545;
  --shadow: 0 10px 20px rgba(2, 6, 23, 0.08), 0 6px 8px rgba(2, 6, 23, 0.06);
  --radius: 16px; --container: 1200px;
}
*{box-sizing:border-box}html,body{height:100%}
body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:var(--light);line-height:1.5}
a{color:var(--accent);text-decoration:none} a:hover{text-decoration:underline}
img{max-width:100%;display:block}
.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:20px}
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.1rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-weight:600;box-shadow:var(--shadow);transition:transform .07s ease,box-shadow .2s ease,background .2s ease}
.btn:hover{transform:translateY(-1px);text-decoration:none}
.btn-primary{background:var(--accent);color:#fff;border-color:transparent}
.btn-outline{background:#fff;color:var(--text)}
.chip{display:inline-block;padding:.35rem .7rem;border:1px solid var(--border);border-radius:999px;background:#fff;font-size:.85rem;color:var(--muted)}
.skip{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip:focus{position:fixed;left:16px;top:16px;width:auto;height:auto;background:#fff;padding:.5rem .75rem;border-radius:.5rem;box-shadow:var(--shadow);z-index:1000}

/* Header */
header{position:sticky;top:0;z-index:50;background:var(--bg);border-bottom:1px solid rgba(255,255,255,.06)}
.nav{display:flex;align-items:center;justify-content:space-between;padding-block:.8rem;gap:1rem}
.brand{display:flex;align-items:center;gap:.6rem;font-weight:800;letter-spacing:.2px;color:#FFFFFF}
.brand img{height:28px;width:auto}
nav ul{display:flex;gap:1rem;align-items:center;list-style:none;margin:0;padding:0}
nav a{color:#FFFFFF;font-weight:600;opacity:.9} nav a:hover{opacity:1}
.menu-btn{display:none;background:#fff;border:1px solid var(--border);border-radius:12px;padding:.5rem .7rem}

/* Hero */
.hero{position:relative;isolation:isolate;background:
  radial-gradient(1200px 600px at 20% -10%, rgba(0,123,255,.16), transparent 60%),
  radial-gradient(1200px 600px at 80% -10%, rgba(253,126,20,.12), transparent 60%),
  var(--bg);
  padding: 72px 0 48px; }
.hero .grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;color:var(--accent);letter-spacing:.5px;text-transform:uppercase;font-size:.8rem}
.hero h1{color:#FFFFFF;font-size:clamp(2rem, 1.2rem + 2.5vw, 3rem);line-height:1.1;margin:0 0 16px}
.lead{font-size:1.125rem;color:rgba(255,255,255,.85);max-width:60ch}
.hero-cta{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:20px}
.hero-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}
.kpi{background:#fff;border:1px solid var(--border);border-radius:14px;padding:14px 16px;text-align:center}
.kpi .num{font-weight:800;font-size:1.4rem}
.kpi .lbl{font-size:.85rem;color:var(--muted)}

/* Trust bar */
.trust{padding:18px 0 4px}
.trust-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;align-items:center}
.trust .badge{display:flex;align-items:center;justify-content:center;padding:10px 12px;background:#fff;border:1px solid var(--border);border-radius:12px;min-height:48px}
.trust .badge span{color:var(--muted);font-weight:600;font-size:.9rem}

/* Sections */
section{padding:56px 0}
.section-title{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:18px}
.section-sub{color:var(--muted);margin:0 0 20px}

/* Services grid */
.cards{display:grid;grid-template-columns:repeat(5, 1fr);gap:16px}
.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}
.card h3{margin:0 0 8px;font-size:1.05rem}
.card p{margin:0;color:var(--muted);font-size:.95rem}
.icon{width:24px;height:24px;color:var(--accent);margin-bottom:8px}

/* Outcomes */
.outcomes{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.outcome{background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px;text-align:center}
.outcome .big{font-weight:900;font-size:1.4rem}
.outcome .cap{font-size:.9rem;color:var(--muted)}

/* Two-column feature blocks */
.split{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.pill{display:inline-flex;align-items:center;gap:.5rem;border:1px dashed var(--border);padding:.4rem .7rem;border-radius:999px;color:var(--muted);font-size:.85rem}
.list{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin:14px 0}
.list li{background:#fff;border:1px solid var(--border);border-radius:10px;padding:10px 12px;list-style:none}

/* Method */
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.step{background:#fff;border:1px solid var(--border);border-radius:14px;padding:14px}
.step .n{font-weight:800;color:var(--accent)}

/* Case study */
.case{display:grid;grid-template-columns:2fr 1fr;gap:16px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}
.case strong{font-weight:800}
.case .metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.metric{background:var(--light);border:1px solid var(--border);border-radius:10px;padding:10px;text-align:center}

/* Packaging */
.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tile{background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px}

/* FAQ */
details{background:#fff;border:1px solid var(--border);border-radius:12px;padding:12px 14px}
details + details{margin-top:10px}
summary{cursor:pointer;font-weight:700}
summary::-webkit-details-marker{display:none}

/* CTA */
.cta{text-align:center;padding:64px 0 80px;background:linear-gradient(180deg, var(--surface), var(--light));border-top:1px solid var(--border)}
.cta h2{margin-top:0}
.cta .actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* Footer */
footer{border-top:1px solid var(--border);padding:24px 0;color:var(--muted);font-size:.9rem;background:#fff}

/* Utilities */
.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}
.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}
.hide{display:none!important}

/* Contact Form 7 styling */
.wpcf7,.wpcf7 form{display:grid;gap:12px}
.wpcf7 form p{margin:0}
.wpcf7 input[type="text"],.wpcf7 input[type="email"],.wpcf7 input[type="tel"],.wpcf7 input[type="url"],.wpcf7 textarea,.wpcf7 select{border:1px solid var(--border);border-radius:10px;padding:.7rem .8rem;font:inherit;width:100%}
.wpcf7 input[type="submit"],.wpcf7 button{background:var(--accent);color:#fff;border:none;border-radius:999px;padding:.875rem 1.1rem;font-weight:600;box-shadow:var(--shadow);cursor:pointer}
.wpcf7 input[type="submit"]:hover,.wpcf7 button:hover{transform:translateY(-1px)}
.wpcf7 .wpcf7-not-valid{border-color:var(--danger)}
.wpcf7 .wpcf7-not-valid-tip{color:var(--danger);font-size:.85rem;margin-top:.25rem}
.wpcf7 form .wpcf7-response-output{border:1px solid var(--border);border-radius:12px;padding:12px}
.wpcf7 form.sent .wpcf7-response-output{border-color:var(--accent-2);background:#EAF7EE;color:#1E7E34}
.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.spam .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output{border-color:var(--danger);background:#FFF5F5;color:#DC3545}

/* Responsive */
@media (max-width:1080px){
  .cards{grid-template-columns:repeat(3,1fr)}
  .outcomes{grid-template-columns:repeat(3,1fr)}
  .split{grid-template-columns:1fr}
  .case{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr 1fr 1fr}
  .cols{grid-template-columns:1fr 1fr}
  .trust-list{grid-template-columns:repeat(3,1fr)}
  .hero .grid{grid-template-columns:1fr}
}
@media (max-width:680px){
  nav ul{display:none}
  nav ul[data-open="true"]{display:grid;grid-template-columns:1fr;gap:.75rem;padding:.75rem;background:#fff;border:1px solid var(--border);border-radius:12px;position:absolute;top:58px;right:12px;box-shadow:var(--shadow)}
  .menu-btn{display:inline-flex}
  .cards{grid-template-columns:1fr 1fr}
  .outcomes{grid-template-columns:1fr 1fr}
  .steps{grid-template-columns:1fr 1fr}
  .cols{grid-template-columns:1fr}
  .trust-list{grid-template-columns:1fr 1fr}
  .kpis{grid-template-columns:1fr 1fr 1fr}
}