:root{
  --bg:#0f1115;
  --panel:#171a21;
  --muted:#a7b0c0;
  --text:#e8ecf1;
  --accent:#4ade80;
  --accent-2:#93c5fd;
  --border:#262a33;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,'Helvetica Neue',Arial,'Noto Sans',sans-serif;line-height:1.55}
img{max-width:100%;display:block}
a{color:var(--accent-2);text-decoration:none}
a:hover{text-decoration:underline}
.container{width:min(1120px,92%);margin-inline:auto}
.tiny{font-size:.85rem;color:var(--muted)}

.site-header{position:sticky;top:0;background:rgba(15,17,21,.8);backdrop-filter:saturate(150%) blur(8px);border-bottom:1px solid var(--border);z-index:5}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:.8rem 0}
.brand{font-weight:700;font-size:1.1rem;color:#fff}
.nav{display:flex;gap:1rem;align-items:center}
.nav a{padding:.45rem .7rem;border-radius:12px}
.nav .cta{background:var(--accent);color:#0c0f14;font-weight:700}
.nav .cta:hover{text-decoration:none;filter:saturate(110%)}

.hero{padding:1.25rem 0 0}
.hero-img{width:100%;border-radius:18px;border:1px solid var(--border);box-shadow:0 10px 30px rgba(0,0,0,.35)}
.hero-copy{padding:1.2rem 0}
.hero-copy h1{font-size:clamp(1.8rem,3.2vw,2.6rem);margin:0 0 .35rem}
.hero-actions{display:flex;gap:.8rem;margin-top:.6rem}
.btn{display:inline-block;background:var(--accent);color:#0c0f14;font-weight:700;padding:.7rem 1rem;border-radius:12px;border:none}
.btn.outline{background:transparent;border:1px solid var(--accent);color:var(--accent)}
.btn:hover{text-decoration:none;filter:saturate(115%)}

.features{padding:1.5rem 0 1.2rem}
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}
.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:1rem}

.page-hero{padding:1.2rem 0 .6rem;border-bottom:1px solid var(--border);margin-bottom:1rem}
.service-list .card ul{margin:.2rem 0 0 1.2rem}
.note{background:#0e131a;border:1px dashed var(--border);border-radius:14px;padding:1rem;color:var(--muted);margin:1rem 0}

.about p{color:#d7dde8}

.testimonials blockquote{margin:0}
.testimonials cite{display:block;margin-top:.6rem;color:var(--muted)}

.faq details{cursor:pointer}
.faq summary{font-weight:700}
.faq .card{margin-bottom:.6rem}

.contact .contact-form label{display:block;font-weight:600}
.contact input,.contact textarea{width:100%;margin-top:.3rem;margin-bottom:.9rem;background:#12161c;color:var(--text);border:1px solid var(--border);border-radius:10px;padding:.7rem}
.contact .tiny{color:var(--muted)}

.cta-strip{padding:1.1rem 0;margin:1.2rem 0;background:linear-gradient(90deg, rgba(74,222,128,.12), rgba(147,197,253,.12));border-top:1px solid var(--border);border-bottom:1px solid var(--border);text-align:center}
.cta-strip h2{margin:.2rem 0 .8rem}

.site-footer{border-top:1px solid var(--border);margin-top:2rem;padding:1.2rem 0;background:#0e1116}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.foot-links{display:flex;gap:.9rem;flex-wrap:wrap}
@media (max-width:700px){
  .footer-inner{flex-direction:column;align-items:flex-start}
}