*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#09284d;background:#fff}.site-header{height:106px;display:flex;align-items:center;justify-content:space-between;padding:0 5.8%;position:relative;z-index:10;background:#fff;box-shadow:0 2px 10px #001a3814}.brand,.footer-brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:#082447;font-weight:800;font-size:31px}.brand small,.footer-brand small{display:block;font-size:8px;letter-spacing:2.1px;margin-top:4px}.brand-mark{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;color:#fff;background:linear-gradient(145deg,#27b4ff,#07569c 55%,#062b58);box-shadow:inset 0 0 0 7px #ffffff26;font-size:35px;font-weight:900;font-style:italic}.dotcom{color:#159af0}.site-header nav{display:flex;gap:38px}.site-header nav a,footer a{text-decoration:none;color:inherit;font-weight:600}.site-header nav a:first-child{color:#159af0;border-bottom:2px solid #159af0;padding-bottom:8px}.site-header nav a:hover{color:#159af0}.menu{display:none;border:0;background:none;font-size:30px;color:#082447}.hero{min-height:310px;padding:35px 5.8%;display:flex;align-items:center;color:#fff;background:linear-gradient(90deg,#052c59f2 0%,#06315bd5 38%,#06315b4d 68%,#06315b1a 100%),url("../images/hero.jpg") center/cover no-repeat}.hero-copy{max-width:720px}.eyebrow{font-weight:700;letter-spacing:6px;font-size:14px}.hero h1{font-size:68px;line-height:.98;margin:14px 0 10px;letter-spacing:-2px}.hero h1 span{color:#25aaff}.hero-copy>p:not(.eyebrow){font-size:20px;line-height:1.42;margin:0}.intro{display:none}.business-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:0 2% 28px}.card{height:530px;border-radius:18px;overflow:hidden;display:flex;align-items:flex-end;text-decoration:none;color:#fff;box-shadow:0 7px 20px #001a382b;transition:.25s;background-size:100% auto;background-position:center top;background-repeat:no-repeat;border:1px solid #fff}.card:hover{transform:translateY(-6px);box-shadow:0 14px 30px #001a3840}.card>div{width:100%;padding:58px 25px 24px;text-align:center;min-height:240px}.card h2{font-size:35px;margin:3px 0 8px}.card p{font-size:17px;line-height:1.35;min-height:46px;margin:0 auto;max-width:250px}.card b{display:block;border:1.5px solid #fff;border-radius:28px;padding:13px;margin:20px auto 0;max-width:235px;font-size:13px}.icon{font-size:43px;line-height:1}.travel{background-color:#056bb8;background-image:linear-gradient(0deg,#045d9d 0 44%,#056bb8 48%,transparent 62%),url("../images/travel.jpg")}.solar{background-color:#ed8a00;background-image:linear-gradient(0deg,#d87300 0 44%,#ed8a00 48%,transparent 62%),url("../images/solar.jpg")}.homes{background-color:#15803a;background-image:linear-gradient(0deg,#086d28 0 44%,#15803a 48%,transparent 62%),url("../images/homes.jpg")}.automate{background-color:#653095;background-image:linear-gradient(0deg,#55227e 0 44%,#653095 48%,transparent 62%),url("../images/automate.jpg")}.values{display:grid;grid-template-columns:repeat(4,1fr);padding:14px 5% 38px}.values div{padding:10px 24px;border-right:1px solid #dbe3eb}.values div:last-child{border:0}.values strong{font-size:42px;float:left;margin-right:15px;color:#082f5b}.values h3{margin:3px 0 5px;font-size:15px;text-transform:uppercase}.values p{margin:0;color:#66778a;font-size:13px}footer{background:#06294f;color:#fff;padding:30px 5%;display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center}.footer-brand{color:#fff;font-size:25px}.footer-brand .brand-mark{width:48px;height:48px;font-size:28px}footer nav{display:flex;gap:25px}footer>p{grid-column:1/-1;border-top:1px solid #ffffff2e;padding-top:16px;font-size:12px;color:#cbd7e3}@media(max-width:900px){.business-grid{grid-template-columns:repeat(2,1fr);padding:16px}.values{grid-template-columns:repeat(2,1fr)}.site-header nav{display:none;position:absolute;top:106px;left:0;right:0;background:#fff;padding:25px;flex-direction:column}.site-header nav.open{display:flex}.menu{display:block}.hero{min-height:360px}.hero h1{font-size:54px}}@media(max-width:560px){.site-header{height:86px;padding:0 18px}.brand{font-size:20px}.brand-mark{width:43px;height:43px;font-size:26px}.brand small{font-size:6px}.site-header nav{top:86px}.hero{min-height:410px;padding:45px 24px}.hero h1{font-size:46px}.hero-copy>p:not(.eyebrow){font-size:17px}.business-grid,.values{grid-template-columns:1fr}.card{height:470px}.values div{border-right:0;border-bottom:1px solid #dbe3eb}footer{grid-template-columns:1fr}footer nav{flex-wrap:wrap}}