:root{--ink:#0A1628;--land:#16304D;--landEdge:#2E5479;--line:#1D3450;--gold:#C9960C;--gold2:#E6B93A;--foam:#E9EEF5;--muted:#8FA3BC;--wall:#122640;--floor:#0B1A2D;--sky:#1C3B5E;--sea:#0F2A47;--hills:#163049;--crane:#C9960C;--frame:#2E5479;--desk:#2E4C6E;--deskLeg:#1E3A58;--monitor:#1A3150;--screen:#0A2036;--grid:#2F5B86;--ok:#4FD1A5;--skin:#E8C39E;--shirt1:#C9960C;--shirt2:#00B4D8;--chair:#243F60;--kbd:#2E5479;--tag:#C9960C;--tagText:#0A1628;--route:#E6B93A;--card:#E9EEF5;--cardLine:#8FA3BC;--board:#E9EEF5;--pot:#5A3B2E;--plant:#3C9D7B;--hull:#E6B93A;--stripe:#0A1628;--super:#E9EEF5;--glass:#0A1628;--funnel:#C9960C;--c1:#00B4D8;--c2:#E9EEF5;--c3:#C9960C}*{box-sizing:border-box}html{height:100%}body{margin:0;min-height:100vh;min-height:100dvh;background:var(--ink);color:var(--foam);font-family:Sora,system-ui,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased;overflow:hidden}.chart{position:fixed;inset:0;width:100%;height:100%;display:block}.chart .land{fill:var(--land);stroke:var(--landEdge);stroke-width:1.2}.chart .land.far{fill:#13293f;stroke:#213e5c;opacity:.9}.chart .grat{stroke:var(--line);stroke-width:1;opacity:.6}.chart .route{fill:none;stroke:var(--gold);stroke-width:2;stroke-linecap:round;stroke-dasharray:1 9;opacity:.55}.chart .port .dot{fill:var(--gold2)}.chart .port .ring{fill:none;stroke:var(--gold2);stroke-width:1.5}.chart .port text{font-size:14px;fill:var(--foam);font-weight:400}.chart .port text.sub{font-size:11px;fill:var(--muted)}.chart .port.minor text{fill:var(--muted);font-size:12px}.chart .port.minor .dot{fill:var(--muted)}.chart .vessel{filter:drop-shadow(0 0 6px rgba(230,185,58,.75))}.chart .wake{stroke:var(--gold2);stroke-width:2;stroke-dasharray:2 5;opacity:.45}.chart .route.back{opacity:.3}.chart .vessel.back{filter:drop-shadow(0 0 5px rgba(207,224,245,.7))}.chart .wake.back{stroke:#cfe0f5}.chart .map{transform:translate(0)}.shell{position:relative;z-index:1;height:100vh;height:100dvh;display:flex;flex-direction:column}.top{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:block;line-height:0}.brand img{height:100px;width:auto;display:block}.site{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);text-decoration:none;padding:8px 12px;border:1px solid rgba(233,238,245,.15);border-radius:8px;white-space:nowrap}.site svg{width:16px;height:16px;flex:none}.site:hover,.site:focus-visible{color:var(--foam);border-color:#e9eef566;outline:none}.panel{background:#0a1628bd;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(233,238,245,.09);border-radius:14px;padding:44px 40px 32px}.panel h1{margin:0;font-size:44px;font-weight:600;letter-spacing:-.02em;line-height:1}.panel .lead{margin:12px 0 30px;font-size:15px;color:var(--muted);overflow-wrap:anywhere}.portal{display:grid;grid-template-columns:40px 1fr 20px;gap:16px;align-items:center;padding:22px 0;text-decoration:none;color:inherit;border-top:1px solid rgba(233,238,245,.1);position:relative}.portal:last-of-type{border-bottom:1px solid rgba(233,238,245,.1)}.portal:before{content:"";position:absolute;left:-40px;top:14px;bottom:14px;width:3px;background:var(--gold2);border-radius:2px;transform:scaleY(0);transition:transform .25s ease}.portal:hover:before,.portal:focus-visible:before{transform:scaleY(1)}.portal:focus-visible{outline:2px solid var(--gold2);outline-offset:6px;border-radius:6px}.portal .glyph{width:40px;height:40px;border-radius:10px;background:#e9eef50f;display:grid;place-items:center;color:var(--gold2)}.portal .glyph svg{width:22px;height:22px}.portal .name{display:block;font-size:21px;font-weight:600;letter-spacing:-.01em;transition:color .2s}.portal:hover .name{color:var(--gold2)}.portal .desc{display:block;margin-top:4px;font-size:13.5px;color:var(--muted);line-height:1.45}.portal .chev{color:var(--muted);transition:transform .25s,color .2s}.portal .chev svg{width:20px;height:20px;display:block}.portal:hover .chev{transform:translate(4px);color:var(--gold2)}.panel .note{margin:26px 0 0;font-size:12.5px;color:var(--muted);line-height:1.5}.office{border:1px solid rgba(233,238,245,.09);border-radius:12px;overflow:hidden;background:#0a16288c}.office .scene svg{display:block;width:100%;height:auto}.office .cap{margin:0;padding:10px 14px;font-size:12px;color:var(--muted);border-top:1px solid rgba(233,238,245,.08);line-height:1.5}.foot{font-size:12px;color:var(--muted);line-height:1.5}@media(min-width:981px)and (max-width:1300px){.chart .map{transform:translate(110px)}}@media(min-width:981px)and (max-width:1120px){.chart .map{transform:translate(200px)}}@media(min-width:981px){.top{position:absolute;left:5vw;right:5vw;top:28px}.panel{position:absolute;left:5vw;top:50%;transform:translateY(-50%);width:min(440px,42vw)}.office{position:absolute;right:4vw;bottom:5vh;width:min(400px,34vw)}.foot{position:absolute;left:5vw;bottom:5vh;margin:0;max-width:420px}}@media(max-width:980px){body{overflow:auto}.top{padding:14px 16px 0}.brand img{height:64px}.panel{margin:14px 16px 0;padding:22px 20px 18px}.panel h1{font-size:34px}.panel .lead{margin:8px 0 14px;font-size:14px}.portal{padding:14px 0;gap:12px;grid-template-columns:36px 1fr 18px}.portal:before{left:-20px}.portal .glyph{width:36px;height:36px}.portal .glyph svg{width:20px;height:20px}.portal .name{font-size:18px}.portal .desc{font-size:12.5px;margin-top:2px}.panel .note{margin-top:14px;font-size:11.5px}.office{margin:auto 16px 14px}.office .cap,.foot{display:none}}@media(max-width:980px)and (max-height:620px){.office{display:none}}@media(prefers-reduced-motion:reduce){.portal,.portal *,.site{transition:none}}