/* Black surfaces, forest green depth and mint details. */
:root {
  --paper: #090d0b;
  --muted: #aab8af;
  --border: #28362e;
  --text: #eef5ef;
}
body { color: var(--text); }
.site-header, footer { background: #070b09; }
.hero { background: linear-gradient(160deg,#0a100d 2%,#123124 43%,#165e41 82%,#227c56 100%); }
.brand { gap: 13px; }
.brand-mark { width: 54px; height: 54px; }
.brand-wordmark { font-size: 28px; font-weight: 750; letter-spacing: -.055em; line-height: 1.12; }
.brand-sub { font-size: 10px; font-weight: 600; letter-spacing: .29em; margin-top: 6px; color: var(--mint); }
.carrier-strip { border-color: var(--border); }
.carrier-intro .micro, .email-box .micro { color: #9bafa2; }
.carrier-logo img { filter: brightness(0) invert(1); opacity: .92; }
.muted { color: #9bc7af; }
.tiny-square { background: #84d9ae; }
.service-card { background: #111914; border-color: #2b3a30; }
.service-card.featured { background: #162e21; border-color: #31543e; }
.service-card:hover { background: #17261d; box-shadow: 0 18px 36px #0003; }
.service-icon, .featured .service-icon { color: var(--mint); border-color: #345341; background: #a8f3cf05; }
.service-number { color: #9aad9f; }
.btn-dark { background: var(--mint); color: var(--ink); }
.btn-dark:hover { background: #ccffe3; }
.how-section { background: #101e17; }
.text-link { color: var(--mint); }
.plus { background: #1e3427; }
.plus:before, .plus:after { background: var(--mint); }
.about-stamp { color: var(--ink); border-color: var(--paper); }
.about-stamp > .brand-mark { width: 59px; height: 59px; }
.about-stamp { gap: 8px; }
.image-note { color: #a6b3aa; }
.contact-banner { color: var(--ink); }
.contact-banner .btn-dark { background: #101b16; color: var(--mint); }
.contact-banner .btn-dark:hover { background: #1d3d2c; }
.values-section, .contact-tips { background: #101812; }
.values-grid article > .icon, .info-row > .icon { color: var(--mint); }
.age-block { background: #14221a; border: 1px solid #2e4435; }
.age-block strong > span, .age-block > .icon { color: var(--mint); }
.contact-aside { background: #111b15; border: 1px solid var(--border); }
.contact-illustration { background: #163424; }
.contact-illustration > .brand-mark { color: var(--mint); width: 78px; height: 78px; transform: none; }
.contact-carriers { border-color: #314838; }
.contact-carriers > span { color: #9bbb9f; }
.email-address:hover, .copy-status { color: var(--mint); }
.skip { color: var(--ink); }
.subhero { background: linear-gradient(115deg,#0c1710,#18482f); }
.subhero-mark > .brand-mark { width: 300px; height: 300px; }
@media (max-width:760px) {
  nav { background: #070b09; }
  .brand { gap: 10px; }
  .brand-mark { width: 42px; height: 42px; }
  .brand-wordmark { font-size: 23px; }
  .brand-sub { font-size: 8px; margin-top: 4px; }
  .footer-grid .brand-wordmark { font-size: 28px; }
  .footer-grid .brand-sub { font-size: 10px; }
  .footer-grid .brand-mark { width: 54px; height: 54px; }
  .values-grid article { border-color: var(--border); }
  .about-stamp > .brand-mark { width: 47px; height: 47px; }
  .about-stamp { gap: 6px; }
  .subhero-mark > .brand-mark { width: 230px; height: 230px; }
  .contact-illustration > .brand-mark { width: 66px; height: 66px; }
}
@media (max-width:380px) {
  .brand-wordmark { font-size: 21px; }
  .brand-sub { font-size: 7.5px; }
  .brand-mark { width: 38px; height: 38px; }
}

/* Preserve the two-tone Mondial Relay symbol on the dark surface. */
.carrier-logo.mondial { gap: 11px; }
.carrier-logo.mondial img { filter: none; opacity: 1; width: 46px; height: 46px; max-height: none; }
.carrier-logo.mondial span { font-size: 20px; line-height: 1.1; font-weight: 650; letter-spacing: -.04em; }
@media(max-width:760px){.carrier-logo.mondial{gap:6px}.carrier-logo.mondial img{width:30px;height:30px}.carrier-logo.mondial span{font-size:13px}}

/* Approved first logo: keep the exact selected artwork and its proportions. */
.brand-lockup { display: block; width: 286px; height: auto; overflow: hidden; filter: brightness(1.04) contrast(1.16); mix-blend-mode: screen; }
.footer-grid .brand-lockup { width: 250px; }
.about-stamp {
  background: #0b1a12;
  color: var(--mint);
  transform-origin: center;
  animation: stamp-turn 24s linear infinite;
}
@keyframes stamp-turn {
  from { transform: rotate(-10deg); }
  to { transform: rotate(350deg); }
}
@media(max-width:1100px) { .brand-lockup { width: 250px; } }
@media(max-width:760px) {
  .brand-lockup { width: 194px; }
  .footer-grid .brand-lockup { width: 250px; }
  .nav-wrap { gap: 10px; }
}
@media(max-width:380px) { .brand-lockup { width: 183px; } }
@media(max-width:340px) { .brand-lockup { width: 160px; } .nav-wrap { gap: 7px; } }

/* Direct phone contact and the supplied business introduction. */
.intro-contact { display: flex; flex-direction: column; gap: 9px; margin: 0 0 28px; font-size: 14px; font-weight: 600; color: var(--mint); }
.intro-contact a { overflow-wrap: anywhere; width: fit-content; }
.intro-contact a:hover { text-decoration: underline; text-underline-offset: 4px; }
.phone-box { margin-top: 32px; padding-top: 24px; border-top: 1px solid var(--border); }
.phone-box .micro { color: #9bafa2; font-size: 9px; }
.phone-number { display: block; width: fit-content; color: var(--mint); font-size: clamp(28px,3.2vw,40px); font-weight: 600; letter-spacing: -.04em; line-height: 1.25; margin-top: 9px; }
.phone-number:hover { text-decoration: underline; text-underline-offset: 6px; }
.contact-main .email-box { margin-top: 25px; padding-top: 23px; }
@media(max-width:760px) { .intro-contact { font-size: 12px; } }