@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--navy:#101d2c;--blue:#2359e8;--yellow:#f6c744;--muted:#697586;--light:#f5f7fa}*{box-sizing:border-box}body{margin:0;color:var(--navy);font-family:'DM Sans',sans-serif;background:white}header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 7%;border-bottom:1px solid #e9edf2}.brand{font:700 22px 'Space Grotesk';text-decoration:none;color:var(--navy)}.brand span{color:var(--blue)}nav{display:flex;gap:30px}nav a{color:#5e6876;text-decoration:none;font-weight:600;font-size:14px}nav a:hover,nav .active{color:var(--blue)}.hero{padding:75px 7% 65px;display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center;min-height:530px}.eyebrow{letter-spacing:2.5px;font-size:11px;font-weight:700;color:var(--blue)}h1,h2{font-family:'Space Grotesk',sans-serif;letter-spacing:-1.5px}h1{font-size:clamp(42px,5.4vw,72px);line-height:1.04;margin:18px 0}h1 span,h2 span{color:var(--blue)}.hero-copy>p:not(.eyebrow),.lead,.intro>p:not(.eyebrow){color:var(--muted);line-height:1.8;max-width:510px}.button{display:inline-flex;gap:24px;align-items:center;background:var(--blue);color:#fff;padding:15px 20px;border:0;border-radius:5px;text-decoration:none;font-weight:700;margin-top:20px;cursor:pointer}.button:hover{background:#1745c3}.hero-art{height:350px;background:var(--navy);border-radius:14px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-art:before,.hero-art:after{content:'';position:absolute;border:1px solid #35475d;border-radius:50%;width:420px;height:420px}.hero-art:after{width:300px;height:300px}.bolt{font-size:130px;color:var(--yellow);z-index:1;text-shadow:0 0 45px #f6c74455}.wire{position:absolute;width:130%;height:2px;background:var(--yellow);transform:rotate(-30deg);opacity:.7}.art-note{position:absolute;bottom:24px;right:25px;color:#fff;font-size:10px;letter-spacing:2px;line-height:1.7;text-align:right}.trust{display:flex;justify-content:space-around;padding:27px 7%;background:var(--light);gap:20px}.trust div{display:flex;gap:14px;align-items:center}.trust b{color:var(--blue);font:700 17px 'Space Grotesk'}.trust span{font-weight:600;font-size:14px}.intro{padding:90px 7%;max-width:800px}.intro h2{font-size:46px;line-height:1.15}.text-link{display:inline-block;color:var(--blue);font-weight:700;text-decoration:none;margin-top:18px}.page{padding:75px 7% 90px;max-width:1250px;margin:auto}.page h1{font-size:clamp(45px,6vw,68px)}.lead{font-size:18px;margin-bottom:45px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.services article{padding:28px;border:1px solid #e5eaf0;border-radius:9px;min-height:210px}.services i{font-style:normal;color:var(--blue);font-size:12px;font-weight:700}.services h2{font-size:23px;letter-spacing:-.5px;margin:22px 0 10px}.services p{color:var(--muted);line-height:1.7;font-size:14px}.cta{margin-top:55px;background:var(--navy);color:white;padding:35px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:20px}.cta h2{font-size:28px}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.contact-info h2{font-size:25px}.contact-info p{line-height:1.8;color:var(--muted);margin:25px 0}.contact-info a{color:var(--blue);text-decoration:none}.contact-info b{color:var(--navy)}small{display:block;color:#8791a0;font-size:12px;line-height:1.6;margin-top:18px}form{display:flex;flex-direction:column}label{font-weight:700;font-size:13px;margin:14px 0 7px}input,textarea{font:inherit;border:1px solid #dce2ea;border-radius:5px;padding:13px;background:#fbfcfe;resize:vertical}input:focus,textarea:focus{outline:2px solid #b8caff;border-color:var(--blue)}form .button{align-self:flex-start}footer{border-top:1px solid #e9edf2;padding:25px 7%;display:flex;justify-content:space-between;color:#8a94a2;font-size:12px}
@media(max-width:750px){header{height:auto;min-height:75px;padding:18px 5%;align-items:flex-start;gap:15px;flex-direction:column}nav{gap:22px}.hero{padding:50px 5%;grid-template-columns:1fr;gap:35px}.hero-art{height:260px}.trust{padding:22px 5%;flex-direction:column;gap:15px}.intro{padding:65px 5%}.intro h2{font-size:38px}.page{padding:55px 5% 70px}.services{grid-template-columns:1fr}.services article{min-height:unset}.cta{align-items:flex-start;flex-direction:column}.contact-grid{grid-template-columns:1fr;gap:35px}footer{padding:22px 5%;gap:12px;flex-wrap:wrap}}
