@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap');

:root { font-family: 'Plus Jakarta Sans', sans-serif; color: #d9dde5; background: #05070b; font-synthesis: none; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; background: #05070b; }
button, a, input, select { transition: all .2s cubic-bezier(.23,1,.32,1); }
a { color: inherit; text-decoration: none; }
button { cursor: pointer; }

.hero-shell { position: relative; min-height: 920px; display: flex; align-items: center; justify-content: center; overflow: hidden; padding: 140px 0 80px; background: radial-gradient(circle at 50% 42%, rgba(197,160,89,.09), transparent 31%), linear-gradient(180deg,#05070b 0%,#06080c 68%,#05070b 100%); }
.hero-shell::after { content:''; position:absolute; inset:0; opacity:.45; background-image: linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size:42px 42px; mask-image: linear-gradient(to bottom,transparent 0%,black 20%,black 74%,transparent 100%); }
.hero-glow { position:absolute; width:650px; height:650px; border-radius:50%; background:rgba(197,160,89,.08); filter:blur(135px); top:25%; left:50%; transform:translate(-50%,-50%); }
.hero-stars { position:absolute; inset:0; opacity:.5; background-image:radial-gradient(circle at 10% 20%,#c5a059 0 1px,transparent 1.5px),radial-gradient(circle at 86% 32%,#c5a059 0 1px,transparent 1.5px),radial-gradient(circle at 72% 76%,#8ca5c9 0 1px,transparent 1.5px),radial-gradient(circle at 28% 83%,#c5a059 0 1px,transparent 1.5px); background-size:260px 260px,340px 340px,410px 410px,520px 520px; }
.section-shell { position:relative; margin:0 auto; max-width:1400px; padding:120px 40px; }
.section-kicker { color:#c5a059; font-size:10px; font-weight:600; letter-spacing:.24em; text-transform:uppercase; }
.section-heading { display:flex; align-items:end; justify-content:space-between; gap:40px; margin-top:14px; }
.section-heading h2 { margin:0; color:#fff; font-family:'Cormorant Garamond',serif; font-size:clamp(42px,5vw,72px); line-height:1; font-weight:500; }
.section-heading p { max-width:480px; margin:0; color:#7d8796; font-size:14px; line-height:1.8; }
.gold-text { color:#e6c687; font-weight:400; }
.eyebrow { display:inline-flex; align-items:center; gap:8px; border:1px solid rgba(197,160,89,.28); border-radius:999px; background:rgba(16,21,30,.7); padding:8px 14px; color:#e6c687; font-size:9px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; }
.gold-button, .outline-button { display:inline-flex; align-items:center; gap:9px; border-radius:3px; font-size:10px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }
.gold-button { border:1px solid #e6c687; background:linear-gradient(135deg,#fae8b3,#c5a059 55%,#806020); color:#080a0e; padding:12px 18px; box-shadow:0 10px 30px rgba(197,160,89,.12); }
.gold-button:hover { filter:brightness(1.12); transform:translateY(-1px); }
.outline-button { border:1px solid rgba(197,160,89,.35); background:rgba(16,21,30,.58); color:#d9dde5; padding:12px 18px; }
.outline-button:hover { border-color:#c5a059; background:#111722; }
.glass-card { border:1px solid rgba(197,160,89,.16); border-radius:6px; background:linear-gradient(145deg,rgba(16,21,30,.82),rgba(8,11,16,.72)); box-shadow:0 20px 50px rgba(0,0,0,.22); }
.glass-card:hover, .deal-card:hover { border-color:rgba(197,160,89,.4); transform:translateY(-2px); }
.tab-button, .filter-pill { display:inline-flex; align-items:center; gap:8px; border:1px solid transparent; background:transparent; color:#7d8796; padding:10px 14px; font-size:10px; font-weight:600; letter-spacing:.13em; text-transform:uppercase; }
.tab-button.active, .filter-pill.active { border-color:rgba(197,160,89,.38); color:#e6c687; background:rgba(197,160,89,.08); }
.map-panel { position:relative; overflow:hidden; min-height:360px; border:1px solid rgba(197,160,89,.16); border-radius:6px; padding:32px; background:radial-gradient(circle at 50% 45%,rgba(24,50,73,.38),transparent 45%),#080d14; }
.map-grid { position:absolute; inset:0; opacity:.3; background-image:linear-gradient(rgba(140,165,201,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(140,165,201,.18) 1px,transparent 1px); background-size:34px 34px; transform:perspective(700px) rotateX(57deg) scale(1.45); transform-origin:center; }
.map-region { position:relative; z-index:1; display:flex; width:100%; gap:12px; border-bottom:1px solid rgba(255,255,255,.08); padding:17px 0; text-align:left; }
.map-region:last-child { border-bottom:0; }
.map-region:hover strong { color:#e6c687; }
.map-region strong, .map-region small { display:block; }
.map-region strong { color:#f1f3f6; font-family:'Cormorant Garamond',serif; font-size:20px; font-weight:500; }
.map-region small { margin-top:3px; color:#7d8796; font-size:10px; line-height:1.5; }
.map-dot { display:flex; width:28px; height:28px; flex:none; align-items:center; justify-content:center; border:1px solid rgba(197,160,89,.6); border-radius:50%; color:#e6c687; font-size:9px; }
.range-field { width:100%; height:3px; margin:15px 0 5px; appearance:none; background:linear-gradient(90deg,#c5a059 0%,#c5a059 45%,#1d2735 45%,#1d2735 100%); outline:0; }
.range-field::-webkit-slider-thumb { width:13px; height:13px; appearance:none; border:2px solid #05070b; border-radius:50%; background:#e6c687; box-shadow:0 0 0 1px #c5a059; }
.select-field, .input-field { width:100%; border:1px solid rgba(197,160,89,.22); border-radius:3px; background:#080c12; color:#d9dde5; padding:13px 14px; outline:0; font-size:12px; }
.select-field:focus, .input-field:focus { border-color:#c5a059; box-shadow:0 0 0 2px rgba(197,160,89,.08); }
.field-label { display:block; margin-bottom:10px; color:#aeb7c4; font-size:11px; line-height:1.5; }
.result-panel { border-left:1px solid rgba(197,160,89,.18); padding-left:28px; }
.result-row { display:flex; justify-content:space-between; gap:15px; border-bottom:1px solid rgba(255,255,255,.08); padding:14px 0; font-size:11px; color:#7d8796; }
.result-row strong { font-size:15px; }
.sensitivity { border:1px solid rgba(255,255,255,.08); padding:10px 4px; }
.sensitivity.active { border-color:rgba(197,160,89,.5); background:rgba(197,160,89,.1); }
.sensitivity span, .sensitivity strong { display:block; }
.sensitivity span { color:#7d8796; font-size:9px; }
.sensitivity strong { margin-top:5px; color:#e6c687; font-size:12px; }
.jurisdiction { display:flex; align-items:center; justify-content:space-between; gap:10px; border:1px solid rgba(255,255,255,.08); padding:13px 15px; color:#9ca7b5; font-size:12px; text-align:left; }
.jurisdiction.active, .jurisdiction:hover { border-color:rgba(197,160,89,.55); background:rgba(197,160,89,.08); color:#e6c687; }
.jurisdiction span:last-child { color:#6f7a89; font-size:10px; }
.deal-card { border:1px solid rgba(197,160,89,.14); border-radius:5px; background:#0a0e15; padding:24px; transition:all .2s cubic-bezier(.23,1,.32,1); }
.process-step { border-top:1px solid rgba(197,160,89,.4); padding:20px 5px; }
.process-step > span { color:#c5a059; font-size:11px; letter-spacing:.16em; }
.process-step h3 { margin:22px 0 8px; color:#fff; font-family:'Cormorant Garamond',serif; font-size:28px; font-weight:500; }
.process-step p { margin:0; color:#7d8796; font-size:12px; line-height:1.7; }
.jet-panel { position:relative; overflow:hidden; min-height:430px; display:flex; align-items:center; border:1px solid rgba(197,160,89,.25); padding:55px; background:linear-gradient(90deg,rgba(5,7,11,.94),rgba(5,7,11,.5)),radial-gradient(circle at 75% 40%,rgba(36,67,95,.3),transparent 35%),#080c12; }
.jet-panel::after { content:''; position:absolute; right:-5%; top:10%; width:55%; height:85%; border:1px solid rgba(197,160,89,.25); transform:rotate(-15deg); box-shadow:0 0 100px rgba(197,160,89,.08); }
.footer-title { margin-bottom:17px; color:#c5a059; font-size:10px; letter-spacing:.2em; text-transform:uppercase; }
footer a { display:block; margin:10px 0; color:#6f7a89; font-size:12px; }
footer a:hover { color:#e6c687; }
.modal-backdrop { position:fixed; inset:0; z-index:100; display:flex; align-items:center; justify-content:center; background:rgba(3,5,8,.88); padding:20px; backdrop-filter:blur(12px); }
.modal-card { position:relative; width:min(100%,520px); max-height:90vh; overflow-y:auto; border:1px solid rgba(197,160,89,.35); border-radius:6px; background:#0b0f16; padding:32px; box-shadow:0 30px 80px rgba(0,0,0,.55); }

@media (max-width: 900px) { .section-shell { padding:88px 22px; } .section-heading { display:block; } .section-heading p { margin-top:20px; } .result-panel { border-left:0; border-top:1px solid rgba(197,160,89,.18); padding:26px 0 0; } .jet-panel { padding:32px; } }
@media (max-width: 560px) { .hero-shell { min-height:820px; padding-top:130px; } .section-heading h2 { font-size:48px; } .glass-card { padding:22px !important; } .map-panel { padding:24px; } .jet-panel { min-height:410px; padding:26px; } .jet-panel::after { width:80%; right:-30%; } }