
/* Air-Driven customer-facing refinements — August 2026 */
:root{--adt-ink:#102a34;--adt-deep:#0a2430;--adt-air:#58ddec;--adt-lime:#bde65e;--adt-soft:#f3f8f9;--adt-line:#d7e2e5;--adt-copy:#37515a}
.hero h1{font-size:clamp(42px,6vw,68px)!important;line-height:.98!important;max-width:900px!important;letter-spacing:-.045em!important}
.page-hero h1{font-size:clamp(38px,5.4vw,60px)!important;line-height:1.02!important;max-width:920px!important;letter-spacing:-.035em!important}
.section h2{font-size:clamp(30px,4vw,46px)!important;line-height:1.06!important}
.hero .lead,.page-hero .lead{max-width:800px}
.top .container{gap:18px;flex-wrap:wrap}
.top-contact{display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.top a{color:inherit;text-decoration:none}.top a:hover{text-decoration:underline}
.service-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px;max-width:920px}
.service-choice{background:#fff;border:1px solid var(--adt-line);border-radius:18px;padding:24px;color:var(--adt-ink);box-shadow:0 12px 35px rgba(10,36,48,.06)}
.service-choice h2{font-size:28px!important;margin:0 0 8px}.service-choice p{margin:0 0 18px;color:var(--adt-copy)}
.service-choice .button{margin-right:8px;margin-bottom:6px}
.repair-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}
.repair-detail{border-top:3px solid var(--adt-air);padding-top:18px}.repair-detail h3{margin-top:0}
.image-pair{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:stretch}.image-pair .photo{min-height:320px}
.image-pair img,.photo img{width:100%;height:100%;object-fit:cover}
.tech-image{border-radius:18px;overflow:hidden;background:#e7eef0;min-height:340px}.tech-image img{width:100%;height:100%;object-fit:cover}
.remote-credit{font-size:12px;color:#667b82;margin-top:8px}.remote-credit a{color:inherit}
.checkline{display:flex;gap:10px;align-items:flex-start;margin:18px 0;padding:16px;background:var(--adt-soft);border:1px solid var(--adt-line);border-radius:12px}.checkline input{margin-top:4px;flex:0 0 auto}
.form-card h2{font-size:26px!important}.form-card h3{font-size:20px!important}
.form-note{font-size:14px;color:#60747b;margin-top:8px}
.choice-inline{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.contact-lines{display:grid;gap:10px;margin-top:22px}.contact-lines a{font-weight:700;color:inherit}
.footer-contact{margin-top:18px;display:grid;gap:6px}.footer-contact a{display:inline;color:#d6eef2!important}
.footer .footer-grid{grid-template-columns:1.35fr 1fr 1fr 1fr!important}
.button.light{color:var(--adt-ink)!important;background:#fff!important;border-color:#cbd9dd!important}.button.light:hover{background:#f5fafb!important}
.it-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}.it-option{padding:18px;border:1px solid var(--adt-line);border-radius:14px;background:#fff}.it-option h3{margin:0 0 6px;font-size:19px}.it-option p{margin:0;color:var(--adt-copy)}
.sterile-required{border:2px solid #99bbc3;background:#f7fbfc}
.small-print{font-size:13px;color:#60747b}
.payment-area{background:linear-gradient(180deg,#f8fbfc 0%,#e8f3f5 100%)}
.payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.payment-panel{padding:28px;border:1px solid var(--adt-line);border-radius:20px;background:#fff;box-shadow:0 14px 35px rgba(10,36,48,.07)}
.payment-panel-primary{background:linear-gradient(145deg,#0a2430,#164b59);border-color:#1c6171;color:#fff}.payment-panel-primary p{color:#d4e7eb}.payment-now-panel{position:relative;overflow:hidden;min-height:100%}.payment-now-panel:after{content:"$";position:absolute;right:18px;bottom:-18px;color:rgba(189,230,94,.14);font-size:13rem;font-family:Georgia,serif;font-weight:800;line-height:1;pointer-events:none}
.payment-kicker{display:block;margin-bottom:10px;color:var(--teal);font-size:.74rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.payment-panel-primary .payment-kicker{color:#bde65e}
.payment-panel h3{margin-bottom:10px}.payment-steps{margin:22px 0;padding-left:20px}.payment-steps li{margin:10px 0}.payment-link-ready{position:relative;z-index:1;margin-top:24px}.payment-now-button{min-height:56px;padding:15px 24px;font-size:1.08rem;box-shadow:0 14px 28px rgba(189,230,94,.22)}.payment-now-waiting{position:relative;z-index:1;margin-top:24px;padding:17px;border:1px solid rgba(189,230,94,.45);border-radius:14px;background:rgba(4,18,23,.38)}.payment-now-waiting strong{color:#bde65e}.payment-now-waiting p{margin:5px 0 0;font-size:.9rem}
.payment-status{margin:22px 0 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.22);font-size:.93rem}.payment-form{margin-top:18px}.payment-form .button{margin-top:18px}
.payment-price-reference{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;margin-top:18px;padding:25px 28px;border:1px solid var(--adt-line);border-radius:20px;background:#fff}.payment-price-reference p{margin:0;color:var(--adt-copy)}
.payment-price-list{display:grid;gap:0}.payment-price-list div{display:flex;justify-content:space-between;gap:18px;padding:10px 0;border-bottom:1px solid var(--adt-line);font-size:.92rem}.payment-price-list div:last-child{border-bottom:0}.payment-price-list strong{white-space:nowrap;color:var(--adt-ink)}
.repair-plan{margin:28px 0;padding:26px;border:2px solid #89b4bd;border-radius:20px;background:linear-gradient(135deg,#f9feff,#e2f2f5)}.repair-plan-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.repair-plan-head h2{font-size:30px!important;margin-bottom:8px}.repair-plan-head p{max-width:650px;margin:0;color:var(--adt-copy)}
.repair-plan-total{min-width:180px;padding:15px 17px;border:1px solid #a8c8cf;border-radius:15px;background:#fff;text-align:right}.repair-plan-total span,.repair-plan-total small{display:block}.repair-plan-total span{font-size:.76rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--teal)}.repair-plan-total strong{display:block;font-size:2rem;line-height:1.1;color:var(--adt-ink)}.repair-plan-total small{margin-top:4px;color:#60747b;font-size:.75rem}
.repair-plan-controls{margin-top:22px}.repair-plan-controls label{display:block;margin-bottom:7px;font-weight:800;font-size:.9rem}.repair-plan-controls>div{display:flex;gap:10px}.repair-plan-controls select{flex:1;min-width:0;padding:12px;border:1px solid #a8c1c9;border-radius:11px;background:#fff;color:var(--adt-ink)}.repair-plan-controls .button{white-space:nowrap}
.repair-plan-items{display:grid;gap:0;margin-top:17px;border:1px solid #c7dce1;border-radius:14px;overflow:hidden;background:#fff}.repair-plan-empty{margin:0;padding:16px;color:#60747b}.repair-plan-item{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:13px 15px;border-bottom:1px solid #dce9ec}.repair-plan-item:last-child{border-bottom:0}.repair-plan-item strong{color:var(--adt-ink);white-space:nowrap}.repair-plan-remove{border:1px solid #cbd9dd;border-radius:999px;padding:6px 10px;background:#fff;color:var(--adt-ink);font-weight:800;cursor:pointer}.repair-plan-remove:hover{background:#eef6f7}.repair-plan-note{margin:16px 0 0;font-size:.88rem;color:#526b74}.repair-plan-routes{margin-top:18px;padding:18px;border-radius:14px;background:#fff;border:1px solid #c7dce1}.repair-plan-routes p{margin:0 0 12px;color:var(--adt-copy)}.repair-plan-routes>div{display:flex;gap:10px;flex-wrap:wrap}.repair-plan-routes .button{min-height:46px}.repair-plan-routes .button.is-selected{outline:3px solid rgba(8,127,146,.25);outline-offset:2px}.repair-plan-routes strong{display:block;margin-top:12px;font-size:.88rem;color:#526b74}
@media(max-width:900px){.service-choice-grid,.repair-detail-grid,.image-pair,.it-options,.payment-grid,.payment-price-reference{grid-template-columns:1fr}.repair-plan-head{display:grid;grid-template-columns:1fr}.repair-plan-total{text-align:left}.footer .footer-grid{grid-template-columns:1fr 1fr!important}.hero h1{font-size:clamp(40px,11vw,58px)!important}}
@media(max-width:620px){.footer .footer-grid{grid-template-columns:1fr!important}.top-contact{gap:8px 14px}.service-choice{padding:20px}.page-hero h1{font-size:40px!important}}

/* Mobile pass: keep every page readable, reachable, and free of viewport overlays. */
@media (max-width: 620px) {
  html { overflow-x: hidden; }
  body { overflow-x: hidden; font-size: 16px; }
  .container { width: min(100% - 28px, var(--max)); }
  .top { font-size: .74rem; }
  .top .container { min-height: 36px; padding: 7px 0; line-height: 1.35; }
  .top .container > span:first-child { max-width: 30rem; }
  .header { position: sticky; top: 0; }
  .nav { min-height: 68px; height: auto; padding: 10px 0; }
  .brand { min-width: 0; gap: 9px; }
  .mark { width: 40px; height: 40px; flex: 0 0 40px; }
  .brand b { font-size: .91rem; white-space: nowrap; }
  .brand small { font-size: .55rem; }
  .menu { flex: 0 0 auto; min-height: 42px; padding: 9px 14px; }
  .links { left: 14px; right: 14px; top: 66px; max-height: calc(100vh - 82px); overflow-y: auto; gap: 0; padding: 8px; }
  .links a { display: block; padding: 11px 10px; border-bottom: 1px solid var(--line); }
  .links a:last-child { border-bottom: 0; }
  h1, .hero h1, .page-hero h1 { font-size: clamp(2.45rem, 12vw, 3.65rem) !important; line-height: 1.02 !important; overflow-wrap: anywhere; }
  h2, .section h2 { font-size: clamp(1.9rem, 9vw, 2.8rem) !important; line-height: 1.06 !important; }
  h3 { font-size: 1.3rem; }
  .hero, .page-hero { padding: 45px 0 42px; }
  .section { padding: 52px 0; }
  .lead, .hero .lead, .page-hero .lead { font-size: 1.05rem; line-height: 1.52; }
  .actions { align-items: stretch; gap: 10px; margin-top: 22px; }
  .actions .button, .callout .button, .service-choice .button { width: 100%; min-height: 46px; }
  .hero-image { min-height: 300px; border-radius: 20px; }
  .hero-image img { height: 300px; }
  .hero-card { left: 10px; right: 10px; bottom: 10px; padding: 13px; border-radius: 14px; gap: 8px; }
  .hero-card span { font-size: .76rem; }
  .photo img { height: 280px; }
  .card, .form-card, .form-info { padding: 20px; border-radius: 18px; }
  .callout { padding: 24px 20px; border-radius: 20px; }
  .form-grid { gap: 13px; }
  .field input, .field select, .field textarea { min-height: 46px; font-size: 16px; }
  .field textarea { min-height: 120px; }
  .unit { padding: 15px; }
  .unit-head { gap: 10px; align-items: flex-start; }
  .unit-head .remove { flex: 0 0 auto; }
  .checkline { align-items: flex-start; font-size: .91rem; }
  .checkline input { width: 20px; height: 20px; }
  .table-wrap { margin-right: -14px; padding-right: 14px; }
  .pricing-table { min-width: 640px; font-size: .9rem; }
  .pricing-table th, .pricing-table td { padding: 12px; }
  .status-grid { grid-template-columns: 1fr 1fr; }
  .footer { padding: 48px 0 26px; }
  .footer-bottom { margin-top: 26px; line-height: 1.5; }
  .mobile-cta { display: none !important; }
}

@media (min-width: 621px) and (max-width: 920px) {
  .hero h1 { font-size: clamp(3rem, 7vw, 4.8rem) !important; }
  .pricing-table { min-width: 640px; }
}

/* Refined turbine mark: a clearer, calmer signature at every size. */
.mark { background-image: url("logo-mark.svg"); background-position: center; background-repeat: no-repeat; background-size: 31px 31px; }
.mark svg { display: none; }

/* Broadcast window chrome inspired by the Story Map instrument panel. */
html { background: #03040a; }
body { background: #03040a !important; padding: 16px; min-height: 100dvh; box-sizing: border-box; overflow: hidden; }
body::before, body::after { content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 900; }
body::before { opacity: .25; background-image: radial-gradient(circle at 1.5px 1.5px, rgba(104,214,237,.72) 0 .72px, transparent .88px); background-size: 4px 4px; mix-blend-mode: screen; }
body::after { opacity: .38; background-image: radial-gradient(ellipse at center, transparent 48%, rgba(0,0,0,.58) 100%), radial-gradient(circle at 1.5px 1.5px, rgba(255,76,112,.32) 0 .56px, transparent .72px); background-size: auto, 4px 4px; mix-blend-mode: multiply; }
.air-frame { width: min(100%, 1480px); height: calc(100dvh - 32px); margin: 0 auto; position: relative; z-index: 1; display: flex; flex-direction: column; padding: 6px; border: 2px solid #dcdcdc; border-radius: 18px; background: #05050a; box-shadow: 0 0 0 1px #111, 0 0 24px rgba(220,220,220,.14); overflow: hidden; }
.air-frame-top { flex: 0 0 auto; min-height: 44px; padding: 8px 10px; display: flex; align-items: center; color: #edfaff; background: #05050a; border-bottom: 1px solid #dcdcdc; border-radius: 11px 11px 0 0; font-family: "Courier New", monospace; font-size: 12px; letter-spacing: .08em; text-shadow: 1px 0 rgba(255,70,110,.55), -1px 0 rgba(75,205,255,.6); }
.air-frame-station { appearance: none; border: 0; padding: 0; color: inherit; background: transparent; font: inherit; font-weight: 800; white-space: nowrap; cursor: pointer; text-align: left; }
.air-frame-station:hover, .air-frame-station:focus-visible { color: #d9edf0; outline: none; text-decoration: underline; text-underline-offset: 3px; }
.air-frame-menu { margin-left: auto; padding: 5px 11px; border: 1px solid #dcdcdc; border-radius: 7px; color: #edfaff; background: transparent; font: 700 12px/1.2 "Courier New", monospace; letter-spacing: .08em; cursor: pointer; }
.air-frame-menu:hover, .air-frame-menu:focus-visible { color: #05050a; background: #d9edf0; outline: none; }
.air-frame-nav { position: absolute; top: 9px; right: 9px; z-index: 60; display: grid; min-width: 190px; padding: 8px; border: 1px solid #dcdcdc; border-radius: 9px; background: #05050a; box-shadow: 0 10px 24px rgba(0,0,0,.38); }
.air-frame-nav[hidden] { display: none; }
.air-frame-nav a { padding: 9px 10px; color: #edfaff; text-decoration: none; font: 700 12px/1.2 "Courier New", monospace; letter-spacing: .04em; }
.air-frame-nav a:hover, .air-frame-nav a:focus-visible { color: #05050a; background: #d9edf0; outline: none; }
.air-frame-stage { position: relative; flex: 1 1 auto; min-height: 0; overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain; border: 1px solid #dcdcdc; border-radius: 11px; background: #f8fbfc; box-shadow: inset 0 0 32px rgba(0,0,0,.12); }
.air-frame-stage::before { content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 5; opacity: .22; background-image: radial-gradient(circle at 1.5px 1.5px, rgba(10,36,48,.66) 0 .72px, transparent .9px); background-size: 4px 4px; mix-blend-mode: multiply; }
.air-frame-stage .header { z-index: 40; }
.air-frame-stage h1, .air-frame-stage h2, .air-frame-stage h3 { text-shadow: 1px 0 rgba(231,108,77,.12), -1px 0 rgba(8,127,146,.12); }
@media (max-width: 620px) {
  body { padding: 8px; }
  .air-frame { height: calc(100dvh - 16px); padding: 4px; border-radius: 14px; }
  .air-frame-top { min-height: 42px; padding: 8px 9px; font-size: 10px; letter-spacing: .04em; }
  .air-frame-menu { padding: 5px 9px; font-size: 10px; }
  .air-frame-stage { border-radius: 9px; }
}
