*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#10213c;background:#f6f9fd;margin:0;font-family:Inter,Segoe UI,Arial,sans-serif}body>div>div{grid-template-columns:230px 1fr;min-height:100vh;display:grid}aside{color:#fff;background:#071b38;width:230px;height:100vh;padding:34px 26px;position:fixed}.mark{border:2px solid #38a7ff;place-items:center;width:45px;height:45px;margin-bottom:16px;font-size:26px;font-weight:800;display:grid;transform:skew(-12deg)}aside b{letter-spacing:2px;font-size:22px;display:block}aside small{letter-spacing:2px;color:#76bfff;font-size:9px}nav{gap:24px;margin-top:58px;font-weight:700;display:grid}nav span{color:#8fa2bc}main{grid-column:2}header{background:#fff;justify-content:flex-end;height:58px;padding:12px 5vw;display:flex}button{color:#51647e;cursor:pointer;background:0 0;border:0;padding:8px}.hero{background:linear-gradient(100deg,#fffffffc 35%,#eff7ffb8),radial-gradient(circle at 80% 55%,#9fc9eb 0,#e5f1fa 22%,#fff 55%);border-bottom:1px solid #dbe7f2;padding:85px 7vw 105px}.hero p{color:#087dea;text-transform:uppercase;letter-spacing:2px;font-weight:800}.hero h1{max-width:900px;margin:15px 0;font-size:clamp(42px,5vw,72px);line-height:1.02}.hero h2{color:#52657d;max-width:650px;font-size:19px;font-weight:400;line-height:1.6}.hero a{color:#fff;background:#087dea;border-radius:7px;margin-top:20px;padding:14px 20px;font-weight:700;text-decoration:none;display:inline-block}.content{padding:42px 7vw}.kpis{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.kpis article,.opp,.empty{background:#fff;border:1px solid #dce7f1;border-radius:12px;padding:22px;box-shadow:0 8px 30px #19436e0d}.kpis small{color:#687b92;display:block}.kpis strong{margin-top:8px;font-size:32px;display:block}.content>h2{margin-top:38px}.opp{border-left:4px solid #1689ee;margin-top:14px}.opp small{color:#1689ee;text-transform:uppercase;font-weight:800}.opp h3{margin:8px 0;font-size:22px}.opp p,.empty{color:#64768c}@media (width<=800px){body>div>div{display:block}aside{width:100%;height:auto;position:static}nav{display:none}main{display:block}.kpis{grid-template-columns:1fr}.hero{padding:55px 25px}.content{padding:30px 25px}}