:root{--text:#0e1a2b;--muted:#5a687d;--blue:#1167d8;--teal:#14a6a2;--bg:#fff;--soft:#f4f8fc}
*{box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
.container{width:min(1100px,92%);margin:auto}.site-header{position:sticky;top:0;background:#ffffffea;backdrop-filter:blur(6px);border-bottom:1px solid #e8edf4;z-index:9}
.nav-wrap{display:flex;justify-content:space-between;align-items:center;padding:14px 0}.logo{font-weight:800;color:var(--text);text-decoration:none;font-size:1.1rem}.logo span{color:var(--blue)}
.site-nav{display:flex;gap:1rem;flex-wrap:wrap}.site-nav a{text-decoration:none;color:var(--muted);font-weight:500}.site-nav a.active,.site-nav a:hover{color:var(--blue)}
.hero{padding:84px 0;background:linear-gradient(180deg,#f6fbff 0%,#fff 70%)}.hero.compact{padding:62px 0 42px}.hero h1{font-size:clamp(2rem,4vw,3rem);line-height:1.2;margin:0 0 12px}.hero p{max-width:760px;color:var(--muted)}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-block;padding:11px 18px;border-radius:8px;text-decoration:none;border:1px solid transparent;font-weight:600}
.btn-primary{background:linear-gradient(90deg,var(--blue),var(--teal));color:#fff}.btn-secondary{border-color:#c8d8ef;color:var(--text)}
.section{padding:62px 0}.section h2{font-size:1.8rem;margin:0 0 18px}.muted{background:var(--soft)}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.grid.three{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.grid.four{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.card{border:1px solid #e0e8f2;border-radius:12px;padding:18px;background:#fff}.card h3{margin:0 0 8px}.card p{margin:0;color:var(--muted)}
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.process span{padding:14px;border-radius:10px;background:var(--soft);text-align:center;font-weight:600}
.cta-band{text-align:center;background:linear-gradient(120deg,#eef7ff,#edfbfa)}
.contact-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:20px}.contact-grid form{display:grid;gap:10px}
label{display:grid;gap:6px;font-weight:600;font-size:.95rem}input,select,textarea{padding:10px;border:1px solid #cfd9e7;border-radius:8px;font:inherit}
.site-footer{border-top:1px solid #e8edf4;padding:26px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px}.footer-grid a{display:block;text-decoration:none;color:var(--muted);margin-bottom:4px}
@media(max-width:820px){.contact-grid,.footer-grid,.process{grid-template-columns:1fr}}