:root {
  --bg: #050505;
  --bg-soft: #0c0c0c;
  --panel: rgba(19, 19, 19, 0.94);
  --panel-2: rgba(27, 27, 27, 0.9);
  --gold: #d8b24a;
  --gold-bright: #f1cf69;
  --gold-dark: #7d5d18;
  --text: #f4f4f4;
  --muted: #b7b7b7;
  --line: rgba(216, 178, 74, 0.25);
  --danger: #da7070;
  --success: #68c58f;
  --shadow: 0 18px 60px rgba(0,0,0,.45);
  --radius: 16px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--text);
  background:
    radial-gradient(circle at 15% 8%, rgba(216,178,74,.08), transparent 22rem),
    radial-gradient(circle at 85% 10%, rgba(255,255,255,.035), transparent 18rem),
    linear-gradient(180deg, #020202 0%, #090909 52%, #030303 100%);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.65;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .42;
  background-image:
    radial-gradient(circle at 12% 20%, #fff 0 1px, transparent 1.4px),
    radial-gradient(circle at 72% 18%, #fff 0 1px, transparent 1.3px),
    radial-gradient(circle at 32% 70%, #d8b24a 0 1px, transparent 1.4px),
    radial-gradient(circle at 88% 76%, #fff 0 1px, transparent 1.3px),
    radial-gradient(circle at 56% 44%, #fff 0 1px, transparent 1.3px);
  background-size: 190px 190px, 230px 230px, 280px 280px, 320px 320px, 370px 370px;
  z-index: -1;
}
img { max-width: 100%; display: block; }
a { color: var(--gold-bright); text-decoration: none; }
a:hover { color: #fff1bc; }
button, input { font: inherit; }

.skip-link { position: absolute; left: -9999px; top: 0; }
.skip-link:focus { left: 1rem; top: 1rem; z-index: 9999; background: #fff; color:#000; padding:.8rem 1rem; border-radius:8px; }

.container { width: min(1160px, calc(100% - 2rem)); margin-inline: auto; }
.section { padding: 5.5rem 0; }
.section.compact { padding: 3.5rem 0; }
.eyebrow { color: var(--gold-bright); font-size: .76rem; letter-spacing: .18em; text-transform: uppercase; font-weight: 800; }
.section-title { margin: .45rem 0 1rem; font-size: clamp(2rem, 4vw, 3.3rem); line-height: 1.08; }
.section-lead { color: var(--muted); max-width: 760px; font-size: 1.05rem; }
.gold-rule { width: 74px; height: 3px; background: linear-gradient(90deg, var(--gold), transparent); margin: 1rem 0 1.6rem; }

.site-header { position: sticky; top:0; z-index:1000; backdrop-filter: blur(14px); background: rgba(4,4,4,.88); border-bottom:1px solid var(--line); }
.nav-wrap { min-height: 78px; display:flex; align-items:center; justify-content:space-between; gap:1.2rem; }
.brand { display:flex; align-items:center; gap:.85rem; min-width: 245px; }
.brand img { width:52px; height:52px; filter: drop-shadow(0 0 14px rgba(216,178,74,.32)); }
.brand-text strong { display:block; color:#fff; letter-spacing:.06em; font-size:1.08rem; }
.brand-text span { display:block; color:var(--gold); font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; }
.nav-links { display:flex; align-items:center; gap:.25rem; }
.nav-links a { color:#dedede; padding:.75rem .8rem; border-radius:9px; font-size:.92rem; font-weight:650; }
.nav-links a:hover, .nav-links a.active { color:#111; background:linear-gradient(135deg, var(--gold-bright), var(--gold)); }
.nav-toggle { display:none; background:transparent; border:1px solid var(--line); color:white; border-radius:10px; padding:.65rem .8rem; }

.hero { position:relative; min-height: 78vh; display:grid; place-items:center; overflow:hidden; border-bottom:1px solid var(--line); }
.hero::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(0,0,0,.91) 0%, rgba(0,0,0,.68) 48%, rgba(0,0,0,.28) 100%), url('images/cosmos-hero.svg') center/cover no-repeat; }
.hero::after { content:""; position:absolute; inset:auto 0 0; height:180px; background:linear-gradient(transparent, var(--bg)); }
.hero-content { position:relative; z-index:2; width:min(1160px, calc(100% - 2rem)); padding:6rem 0 7rem; }
.hero-logo { width:96px; height:96px; margin-bottom:1.5rem; filter:drop-shadow(0 0 30px rgba(216,178,74,.5)); }
.hero h1 { margin:0; max-width:760px; font-size:clamp(3rem, 8vw, 6.7rem); line-height:.92; letter-spacing:-.045em; }
.hero h1 span { color:var(--gold-bright); display:block; }
.hero p { max-width:680px; color:#d0d0d0; font-size:clamp(1.05rem, 2vw, 1.25rem); margin:1.4rem 0 2rem; }
.actions { display:flex; flex-wrap:wrap; gap:.8rem; }
.btn { display:inline-flex; align-items:center; justify-content:center; gap:.55rem; min-height:48px; padding:.75rem 1.15rem; border-radius:10px; font-weight:800; border:1px solid transparent; transition:.2s ease; }
.btn-primary { color:#15100a; background:linear-gradient(135deg, var(--gold-bright), var(--gold)); box-shadow:0 10px 30px rgba(216,178,74,.18); }
.btn-primary:hover { color:#000; transform:translateY(-2px); box-shadow:0 14px 34px rgba(216,178,74,.3); }
.btn-secondary { color:#fff; border-color:rgba(255,255,255,.2); background:rgba(255,255,255,.05); }
.btn-secondary:hover { border-color:var(--gold); background:rgba(216,178,74,.1); }

.page-hero { min-height: 330px; display:flex; align-items:end; padding:5rem 0 3rem; position:relative; overflow:hidden; border-bottom:1px solid var(--line); }
.page-hero::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(0,0,0,.94), rgba(0,0,0,.55)), var(--hero-image, url('images/cosmos-hero.svg')) center/cover no-repeat; }
.page-hero .container { position:relative; z-index:2; }
.page-hero h1 { margin:.4rem 0 .8rem; font-size:clamp(2.6rem, 6vw, 4.8rem); line-height:1; }
.page-hero p { max-width:760px; margin:0; color:#d4d4d4; }

.grid { display:grid; gap:1.2rem; }
.grid-2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
.grid-3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
.grid-4 { grid-template-columns: repeat(4, minmax(0,1fr)); }
.card { background:linear-gradient(180deg, rgba(24,24,24,.96), rgba(11,11,11,.96)); border:1px solid var(--line); border-radius:var(--radius); padding:1.35rem; box-shadow:var(--shadow); }
.card h3 { margin:.2rem 0 .6rem; }
.card p:last-child { margin-bottom:0; }
.card-icon { width:46px; height:46px; display:grid; place-items:center; border:1px solid rgba(216,178,74,.35); border-radius:12px; background:rgba(216,178,74,.08); font-size:1.35rem; margin-bottom:.9rem; }
.card-link { display:inline-flex; margin-top:.6rem; font-weight:800; }
.feature-card { min-height:230px; position:relative; overflow:hidden; display:flex; flex-direction:column; justify-content:end; }
.feature-card::before { content:""; position:absolute; inset:0; background:linear-gradient(transparent 25%, rgba(0,0,0,.92)), var(--card-image) center/cover no-repeat; opacity:.8; }
.feature-card > * { position:relative; z-index:2; }
.feature-card p { color:#d0d0d0; }

.stat-strip { display:grid; grid-template-columns:repeat(4,1fr); margin-top:-2.5rem; position:relative; z-index:4; background:rgba(11,11,11,.95); border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow); }
.stat { padding:1.3rem; text-align:center; border-right:1px solid var(--line); }
.stat:last-child { border-right:0; }
.stat strong { display:block; color:var(--gold-bright); font-size:2rem; }
.stat span { color:var(--muted); font-size:.85rem; }

.tabs { display:flex; flex-wrap:wrap; gap:.55rem; margin:1.5rem 0 2rem; }
.tab-link { color:#ddd; padding:.7rem .95rem; border:1px solid var(--line); border-radius:999px; background:rgba(255,255,255,.025); }
.tab-link:hover { background:rgba(216,178,74,.12); border-color:var(--gold); }

.data-table { width:100%; border-collapse:separate; border-spacing:0; overflow:hidden; border:1px solid var(--line); border-radius:14px; background:rgba(11,11,11,.85); }
.data-table th, .data-table td { padding:.9rem 1rem; text-align:left; border-bottom:1px solid rgba(216,178,74,.14); }
.data-table th { color:#181208; background:linear-gradient(135deg,var(--gold-bright),var(--gold)); font-size:.86rem; letter-spacing:.04em; text-transform:uppercase; }
.data-table tr:last-child td { border-bottom:0; }
.data-table td:last-child { text-align:right; }
.badge { display:inline-flex; align-items:center; gap:.35rem; border:1px solid var(--line); border-radius:999px; padding:.25rem .65rem; color:#e8e8e8; background:rgba(216,178,74,.08); font-size:.8rem; }
.badge.success { color:#a8e2bd; border-color:rgba(104,197,143,.3); background:rgba(104,197,143,.08); }

.callout { border-left:4px solid var(--gold); padding:1.1rem 1.2rem; background:rgba(216,178,74,.07); border-radius:0 12px 12px 0; }
.callout strong { color:var(--gold-bright); }
.step-list { counter-reset:steps; display:grid; gap:.8rem; padding:0; list-style:none; }
.step-list li { counter-increment:steps; display:grid; grid-template-columns:44px 1fr; gap:1rem; align-items:start; background:rgba(255,255,255,.025); border:1px solid var(--line); padding:1rem; border-radius:12px; }
.step-list li::before { content:counter(steps); width:36px; height:36px; display:grid; place-items:center; border-radius:50%; background:var(--gold); color:#130f08; font-weight:900; }
.checklist { display:grid; gap:.7rem; padding:0; list-style:none; }
.checklist li { display:flex; gap:.75rem; align-items:flex-start; padding:.8rem 0; border-bottom:1px solid rgba(255,255,255,.07); }
.checklist li::before { content:"✓"; display:grid; place-items:center; flex:0 0 24px; height:24px; border-radius:6px; color:#15110a; background:var(--gold); font-weight:900; }

.accordion { display:grid; gap:.7rem; }
.accordion details { border:1px solid var(--line); border-radius:12px; background:rgba(14,14,14,.92); overflow:hidden; }
.accordion summary { cursor:pointer; font-weight:800; padding:1rem 1.2rem; list-style:none; }
.accordion summary::-webkit-details-marker { display:none; }
.accordion summary::after { content:"+"; float:right; color:var(--gold); }
.accordion details[open] summary::after { content:"–"; }
.accordion details p, .accordion details ul { margin:0; padding:0 1.2rem 1.2rem; color:var(--muted); }

.site-footer { border-top:1px solid var(--line); background:#030303; padding:3.2rem 0 1.3rem; }
.footer-grid { display:grid; grid-template-columns:1.3fr .8fr .8fr; gap:2rem; }
.footer-brand { display:flex; align-items:center; gap:.9rem; }
.footer-brand img { width:58px; }
.footer-links { display:grid; gap:.45rem; }
.footer-links a { color:#cfcfcf; }
.footer-links a:hover { color:var(--gold-bright); }
.footer-bottom { display:flex; justify-content:space-between; gap:1rem; border-top:1px solid rgba(255,255,255,.08); margin-top:2rem; padding-top:1rem; color:#888; font-size:.8rem; }

@media (max-width: 980px) {
  .nav-toggle { display:block; }
  .nav-links { position:absolute; display:none; top:78px; left:1rem; right:1rem; padding:.75rem; flex-direction:column; align-items:stretch; background:#0b0b0b; border:1px solid var(--line); border-radius:12px; box-shadow:var(--shadow); }
  .nav-links.open { display:flex; }
  .nav-links a { width:100%; }
  .grid-4 { grid-template-columns:repeat(2,1fr); }
  .grid-3 { grid-template-columns:repeat(2,1fr); }
  .stat-strip { grid-template-columns:repeat(2,1fr); }
  .stat:nth-child(2) { border-right:0; }
  .stat:nth-child(-n+2) { border-bottom:1px solid var(--line); }
}
@media (max-width: 680px) {
  .brand-text span { display:none; }
  .brand { min-width:auto; }
  .hero { min-height:690px; }
  .grid-2, .grid-3, .grid-4, .footer-grid { grid-template-columns:1fr; }
  .stat-strip { grid-template-columns:1fr; margin-top:-1rem; }
  .stat { border-right:0; border-bottom:1px solid var(--line); }
  .stat:last-child { border-bottom:0; }
  .data-table { display:block; overflow-x:auto; }
  .footer-bottom { flex-direction:column; }
}

/* Complete-guide additions */
.content-block{margin:0 0 2rem;padding:1.5rem;background:linear-gradient(180deg,rgba(24,24,24,.96),rgba(11,11,11,.96));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.content-block h2:first-child,.content-block .eyebrow+h2{margin-top:.2rem}.content-block ul ul{margin-top:.45rem}.content-block li{margin:.35rem 0}.anchor-offset{scroll-margin-top:100px}.manual-checklist{list-style:none;padding:0;display:grid;gap:.7rem}.manual-checklist li{padding:.9rem 1rem;background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:10px;font-size:1.05rem}.alpha-list{list-style-type:lower-alpha}.location-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.location-grid div{padding:.9rem 1rem;border:1px solid var(--line);border-radius:10px;background:rgba(216,178,74,.06)}.standing{border-top-width:4px}.standing.green{border-top-color:#43c97a}.standing.blue{border-top-color:#244fba}.standing.lightblue{border-top-color:#63b6ff}.faq-content{padding:0 1.2rem 1.2rem;color:var(--muted)}.faq-content ul{padding-left:1.35rem!important}.data-table td:last-child{text-align:left}.data-table td:nth-child(2){font-weight:700}@media(max-width:760px){.location-grid{grid-template-columns:1fr}.content-block{padding:1.1rem}}