:root {
  color-scheme: dark;
  --bg: #07110f;
  --panel: #0d1916;
  --panel-2: #11211d;
  --line: rgba(193, 255, 65, .18);
  --ink: #f3f7ef;
  --muted: #9aa9a2;
  --acid: #c8ff3d;
  --green: #3ef2a3;
  --orange: #ff9f45;
  --max: 1180px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
html:not(.qvex) body {
  filter: blur(10px);
  -webkit-filter: blur(10px);
}
body { margin: 0; background: var(--bg); color: var(--ink); font-family: Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
body { transition: filter 0.5s ease, opacity 0.5s ease; }
body::before { content: ""; position: fixed; inset: 0; pointer-events: none; opacity: .18; 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: 44px 44px; mask-image: linear-gradient(to bottom, #000, transparent 80%); }
a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }
.skip-link { position: fixed; left: 1rem; top: -100px; z-index: 99; background: var(--acid); color: #07110f; padding: .75rem 1rem; font-weight: 800; }
.skip-link:focus { top: 1rem; }
.site-header { min-height: 76px; padding: 0 max(24px, calc((100vw - var(--max)) / 2)); display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,.08); background: rgba(7,17,15,.92); backdrop-filter: blur(16px); position: sticky; top: 0; z-index: 30; }
.brand { display: flex; align-items: center; gap: 12px; }
.brand-mark { width: 34px; height: 34px; display: grid; place-items: center; color: #07110f; background: var(--acid); font-size: 23px; font-weight: 950; clip-path: polygon(50% 0, 100% 100%, 0 100%); padding-top: 8px; }
.brand strong { display: block; font-size: 13px; letter-spacing: .18em; }
.brand small { display: block; color: var(--muted); font-size: 11px; margin-top: 2px; }
.site-nav { align-items: center; gap: 28px; }
.site-nav a { color: #bdc8c3; font-size: 14px; transition: color .2s; }
.site-nav a:hover { color: var(--acid); }
.site-nav .nav-refund { color: #07110f; background: var(--acid); padding: 10px 16px; font-weight: 800; }
.menu-toggle { display: none; border: 1px solid var(--line); color: var(--ink); background: transparent; padding: 9px 12px; }
.hero { min-height: 690px; max-width: 1440px; margin: 0 auto; padding: 100px max(24px, calc((100% - var(--max)) / 2)) 72px; position: relative; overflow: hidden; border-inline: 1px solid rgba(255,255,255,.04); }
.hero::before { content: ""; position: absolute; width: 760px; height: 760px; right: -220px; top: -230px; background: radial-gradient(circle, rgba(62,242,163,.14), transparent 65%); }
.hero-grid { position: absolute; inset: 0; background: linear-gradient(90deg, transparent 49.9%, rgba(200,255,61,.08) 50%, transparent 50.1%), linear-gradient(transparent 49.9%, rgba(200,255,61,.06) 50%, transparent 50.1%); background-size: 180px 180px; opacity: .35; transform: perspective(500px) rotateX(18deg) scale(1.1); }
.hero-copy, .hero-panel { position: relative; z-index: 2; }
.eyebrow, .section-kicker { margin: 0 0 20px; color: var(--acid); font-size: 11px; letter-spacing: .2em; font-weight: 850; text-transform: uppercase; }
.eyebrow span { display: inline-block; width: 24px; height: 2px; background: var(--acid); vertical-align: middle; margin-right: 9px; }
h1, h2, h3, p { margin-top: 0; }
h1 { max-width: 720px; margin-bottom: 24px; font-size: clamp(48px, 7vw, 86px); line-height: .99; letter-spacing: -.06em; }
h1 em { color: var(--acid); font-style: normal; }
.hero-lead { max-width: 600px; color: #aebbb5; font-size: 17px; line-height: 1.8; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 34px 0 50px; }
.button { min-height: 50px; padding: 0 22px; display: inline-flex; align-items: center; justify-content: center; gap: 24px; font-size: 14px; font-weight: 850; border: 1px solid rgba(255,255,255,.18); transition: transform .2s, background .2s; }
.button:hover { transform: translateY(-2px); }
.button-primary { background: var(--acid); color: #07110f; border-color: var(--acid); }
.button-ghost { background: rgba(255,255,255,.025); }
.hero-stats { list-style: none; padding: 0; margin: 0; display: flex; gap: 0; }
.hero-stats li { min-width: 150px; padding: 4px 28px 4px 0; margin-right: 28px; border-right: 1px solid rgba(255,255,255,.1); }
.hero-stats li:last-child { border: 0; }
.hero-stats strong, .hero-stats span { display: block; }
.hero-stats strong { color: var(--ink); font-size: 15px; }
.hero-stats span { color: #778780; font-size: 11px; margin-top: 5px; }
.hero-panel { min-height: 440px; align-self: center; border: 1px solid var(--line); background: linear-gradient(145deg, rgba(18,36,30,.88), rgba(7,17,15,.75)); overflow: hidden; box-shadow: 0 35px 100px rgba(0,0,0,.35); }
.panel-top { height: 52px; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); font-size: 11px; letter-spacing: .15em; color: #82918b; }
.panel-top b { color: var(--acid); }
.radar { width: 270px; height: 270px; margin: 26px auto -64px; border: 1px solid rgba(200,255,61,.25); border-radius: 50%; position: relative; background: repeating-radial-gradient(circle, transparent 0 44px, rgba(200,255,61,.09) 45px 46px); }
.radar::before, .radar::after { content: ""; position: absolute; background: rgba(200,255,61,.13); }
.radar::before { width: 1px; height: 100%; left: 50%; }
.radar::after { height: 1px; width: 100%; top: 50%; }
.radar i { position: absolute; width: 7px; height: 7px; background: var(--acid); box-shadow: 0 0 14px var(--acid); }
.radar i:nth-child(1) { left: 26%; top: 39%; }.radar i:nth-child(2) { right: 24%; top: 28%; }.radar i:nth-child(3) { right: 34%; bottom: 27%; }
.radar span { position: absolute; inset: 50% 50% 0 0; border-right: 1px solid var(--acid); background: linear-gradient(130deg, transparent 45%, rgba(200,255,61,.11)); transform-origin: right top; animation: sweep 6s linear infinite; }
@keyframes sweep { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .radar span { animation: none; } }
.panel-card { position: relative; margin: 0 22px 22px; padding: 24px; background: rgba(8,18,15,.94); border-left: 3px solid var(--acid); }
.panel-card small { color: var(--acid); }.panel-card h2 { margin: 9px 0; font-size: 21px; }.panel-card p { color: var(--muted); font-size: 13px; line-height: 1.65; }.panel-card a { display: flex; justify-content: space-between; color: var(--acid); font-size: 13px; font-weight: 800; }
.ticker { min-height: 62px; padding: 0 max(24px, calc((100vw - var(--max)) / 2)); display: flex; align-items: center; gap: 28px; border-block: 1px solid rgba(255,255,255,.07); background: #0a1512; overflow-x: auto; white-space: nowrap; }
.ticker span { color: #07110f; background: var(--acid); padding: 6px 10px; font-size: 11px; font-weight: 900; }.ticker p { margin: 0; color: #7d8d86; font-size: 12px; }
.section { max-width: var(--max); margin: 0 auto; padding: 110px 0; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 40px; margin-bottom: 44px; }.section-heading h2, .route-intro h2, .faq-heading h2, .refund-banner h2 { margin: 0; font-size: clamp(34px, 5vw, 54px); letter-spacing: -.045em; line-height: 1.05; }.section-heading > p { max-width: 440px; margin: 0; color: var(--muted); line-height: 1.8; font-size: 14px; }
.guide-grid { border-left: 1px solid rgba(255,255,255,.09); border-top: 1px solid rgba(255,255,255,.09); }
.modes-section { padding-bottom: 70px; }
.mode-grid { border: 1px solid rgba(255,255,255,.09); }
.mode-card, .mode-note { min-height: 390px; padding: 34px; position: relative; }
.mode-card { border-right: 1px solid rgba(255,255,255,.09); background: rgba(255,255,255,.015); }
.mode-card-primary { background: linear-gradient(150deg, rgba(200,255,61,.11), rgba(255,255,255,.01) 62%); }
.mode-number { position: absolute; right: 28px; top: 25px; color: #3d4d46; font-size: 36px; font-weight: 900; }
.mode-card > p:first-of-type { color: var(--acid); font-size: 10px; letter-spacing: .16em; }
.mode-card h3, .mode-note h3 { margin: 25px 0 14px; font-size: 27px; }
.mode-copy { min-height: 76px; color: var(--muted); font-size: 13px; line-height: 1.75; }
.mode-card ul { min-height: 92px; margin: 22px 0 26px; padding: 0; list-style: none; color: #adbbb4; font-size: 12px; line-height: 1.9; }
.mode-card li::before { content: "＋"; margin-right: 9px; color: var(--acid); }
.mode-card a { display: flex; justify-content: space-between; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.09); color: var(--acid); font-size: 12px; font-weight: 800; }
.mode-note { background: var(--acid); color: #07110f; }
.mode-note > span { font-size: 10px; letter-spacing: .16em; font-weight: 900; }
.mode-note > p { color: #31500a; font-size: 13px; line-height: 1.75; }
.mode-note dl { margin: 28px 0 0; border-top: 1px solid rgba(7,17,15,.18); }
.mode-note dl div { padding: 13px 0; display: flex; justify-content: space-between; gap: 20px; border-bottom: 1px solid rgba(7,17,15,.18); font-size: 12px; }
.mode-note dt { font-weight: 850; }.mode-note dd { margin: 0; color: #31500a; }
.guide-card { min-height: 330px; padding: 28px; position: relative; border-right: 1px solid rgba(255,255,255,.09); border-bottom: 1px solid rgba(255,255,255,.09); background: rgba(255,255,255,.015); transition: background .25s, transform .25s; }.guide-card:hover { background: var(--panel-2); transform: translateY(-4px); }.guide-card-featured { background: linear-gradient(145deg, rgba(200,255,61,.13), rgba(255,255,255,.01)); }.card-index { position: absolute; right: 20px; top: 20px; color: #425049; font-size: 11px; }.card-icon { width: 48px; height: 48px; display: grid; place-items: center; margin-bottom: 42px; color: var(--acid); border: 1px solid var(--line); font-size: 24px; }.guide-card > p:not(.card-copy) { margin-bottom: 8px; color: #67776f; font-size: 10px; letter-spacing: .16em; }.guide-card h3 { margin-bottom: 12px; font-size: 24px; }.card-copy { min-height: 66px; color: var(--muted); font-size: 13px; line-height: 1.7; }.guide-card a { display: flex; justify-content: space-between; padding-top: 20px; color: var(--acid); border-top: 1px solid rgba(255,255,255,.08); font-size: 12px; font-weight: 800; }
.route-section { border-top: 1px solid rgba(255,255,255,.08); }.route-intro > p:not(.section-kicker) { max-width: 390px; margin: 25px 0; color: var(--muted); line-height: 1.8; }.text-link { color: var(--acid); font-size: 13px; font-weight: 800; }.route-list { list-style: none; padding: 0; margin: 0; border-top: 1px solid rgba(255,255,255,.1); }.route-list li { min-height: 130px; display: grid; grid-template-columns: 100px 1fr 46px; align-items: center; gap: 20px; border-bottom: 1px solid rgba(255,255,255,.1); }.route-list li > span { color: var(--acid); font-size: 10px; letter-spacing: .12em; }.route-list h3 { margin: 0 0 8px; font-size: 18px; }.route-list p { margin: 0; color: var(--muted); font-size: 13px; }.route-list b { color: #24312c; font-size: 34px; }
.prep-section { border-top: 1px solid rgba(255,255,255,.08); }
.prep-head { margin-bottom: 48px; display: flex; align-items: end; justify-content: space-between; gap: 50px; }
.prep-head h2, .map-notes-title h2 { margin: 0; font-size: clamp(34px,5vw,54px); letter-spacing: -.045em; line-height: 1.05; }
.prep-head > p { max-width: 450px; margin: 0; color: var(--muted); font-size: 14px; line-height: 1.8; }
.check-list { margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(255,255,255,.1); }
.check-list li { min-height: 112px; padding: 20px 24px 20px 0; display: grid; grid-template-columns: 64px 1fr; align-items: center; border-bottom: 1px solid rgba(255,255,255,.1); }
.check-list li > span { color: var(--acid); font-size: 11px; font-weight: 850; }
.check-list h3 { margin: 0 0 7px; font-size: 17px; }.check-list p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.7; }
.priority-card { padding: 30px; border: 1px solid var(--line); background: linear-gradient(150deg, #12221d, #091310); }
.priority-top { display: flex; justify-content: space-between; color: var(--ink); font-size: 12px; font-weight: 850; }.priority-top b { color: var(--acid); font-size: 9px; letter-spacing: .14em; }
.priority-meter { height: 8px; margin: 22px 0 26px; display: grid; grid-template-columns: 4fr 3fr 2fr 1fr; gap: 4px; }.priority-meter i { background: var(--acid); }.priority-meter i:nth-child(2) { opacity: .7; }.priority-meter i:nth-child(3) { opacity: .4; }.priority-meter i:nth-child(4) { opacity: .18; }
.priority-card ul { margin: 0; padding: 0; list-style: none; }.priority-card li { padding: 17px 0; display: grid; grid-template-columns: 38px 1fr; align-items: center; border-top: 1px solid rgba(255,255,255,.09); }.priority-card li b { color: var(--acid); font-size: 18px; }.priority-card li strong, .priority-card li span { display: block; }.priority-card li strong { font-size: 13px; }.priority-card li span { margin-top: 4px; color: var(--muted); font-size: 11px; }.priority-card > p { margin: 22px 0 0; color: #778780; font-size: 11px; line-height: 1.6; }
.map-notes { padding: 100px 24px; background: var(--acid); color: #07110f; }
.map-notes-inner { max-width: var(--max); margin: 0 auto; }
.map-notes-title .section-kicker { color: #31500a; }.map-notes-title > p:last-child { max-width: 580px; margin: 22px 0 0; color: #31500a; font-size: 14px; line-height: 1.8; }
.map-note-list { border-top: 1px solid rgba(7,17,15,.2); }
.map-note-list article { padding: 30px 26px 10px 0; border-right: 1px solid rgba(7,17,15,.2); }.map-note-list article:last-child { border-right: 0; }
.map-note-list span { color: #31500a; font-size: 9px; font-weight: 850; letter-spacing: .14em; }.map-note-list h3 { margin: 25px 0 10px; font-size: 21px; }.map-note-list p { color: #31500a; font-size: 12px; line-height: 1.75; }
.gallery-section { max-width: 1440px; padding-inline: max(24px, calc((100% - var(--max)) / 2)); background: #0a1512; }.image-gallery figure { margin: 0; position: relative; overflow: hidden; background: #101b18; }.image-gallery img { width: 100%; height: 100%; display: block; object-fit: cover; filter: saturate(.72) contrast(1.05); transition: filter .25s, transform .5s; }.image-gallery figure:hover img { filter: saturate(1) contrast(1.05); transform: scale(1.018); }.image-gallery figcaption { position: absolute; inset: auto 0 0; padding: 54px 24px 22px; background: linear-gradient(transparent, rgba(4,10,8,.94)); }.image-gallery figcaption span, .image-gallery figcaption strong { display: block; }.image-gallery figcaption span { color: var(--acid); font-size: 10px; letter-spacing: .16em; }.image-gallery figcaption strong { margin-top: 6px; font-size: 16px; }
.faq-section { display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; }.faq-heading { position: sticky; top: 120px; align-self: start; }.faq-list details { border-top: 1px solid rgba(255,255,255,.12); }.faq-list details:last-child { border-bottom: 1px solid rgba(255,255,255,.12); }.faq-list summary { min-height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 20px; cursor: pointer; font-weight: 750; list-style: none; }.faq-list summary::-webkit-details-marker { display: none; }.faq-list summary span { color: var(--acid); font-size: 20px; }.faq-list details[open] summary span { transform: rotate(45deg); }.faq-list details p { padding: 0 40px 26px 0; color: var(--muted); line-height: 1.8; font-size: 14px; }
.refund-banner { max-width: var(--max); margin-bottom: 100px; padding: 52px 56px; display: flex; align-items: center; justify-content: space-between; gap: 50px; color: #07110f; background: var(--acid); }.refund-banner .section-kicker { color: #31500a; }.refund-banner h2 { font-size: clamp(30px, 4vw, 44px); }.refund-banner p:not(.section-kicker) { max-width: 690px; margin: 14px 0 0; color: #31500a; line-height: 1.7; font-size: 13px; }.button-light { flex: 0 0 auto; background: #07110f; color: var(--ink); border-color: #07110f; }
.site-footer { max-width: var(--max); min-height: 180px; margin: 0 auto; padding: 42px 0; display: flex; align-items: center; justify-content: space-between; gap: 30px; border-top: 1px solid rgba(255,255,255,.1); color: #6f7e77; font-size: 11px; }.footer-brand { display: flex; align-items: center; gap: 14px; }.footer-brand strong { color: var(--ink); letter-spacing: .15em; }.footer-brand p { margin: 5px 0 0; }.site-footer > p { max-width: 350px; line-height: 1.7; }.site-footer > a { color: var(--acid); }
@media (max-width: 1228px) { .section, .site-footer, .refund-banner { margin-inline: 24px; } }
@media (max-width: 840px) {
  .site-header { min-height: 66px; }.menu-toggle { display: block; }.site-nav { display: none; position: absolute; left: 0; right: 0; top: 66px; padding: 18px 24px 24px; flex-direction: column; align-items: stretch; gap: 0; background: #091511; border-bottom: 1px solid var(--line); }.site-nav.is-open { display: flex; }.site-nav a { padding: 13px 0; }.site-nav .nav-refund { margin-top: 8px; padding: 13px; text-align: center; }
  .hero { min-height: auto; padding-top: 72px; }.hero-panel { margin-top: 48px; }.hero-stats { flex-wrap: wrap; gap: 18px; }.hero-stats li { min-width: 0; margin-right: 0; padding-right: 18px; }.section { padding-block: 78px; }.section-heading, .prep-head { align-items: start; flex-direction: column; }.guide-card { min-height: 290px; }.route-intro { margin-bottom: 40px; }.mode-card { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.09); }.map-note-list article { border-right: 0; border-bottom: 1px solid rgba(7,17,15,.2); }.faq-section { display: block; }.faq-heading { position: static; margin-bottom: 34px; }.refund-banner { align-items: flex-start; flex-direction: column; }.site-footer { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 520px) {
  .hero { padding-inline: 18px; }.section, .site-footer, .refund-banner { margin-inline: 18px; }.section-heading h2, .route-intro h2, .faq-heading h2 { font-size: 34px; }.hero-actions .button { width: 100%; }.hero-stats span { display: none; }.hero-stats li { flex: 1; text-align: center; border-right: 0; padding: 10px; background: rgba(255,255,255,.03); }.hero-panel { min-height: 400px; }.radar { width: 240px; height: 240px; }.route-list li { grid-template-columns: 76px 1fr; padding: 20px 0; }.route-list b { display: none; }.refund-banner { padding: 34px 26px; }.refund-banner .button { width: 100%; }.ticker { gap: 20px; }
}