:root{--bg:#0b1225;--bg-alt:#0f172a;--card:#0d1732;--muted:#a6b0c3;--text:#eef2f7;--brand:#22c55e;--brand-2:#14b8a6;--line:rgba(255,255,255,.08);--shadow:0 20px 50px rgba(0,0,0,.35)}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:linear-gradient(180deg,var(--bg),var(--bg-alt));color:var(--text);scroll-behavior:smooth}
.container{max-width:1200px;margin:0 auto;padding:0 24px}
a{color:var(--brand);text-decoration:none} a:hover{text-decoration:underline}
.btn{display:inline-block;padding:12px 18px;border-radius:12px;background:var(--brand);color:#052012;font-weight:700;box-shadow:var(--shadow)}
.btn.ghost{background:transparent;border:1px solid var(--brand);color:var(--text);box-shadow:none}
.section{padding:80px 0;border-top:1px solid var(--line)}
.section h2{font-size:34px;margin:0 0 10px}
.section p.lead{color:var(--muted);max-width:780px}
.grid{display:grid;gap:22px}
.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{background:linear-gradient(180deg,#0d1732,#0b132b);border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:var(--shadow)}
small,.muted{color:var(--muted)}
.tag{display:inline-block;padding:6px 10px;border-radius:999px;background:rgba(34,197,94,.15);color:#86efac;font-size:12px}
.icon{font-size:20px;margin-right:10px}
hr{border:none;border-top:1px solid var(--line);margin:18px 0}
header{position:sticky;top:0;background:rgba(11,18,37,.85);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--line);z-index:50}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.nav .left{display:flex;gap:14px;align-items:center}
.logo{height:40px;border-radius:8px}
nav ul{display:flex;gap:18px;list-style:none;margin:0;padding:0}
nav a{color:var(--text);opacity:.9}
nav a.cta{background:var(--brand);color:#052012;padding:8px 14px;border-radius:10px}
.hero{padding:80px 0;background:radial-gradient(1200px 500px at 20% -10%,rgba(20,184,166,.15),transparent),radial-gradient(900px 400px at 80% -20%,rgba(34,197,94,.12),transparent)}
.hero .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center}
.hero h1{font-size:48px;line-height:1.05;margin:8px 0 14px}
.hero p{color:var(--muted)}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.kpi{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;text-align:center}
.kpi b{font-size:22px;display:block}
.service{padding:16px;border-radius:14px;background:linear-gradient(180deg,#0f1a38,#0c1630);border:1px solid var(--line)}
.service h3{margin:6px 0 8px}
.step{display:flex;gap:16px;align-items:flex-start}
.step .num{height:36px;width:36px;border-radius:10px;background:var(--brand);color:#052012;font-weight:800;display:grid;place-items:center;margin-top:2px}
.case h3{margin:6px 0 8px}
.badge{display:inline-block;padding:4px 8px;border-radius:8px;background:rgba(255,255,255,.06);margin-right:6px;font-size:12px}
.quote{font-size:16px;line-height:1.6;color:#e7ebf4}
.quote:before{content:"“";font-size:44px;line-height:0;vertical-align:-.4em;margin-right:6px;color:#86efac}
.person img{width:100%;height:220px;object-fit:cover;border-radius:12px;border:1px solid var(--line)}
.person h4{margin:8px 0 2px}
.faq{padding:14px;border:1px solid var(--line);border-radius:12px;background:#0c1630}
.faq h4{margin:0 0 8px}
form .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
input,textarea{width:100%;padding:12px;border-radius:10px;border:1px solid var(--line);background:#0c1530;color:#fff}
textarea{min-height:130px}
.notice{font-size:12px;color:var(--muted);margin-top:8px}
footer{border-top:1px solid var(--line);padding:40px 0;background:#0b132b}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}
.legal{font-size:12px;color:var(--muted);margin-top:10px}
@media (max-width:1000px){.hero .wrap{grid-template-columns:1fr}.kpis{grid-template-columns:1fr 1fr}.cols-3{grid-template-columns:1fr 1fr}.cols-4{grid-template-columns:1fr 1fr}}
@media (max-width:700px){.kpis{grid-template-columns:1fr}.cols-2,.cols-3,.cols-4{grid-template-columns:1fr}nav ul{display:none}}