:root{--navy:#102a43;--blue:#1d70b7;--mint:#65d6ad;--ink:#172b3a;--muted:#607385;--paper:#f5f8fb;--line:#dce5ec;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55}.topbar{height:76px;padding:0 max(24px,calc((100% - 1160px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eaf0f4}.brand{font-size:20px;font-weight:800;color:var(--navy);text-decoration:none;letter-spacing:-.5px}.wifi{display:inline-grid;place-items:center;width:34px;height:34px;margin-right:8px;border-radius:11px;background:var(--mint);color:var(--navy);font-size:28px}.toplink{color:var(--navy);font-weight:700;text-decoration:none}.hero{max-width:1160px;margin:auto;padding:68px 24px 76px;display:grid;grid-template-columns:1.08fr .92fr;gap:44px;align-items:center}.eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:800;color:#247b77;margin:0 0 18px}.hero h1{font-size:clamp(38px,5vw,61px);line-height:1.06;letter-spacing:-2.4px;color:var(--navy);margin:0 0 24px;max-width:640px}.lead{font-size:18px;color:var(--muted);max-width:550px;margin:0 0 30px}.primary-link{display:inline-flex;gap:20px;align-items:center;background:var(--navy);color:#fff;text-decoration:none;border-radius:12px;padding:16px 20px;font-weight:750;box-shadow:0 9px 20px #102a431c}.primary-link span{font-size:22px;color:var(--mint)}.trust{margin-top:22px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--muted)}.trust span{color:#16836e;font-weight:900}.hero-art{height:370px;position:relative;overflow:hidden;border-radius:30px;background:radial-gradient(circle at 65% 30%,#315d7a 0,#173c58 35%,#102a43 72%)}.hero-art:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:#65d6ad18;right:-70px;bottom:-120px}.orbit{position:absolute;border:1px solid #b7e8df45;border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:380px;height:200px;left:25px;top:60px}.orbit-two{width:300px;height:140px;left:62px;top:95px}.router{position:absolute;width:190px;height:85px;border-radius:22px;background:linear-gradient(160deg,#f5fbff,#b9d0dd);left:50%;top:53%;transform:translate(-50%,-50%) rotate(-8deg);box-shadow:0 25px 45px #07152270;z-index:2}.router:before,.router:after{content:"";position:absolute;width:4px;height:88px;top:-75px;border-radius:5px;background:linear-gradient(#dcebf2,#7899ac);transform:rotate(8deg)}.router:before{left:43px}.router:after{right:42px}.router-light{position:relative;display:inline-block;width:6px;height:6px;background:#3aa58c;border-radius:50%;top:52px;left:25px;margin-right:10px;box-shadow:0 0 8px #65d6ad}.signal{position:absolute;z-index:3;color:var(--mint);font-size:75px;transform:rotate(90deg);opacity:.9}.signal-one{top:30px;left:45%}.signal-two{top:8px;left:51%;opacity:.55}.signal-three{top:-17px;left:57%;opacity:.3}.art-caption{position:absolute;bottom:22px;left:25px;color:#e6f7f4;font-size:13px;z-index:4;letter-spacing:.3px}.benefits{background:var(--paper);padding:32px max(24px,calc((100% - 1110px)/2));display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.benefits article{display:flex;gap:15px;align-items:flex-start}.benefit-icon{display:grid;place-items:center;flex:0 0 46px;height:46px;border-radius:14px;background:#dff5ed;color:#167a68;font-size:25px}.benefits h2{font-size:15px;margin:1px 0 5px;color:var(--navy)}.benefits p{font-size:13px;line-height:1.5;margin:0;color:var(--muted)}.form-section{max-width:1040px;margin:0 auto;padding:86px 24px;display:grid;grid-template-columns:.8fr 1fr;gap:80px;align-items:start}.form-intro h2{font-size:39px;letter-spacing:-1.3px;color:var(--navy);line-height:1.15;margin:0 0 17px}.form-intro>p:not(.eyebrow){color:var(--muted);font-size:16px}.privacy-note{display:flex;gap:12px;align-items:flex-start;background:#f0f8f6;padding:15px;border-radius:12px;color:#41645f;font-size:12px;margin-top:28px}.privacy-note span:first-child{font-size:20px}form{padding:28px;border:1px solid var(--line);border-radius:20px;box-shadow:0 14px 40px #102a430c}form>label:not(.consent){display:block;font-size:13px;font-weight:750;margin:0 0 7px;color:#304a5e}input,select,textarea{font:inherit;width:100%;border:1px solid #d3dee7;background:#fff;border-radius:10px;padding:13px 14px;margin:0 0 17px;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:#429f9a;box-shadow:0 0 0 3px #65d6ad30}textarea{resize:vertical}.optional{font-weight:400;color:#82909b;font-size:11px}.consent{display:flex;gap:10px;align-items:flex-start;font-size:11px;line-height:1.5;color:var(--muted);margin:2px 0 18px}.consent input{width:17px;height:17px;flex:0 0 17px;margin:1px 0 0;accent-color:#167a68}.consent a{color:#176c8d}button{width:100%;border:0;border-radius:11px;background:var(--navy);color:#fff;font:inherit;font-weight:750;padding:15px;cursor:pointer;display:flex;justify-content:center;gap:15px;align-items:center}button span{color:var(--mint);font-size:20px}button:disabled{opacity:.65;cursor:wait}.form-message{font-size:13px;margin:10px 0 0}.form-message.success{color:#167a68}.form-message.error{color:#b42318}.small-print{font-size:10px;color:#84929d;text-align:center;margin:12px 0 0}.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.bottom-cta{background:var(--navy);color:#fff;text-align:center;padding:52px 24px}.bottom-cta h2{font-size:28px;margin:0 0 8px;letter-spacing:-.5px}.bottom-cta p{color:#d0dfe8;margin:0 0 20px}.bottom-cta a{display:inline-block;border-radius:10px;padding:12px 17px;background:var(--mint);color:var(--navy);font-weight:800;text-decoration:none}footer{max-width:1160px;margin:auto;padding:23px 24px;display:flex;justify-content:space-between;gap:12px;color:#71818d;font-size:11px}@media(max-width:760px){.topbar{height:64px;padding:0 18px}.brand{font-size:17px}.toplink{font-size:12px}.hero{padding:45px 20px 42px;grid-template-columns:1fr;gap:30px}.hero h1{font-size:43px;letter-spacing:-1.7px}.lead{font-size:16px}.hero-art{height:260px;border-radius:22px}.router{transform:translate(-50%,-50%) scale(.8) rotate(-8deg)}.benefits{padding:28px 20px;grid-template-columns:1fr;gap:20px}.form-section{padding:55px 18px;grid-template-columns:1fr;gap:24px}.form-intro h2{font-size:33px}form{padding:21px 17px}.bottom-cta h2{font-size:24px}footer{padding:20px;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* Contact links: integrated into the site's visual style */
.topbar {
  gap: 24px;
}
.topbar-actions {
  display: flex;
  align-items: center;
  gap: 24px;
}
.topbar .phone-link {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  color: var(--navy);
  text-decoration: none;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
  white-space: nowrap;
}
.topbar .phone-label {
  color: var(--muted);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .35px;
  text-transform: uppercase;
}
.topbar .toplink {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 11px 16px;
  border: 1px solid var(--line);
  border-radius: 10px;
  color: var(--navy);
  text-decoration: none;
  font-size: 13px;
  font-weight: 750;
  white-space: nowrap;
  transition: background .2s ease, border-color .2s ease;
}
.topbar .toplink:hover {
  background: var(--paper);
  border-color: #b9cbd8;
}
.hero-copy .hero-phone {
  margin: 17px 0 0;
  color: var(--muted);
  font-size: 14px;
}
.hero-copy .hero-phone a {
  color: var(--navy);
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
  border-bottom: 1px solid #65d6ad;
}
.hero-copy .hero-phone a:hover {
  color: var(--blue);
}
.bottom-cta .bottom-phone {
  margin: 18px 0 0;
  color: #d0dfe8;
  font-size: 14px;
}
.bottom-cta .bottom-phone a {
  color: var(--mint);
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
}
footer a {
  color: var(--navy);
  font-weight: 750;
  text-decoration: none;
}
footer a:hover, .bottom-cta .bottom-phone a:hover {
  text-decoration: underline;
}
@media (max-width: 760px) {
  .topbar {
    min-height: 68px;
    height: auto;
    padding: 10px 18px;
    gap: 10px;
  }
  .topbar-actions {
    flex-direction: column;
    align-items: flex-end;
    gap: 7px;
  }
  .topbar .phone-link {
    font-size: 12px;
  }
  .topbar .phone-label {
    display: none;
  }
  .topbar .toplink {
    padding: 7px 10px;
    font-size: 11px;
  }
}
@media (max-width: 390px) {
  .topbar {
    padding-left: 12px;
    padding-right: 12px;
  }
  .brand {
    font-size: 15px;
  }
  .topbar .phone-link {
    font-size: 11px;
  }
}


/* Fix: the phone number in the bottom section is a text link, not a button */
.bottom-cta .bottom-phone a {
  display: inline !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--mint) !important;
  font: inherit !important;
  font-weight: 800 !important;
  text-decoration: none;
  box-shadow: none !important;
}
.bottom-cta .bottom-phone a:hover {
  text-decoration: underline;
}
