:root{
--bg:#07090c;
--bg-2:#0c1117;
--bg-3:#121922;
--bg-4:#182230;
--line:rgba(214,226,240,0.09);
--line-2:rgba(214,226,240,0.16);
--text:#edf2f7;
--muted:#8e9aab;
--faint:#6b7787;
--true:#1c5f94;
--nav:#3aa0ff;
--nav-2:#7ec2ff;
--nav-dim:rgba(58,160,255,0.14);
--gold:#c9a15b;
--ok:#8fd4ae;
--danger:#e07a6a;
--shadow:0 24px 80px rgba(0,0,0,0.45);
--radius:14px;
--nav-h:68px;
--max:1180px;
--font:"Instrument Sans",ui-sans-serif,system-ui,-apple-system,sans-serif;
--mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
}
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
html,body{margin:0;padding:0;}
html, body, #coverage-map { height: 100%; }
body{
font-family:var(--font);
background:var(--bg);
color:var(--text);
line-height:1.5;
font-size:16px;
letter-spacing:-0.011em;
-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button,input,select,textarea{font-family:inherit;}
:focus-visible{
outline:2px solid var(--nav);
outline-offset:3px;
}
.skip{
position:absolute;
left:12px;top:-40px;
background:var(--nav);
color:#061018;
padding:8px 12px;
z-index:100;
}
.skip:focus{top:12px;}
.nav{
position:sticky;
top:0;
z-index:50;
height:var(--nav-h);
display:flex;
align-items:center;
backdrop-filter:blur(16px) saturate(1.2);
background:rgba(7,9,12,0.78);
border-bottom:1px solid var(--line);
}
.nav-inner{
width:min(var(--max),calc(100% - 32px));
margin:0 auto;
display:flex;
align-items:center;
gap:20px;
}
.brand{
display:flex;
align-items:center;
gap:10px;
margin-right:auto;
}
.brand img{
height:34px;
width:34px;
object-fit:contain;
border-radius:6px;
}
.brand-name{
font-weight:650;
letter-spacing:0.04em;
font-size:14px;
text-transform:uppercase;
}
.brand-name span{color:var(--nav);}
.nav-links{
display:flex;
align-items:center;
gap:4px;
}
.nav-links a{
font-size:13.5px;
font-weight:500;
color:var(--muted);
padding:8px 11px;
border-radius:8px;
}
.nav-links a:hover,
.nav-links a[aria-current="page"]{color:var(--text);background:rgba(255,255,255,0.04);}
.nav-cta{
margin-left:8px;
background:var(--nav) !important;
color:#061018 !important;
font-weight:650 !important;
padding:8px 14px !important;
}
.nav-cta:hover{filter:brightness(1.08);}
.nav-toggle{
display:none;
background:transparent;
border:1px solid var(--line-2);
color:var(--text);
width:42px;height:36px;
border-radius:8px;
cursor:pointer;
}
.nav-toggle span{
display:block;
width:16px;height:1.5px;
background:var(--text);
margin:4px auto;
}
@media (max-width:820px){
.nav-toggle{display:block;}
.nav-links{
display:none;
position:absolute;
top:var(--nav-h);
left:0;right:0;
flex-direction:column;
align-items:stretch;
background:rgba(10,13,18,0.97);
border-bottom:1px solid var(--line);
padding:10px 16px 18px;
gap:2px;
}
.nav.is-open .nav-links{display:flex;}
.nav-cta{margin:8px 0 0;text-align:center;}
}
.wrap{width:min(var(--max),calc(100% - 32px));margin:0 auto;}
.section{padding:88px 0;}
.section-sm{padding:56px 0;}
.eyebrow{
font-family:var(--mono);
font-size:11px;
letter-spacing:0.22em;
text-transform:uppercase;
color:var(--nav-2);
margin:0 0 14px;
font-weight:500;
}
h1,h2,h3{margin:0;letter-spacing:-0.04em;line-height:0.98;font-weight:650;}
h1{font-size:clamp(2.35rem,6.4vw,4.85rem);}
h2{font-size:clamp(1.7rem,3.6vw,2.7rem);}
h3{font-size:1.15rem;letter-spacing:-0.03em;line-height:1.2;}
.lede{
font-size:clamp(1.02rem,1.6vw,1.2rem);
color:var(--muted);
max-width:38rem;
line-height:1.55;
}
.muted{color:var(--muted);}
.faint{color:var(--faint);}
.btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
padding:13px 18px;
border-radius:10px;
font-weight:650;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
transition:transform .15s ease,filter .15s ease,background .15s ease;
}
.btn:hover{transform:translateY(-1px);}
.btn-primary{background:var(--nav);color:#061018;}
.btn-ghost{
background:transparent;
border-color:var(--line-2);
color:var(--text);
}
.btn-ghost:hover{background:rgba(255,255,255,0.04);}
.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;}
.hero{
position:relative;
min-height:calc(100svh - var(--nav-h));
display:flex;
align-items:flex-end;
overflow:hidden;
}
.hero-media{
position:absolute;
inset:0;
}
.hero-media img{
width:100%;
height:100%;
object-fit:cover;
object-position:50% 55%;
}
.hero-media::after{
content:"";
position:absolute;
inset:0;
background:
linear-gradient(90deg,rgba(7,9,12,0.92) 0%,rgba(7,9,12,0.72) 42%,rgba(7,9,12,0.28) 100%),
linear-gradient(180deg,rgba(7,9,12,0.35) 0%,rgba(7,9,12,0.1) 30%,rgba(7,9,12,0.88) 100%);
}
.hero-grid{
position:absolute;
inset:0;
background-image:
linear-gradient(rgba(58,160,255,0.05) 1px,transparent 1px),
linear-gradient(90deg,rgba(58,160,255,0.05) 1px,transparent 1px);
background-size:72px 72px;
mask-image:linear-gradient(90deg,#000 0%,transparent 70%);
pointer-events:none;
z-index:1;
}
.hero-copy{
position:relative;
z-index:2;
width:min(var(--max),calc(100% - 32px));
margin:0 auto;
padding:72px 0 56px;
}
.hero p.lede{color:#c5ced8;}
.hero-note{
margin-top:22px;
font-size:13px;
color:var(--faint);
font-family:var(--mono);
}
.ticker{
border-top:1px solid var(--line);
border-bottom:1px solid var(--line);
background:var(--bg-2);
}
.ticker-row{
display:grid;
grid-template-columns:repeat(4,1fr);
}
.stat{
padding:22px 20px;
border-right:1px solid var(--line);
}
.stat:last-child{border-right:none;}
.stat b{
display:block;
font-size:1.35rem;
letter-spacing:-0.04em;
font-weight:650;
}
.stat span{
display:block;
margin-top:4px;
color:var(--muted);
font-size:13px;
}
@media (max-width:800px){
.ticker-row{grid-template-columns:1fr 1fr;}
.stat:nth-child(2){border-right:none;}
.stat:nth-child(1),.stat:nth-child(2){border-bottom:1px solid var(--line);}
}
.compare{
display:grid;
grid-template-columns:1.15fr 0.85fr;
gap:18px;
margin-top:36px;
}
.card{
background:var(--bg-2);
border:1px solid var(--line);
border-radius:var(--radius);
padding:28px;
}
.card.true{
background:
radial-gradient(800px 240px at 0% 0%,var(--nav-dim),transparent 55%),
var(--bg-3);
border-color:rgba(58,160,255,0.28);
}
.card h3{margin-bottom:8px;}
.card .tag{
display:inline-block;
font-family:var(--mono);
font-size:10px;
letter-spacing:0.16em;
text-transform:uppercase;
color:var(--nav-2);
margin-bottom:12px;
}
.card.vrs .tag{color:var(--gold);}
.list{
list-style:none;
margin:18px 0 0;
padding:0;
}
.list li{
padding:10px 0;
border-top:1px solid var(--line);
display:grid;
grid-template-columns:18px 1fr;
gap:10px;
font-size:15px;
color:#d5dde6;
}
.dot{
width:8px;height:8px;
border-radius:50%;
background:var(--nav);
margin-top:7px;
}
.dot.gold{background:var(--gold);}
@media (max-width:820px){
.compare{grid-template-columns:1fr;}
}
.split{
display:grid;
grid-template-columns:0.9fr 1.1fr;
gap:48px;
align-items:center;
}
.split.reverse{grid-template-columns:1.1fr 0.9fr;}
.split.reverse .copy{order:2;}
.photo{
position:relative;
border-radius:16px;
overflow:hidden;
border:1px solid var(--line);
min-height:280px;
}
.photo img{
width:100%;
height:100%;
object-fit:cover;
aspect-ratio:4 / 3;
}
.photo figcaption{
position:absolute;
left:12px;bottom:12px;
background:rgba(7,9,12,0.78);
backdrop-filter:blur(8px);
border:1px solid var(--line);
font-size:12px;
padding:6px 10px;
border-radius:8px;
font-family:var(--mono);
letter-spacing:0.04em;
}
@media (max-width:820px){
.split,.split.reverse{grid-template-columns:1fr;}
.split.reverse .copy{order:0;}
}
.gallery{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:12px;
margin-top:32px;
}
.tile{
position:relative;
overflow:hidden;
border-radius:12px;
border:1px solid var(--line);
background:var(--bg-3);
min-height:220px;
}
.tile img{
width:100%;
height:100%;
object-fit:cover;
aspect-ratio:5 / 4;
transition:transform .5s ease;
}
.tile:hover img{transform:scale(1.04);}
.tile span{
position:absolute;
left:10px;bottom:10px;
font-size:12px;
background:rgba(7,9,12,0.8);
padding:5px 9px;
border-radius:7px;
border:1px solid var(--line);
}
@media (max-width:900px){.gallery{grid-template-columns:1fr 1fr;}}
@media (max-width:560px){.gallery{grid-template-columns:1fr;}}
.specs{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:12px;
margin-top:28px;
}
.spec{
padding:20px;
border:1px solid var(--line);
border-radius:12px;
background:var(--bg-2);
}
.spec dt{
font-family:var(--mono);
font-size:11px;
letter-spacing:0.16em;
text-transform:uppercase;
color:var(--nav-2);
margin-bottom:8px;
}
.spec dd{margin:0;color:#d7dee6;font-size:15px;}
@media (max-width:800px){.specs{grid-template-columns:1fr;}}
.map-tease{
position:relative;
overflow:hidden;
border-radius:18px;
border:1px solid var(--line);
min-height:380px;
display:grid;
align-items:end;
background:
radial-gradient(ellipse at 30% 40%,rgba(58,160,255,0.18),transparent 50%),
radial-gradient(ellipse at 70% 70%,rgba(28,95,148,0.25),transparent 45%),
var(--bg-3);
}
.map-tease::before{
content:"";
position:absolute;
inset:0;
background-image:
radial-gradient(circle at 22% 38%,#3aa0ff 0 4px,transparent 5px),
radial-gradient(circle at 31% 52%,#8fd4ae 0 3px,transparent 4px),
radial-gradient(circle at 44% 44%,#3aa0ff 0 5px,transparent 6px),
radial-gradient(circle at 58% 36%,#c9a15b 0 3px,transparent 4px),
radial-gradient(circle at 63% 58%,#3aa0ff 0 4px,transparent 5px),
radial-gradient(circle at 74% 47%,#8fd4ae 0 3px,transparent 4px),
radial-gradient(circle at 18% 62%,#3aa0ff 0 3px,transparent 4px),
linear-gradient(rgba(58,160,255,0.07) 1px,transparent 1px),
linear-gradient(90deg,rgba(58,160,255,0.07) 1px,transparent 1px);
background-size:auto,auto,auto,auto,auto,auto,auto,48px 48px,48px 48px;
opacity:0.9;
}
.map-panel{
position:relative;
z-index:1;
margin:24px;
max-width:460px;
background:rgba(7,9,12,0.82);
border:1px solid var(--line-2);
border-radius:14px;
padding:24px;
backdrop-filter:blur(10px);
}
.band{
background:
linear-gradient(180deg,rgba(58,160,255,0.08),transparent 40%),
var(--bg-2);
border-top:1px solid var(--line);
border-bottom:1px solid var(--line);
}
.band-inner{
display:grid;
grid-template-columns:1.3fr 0.7fr;
gap:32px;
align-items:center;
}
@media (max-width:800px){.band-inner{grid-template-columns:1fr;}}
.page-hero{padding:56px 0 12px;}
.form{
display:grid;
gap:14px;
margin-top:28px;
max-width:560px;
}
label{
display:grid;
gap:6px;
font-size:13px;
color:var(--muted);
font-weight:550;
}
input,select,textarea{
background:var(--bg-3);
border:1px solid var(--line-2);
color:var(--text);
border-radius:10px;
padding:12px 13px;
font-size:15px;
}
textarea{min-height:110px;resize:vertical;}
.form-note{
font-size:13px;
color:var(--faint);
max-width:36rem;
line-height:1.5;
}
.contact-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-top:28px;
}
.contact-card{
padding:24px;
border:1px solid var(--line);
border-radius:14px;
background:var(--bg-2);
}
.contact-card a{
display:block;
font-size:clamp(1.15rem,2.4vw,1.55rem);
letter-spacing:-0.03em;
font-weight:650;
margin-top:6px;
color:var(--nav-2);
}
@media (max-width:700px){.contact-grid{grid-template-columns:1fr;}}
footer{
border-top:1px solid var(--line);
padding:36px 0 48px;
color:var(--muted);
font-size:13.5px;
}
.foot{
display:flex;
flex-wrap:wrap;
gap:16px 28px;
align-items:center;
justify-content:space-between;
}
.foot nav{display:flex;flex-wrap:wrap;gap:16px;}
.foot a:hover{color:var(--text);}
.notice{
margin-top:16px;
padding:12px 14px;
border-radius:10px;
border:1px solid rgba(58,160,255,0.25);
background:var(--nav-dim);
color:var(--text);
font-size:14px;
display:none;
}
.notice.show{display:block;}
html.embed, html.embed body { height: 100%; overflow: hidden; }
html.embed .nav,html.embed footer,html.embed .skip{display:none !important;}
.map-tease-live{
position:relative;
min-height:520px;
display:block;
padding:0;
background:var(--bg-3);
overflow:hidden;
}
.map-tease-live::before{display:none;}
.map-tease-live iframe{
width:100%;
height:520px;
border:0;
display:block;
border-radius:18px;
background:#0c1117;
}
.map-tease-open{
position:absolute;
right:16px;
bottom:16px;
z-index:2;
}

/* Coverage map layout (inlined from truenav-coverage) */
.coverage-body { background: var(--bg); }
.coverage-shell {
  position: relative;
  height: calc(100svh - var(--nav-h));
  min-height: 520px;
  background: var(--bg-2);
  isolation: isolate;
}
#coverage-map {
  position: absolute;
  inset: 0;
  z-index: 0;
  height: 100%;
  width: 100%;
  min-height: 100%;
  background: #0c1117;
}
#coverage-map .leaflet-container {
  height: 100%;
  width: 100%;
  background: #0c1117;
  font-family: var(--font);
}
.coverage-fail {
  margin: 0;
  padding: 32px;
  color: var(--muted);
  font-family: var(--mono);
  font-size: 13px;
}
.coverage-panel {
  position: absolute;
  top: 16px;
  left: 16px;
  bottom: 16px;
  z-index: 20;
  width: 320px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: rgba(7, 9, 12, 0.92);
  border: 1px solid var(--line-2);
  border-radius: 14px;
  backdrop-filter: blur(14px) saturate(1.1);
  box-shadow: var(--shadow);
}
.coverage-panel-head { padding: 18px 18px 10px; flex-shrink: 0; }
.coverage-panel h1 {
  font-size: 1.05rem;
  letter-spacing: -0.03em;
  line-height: 1.2;
  margin-top: 2px;
}
.coverage-sub {
  margin: 4px 0 0;
  font-size: 12px;
  color: var(--muted);
}
.coverage-stats {
  display: flex;
  gap: 22px;
  margin-top: 14px;
}
.coverage-stats b {
  display: block;
  font-size: 1.45rem;
  letter-spacing: -0.04em;
  font-variant-numeric: tabular-nums;
}
.coverage-stats span {
  display: block;
  font-size: 12px;
  color: var(--muted);
}
.coverage-panel-body {
  min-height: 0;
  flex: 1;
  overflow-y: auto;
  padding: 0 18px 18px;
}
.coverage-panel section { margin-top: 16px; }
.coverage-panel h2 {
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--faint);
  font-weight: 500;
  margin: 0 0 8px;
}
.coverage-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.coverage-chip {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  background: var(--bg-3);
  color: var(--muted);
  border: 1px solid var(--line-2);
  border-radius: 8px;
  padding: 7px 10px;
  font-size: 12px;
  font-weight: 550;
  cursor: pointer;
  line-height: 1.25;
  font-family: var(--font);
}
.coverage-chip small {
  font-size: 10px;
  font-weight: 400;
  color: var(--faint);
  margin-top: 1px;
}
.coverage-chip.is-on {
  background: var(--text);
  color: #061018;
  border-color: transparent;
}
.coverage-chip.is-on small { color: rgba(6, 16, 24, 0.62); }
.coverage-chip:hover { filter: brightness(1.08); }
.coverage-hint, .coverage-coord { font-size: 13px; color: var(--muted); margin: 0; }
.coverage-band {
  margin: 6px 0 0;
  font-size: 14px;
  font-weight: 650;
  color: var(--text);
}
#coverage-nearest ol {
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
}
#coverage-nearest li {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  font-size: 12.5px;
  padding: 4px 0;
  color: var(--muted);
}
#coverage-nearest .mi {
  font-variant-numeric: tabular-nums;
  color: var(--text);
  font-family: var(--mono);
  font-size: 12px;
}
#coverage-clear { margin-top: 12px; flex-direction: row; }
.coverage-tip {
  background: rgba(7, 9, 12, 0.92) !important;
  color: var(--text) !important;
  border: 1px solid var(--line-2) !important;
  border-radius: 6px !important;
  font-family: var(--mono) !important;
  font-size: 11px !important;
  box-shadow: none !important;
}
.coverage-overlay-btn {
  position: absolute;
  right: 14px;
  bottom: 52px;
  z-index: 20;
  width: 42px;
  height: 42px;
  border-radius: 10px;
  border: 1px solid var(--line-2);
  background: rgba(7, 9, 12, 0.9);
  color: var(--nav-2);
  cursor: pointer;
  font-size: 18px;
}
.coverage-mobile-bar,
.coverage-drawer-close,
.coverage-drawer-scrim { display: none; }

@media (max-width: 820px) {
  .coverage-panel {
    display: none;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    max-height: min(78vh, 640px);
    border-radius: 16px 16px 0 0;
  }
  body.coverage-drawer-open .coverage-panel { display: flex; }
  .coverage-mobile-bar {
    display: flex;
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    z-index: 21;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 12px;
    background: rgba(7, 9, 12, 0.92);
    border: 1px solid var(--line-2);
    border-radius: 12px;
    backdrop-filter: blur(12px);
  }
  .coverage-mobile-title {
    margin: 0;
    font-size: 13px;
    font-weight: 650;
  }
  .coverage-overlay-btn { display: none; }
  .coverage-drawer-close {
    display: none;
    position: absolute;
    top: 18px;
    right: 16px;
    z-index: 22;
  }
  body.coverage-drawer-open .coverage-drawer-close { display: inline-flex; }
  .coverage-drawer-scrim {
    display: none;
    position: absolute;
    inset: 0;
    z-index: 19;
    background: rgba(0, 0, 0, 0.45);
    border: 0;
    cursor: pointer;
  }
  body.coverage-drawer-open .coverage-drawer-scrim { display: block; }
}

@media print {
  .nav, footer, .coverage-panel, .coverage-mobile-bar,
  .coverage-overlay-btn, .coverage-drawer-scrim, .coverage-drawer-close, .skip { display: none !important; }
  .coverage-shell { height: 10in; }
}

html.embed .coverage-shell { height: 100%; min-height: 100%; }
html.embed body.coverage-drawer-open .coverage-panel { display: flex; }