:root{--bg:#f7f9fb;--white:#fff;--text:#16202a;--muted:#66717e;--line:#dfe5ea;--blue:#2457d6;--dark:#111a24;--soft:#eef3f7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.6}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;z-index:10;background:rgba(247,249,251,.95);border-bottom:1px solid var(--line)}.nav-wrap{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:1.5rem;font-weight:800;letter-spacing:-.04em}.brand b{color:var(--blue)}.main-nav{display:flex;gap:25px;align-items:center;font-weight:600;font-size:.92rem}.main-nav a{color:#45515d}.nav-cta{background:var(--blue);color:#fff!important;padding:10px 16px;border-radius:11px}.menu-toggle{display:none;border:0;background:none;font-size:1.6rem}
.hero{padding:90px 0}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.78rem;color:var(--blue);font-weight:800;margin-bottom:15px}.eyebrow.light{color:#9eb9ff}h1,h2{letter-spacing:-.05em;line-height:1.05;margin:0}h1{font-size:clamp(3.2rem,7vw,5.8rem)}h1 span{color:var(--blue)}h2{font-size:clamp(2.2rem,4.5vw,3.7rem)}.lead{font-size:1.17rem;color:var(--muted);max-width:690px;margin:25px 0 30px}.actions,.bullets,.contact-actions{display:flex;gap:13px;flex-wrap:wrap}.btn{display:inline-flex;padding:14px 20px;border-radius:13px;font-weight:700}.primary{background:var(--blue);color:#fff}.secondary{background:#fff;border:1px solid var(--line)}.bullets{margin-top:22px;color:#56616d;font-weight:600;font-size:.9rem}
.mockup{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 18px 50px rgba(20,32,42,.12);overflow:hidden}.mockbar{background:#f1f4f7;padding:12px 16px;color:#b0bac4}.mockbody{padding:26px}.mocktitle small,.mocktitle strong{display:block}.mocktitle small{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.cards div{border:1px solid var(--line);padding:16px;border-radius:14px}.cards small,.cards span,.rows span{display:block;color:var(--muted);font-size:.75rem}.cards strong{display:block;font-size:1.5rem}.rows{border:1px solid var(--line);border-radius:14px;overflow:hidden}.rows div{display:flex;justify-content:space-between;gap:20px;padding:12px 14px;border-bottom:1px solid #edf0f3;font-size:.82rem}.rows div:last-child{border-bottom:0}
.section{padding:92px 0;background:#fff}.section.soft{background:var(--soft)}.section.dark{background:var(--dark);color:#fff}.split{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:start}.text,.heading p{color:var(--muted);font-size:1.05rem}.dark p{color:#b9c2cc}.heading{max-width:760px;margin-bottom:44px}.center{text-align:center;margin-left:auto;margin-right:auto}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.grid article{border:1px solid var(--line);border-radius:17px;padding:23px;min-height:190px}.grid article>b{color:var(--blue);font-size:.8rem}.grid h3{margin-top:28px;margin-bottom:8px}.grid p{margin:0;color:var(--muted);font-size:.92rem}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.steps>div{border-top:1px solid #34404c;padding-top:20px}.steps span{display:flex;width:34px;height:34px;border-radius:50%;background:#22303e;color:#9eb9ff;align-items:center;justify-content:center;font-weight:800}.steps p{font-size:.92rem}.products{display:grid;gap:12px}.products div{display:flex;justify-content:space-between;gap:18px;background:#f7f9fb;border:1px solid var(--line);padding:15px 17px;border-radius:13px}.products span{color:var(--muted);font-size:.82rem}.note{margin-top:22px;background:#fff;border-left:4px solid var(--blue);padding:15px 17px}.contact{background:var(--blue);color:#fff;padding:82px 0}.contact p{color:#dfe7ff}.contact-actions{align-items:center;justify-content:flex-end}.white{background:#fff;color:var(--blue)}.outline{border:1px solid rgba(255,255,255,.55);color:#fff}footer{background:#0b121a;color:#aeb7c0;padding:27px 0}.footer-wrap{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-wrap .brand span{color:#fff}.footer-wrap p{margin:0;font-size:.84rem}
@media(max-width:980px){.main-nav{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;padding:20px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.main-nav.open{display:flex}.menu-toggle{display:block}.hero-grid,.split{grid-template-columns:1fr;gap:45px}.grid,.steps{grid-template-columns:repeat(2,1fr)}.contact-actions{justify-content:flex-start}}
@media(max-width:640px){.container{width:min(100% - 28px,1180px)}.hero{padding:58px 0}.actions .btn{width:100%;justify-content:center}.cards,.grid,.steps{grid-template-columns:1fr}.section{padding:70px 0}.products div{flex-direction:column;gap:3px}.footer-wrap{flex-direction:column;align-items:flex-start}}