:root{
  --text:#e8eefc; --muted:#a9b5cf; --accent:#ff6a1a; --accent2:#ff934f;
  --panel:#121c2e; --panel2:#16233a; --line:#2a3753; --max:1180px; --radius:20px;
  --shadow:0 16px 38px rgba(0,0,0,.28);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at top right, rgba(255,106,26,.12), transparent 30%),
    radial-gradient(circle at top left, rgba(255,255,255,.04), transparent 22%),
    linear-gradient(180deg, #09111d 0%, #0f1726 100%);
  line-height:1.6;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(100% - 32px, var(--max)); margin:0 auto}
.nav{
  position:sticky; top:0; z-index:20;
  backdrop-filter:blur(12px);
  background:rgba(9,17,29,.78);
  border-bottom:1px solid rgba(255,255,255,.07);
}
.nav-inner{display:flex; align-items:center; justify-content:space-between; gap:18px; padding:14px 0}
.brand{display:flex; align-items:center; gap:14px; min-width:0}
.brand img{height:44px; width:auto}
.nav-links{display:flex; gap:24px; flex-wrap:wrap; color:var(--muted); font-size:14px}
.nav-links a:hover,.nav-links a.active{color:var(--text)}
.btn{
  display:inline-flex; align-items:center; justify-content:center; padding:13px 18px;
  border-radius:12px; font-weight:700; border:1px solid transparent; transition:.2s ease;
  white-space:nowrap;
}
.btn:hover{transform:translateY(-1px)}
.btn-primary{
  background:linear-gradient(135deg, var(--accent), var(--accent2));
  color:#111; box-shadow:0 12px 26px rgba(255,106,26,.25);
}
.btn-secondary{
  background:rgba(255,255,255,.02); border-color:rgba(255,255,255,.12); color:var(--text);
}
.hero{padding:90px 0 56px}
.hero-grid{display:grid; grid-template-columns:1.1fr .9fr; gap:32px; align-items:center}
.eyebrow{
  display:inline-block; padding:8px 12px; border-radius:999px;
  background:rgba(255,106,26,.12); color:#ffd9c4;
  border:1px solid rgba(255,106,26,.24); font-size:13px; font-weight:700;
}
h1{font-size:clamp(40px,6vw,66px); line-height:1.02; margin:16px 0; letter-spacing:-1.9px}
h2{font-size:clamp(28px,4vw,42px); line-height:1.08; margin:0 0 12px; letter-spacing:-1px}
h3{margin:0 0 10px; font-size:22px}
.lead{font-size:18px; color:var(--muted); max-width:760px}
.hero-actions{display:flex; flex-wrap:wrap; gap:12px; margin-top:24px}
.card,.hero-card,.quote,.cta,.faq,.seo-note{
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.022));
  border:1px solid rgba(255,255,255,.08); border-radius:var(--radius); box-shadow:var(--shadow);
}
.card,.hero-card,.quote,.faq,.seo-note{padding:24px}
.hero-card .mini-logo{height:68px; width:auto; margin:0 auto 18px auto; opacity:.95}
.stat-grid{display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:18px}
.stat{padding:16px; border-radius:14px; background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.06)}
.stat strong{display:block; font-size:26px}
.section{padding:42px 0}
.section-intro{color:var(--muted); max-width:860px; margin-bottom:26px}
.grid-2{display:grid; grid-template-columns:1fr 1fr; gap:20px}
.grid-3{display:grid; grid-template-columns:repeat(3,1fr); gap:20px}
.grid-4{display:grid; grid-template-columns:repeat(4,1fr); gap:20px}
.list{margin:12px 0 0; padding-left:18px; color:var(--muted)}
.band{
  background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01));
  border-top:1px solid rgba(255,255,255,.06); border-bottom:1px solid rgba(255,255,255,.06); margin:28px 0;
}
.steps{display:grid; grid-template-columns:repeat(3,1fr); gap:18px}
.step-num{
  width:36px; height:36px; border-radius:999px; display:grid; place-items:center;
  background:rgba(255,106,26,.14); color:#ffd9c4; border:1px solid rgba(255,106,26,.24);
  font-weight:800; margin-bottom:12px;
}
.kpi{display:grid; grid-template-columns:repeat(3,1fr); gap:16px}
.kpi .card strong{display:block; font-size:30px; margin-bottom:6px}
.page-hero{padding:74px 0 34px}
.page-title{max-width:860px}
.quote p{font-size:18px; margin:0 0 8px}
.muted{color:var(--muted)}
.cta{
  padding:34px; display:flex; align-items:center; justify-content:space-between; gap:18px;
  flex-wrap:wrap; margin-top:20px; background:linear-gradient(135deg, rgba(255,106,26,.15), rgba(255,255,255,.03));
}
.contact-wrap{display:grid; grid-template-columns:1fr .95fr; gap:22px}
.form{display:grid; gap:12px}
.input,.textarea{
  width:100%; border-radius:12px; border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.03); color:var(--text); padding:14px; font:inherit;
}
.textarea{min-height:150px; resize:vertical}
.badges{display:flex; flex-wrap:wrap; gap:10px; margin-top:14px}
.badge{
  padding:9px 12px; border-radius:999px; font-size:13px; font-weight:700;
  background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); color:var(--muted);
}
.hero-watermark{position:absolute; right:-20px; bottom:-50px; width:260px; opacity:.06; pointer-events:none}
.hero-rel{position:relative}
.answer-block{
  border-left:3px solid var(--accent); padding-left:16px; margin:18px 0 0; color:var(--muted);
}
.faq details{border-top:1px solid rgba(255,255,255,.08); padding:14px 0}
.faq details:first-of-type{border-top:none; padding-top:0}
.faq summary{cursor:pointer; font-weight:700}
footer{
  padding:30px 0 48px; margin-top:44px; border-top:1px solid rgba(255,255,255,.06); color:var(--muted);
}
.footer-inner{display:flex; justify-content:space-between; gap:14px; flex-wrap:wrap; align-items:center}
.footer-brand img{height:38px; width:auto}
@media (max-width:980px){
  .hero-grid,.contact-wrap,.grid-2{grid-template-columns:1fr}
  .grid-3,.grid-4,.steps,.kpi{grid-template-columns:1fr}
  .nav-links{display:none}
  .brand img{height:40px}
  .hero-watermark{display:none}
}

.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media (max-width:980px){.resource-grid{grid-template-columns:1fr}}

.contact-details{display:grid;gap:10px;margin-top:14px}
.contact-chip{padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:var(--muted)}

.top-contact-bar{
  background:rgba(255,255,255,.03);
  border-bottom:1px solid rgba(255,255,255,.06);
  font-size:13px;
}
.top-contact-bar .container{
  display:flex;
  gap:16px;
  justify-content:flex-end;
  padding:8px 0;
  flex-wrap:wrap;
}
.top-contact-bar a{color:var(--muted)}
.top-contact-bar a:hover{color:var(--text)}
.footer-links{display:flex;gap:14px;flex-wrap:wrap;font-size:13px}
.footer-col{display:grid;gap:6px}
.quick-cta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media (max-width:980px){
  .top-contact-bar .container{justify-content:center}
  .quick-cta-grid{grid-template-columns:1fr}
}