*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.5 system-ui,sans-serif;color:#0c2037;background:#f4f7fb}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #f4b942;outline-offset:4px}header,footer{background:#061c31;color:white;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 5%}nav{display:flex;gap:24px;flex-wrap:wrap}.brand{display:inline-flex;align-items:center;gap:12px;font-size:30px;letter-spacing:3px;line-height:1;font-weight:700}.brand small{display:block;font-size:11px;letter-spacing:0;margin-top:6px;font-weight:400}.mark{font-size:48px;color:#168df0;font-style:italic}.btn,.outline{display:inline-block;padding:12px 20px;border-radius:9px;background:#0879d8;color:white;border:1px solid transparent;font-weight:600}.outline{background:transparent;border-color:currentColor}.hero{background:radial-gradient(ellipse at 85% 35%,#416785,#0a2944 50%,#061c31 85%);color:white;padding:65px 5% 100px;display:grid;grid-template-columns:1fr 1.25fr;align-items:center;gap:40px}.eyebrow{letter-spacing:3px;font-size:12px}.hero h1{font-size:clamp(35px,4.6vw,70px);line-height:1.08;margin:18px 0}.hero em{font-style:normal;color:#42acff}.hero p{max-width:550px}.hero .btn,.hero .outline{margin:12px 6px 0 0}.laptop{min-width:0;scroll-margin-top:20px}.screen{border:12px solid #071421;border-radius:18px 18px 5px 5px;display:grid;grid-template-columns:125px 1fr;overflow:hidden;background:#eef3fa;color:#10243a;min-height:320px}.screen aside{background:#08243d;color:white;padding:15px 8px}.screen .brand{font-size:18px;margin-bottom:16px}.screen button{display:block;width:100%;text-align:left;border:0;background:transparent;color:white;padding:8px;border-radius:5px;cursor:pointer}.screen button[aria-pressed=true]{background:#0879d8}.dashboard{padding:18px;min-width:0}.dashboard small{font-size:9px;letter-spacing:1px}.dashboard h2{margin:6px 0 12px;font-size:22px}.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.metric,.chart{background:white;border-radius:9px;padding:12px;box-shadow:0 2px 8px #142c4612}.metric span{display:block;font-size:11px}.metric strong{font-size:19px}.chart{margin-top:12px}.chart h3{font-size:12px;margin:0}.bars{height:90px;display:flex;align-items:end;gap:8px;margin-top:10px}.bars span{flex:1;background:linear-gradient(#43adff,#0879d8);border-radius:4px 4px 0 0}.base{height:15px;background:linear-gradient(#c5d5e4,#667b90);border-radius:0 0 50% 50%;margin:0 -3%}.modules{position:relative;margin:-48px 5% 0;display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.modules article,.branchgrid article{padding:20px 14px;background:white;border-radius:13px;box-shadow:0 5px 20px #18365312}.modules article{text-align:center}.modules span{font-size:32px;color:#0879d8}.modules h3{margin:4px 0;font-size:17px}.modules p{font-size:13px;margin:0}.intro,.branches,.contact{padding:55px 5%;text-align:center}.intro h2,.branches h2,.contact h2{font-size:clamp(24px,3vw,38px);line-height:1.2;margin:10px 0}.intro p{max-width:780px;margin:15px auto}.checks,.branchgrid{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;margin-top:28px}.branchgrid article{flex:1;min-width:200px}.branches{background:#e8eff7}.contact{background:#103552;color:white}footer{font-size:13px;flex-wrap:wrap}@media(max-width:1000px){.modules{grid-template-columns:repeat(3,1fr)}.hero{grid-template-columns:1fr}header{flex-wrap:wrap}.laptop{max-width:700px;width:100%;margin:auto}}@media(max-width:500px){header{gap:12px}nav{order:3;gap:12px;font-size:13px;width:100%}.hero{padding-top:35px;gap:25px}.modules{grid-template-columns:repeat(2,1fr)}.screen{grid-template-columns:90px 1fr;border-width:6px}.screen aside{padding:8px 3px}.screen button{font-size:10px;padding:7px 3px}.dashboard{padding:8px}.metric{padding:7px}.metric strong{font-size:15px}.screen .brand{font-size:12px}.checks{flex-direction:column;gap:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.mark{display:block;flex-shrink:0}.hero .btn:hover,header .btn:hover{background:#0069be}nav a:hover{text-decoration:underline}.modules article{border:1px solid #e1e9f3}.metric{min-width:0;overflow-wrap:anywhere}.screen button{min-height:36px}@media(max-width:500px){.screen button{min-height:32px}.base{margin:0}.hero{overflow:hidden}}