:root{--bg:#0b1020;--fg:#e5e7eb;--muted:#9ca3af;--brand:#3b82f6;--line:#1f2937;--card:#0f172a}
*{box-sizing:border-box}
body{margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;color:var(--fg);background:#0a0f1d}
a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}
.container{width:min(1100px,90%);margin-inline:auto}
.site-header{position:sticky;top:0;z-index:10;background:rgba(10,15,29,.7);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.head-wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 0}
.brand{display:flex;align-items:center;gap:.6rem;font-weight:700;color:#fff}
.nav__toggle{display:none}
.nav__list{display:flex;gap:1rem;list-style:none;margin:0;padding:0;align-items:center}
.btn{display:inline-block;background:linear-gradient(90deg,var(--brand),#7c3aed);color:#fff;border:0;padding:.7rem 1rem;border-radius:12px;font-weight:600;box-shadow:0 8px 20px rgba(59,130,246,.25)}
.btn--ghost{background:transparent;border:1px solid var(--line);color:var(--fg)}
.hero{border-bottom:1px solid var(--line);background:radial-gradient(1200px 400px at 20% -20%,rgba(59,130,246,.25),transparent),radial-gradient(900px 300px at 80% 0,rgba(34,197,94,.25),transparent)}
.hero-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center;padding:3rem 0}
.hero h1{font-size:clamp(2rem,4vw,3rem);line-height:1.1;margin:0 0 .6rem 0}
.trust{display:grid;gap:.3rem;margin:1rem 0;padding:0;list-style:none;color:#cbd5e1}
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:2rem 0}
.card{background:var(--card);border:1px solid var(--line);padding:1rem;border-radius:16px}
.strip{border-block:1px solid var(--line);background:linear-gradient(180deg,#0a0f1d,#0d1325)}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1.5rem 0}
.page-header{padding:2rem 0;border-bottom:1px solid var(--line)}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1.5rem 0}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1.5rem 0}
.two-col{display:grid;grid-template-columns:1fr .8fr;gap:2rem;padding:1.5rem 0}
.aside{background:var(--card);border:1px solid var(--line);padding:1rem;border-radius:14px}
.contact{display:grid;grid-template-columns:1fr .8fr;gap:2rem;padding:1.5rem 0}
.contact-form{display:grid;gap:.8rem;background:var(--card);border:1px solid var(--line);padding:1rem;border-radius:14px}
.contact-form input,.contact-form textarea{width:100%;padding:.7rem;border-radius:10px;border:1px solid #293247;background:#0a0f1d;color:var(--fg)}
.contact-form .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.site-footer{border-top:1px solid var(--line);padding:1rem 0;background:#0a0f1d}
.footer-bottom{border-top:1px dashed #1f2937;padding-top:.6rem;color:#94a3b8}
@media (max-width: 960px){ .hero-wrap{grid-template-columns:1fr} .features{grid-template-columns:1fr 1fr} .services-grid{grid-template-columns:1fr 1fr} .gallery{grid-template-columns:1fr 1fr} .two-col{grid-template-columns:1fr} .contact{grid-template-columns:1fr} .grid-3{grid-template-columns:1fr}
}
@media (max-width: 700px){ .nav__toggle{display:inline-block;background:#111827;color:#e5e7eb;border:1px solid var(--line);border-radius:10px;padding:.4rem .6rem} .nav__list{display:none;position:absolute;right:5%;top:55px;background:#0b1020;border:1px solid var(--line);border-radius:12px;padding:.6rem 1rem} .nav__list.show{display:flex;flex-direction:column;gap:.6rem}
}