:root {
 --bg:#0b0f14;
 --card:#121922;
 --text:#d9dfe6;
 --muted:#8e98a8;
 --border:rgba(255,255,255,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
 margin:0;background:radial-gradient(circle at top,#121922,#0b0f14 45%);
 color:var(--text);font-family:Inter,Arial,sans-serif;
 overflow-x:hidden;
}
.grid-bg{position:fixed;inset:0;opacity:.05;pointer-events:none;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:40px 40px;animation:drift 20s linear infinite}
@keyframes drift{from{transform:translateY(0)}to{transform:translateY(40px)}}
.nav{display:flex;justify-content:space-between;align-items:center;padding:24px 8%}
.logo{height:76px}
.hero{min-height:100vh;display:flex;flex-direction:column}
.hero-content{padding:10% 10%;max-width:860px}
.eyebrow{letter-spacing:.25em;color:var(--muted);font-size:.8rem}
h1{font-size:clamp(3rem,7vw,5.5rem);line-height:1.05;margin:16px 0}
p{font-size:1.15rem;color:#b8c0cc;max-width:700px}
.section{padding:90px 10%}
.card-grid,.trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}
.card,.trust-item,.contact-card{background:rgba(18,25,34,.8);backdrop-filter:blur(10px);border:1px solid var(--border);padding:28px;border-radius:28px;box-shadow:0 10px 30px rgba(0,0,0,.2)}
.card:hover{transform:translateY(-4px);transition:.25s ease}
.timeline{display:flex;gap:16px;flex-wrap:wrap;font-size:1.3rem;color:#c7d0da}
.btn{padding:14px 22px;border-radius:14px;text-decoration:none;display:inline-block;transition:.2s ease}
.btn-primary{background:#d9dfe6;color:#0b0f14}
.btn-secondary{border:1px solid var(--border);color:var(--text)}
.cta-group{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px}
.consultation{display:grid;grid-template-columns:1fr 1fr;gap:28px}
input,textarea{width:100%;padding:14px;border-radius:14px;background:#0f151d;border:1px solid var(--border);color:#fff;margin-bottom:14px}
textarea{min-height:160px}
footer{text-align:center;padding:40px;border-top:1px solid var(--border);color:var(--muted)}
.reveal{opacity:0;transform:translateY(30px);transition:all .8s ease}
.reveal.active{opacity:1;transform:translateY(0)}
@media(max-width:900px){.consultation{grid-template-columns:1fr}.nav{padding:20px}.logo{height:60px}}
