:root{--blue:#075fae;--blue-dark:#073b72;--orange:#f28c28;--ink:#1f2d3a;--muted:#627180;--line:#d8dee4;--soft:#f2f4f6;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--white)}a{color:inherit}.topbar{height:82px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(22px,6vw,92px);border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;width:max-content}.brand>span{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:var(--orange);color:#fff;font-size:25px;font-weight:900}.brand strong,.brand small{display:block}.brand strong{font-size:18px}.brand small{font-size:11px;color:var(--muted);margin-top:2px}.topbar nav{display:flex;gap:30px}.topbar nav a{text-decoration:none;font-size:14px;font-weight:700;color:#425263}.topbar nav a:hover{color:var(--blue)}.enter{justify-self:end;text-decoration:none;background:var(--blue);color:#fff;padding:12px 24px;border-radius:10px;font-weight:800;box-shadow:0 8px 20px #075fae2b}.hero{min-height:560px;padding:84px clamp(22px,7vw,110px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:70px;align-items:center;background:linear-gradient(135deg,#f8fafc 0%,#edf4fa 62%,#fff4e8 100%)}.eyebrow{color:var(--blue);font-weight:900;font-size:12px;letter-spacing:.13em}.hero h1{font-size:clamp(39px,5vw,68px);line-height:1.02;letter-spacing:-.045em;margin:17px 0 22px;max-width:850px}.hero-copy>p{font-size:19px;line-height:1.65;color:var(--muted);max-width:720px}.hero-actions{display:flex;gap:13px;margin-top:31px}.hero-actions a{padding:14px 20px;border-radius:10px;font-weight:800;text-decoration:none}.primary{background:var(--orange);color:#fff}.secondary{border:1px solid #aab6c0;background:#fff;color:var(--blue-dark)}.hero-panel{background:var(--blue-dark);color:#fff;padding:34px;border-radius:22px;box-shadow:0 25px 60px #1738582c}.hero-panel>span{font-size:11px;letter-spacing:.12em;color:#9ed0ff;font-weight:900}.hero-panel>strong{display:block;font-size:26px;line-height:1.3;margin:18px 0 30px}.hero-panel>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hero-panel b{background:#ffffff12;border:1px solid #ffffff24;border-radius:9px;text-align:center;padding:12px 5px;font-size:12px}.section{padding:80px clamp(22px,7vw,110px)}.section-title{text-align:center;max-width:700px;margin:0 auto 40px}.section-title h2,.info h2{font-size:38px;margin:10px 0}.section-title p,.info p{color:var(--muted);line-height:1.65}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1250px;margin:auto}.cards article{border:1px solid var(--line);border-radius:17px;padding:28px;background:#fff;box-shadow:0 12px 34px #233b530c}.card-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:13px;background:var(--blue);color:#fff;font-weight:900}.card-icon.orange{background:var(--orange)}.card-icon.gray{background:#687681}.cards h3{font-size:21px;margin:21px 0 10px}.cards p{color:var(--muted);line-height:1.55;min-height:75px}.cards a{color:var(--blue);font-weight:800;text-decoration:none}.info{margin:10px clamp(22px,7vw,110px) 80px;padding:40px 46px;border-left:5px solid var(--orange);background:var(--soft);display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center;border-radius:0 16px 16px 0}.info h2{margin-bottom:0}footer{padding:28px clamp(22px,7vw,110px);background:#1d2a35;color:#fff;display:flex;justify-content:space-between}footer span{color:#aeb9c2}@media(max-width:800px){.topbar{height:70px;grid-template-columns:1fr auto;padding:0 18px}.topbar nav{display:none}.brand>span{width:39px;height:39px}.enter{padding:10px 18px}.hero{padding:55px 20px;grid-template-columns:1fr;gap:35px}.hero h1{font-size:42px}.hero-copy>p{font-size:17px}.hero-actions{flex-direction:column}.hero-actions a{text-align:center}.hero-panel{padding:25px}.cards{grid-template-columns:1fr}.cards p{min-height:0}.section{padding:60px 20px}.info{margin:0 20px 60px;padding:30px 25px;grid-template-columns:1fr;gap:5px}.section-title h2,.info h2{font-size:31px}footer{gap:8px;flex-direction:column;padding:25px 20px}}
