:root {
  --bg: #07111f;
  --bg-alt: #0d1728;
  --bg-soft: #101c30;
  --card: rgba(15, 23, 42, 0.82);
  --card-strong: rgba(14, 21, 37, 0.96);
  --accent: #4cc9f0;
  --accent-2: #72efdd;
  --accent-3: #8b5cf6;
  --text: #f7f7ff;
  --muted: #a8b2c8;
  --line: rgba(255,255,255,0.08);
  --line-strong: rgba(255,255,255,0.14);
  --radius: 18px;
  --radius-lg: 26px;
  --shadow: 0 24px 60px rgba(0,0,0,.42);
  --max-width: 1160px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:
    radial-gradient(circle at 12% 15%, rgba(76,201,240,.16), transparent 26%),
    radial-gradient(circle at 88% 4%, rgba(139,92,246,.14), transparent 22%),
    linear-gradient(180deg, #0b1426 0%, #08111f 52%, #050b15 100%);
  color:var(--text);
  line-height:1.6;
}
a{color:var(--accent)}
img{max-width:100%;display:block}
.site-wrap{min-height:100vh;display:flex;flex-direction:column}
.topbar{
  background: linear-gradient(90deg, rgba(76,201,240,.14), rgba(114,239,221,.1));
  color: #dff7fd;
  border-bottom:1px solid rgba(76,201,240,.24);
  font-size:.92rem;
}
.topbar .inner{padding:.8rem 1.25rem;max-width:var(--max-width);margin:0 auto}
header{
  position:sticky;top:0;z-index:20;
  backdrop-filter: blur(14px);
  background: linear-gradient(to right, rgba(5,10,20,.86), rgba(10,17,30,.82));
  border-bottom:1px solid rgba(255,255,255,.05);
}
.nav{max-width:var(--max-width);margin:0 auto;padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.brand{display:flex;align-items:center;gap:.9rem;text-decoration:none;color:var(--text)}
.brand img{height:52px;width:auto;border-radius:12px;box-shadow:0 10px 28px rgba(0,0,0,.22)}
.brand-text{display:flex;flex-direction:column;line-height:1.06}
.brand-text strong{font-size:1.05rem;letter-spacing:.05em;text-transform:uppercase}
.brand-text span{font-size:.78rem;color:var(--muted)}
.nav-links{display:flex;flex-wrap:wrap;gap:.4rem .75rem;align-items:center}
.nav-links a{
  text-decoration:none;color:var(--muted);font-size:.96rem;padding:.48rem .78rem;border-radius:999px;border:1px solid transparent;
}
.nav-links a:hover,.nav-links a.active{color:var(--text);border-color:rgba(76,201,240,.34);background:rgba(76,201,240,.08)}
main{flex:1}
.container{max-width:var(--max-width);margin:0 auto;padding:3.2rem 1.25rem}
.hero{display:grid;gap:1.6rem;align-items:center}
@media (min-width: 940px){.hero{grid-template-columns:1.15fr .85fr}}
.badge{display:inline-flex;align-items:center;gap:.55rem;padding:.38rem .85rem;border-radius:999px;border:1px solid rgba(76,201,240,.28);background:rgba(76,201,240,.10);color:#d8f8ff;font-size:.84rem;margin-bottom:1rem}
.badge-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px rgba(76,201,240,.8)}
h1{font-size:clamp(2.2rem,4.3vw,4.35rem);line-height:1.02;letter-spacing:-.03em;margin:.2rem 0 1rem}
h2{font-size:clamp(1.42rem,2.4vw,2.2rem);margin:0 0 .8rem;line-height:1.1}
h3{font-size:1.08rem;margin:0 0 .5rem;line-height:1.22}
p.lead{font-size:1.08rem;color:#dbe3f4;max-width:44rem}
.muted{color:var(--muted)}
.hero-card,.card,.glass-card{
  background: linear-gradient(180deg, rgba(20,31,53,.9), rgba(9,15,27,.96));
  border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)
}
.hero-card{padding:1.5rem}
.card{padding:1.4rem}
.glass-card{padding:1.1rem 1.15rem}
.grid{display:grid;gap:1rem}
.grid-2,.grid-3,.grid-4{display:grid;gap:1rem}
@media (min-width: 760px){.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width: 980px){.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width: 980px){.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.section{padding-top:1rem;padding-bottom:1rem}
.kicker{color:var(--accent-2);font-size:.84rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.7rem;font-weight:700}
.pills{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.25rem 0 0}
.pill{padding:.44rem .78rem;border-radius:999px;background:rgba(76,201,240,.08);border:1px solid rgba(76,201,240,.2);color:#dce8ef;font-size:.85rem}
.actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.55rem}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.48rem;
  padding:.82rem 1.22rem;border-radius:999px;text-decoration:none;font-weight:600;font-size:.95rem;border:1px solid transparent;transition:transform .18s ease, border-color .18s ease, background .18s ease;
}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#04111a;box-shadow:0 14px 30px rgba(76,201,240,.26)}
.btn-secondary{border-color:rgba(255,255,255,.18);color:var(--text);background:rgba(255,255,255,.03)}
.stat,.mini-panel{padding:1rem;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.stat strong{display:block;font-size:1.28rem;margin-bottom:.2rem}
.mini-panel strong{display:block;margin-bottom:.25rem}
.list{margin:.6rem 0 0;padding-left:1.1rem;color:#d4dbeb}
.list li+li{margin-top:.42rem}
.case-study{height:100%}
.case-study .tag,.tag{display:inline-block;padding:.28rem .6rem;border-radius:999px;background:rgba(114,239,221,.1);border:1px solid rgba(114,239,221,.3);font-size:.78rem;color:#c3fff5;margin-bottom:.75rem}
.quote{font-size:1rem;color:#e9f0f8}
.steps{counter-reset:step;display:grid;gap:.9rem}
.step{position:relative;padding-left:3.2rem}
.step:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:.1rem;width:2rem;height:2rem;border-radius:50%;background:rgba(76,201,240,.12);border:1px solid rgba(76,201,240,.35);display:grid;place-items:center;color:var(--accent);font-weight:700}
form{display:grid;gap:.95rem}
label{display:block;font-size:.84rem;color:var(--muted);margin-bottom:.35rem}
input,textarea,select{
  width:100%;padding:.84rem .92rem;border-radius:12px;border:1px solid rgba(255,255,255,.12);
  background:rgba(2,6,23,.82);color:var(--text);font:inherit
}
textarea{min-height:160px;resize:vertical}
.row-2{display:grid;gap:.9rem}
@media (min-width: 760px){.row-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
.small{font-size:.8rem;color:var(--muted)}
footer{border-top:1px solid rgba(255,255,255,.05);padding:1.65rem 1.25rem;background:rgba(0,0,0,.18)}
footer .inner{max-width:var(--max-width);margin:0 auto;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;color:var(--muted);font-size:.88rem}
.page-hero{padding-bottom:1rem}
.highlight-box{padding:1rem 1.1rem;border-left:3px solid var(--accent);background:rgba(76,201,240,.06);border-radius:0 12px 12px 0;color:#dbe8ee}
.center{text-align:center}
.spacer{height:.5rem}
.hero-shell{position:relative;overflow:hidden;border-radius:var(--radius-lg);padding:2rem;background:linear-gradient(135deg, rgba(17,28,50,.9), rgba(8,15,28,.98));border:1px solid var(--line-strong);box-shadow:var(--shadow)}
.hero-shell:after{content:"";position:absolute;right:-70px;top:-80px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle, rgba(76,201,240,.22), transparent 68%);pointer-events:none}
.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:1.2rem}
.metric{padding:1rem .95rem;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}
.metric strong{display:block;font-size:1.35rem;line-height:1;margin-bottom:.35rem}
.metric span{font-size:.88rem;color:var(--muted)}
@media (max-width: 620px){.metrics{grid-template-columns:1fr}}
.feature-card{position:relative;padding:1.2rem;border-radius:18px;background:linear-gradient(180deg, rgba(20,31,53,.88), rgba(10,15,27,.98));border:1px solid var(--line);box-shadow:var(--shadow);height:100%}
.icon-badge{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:1.45rem;background:linear-gradient(135deg, rgba(76,201,240,.16), rgba(114,239,221,.14));border:1px solid rgba(76,201,240,.24);margin-bottom:1rem}
.split-callout{display:grid;gap:1rem;align-items:start}
@media (min-width: 920px){.split-callout{grid-template-columns:1.15fr .85fr}}
.case-grid{display:grid;gap:1rem}
@media (min-width: 900px){.case-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.case-study .result-list{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08)}
.result-list div+div{margin-top:.55rem}
.process-band{display:grid;gap:1rem}
@media (min-width: 900px){.process-band{grid-template-columns:repeat(3,minmax(0,1fr))}}
.process-step{padding:1.2rem;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07)}
.process-step .num{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;margin-bottom:.85rem;background:rgba(76,201,240,.12);border:1px solid rgba(76,201,240,.35);color:var(--accent);font-weight:700}
.highlight-panel{padding:1.3rem 1.35rem;border-radius:18px;background:linear-gradient(135deg, rgba(76,201,240,.11), rgba(139,92,246,.10));border:1px solid rgba(255,255,255,.09)}
.contact-layout{display:grid;gap:1rem}
@media (min-width: 920px){.contact-layout{grid-template-columns:.9fr 1.1fr}}
.muted-strong{color:#d7e2f4}