@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=Outfit:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden}:root{--font-display: "Cinzel", serif;--font-body: "Outfit", sans-serif;--font-mono: "JetBrains Mono", monospace;--city-bg-1: #f8f4ec;--city-bg-2: #eee8d8;--city-mesh-a: rgba(180, 148, 40, .18);--city-mesh-b: rgba(15, 40, 100, .08);--city-mesh-c: rgba(200, 170, 60, .12);--city-accent: #9a7c1f;--city-accent2: #1e3a6e;--city-glow: rgba(154, 124, 31, .35);--city-glow2: rgba(30, 58, 110, .25);--city-text: #1a1609;--city-muted: rgba(26, 22, 9, .52);--city-border: rgba(154, 124, 31, .28);--city-card: rgba(255, 252, 242, .72);--city-card-sm: rgba(255, 253, 248, .6);--city-header: rgba(248, 244, 236, .88);--city-sidebar: rgba(243, 238, 226, .92);--city-tag: #9a7c1f;--city-divider: rgba(154, 124, 31, .15);--city-input-bg: rgba(255, 252, 242, .55);--city-shadow: rgba(90, 70, 10, .1)}[data-city=nyc]{--city-bg-1: #f4f1ee;--city-bg-2: #ebe5dc;--city-mesh-a: rgba(180, 100, 20, .14);--city-mesh-b: rgba(40, 60, 80, .07);--city-mesh-c: rgba(160, 120, 60, .1);--city-accent: #b5591a;--city-accent2: #2c4a6e;--city-glow: rgba(181, 89, 26, .3);--city-glow2: rgba(44, 74, 110, .22);--city-text: #180e08;--city-muted: rgba(24, 14, 8, .52);--city-border: rgba(181, 89, 26, .25);--city-card: rgba(254, 251, 247, .72);--city-card-sm: rgba(255, 253, 250, .6);--city-header: rgba(244, 241, 238, .88);--city-sidebar: rgba(237, 232, 225, .92);--city-tag: #b5591a;--city-divider: rgba(181, 89, 26, .14);--city-input-bg: rgba(254, 251, 247, .55);--city-shadow: rgba(100, 60, 20, .1)}[data-city=sf]{--city-bg-1: #f0f4f5;--city-bg-2: #e2ecee;--city-mesh-a: rgba(10, 110, 120, .13);--city-mesh-b: rgba(200, 160, 60, .1);--city-mesh-c: rgba(20, 100, 110, .09);--city-accent: #0e6e78;--city-accent2: #c47d15;--city-glow: rgba(14, 110, 120, .3);--city-glow2: rgba(196, 125, 21, .25);--city-text: #051214;--city-muted: rgba(5, 18, 20, .52);--city-border: rgba(14, 110, 120, .24);--city-card: rgba(248, 252, 253, .72);--city-card-sm: rgba(250, 254, 255, .6);--city-header: rgba(240, 244, 245, .88);--city-sidebar: rgba(232, 242, 244, .92);--city-tag: #0e6e78;--city-divider: rgba(14, 110, 120, .14);--city-input-bg: rgba(248, 252, 253, .55);--city-shadow: rgba(5, 60, 70, .08)}#root{width:100vw;height:100vh;font-family:var(--font-body);color:var(--city-text);overflow:hidden;position:relative}.mesh-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 55% at 15% 25%,var(--city-mesh-a),transparent 55%),radial-gradient(ellipse 55% 45% at 85% 75%,var(--city-mesh-b),transparent 50%),radial-gradient(ellipse 60% 65% at 55% 50%,var(--city-mesh-c),transparent 60%),linear-gradient(155deg,var(--city-bg-1) 0%,var(--city-bg-2) 100%);animation:mesh-drift 18s ease-in-out infinite alternate;transition:background .65s cubic-bezier(.4,0,.2,1);z-index:0}@keyframes mesh-drift{0%{background-position:0% 0%,100% 100%,50% 50%}33%{background-position:20% 10%,80% 90%,30% 60%}66%{background-position:10% 30%,90% 70%,70% 40%}to{background-position:5% 5%,95% 95%,45% 55%}}.mesh-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;opacity:.6}.glass{background:var(--city-card);backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3);border:1px solid var(--city-border);border-radius:16px;box-shadow:0 2px 20px var(--city-shadow),0 1px 3px #0000000f;transition:border-color .3s ease,box-shadow .3s ease}.glass:hover{border-color:var(--city-accent);box-shadow:0 4px 32px var(--city-glow),0 1px 4px #00000014}.glass-sm{background:var(--city-card-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--city-divider);border-radius:10px;box-shadow:0 1px 8px var(--city-shadow)}.glass-header{background:var(--city-header);-webkit-backdrop-filter:blur(32px) saturate(1.5);backdrop-filter:blur(32px) saturate(1.5);border-bottom:1px solid var(--city-border);box-shadow:0 1px 12px var(--city-shadow)}.glow-accent{box-shadow:0 0 30px -10px var(--city-glow)}.glow-accent2{box-shadow:0 0 24px -8px var(--city-glow2)}.text-accent{color:var(--city-accent)}.text-accent2{color:var(--city-accent2)}.border-accent{border-color:var(--city-border)}.display-xl{font-family:var(--font-display);font-weight:700;letter-spacing:.02em;line-height:1.05;color:var(--city-text)}.display-lg{font-family:var(--font-display);font-weight:600;letter-spacing:.03em;color:var(--city-text)}.mono{font-family:var(--font-mono)}.label-sm{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:var(--city-muted)}.scroll-area{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--city-border) transparent}.scroll-area::-webkit-scrollbar{width:4px}.scroll-area::-webkit-scrollbar-track{background:transparent}.scroll-area::-webkit-scrollbar-thumb{background:var(--city-border);border-radius:4px}.city-btn{position:relative;padding:6px 16px;border-radius:8px;font-family:var(--font-mono);font-size:.65rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;border:1px solid transparent;cursor:pointer;transition:all .25s ease;color:var(--city-muted);background:transparent}.city-btn.active{color:var(--city-accent);background:var(--city-input-bg);border-color:var(--city-border);box-shadow:0 2px 12px var(--city-glow)}.city-btn:hover:not(.active){color:var(--city-text);background:var(--city-input-bg)}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:10px;cursor:pointer;font-family:var(--font-mono);font-size:.65rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;border:1px solid transparent;transition:all .2s ease;color:var(--city-muted);background:transparent}.nav-item:hover{color:var(--city-text);background:var(--city-card-sm);border-color:var(--city-divider)}.nav-item.active{color:var(--city-accent);background:var(--city-card);border-color:var(--city-border);box-shadow:0 2px 12px var(--city-glow)}.nav-dot{width:6px;height:6px;border-radius:50%;background:var(--city-accent);box-shadow:0 0 6px var(--city-glow);flex-shrink:0}.ticker-wrap{overflow:hidden;white-space:nowrap}.ticker-inner{display:inline-flex;animation:ticker-scroll 45s linear infinite;gap:0}.ticker-inner:hover{animation-play-state:paused}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.tilt-card{background:var(--city-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--city-border);border-radius:16px;box-shadow:0 2px 16px var(--city-shadow);transform-style:preserve-3d;will-change:transform;transition:box-shadow .3s ease,border-color .3s ease;cursor:pointer}.tilt-card:hover{box-shadow:0 12px 40px var(--city-glow),0 2px 8px var(--city-shadow);border-color:var(--city-accent)}.boot-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#f8f4ec;display:flex;align-items:center;justify-content:center;z-index:9999;flex-direction:column;gap:28px}.boot-progress-bar{height:2px;background:linear-gradient(90deg,var(--city-accent),var(--city-accent2));box-shadow:0 0 8px var(--city-glow);transition:width .15s ease;border-radius:2px}.timeline-line{position:absolute;left:0;top:0;width:2px;height:100%;background:linear-gradient(to bottom,transparent,var(--city-accent),var(--city-accent2),transparent);opacity:.45}.timeline-dot{width:10px;height:10px;border-radius:50%;background:var(--city-accent);box-shadow:0 0 10px var(--city-glow);border:2px solid var(--city-bg-1);position:absolute;left:-4px;flex-shrink:0}.risk-bar-bg{height:4px;border-radius:3px;background:var(--city-divider);overflow:hidden}.risk-bar-fill{height:100%;border-radius:3px;transition:width .6s cubic-bezier(.4,0,.2,1)}.latency-bar{flex:1;border-radius:3px 3px 0 0;transition:height .35s ease}@keyframes led-pulse{0%,to{opacity:1;box-shadow:0 0 5px currentColor}50%{opacity:.4;box-shadow:none}}.led{display:inline-block;width:7px;height:7px;border-radius:50%;animation:led-pulse 2.2s ease-in-out infinite}.led-green{background:#16a34a;color:#16a34a}.led-blue{background:#2563eb;color:#2563eb}.led-violet{background:#7c3aed;color:#7c3aed}.led-gold{background:#9a7c1f;color:#9a7c1f}.led-emerald{background:#b5591a;color:#b5591a}.led-teal{background:#0e6e78;color:#0e6e78}.led-red{background:#dc2626;color:#dc2626}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-slow{animation:spin-slow 12s linear infinite;display:inline-block}.tag-finance{background:#9a7c1f1a;color:#9a7c1f;border:1px solid rgba(154,124,31,.22)}.tag-software{background:#0e6e781a;color:#0e6e78;border:1px solid rgba(14,110,120,.22)}.tag-pill{font-family:var(--font-mono);font-size:.6rem;font-weight:700;letter-spacing:.1em;padding:3px 10px;border-radius:100px}.section-label{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.28em;text-transform:uppercase;color:var(--city-accent);margin-bottom:8px}.section-title{font-family:var(--font-display);font-weight:700;font-size:clamp(1.8rem,3vw,2.6rem);color:var(--city-text);line-height:1.08}.tech-chip{font-family:var(--font-mono);font-size:.62rem;padding:3px 9px;border-radius:6px;background:var(--city-card-sm);border:1px solid var(--city-divider);color:var(--city-muted);white-space:nowrap;transition:all .2s ease}.tech-chip:hover{background:var(--city-card);color:var(--city-text);border-color:var(--city-border);box-shadow:0 2px 8px var(--city-shadow)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#140f054d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}.modal-box{background:var(--city-card);border:1px solid var(--city-border);border-radius:20px;max-width:640px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px var(--city-glow),0 4px 16px var(--city-shadow)}.btn-primary{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;border-radius:10px;font-family:var(--font-mono);font-size:.65rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border:1px solid var(--city-border);background:var(--city-card-sm);color:var(--city-accent);transition:all .2s ease;text-decoration:none}.btn-primary:hover{background:var(--city-card);border-color:var(--city-accent);box-shadow:0 4px 16px var(--city-glow);color:var(--city-accent)}.btn-danger{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;border-radius:10px;font-family:var(--font-mono);font-size:.65rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border:1px solid rgba(180,30,30,.25);background:#b41e1e0f;color:#b91c1c;transition:all .2s ease;text-decoration:none}.btn-danger:hover{background:#b41e1e1f;box-shadow:0 4px 14px #b41e1e33}.page-wrapper{width:100%;height:100%;position:absolute;top:0;left:0}.flip-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;perspective:1400px}.flip-page{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;backface-visibility:hidden}.flip-page-front{background:linear-gradient(110deg,var(--city-bg-1) 0%,var(--city-bg-2) 100%);position:absolute;top:0;right:0;bottom:0;left:0}.flip-page-front:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.18) 40%,rgba(255,255,255,.32) 50%,rgba(255,255,255,.18) 60%,transparent 100%);animation:flip-sheen .65s ease-in-out forwards}@keyframes flip-sheen{0%{opacity:0;transform:translate(-100%)}40%{opacity:1}to{opacity:0;transform:translate(100%)}}.flip-spine{position:absolute;top:0;bottom:0;width:32px;background:linear-gradient(to right,rgba(0,0,0,.08),transparent);pointer-events:none}button[aria-label="Open navigation"]:hover,button[aria-label="Open navigation"]:focus{background:var(--city-card-sm)!important;border-color:var(--city-border)!important;outline:none}.nav-drawer-item{width:100%;text-align:left}