:root{--navy:#0c1a2a;--blue:#133a5a;--electric:#d7ff35;--ice:#eaf2f5;--white:#fff;--text:#132231;--muted:#60717d;--display:"Barlow Condensed",sans-serif;--body:"Inter",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:var(--body);line-height:1.5}a{text-decoration:none;color:inherit}.demo-label{text-align:center;background:var(--electric);font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;padding:7px}header{height:82px;padding:0 max(24px,calc((100% - 1180px)/2));display:flex;align-items:center;gap:42px;background:#fff}.logo{display:flex;align-items:center;gap:9px;font:800 24px/20px var(--display);letter-spacing:.04em}.logo i{font-style:normal;color:#1c76ab}.logo small{display:block;font-size:11px;letter-spacing:.23em;color:#527083}.logo span{display:block}nav{display:flex;gap:28px;margin-left:auto;font-size:13px;font-weight:700}nav a:hover{color:#1c76ab}.call{background:var(--navy);color:#fff;padding:13px 17px;font-weight:800;font-size:13px}.hero{min-height:650px;background:var(--ice);position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr);gap:70px;padding:105px max(24px,calc((100% - 1180px)/2));align-items:center}.hero-shape{position:absolute;width:600px;height:600px;border:130px solid rgba(28,118,171,.07);border-radius:50%;left:-270px;top:-200px}.hero-copy{position:relative}.kicker{color:#2679a8;text-transform:uppercase;letter-spacing:.16em;font-weight:800;font-size:12px}.hero h1,.section h2,.dark h2,.area h2,.contact h2{font:800 clamp(58px,7.5vw,100px)/.88 var(--display);letter-spacing:-.035em;text-transform:uppercase;margin:22px 0}.hero h1 em{font-style:normal;color:#1b71a3}.intro{max-width:680px;font-size:19px;color:#4f6572}.actions{display:flex;gap:14px;margin:32px 0}.btn,.outline{display:inline-flex;justify-content:center;padding:15px 22px;font-weight:800;border:2px solid var(--navy);cursor:pointer}.btn{background:var(--electric);color:var(--navy);box-shadow:4px 4px 0 var(--navy)}.outline{background:#fff}.micro{display:flex;gap:25px;font-size:12px;font-weight:700}.micro b{color:#2479a9}.hero-panel{position:relative;background:var(--navy);color:#fff;padding:48px 38px;box-shadow:12px 12px 0 #1c76ab}.bolt{font-size:55px}.hero-panel p{margin-top:45px;color:#9ab1c1}.hero-panel h2{font:700 37px/1 var(--display);text-transform:uppercase}.hero-panel a{display:inline-block;color:var(--electric);font-weight:800;margin-top:35px}.proof{display:grid;grid-template-columns:repeat(4,1fr);background:var(--navy);color:#fff;padding:36px max(24px,calc((100% - 1180px)/2))}.proof div{padding-left:25px;border-left:1px solid #385064}.proof b,.proof span{display:block}.proof b{font:800 35px var(--display);color:var(--electric)}.proof span{font-size:12px;color:#9bb0bf}.section{padding:120px max(24px,calc((100% - 1180px)/2))}.heading{display:grid;grid-template-columns:.4fr 1.1fr .7fr;gap:35px;align-items:start;margin-bottom:55px}.section h2,.dark h2,.area h2,.contact h2{font-size:62px;margin:0}.heading>p:last-child{color:var(--muted);margin:0}.cards{display:grid;grid-template-columns:repeat(2,1fr)}.cards article{padding:42px;border:1px solid #d6e0e4;margin:-1px 0 0 -1px}.cards article span{font:800 15px var(--display);color:#2479a8}.cards h3{font:700 28px var(--display);text-transform:uppercase;margin:35px 0 10px}.cards p{color:var(--muted)}.dark{background:var(--navy);color:#fff;padding:120px max(24px,calc((100% - 1180px)/2));display:grid;grid-template-columns:1fr .85fr;gap:100px}.dark h2{font-size:68px}.reasons p{padding:0 0 30px;margin:0 0 30px;border-bottom:1px solid #395064}.reasons b,.reasons span{display:block}.reasons b{font:700 23px var(--display);text-transform:uppercase;color:var(--electric);margin-bottom:8px}.reasons span{color:#a8bac6}.area{display:grid;grid-template-columns:1fr 380px;align-items:center;gap:100px;padding:110px max(24px,calc((100% - 1180px)/2));background:#dceaf0}.area p:last-child{font-size:18px;color:var(--muted)}.map-mark{height:280px;border-radius:50%;background:#1c76ab;border:36px solid rgba(255,255,255,.5);outline:2px dashed #638da4;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font:800 75px/1 var(--display)}.map-mark span{font-size:18px;letter-spacing:.12em}.contact{display:grid;grid-template-columns:1fr .8fr;gap:100px;padding:120px max(24px,calc((100% - 1180px)/2))}.contact>div>p:not(.kicker){max-width:570px;color:var(--muted)}.phone{display:block;font:800 43px var(--display);color:#1c76ab;margin-top:35px}form{background:var(--ice);padding:38px}label{display:block;font-size:12px;font-weight:800;margin-bottom:18px}input,textarea{display:block;width:100%;border:0;border-bottom:2px solid #b7c8d0;background:transparent;padding:9px 2px;font:inherit;outline:none}input:focus,textarea:focus{border-color:#1c76ab}form .btn{border:2px solid var(--navy);width:100%;margin-top:8px}form small{display:block;color:var(--muted);margin-top:14px}footer{background:#07121e;color:#9bb0bf;padding:45px max(24px,calc((100% - 1180px)/2));display:flex;justify-content:space-between;align-items:center}footer .logo{color:#fff}footer p{font-size:12px}footer p a{text-decoration:underline}@media(max-width:800px){header nav{display:none}header .call{margin-left:auto}.hero,.dark,.area,.contact{grid-template-columns:1fr}.hero{gap:40px;padding-top:75px}.hero h1{font-size:67px}.hero-panel{max-width:480px}.proof{grid-template-columns:1fr 1fr;gap:30px}.heading{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.dark,.area,.contact{gap:55px}.map-mark{width:280px}.micro{flex-wrap:wrap}.section h2,.dark h2,.area h2,.contact h2{font-size:50px}}@media(max-width:520px){header{height:70px}.logo{font-size:19px}.call{font-size:0}.call:after{content:"Call now";font-size:12px}.hero{padding-top:60px}.hero h1{font-size:56px}.actions{flex-direction:column}.micro{flex-direction:column;gap:7px}.proof{grid-template-columns:1fr 1fr}.proof div{padding-left:12px}.section,.dark,.area,.contact{padding-top:85px;padding-bottom:85px}.cards article{padding:28px}.area{grid-template-columns:1fr}.map-mark{width:250px;height:250px;font-size:60px}.phone{font-size:35px}form{padding:25px}footer{align-items:flex-start;flex-direction:column;gap:25px}}
