:root{
  --ink:#e9edf2;
  --muted:#9aa7b7;
  --navy:#08111d;
  --navy2:#0d1928;
  --line:rgba(231,237,244,.15);
  --gold:#d6ae62;
  --gold2:#9e7938;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--navy);color:var(--ink)}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden;background:
 radial-gradient(circle at 72% 20%,rgba(214,174,98,.08),transparent 30%),
 linear-gradient(125deg,#08111d 0%,#0a1421 50%,#07101b 100%)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 88%)}
.grain{position:fixed;inset:0;pointer-events:none;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}
.shell{position:relative;min-height:100vh;max-width:1440px;margin:0 auto;padding:26px 42px 22px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.75fr);grid-template-rows:auto 1fr auto;gap:28px 56px}
.topbar{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px}
.brand{display:inline-flex;align-items:center;gap:14px;color:var(--ink);text-decoration:none}.brand-mark{width:38px;height:38px;color:var(--gold)}.brand-mark svg{width:100%;height:100%}.brand-type{font-family:Georgia,"Times New Roman",serif;font-weight:700;font-size:27px;letter-spacing:.01em}.gold{color:var(--gold)}
.status{font-size:11px;letter-spacing:.18em;color:var(--muted);font-weight:700;display:flex;align-items:center;gap:9px}.pulse{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 0 rgba(214,174,98,.55);animation:pulse 2.3s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(214,174,98,.55)}70%{box-shadow:0 0 0 10px rgba(214,174,98,0)}100%{box-shadow:0 0 0 0 rgba(214,174,98,0)}}
.hero{align-self:center;padding:36px 0 28px}.eyebrow{font-size:12px;letter-spacing:.26em;color:var(--gold);font-weight:800;margin-bottom:22px}.hero h1{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(56px,6.4vw,104px);line-height:.91;letter-spacing:-.045em;max-width:780px}.lede{max-width:670px;font-size:18px;line-height:1.68;color:#b9c3cf;margin:30px 0 25px}
.route{display:flex;align-items:center;gap:14px;margin:26px 0 40px;color:var(--muted);font-size:11px;letter-spacing:.19em;font-weight:800}.city.la{color:var(--gold)}.route-line{width:min(210px,28vw);height:1px;background:linear-gradient(90deg,var(--gold),rgba(214,174,98,.2));position:relative}.route-line i{position:absolute;width:4px;height:4px;background:var(--gold);border-radius:50%;top:-1.5px}.route-line i:nth-child(1){left:22%}.route-line i:nth-child(2){left:52%}.route-line i:nth-child(3){left:82%}
.coming{display:inline-flex;align-items:stretch;border:1px solid rgba(214,174,98,.38);background:rgba(10,20,33,.62);backdrop-filter:blur(8px)}.coming-label{padding:13px 16px;border-right:1px solid rgba(214,174,98,.38);font-size:9px;letter-spacing:.22em;color:var(--gold);font-weight:800;display:flex;align-items:center}.domain{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:16px;font-weight:700;padding:11px 16px;letter-spacing:.02em}.domain span{color:var(--gold)}
.chips{display:flex;gap:9px;margin-top:20px;flex-wrap:wrap}.chips span{border:1px solid var(--line);padding:8px 11px;font-size:9px;letter-spacing:.2em;color:#a8b3c0;font-weight:800}
.map-card{position:relative;align-self:stretch;min-height:620px;border:1px solid rgba(214,174,98,.24);background:linear-gradient(180deg,rgba(17,31,47,.79),rgba(9,17,28,.92));overflow:hidden;box-shadow:0 30px 100px rgba(0,0,0,.26)}.map-card:after{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.045);pointer-events:none}.coord{position:absolute;z-index:2;top:20px;font:700 9px/1 ui-monospace,SFMono-Regular,monospace;letter-spacing:.12em;color:#768495}.top-left{left:22px}.top-right{right:22px}.map-svg{position:absolute;inset:44px 12px 24px;width:calc(100% - 24px);height:calc(100% - 68px)}.grid-lines path{stroke:#cfd7df;stroke-width:.7}.contours path{stroke:#8e9eaa;stroke-width:1;opacity:.28}.coast{stroke:url(#fade);stroke-width:2.1}.route-path{stroke:var(--gold);stroke-width:2.2;stroke-dasharray:2 8;stroke-linecap:round;opacity:.9}.node{fill:var(--gold)}.node.small{opacity:.75}.map-label{fill:#dce3ea;font-size:12px;font-weight:800;letter-spacing:.12em}.map-label.sub{fill:#8e9aa8;font-size:10px}.mountains path{stroke:#b5c0ca;stroke-width:1.2}.compass circle{stroke:#83909e;stroke-width:1}.compass path{fill:var(--gold)}.compass text{fill:var(--gold);font-size:12px;font-weight:800}.map-note{position:absolute;bottom:18px;left:22px;font-size:8px;letter-spacing:.18em;color:#687686;font-weight:700}
footer{grid-column:1/-1;border-top:1px solid var(--line);padding-top:16px;display:flex;align-items:center;gap:16px;font-size:9px;letter-spacing:.18em;color:#718091;font-weight:700}.footer-rule{height:1px;width:40px;background:var(--gold);opacity:.55}
.topo{position:fixed;pointer-events:none;border-radius:50%;filter:blur(.1px);opacity:.12}.topo-a{width:700px;height:700px;left:-400px;top:22%;border:1px solid var(--gold);box-shadow:0 0 0 28px transparent,0 0 0 29px var(--gold),0 0 0 58px transparent,0 0 0 59px var(--gold),0 0 0 90px transparent,0 0 0 91px var(--gold)}.topo-b{width:420px;height:420px;right:-260px;bottom:-190px;border:1px solid #7f8b98;box-shadow:0 0 0 22px transparent,0 0 0 23px #7f8b98,0 0 0 46px transparent,0 0 0 47px #7f8b98}
@media(max-width:900px){.shell{padding:22px;grid-template-columns:1fr;grid-template-rows:auto auto auto auto;gap:24px}.topbar,.hero,.map-card,footer{grid-column:1}.status{display:none}.hero{padding:32px 0 8px}.hero h1{font-size:clamp(52px,15vw,82px)}.lede{font-size:16px}.map-card{min-height:520px}footer{flex-wrap:wrap}.route-line{width:38vw}}
@media(max-width:520px){.shell{padding:18px}.brand-type{font-size:23px}.brand-mark{width:33px;height:33px}.eyebrow{font-size:10px}.coming{display:flex;width:100%}.coming-label{flex:0 0 auto}.domain{flex:1;font-size:14px}.map-card{min-height:450px}.route{gap:10px}.city.lv{font-size:9px}}