:root {
  --bg: #06090f;
  --bg2: #0a0f17;
  --panel: #0d141e;
  --line: rgba(255, 255, 255, 0.09);
  --text: #f2f6fb;
  --muted: #93a3b6;
  --dim: #5d6c7f;
  --cyan: #2ee6d6;
  --cyan-soft: rgba(46, 230, 214, 0.08);
  --gold: #e4b96a;
  --red: #ff6b5f;
}

* {
  box-sizing: border-box;
}

[hidden] {
  display: none !important;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif, "Segoe UI", "Noto Sans", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Source Han Sans SC", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", "Hiragino Sans TC", "Source Han Sans TC", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, "MS PGothic", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", "Noto Naskh Arabic", "Noto Sans Arabic", Tahoma, "Geeza Pro", "Al Bayan", "Arabic Typesetting", "Noto Sans Hebrew", "Arial Hebrew", David, "Noto Sans Devanagari", "Nirmala UI", Mangal, Kohinoor Devanagari, "Noto Sans Bengali", Vrinda, Bangla Sangam MN, "Noto Sans Gurmukhi", Raavi, Gurmukhi MN, "Noto Sans Gujarati", Shruti, Gujarati Sangam MN, "Noto Sans Tamil", Latha, Tamil Sangam MN, "Noto Sans Telugu", Gautami, Telugu Sangam MN, "Noto Sans Kannada", Tunga, Kannada Sangam MN, "Noto Sans Malayalam", Kartika, Malayalam Sangam MN, "Noto Sans Sinhala", Iskoola Pota, Sinhala Sangam MN, "Noto Sans Thai", "Leelawadee UI", Thonburi, "Noto Sans Lao", Phetsarath OT, Lao Sangam MN, "Noto Sans Khmer", "Khmer UI", DaunPenh, Khmer Sangam MN, "Noto Sans Myanmar", "Myanmar Text", Padauk, Myanmar Sangam MN, "Noto Sans Ethiopic", Nyala, Abyssinica SIL, Kefa, "Noto Sans Armenian", Sylfaen, Mshtakan, "Noto Sans Georgian", Sakartvelo, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

img {
  display: block;
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  font: inherit;
}

.container {
  width: 100%;
  max-width: 520px;
  margin: 0 auto;
  padding: 0 18px;
}

.trust-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 36px;
  padding: 7px 12px;
  background: #0b101a;
  border-bottom: 1px solid var(--line);
  color: var(--muted);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-align: center;
  text-transform: uppercase;
}

.trust-bar i {
  width: 3px;
  height: 3px;
  flex: 0 0 3px;
  border-radius: 50%;
  background: var(--cyan);
}

.topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 60px;
  padding: 10px 18px;
  border-bottom: 1px solid var(--line);
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  font-weight: 700;
}

.brand img {
  width: 34px;
  height: 34px;
  object-fit: contain;
}

.protocol-tag {
  padding: 6px 9px;
  border: 1px solid var(--line);
  border-radius: 6px;
  color: var(--cyan);
  font-family: "JetBrains Mono", monospace, "Segoe UI", "Noto Sans", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Source Han Sans SC", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", "Hiragino Sans TC", "Source Han Sans TC", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, "MS PGothic", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", "Noto Naskh Arabic", "Noto Sans Arabic", Tahoma, "Geeza Pro", "Al Bayan", "Arabic Typesetting", "Noto Sans Hebrew", "Arial Hebrew", David, "Noto Sans Devanagari", "Nirmala UI", Mangal, Kohinoor Devanagari, "Noto Sans Bengali", Vrinda, Bangla Sangam MN, "Noto Sans Gurmukhi", Raavi, Gurmukhi MN, "Noto Sans Gujarati", Shruti, Gujarati Sangam MN, "Noto Sans Tamil", Latha, Tamil Sangam MN, "Noto Sans Telugu", Gautami, Telugu Sangam MN, "Noto Sans Kannada", Tunga, Kannada Sangam MN, "Noto Sans Malayalam", Kartika, Malayalam Sangam MN, "Noto Sans Sinhala", Iskoola Pota, Sinhala Sangam MN, "Noto Sans Thai", "Leelawadee UI", Thonburi, "Noto Sans Lao", Phetsarath OT, Lao Sangam MN, "Noto Sans Khmer", "Khmer UI", DaunPenh, Khmer Sangam MN, "Noto Sans Myanmar", "Myanmar Text", Padauk, Myanmar Sangam MN, "Noto Sans Ethiopic", Nyala, Abyssinica SIL, Kefa, "Noto Sans Armenian", Sylfaen, Mshtakan, "Noto Sans Georgian", Sakartvelo, monospace;
  font-size: 10px;
  letter-spacing: 0.08em;
}

.hero {
  padding: 40px 0 48px;
  background:
    linear-gradient(180deg, rgba(46, 230, 214, 0.05), transparent 34%),
    repeating-linear-gradient(0deg, transparent 0 39px, rgba(255, 255, 255, 0.025) 39px 40px),
    repeating-linear-gradient(90deg, transparent 0 39px, rgba(255, 255, 255, 0.025) 39px 40px),
    var(--bg);
}

.hero-copy {
  max-width: 520px;
}

.eyebrow {
  margin: 0 0 14px;
  color: var(--gold);
  font-family: "JetBrains Mono", monospace, "Segoe UI", "Noto Sans", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Source Han Sans SC", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", "Hiragino Sans TC", "Source Han Sans TC", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, "MS PGothic", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", "Noto Naskh Arabic", "Noto Sans Arabic", Tahoma, "Geeza Pro", "Al Bayan", "Arabic Typesetting", "Noto Sans Hebrew", "Arial Hebrew", David, "Noto Sans Devanagari", "Nirmala UI", Mangal, Kohinoor Devanagari, "Noto Sans Bengali", Vrinda, Bangla Sangam MN, "Noto Sans Gurmukhi", Raavi, Gurmukhi MN, "Noto Sans Gujarati", Shruti, Gujarati Sangam MN, "Noto Sans Tamil", Latha, Tamil Sangam MN, "Noto Sans Telugu", Gautami, Telugu Sangam MN, "Noto Sans Kannada", Tunga, Kannada Sangam MN, "Noto Sans Malayalam", Kartika, Malayalam Sangam MN, "Noto Sans Sinhala", Iskoola Pota, Sinhala Sangam MN, "Noto Sans Thai", "Leelawadee UI", Thonburi, "Noto Sans Lao", Phetsarath OT, Lao Sangam MN, "Noto Sans Khmer", "Khmer UI", DaunPenh, Khmer Sangam MN, "Noto Sans Myanmar", "Myanmar Text", Padauk, Myanmar Sangam MN, "Noto Sans Ethiopic", Nyala, Abyssinica SIL, Kefa, "Noto Sans Armenian", Sylfaen, Mshtakan, "Noto Sans Georgian", Sakartvelo, monospace;
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.hero h1 {
  margin: 0 0 14px;
  font-size: 34px;
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: 0;
}

.hero-sub {
  margin: 0 0 22px;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.6;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 48px;
  padding: 12px 18px;
  border: 1px solid transparent;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.btn svg {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
}

.btn-primary {
  background: var(--cyan);
  border-color: var(--cyan);
  color: #03120f;
  box-shadow: 0 10px 30px rgba(46, 230, 214, 0.16);
}

.btn-primary:hover {
  background: #6ff3e6;
  border-color: #6ff3e6;
  transform: translateY(-1px);
}

.btn-lg {
  width: 100%;
}

.proof-screen {
  display: flex;
  justify-content: center;
  margin-top: 32px;
}

.proof-frame {
  position: relative;
  width: min(280px, 86vw);
  aspect-ratio: 3 / 4;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  background: #0a0f18;
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.45);
}

.proof-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.86;
}

.scan-line {
  position: absolute;
  top: -120px;
  left: 0;
  right: 0;
  height: 110px;
  background: linear-gradient(180deg, transparent, rgba(46, 230, 214, 0.18), transparent);
  animation: scan 3.2s linear infinite;
}

@keyframes scan {
  0% {
    top: -120px;
  }
  100% {
    top: 120%;
  }
}

.screen-caption {
  position: absolute;
  top: 12px;
  left: 12px;
  right: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  background: rgba(4, 8, 14, 0.76);
  color: #d7e4ee;
  font-family: "JetBrains Mono", monospace, "Segoe UI", "Noto Sans", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Source Han Sans SC", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", "Hiragino Sans TC", "Source Han Sans TC", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, "MS PGothic", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", "Noto Naskh Arabic", "Noto Sans Arabic", Tahoma, "Geeza Pro", "Al Bayan", "Arabic Typesetting", "Noto Sans Hebrew", "Arial Hebrew", David, "Noto Sans Devanagari", "Nirmala UI", Mangal, Kohinoor Devanagari, "Noto Sans Bengali", Vrinda, Bangla Sangam MN, "Noto Sans Gurmukhi", Raavi, Gurmukhi MN, "Noto Sans Gujarati", Shruti, Gujarati Sangam MN, "Noto Sans Tamil", Latha, Tamil Sangam MN, "Noto Sans Telugu", Gautami, Telugu Sangam MN, "Noto Sans Kannada", Tunga, Kannada Sangam MN, "Noto Sans Malayalam", Kartika, Malayalam Sangam MN, "Noto Sans Sinhala", Iskoola Pota, Sinhala Sangam MN, "Noto Sans Thai", "Leelawadee UI", Thonburi, "Noto Sans Lao", Phetsarath OT, Lao Sangam MN, "Noto Sans Khmer", "Khmer UI", DaunPenh, Khmer Sangam MN, "Noto Sans Myanmar", "Myanmar Text", Padauk, Myanmar Sangam MN, "Noto Sans Ethiopic", Nyala, Abyssinica SIL, Kefa, "Noto Sans Armenian", Sylfaen, Mshtakan, "Noto Sans Georgian", Sakartvelo, monospace;
  font-size: 11px;
  line-height: 1.4;
  backdrop-filter: blur(6px);
}

.live-dot {
  width: 6px;
  height: 6px;
  flex: 0 0 6px;
  border-radius: 50%;
  background: var(--cyan);
  animation: dot 1.6s ease-in-out infinite;
}

@keyframes dot {
  0%,
  100% {
    opacity: 1;
    box-shadow: 0 0 0 0 rgba(46, 230, 214, 0.5);
  }
  50% {
    opacity: 0.6;
    box-shadow: 0 0 0 5px rgba(46, 230, 214, 0);
  }
}

.terminal-log {
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  min-height: 108px;
  padding: 10px 11px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  background: rgba(4, 8, 14, 0.8);
  font-family: "JetBrains Mono", monospace, "Segoe UI", "Noto Sans", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Source Han Sans SC", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", "Hiragino Sans TC", "Source Han Sans TC", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, "MS PGothic", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", "Noto Naskh Arabic", "Noto Sans Arabic", Tahoma, "Geeza Pro", "Al Bayan", "Arabic Typesetting", "Noto Sans Hebrew", "Arial Hebrew", David, "Noto Sans Devanagari", "Nirmala UI", Mangal, Kohinoor Devanagari, "Noto Sans Bengali", Vrinda, Bangla Sangam MN, "Noto Sans Gurmukhi", Raavi, Gurmukhi MN, "Noto Sans Gujarati", Shruti, Gujarati Sangam MN, "Noto Sans Tamil", Latha, Tamil Sangam MN, "Noto Sans Telugu", Gautami, Telugu Sangam MN, "Noto Sans Kannada", Tunga, Kannada Sangam MN, "Noto Sans Malayalam", Kartika, Malayalam Sangam MN, "Noto Sans Sinhala", Iskoola Pota, Sinhala Sangam MN, "Noto Sans Thai", "Leelawadee UI", Thonburi, "Noto Sans Lao", Phetsarath OT, Lao Sangam MN, "Noto Sans Khmer", "Khmer UI", DaunPenh, Khmer Sangam MN, "Noto Sans Myanmar", "Myanmar Text", Padauk, Myanmar Sangam MN, "Noto Sans Ethiopic", Nyala, Abyssinica SIL, Kefa, "Noto Sans Armenian", Sylfaen, Mshtakan, "Noto Sans Georgian", Sakartvelo, monospace;
  font-size: 10px;
  line-height: 1.8;
  color: var(--muted);
  backdrop-filter: blur(6px);
}

.log-line {
  display: block;
  opacity: 0;
  transform: translateY(4px);
  transition: opacity 0.35s ease, transform 0.35s ease;
}

.log-line.visible {
  opacity: 1;
  transform: translateY(0);
}

.log-line.green {
  color: var(--cyan);
}

.term-cursor {
  display: inline-block;
  width: 7px;
  height: 12px;
  margin-left: 2px;
  vertical-align: -1px;
  background: var(--cyan);
  animation: blink 1s step-end infinite;
}

@keyframes blink {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}

.stats {
  padding: 22px 0;
  background: #0b101a;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.stats-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.stat {
  padding: 14px 8px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.02);
  text-align: center;
}

.stat strong {
  display: block;
  font-size: 22px;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0;
}

.stat span {
  display: block;
  margin-top: 5px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.section {
  padding: 52px 0;
}

.section-alt {
  background: var(--bg2);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.section-head {
  margin-bottom: 26px;
}

.section-label {
  margin: 0 0 8px;
  color: var(--cyan);
  font-family: "JetBrains Mono", monospace, "Segoe UI", "Noto Sans", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Source Han Sans SC", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", "Hiragino Sans TC", "Source Han Sans TC", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, "MS PGothic", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", "Noto Naskh Arabic", "Noto Sans Arabic", Tahoma, "Geeza Pro", "Al Bayan", "Arabic Typesetting", "Noto Sans Hebrew", "Arial Hebrew", David, "Noto Sans Devanagari", "Nirmala UI", Mangal, Kohinoor Devanagari, "Noto Sans Bengali", Vrinda, Bangla Sangam MN, "Noto Sans Gurmukhi", Raavi, Gurmukhi MN, "Noto Sans Gujarati", Shruti, Gujarati Sangam MN, "Noto Sans Tamil", Latha, Tamil Sangam MN, "Noto Sans Telugu", Gautami, Telugu Sangam MN, "Noto Sans Kannada", Tunga, Kannada Sangam MN, "Noto Sans Malayalam", Kartika, Malayalam Sangam MN, "Noto Sans Sinhala", Iskoola Pota, Sinhala Sangam MN, "Noto Sans Thai", "Leelawadee UI", Thonburi, "Noto Sans Lao", Phetsarath OT, Lao Sangam MN, "Noto Sans Khmer", "Khmer UI", DaunPenh, Khmer Sangam MN, "Noto Sans Myanmar", "Myanmar Text", Padauk, Myanmar Sangam MN, "Noto Sans Ethiopic", Nyala, Abyssinica SIL, Kefa, "Noto Sans Armenian", Sylfaen, Mshtakan, "Noto Sans Georgian", Sakartvelo, monospace;
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.section-head h2 {
  margin: 0 0 10px;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0;
}

.section-desc {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.6;
}

.check-panel {
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.28);
}

.check-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.step-label {
  color: var(--cyan);
  font-family: "JetBrains Mono", monospace, "Segoe UI", "Noto Sans", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Source Han Sans SC", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", "Hiragino Sans TC", "Source Han Sans TC", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, "MS PGothic", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", "Noto Naskh Arabic", "Noto Sans Arabic", Tahoma, "Geeza Pro", "Al Bayan", "Arabic Typesetting", "Noto Sans Hebrew", "Arial Hebrew", David, "Noto Sans Devanagari", "Nirmala UI", Mangal, Kohinoor Devanagari, "Noto Sans Bengali", Vrinda, Bangla Sangam MN, "Noto Sans Gurmukhi", Raavi, Gurmukhi MN, "Noto Sans Gujarati", Shruti, Gujarati Sangam MN, "Noto Sans Tamil", Latha, Tamil Sangam MN, "Noto Sans Telugu", Gautami, Telugu Sangam MN, "Noto Sans Kannada", Tunga, Kannada Sangam MN, "Noto Sans Malayalam", Kartika, Malayalam Sangam MN, "Noto Sans Sinhala", Iskoola Pota, Sinhala Sangam MN, "Noto Sans Thai", "Leelawadee UI", Thonburi, "Noto Sans Lao", Phetsarath OT, Lao Sangam MN, "Noto Sans Khmer", "Khmer UI", DaunPenh, Khmer Sangam MN, "Noto Sans Myanmar", "Myanmar Text", Padauk, Myanmar Sangam MN, "Noto Sans Ethiopic", Nyala, Abyssinica SIL, Kefa, "Noto Sans Armenian", Sylfaen, Mshtakan, "Noto Sans Georgian", Sakartvelo, monospace;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.back-btn {
  min-height: 34px;
  padding: 6px 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: transparent;
  color: var(--muted);
  font-size: 12px;
  cursor: pointer;
}

.progress-track {
  height: 4px;
  margin-bottom: 18px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
}

.progress-track span {
  display: block;
  width: 10%;
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--cyan), #7ff4e9);
  transition: width 0.35s ease;
}

.check-prompt {
  margin: 0 0 12px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 0;
}

.option-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.option-card {
  min-height: 76px;
  padding: 13px 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.02);
  color: var(--text);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
  text-align: left;
  cursor: pointer;
  transition: border-color 0.2s ease, background 0.2s ease, transform 0.15s ease;
}

.option-card:hover {
  border-color: rgba(46, 230, 214, 0.5);
  transform: translateY(-1px);
}

.option-card.selected {
  border-color: var(--cyan);
  background: var(--cyan-soft);
  color: #d9fcf7;
}

.option-sub {
  display: block;
  margin-top: 5px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.4;
}

.option-card.selected .option-sub {
  color: rgba(217, 252, 247, 0.72);
}

.option-card.span2 {
  grid-column: 1 / -1;
}

.chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.chip {
  min-height: 44px;
  padding: 10px 13px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.02);
  color: var(--text);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: border-color 0.2s ease, background 0.2s ease;
}

.chip:hover {
  border-color: rgba(46, 230, 214, 0.5);
}

.chip.selected {
  border-color: var(--cyan);
  background: var(--cyan-soft);
  color: #d9fcf7;
}

.result-panel {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid var(--line);
  animation: fadeUp 0.45s ease both;
}

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.result-kicker {
  margin: 0 0 8px;
  color: var(--gold);
  font-family: "JetBrains Mono", monospace, "Segoe UI", "Noto Sans", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Source Han Sans SC", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", "Hiragino Sans TC", "Source Han Sans TC", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, "MS PGothic", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", "Noto Naskh Arabic", "Noto Sans Arabic", Tahoma, "Geeza Pro", "Al Bayan", "Arabic Typesetting", "Noto Sans Hebrew", "Arial Hebrew", David, "Noto Sans Devanagari", "Nirmala UI", Mangal, Kohinoor Devanagari, "Noto Sans Bengali", Vrinda, Bangla Sangam MN, "Noto Sans Gurmukhi", Raavi, Gurmukhi MN, "Noto Sans Gujarati", Shruti, Gujarati Sangam MN, "Noto Sans Tamil", Latha, Tamil Sangam MN, "Noto Sans Telugu", Gautami, Telugu Sangam MN, "Noto Sans Kannada", Tunga, Kannada Sangam MN, "Noto Sans Malayalam", Kartika, Malayalam Sangam MN, "Noto Sans Sinhala", Iskoola Pota, Sinhala Sangam MN, "Noto Sans Thai", "Leelawadee UI", Thonburi, "Noto Sans Lao", Phetsarath OT, Lao Sangam MN, "Noto Sans Khmer", "Khmer UI", DaunPenh, Khmer Sangam MN, "Noto Sans Myanmar", "Myanmar Text", Padauk, Myanmar Sangam MN, "Noto Sans Ethiopic", Nyala, Abyssinica SIL, Kefa, "Noto Sans Armenian", Sylfaen, Mshtakan, "Noto Sans Georgian", Sakartvelo, monospace;
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.result-panel h3 {
  margin: 0 0 10px;
  font-size: 22px;
  line-height: 1.25;
  letter-spacing: 0;
}

.result-text {
  margin: 0;
  color: var(--text);
  font-size: 15px;
  line-height: 1.6;
}

.result-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0;
}

.result-meta span {
  padding: 7px 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: #d7e4ee;
  font-family: "JetBrains Mono", monospace, "Segoe UI", "Noto Sans", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Source Han Sans SC", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", "Hiragino Sans TC", "Source Han Sans TC", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, "MS PGothic", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", "Noto Naskh Arabic", "Noto Sans Arabic", Tahoma, "Geeza Pro", "Al Bayan", "Arabic Typesetting", "Noto Sans Hebrew", "Arial Hebrew", David, "Noto Sans Devanagari", "Nirmala UI", Mangal, Kohinoor Devanagari, "Noto Sans Bengali", Vrinda, Bangla Sangam MN, "Noto Sans Gurmukhi", Raavi, Gurmukhi MN, "Noto Sans Gujarati", Shruti, Gujarati Sangam MN, "Noto Sans Tamil", Latha, Tamil Sangam MN, "Noto Sans Telugu", Gautami, Telugu Sangam MN, "Noto Sans Kannada", Tunga, Kannada Sangam MN, "Noto Sans Malayalam", Kartika, Malayalam Sangam MN, "Noto Sans Sinhala", Iskoola Pota, Sinhala Sangam MN, "Noto Sans Thai", "Leelawadee UI", Thonburi, "Noto Sans Lao", Phetsarath OT, Lao Sangam MN, "Noto Sans Khmer", "Khmer UI", DaunPenh, Khmer Sangam MN, "Noto Sans Myanmar", "Myanmar Text", Padauk, Myanmar Sangam MN, "Noto Sans Ethiopic", Nyala, Abyssinica SIL, Kefa, "Noto Sans Armenian", Sylfaen, Mshtakan, "Noto Sans Georgian", Sakartvelo, monospace;
  font-size: 11px;
}

.result-note {
  margin: 0 0 16px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}

.case-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
}

.case-card {
  display: flex;
  flex-direction: column;
  min-height: 148px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.02);
}

.case-amount {
  color: #eaf6ff;
  font-size: 20px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0;
}

.case-region {
  margin: 5px 0 10px;
  color: var(--gold);
  font-family: "JetBrains Mono", monospace, "Segoe UI", "Noto Sans", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Source Han Sans SC", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", "Hiragino Sans TC", "Source Han Sans TC", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, "MS PGothic", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", "Noto Naskh Arabic", "Noto Sans Arabic", Tahoma, "Geeza Pro", "Al Bayan", "Arabic Typesetting", "Noto Sans Hebrew", "Arial Hebrew", David, "Noto Sans Devanagari", "Nirmala UI", Mangal, Kohinoor Devanagari, "Noto Sans Bengali", Vrinda, Bangla Sangam MN, "Noto Sans Gurmukhi", Raavi, Gurmukhi MN, "Noto Sans Gujarati", Shruti, Gujarati Sangam MN, "Noto Sans Tamil", Latha, Tamil Sangam MN, "Noto Sans Telugu", Gautami, Telugu Sangam MN, "Noto Sans Kannada", Tunga, Kannada Sangam MN, "Noto Sans Malayalam", Kartika, Malayalam Sangam MN, "Noto Sans Sinhala", Iskoola Pota, Sinhala Sangam MN, "Noto Sans Thai", "Leelawadee UI", Thonburi, "Noto Sans Lao", Phetsarath OT, Lao Sangam MN, "Noto Sans Khmer", "Khmer UI", DaunPenh, Khmer Sangam MN, "Noto Sans Myanmar", "Myanmar Text", Padauk, Myanmar Sangam MN, "Noto Sans Ethiopic", Nyala, Abyssinica SIL, Kefa, "Noto Sans Armenian", Sylfaen, Mshtakan, "Noto Sans Georgian", Sakartvelo, monospace;
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.case-card p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}

.forensic-strip {
  display: flex;
  gap: 12px;
  margin-top: 22px;
  padding: 2px 0 8px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}

.forensic-strip figure {
  flex: 0 0 250px;
  min-width: 250px;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
  scroll-snap-align: start;
}

.forensic-strip img {
  width: 100%;
  height: 150px;
  object-fit: cover;
}

.forensic-strip figcaption {
  padding: 10px 12px;
  color: var(--muted);
  font-family: "JetBrains Mono", monospace, "Segoe UI", "Noto Sans", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Source Han Sans SC", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", "Hiragino Sans TC", "Source Han Sans TC", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, "MS PGothic", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", "Noto Naskh Arabic", "Noto Sans Arabic", Tahoma, "Geeza Pro", "Al Bayan", "Arabic Typesetting", "Noto Sans Hebrew", "Arial Hebrew", David, "Noto Sans Devanagari", "Nirmala UI", Mangal, Kohinoor Devanagari, "Noto Sans Bengali", Vrinda, Bangla Sangam MN, "Noto Sans Gurmukhi", Raavi, Gurmukhi MN, "Noto Sans Gujarati", Shruti, Gujarati Sangam MN, "Noto Sans Tamil", Latha, Tamil Sangam MN, "Noto Sans Telugu", Gautami, Telugu Sangam MN, "Noto Sans Kannada", Tunga, Kannada Sangam MN, "Noto Sans Malayalam", Kartika, Malayalam Sangam MN, "Noto Sans Sinhala", Iskoola Pota, Sinhala Sangam MN, "Noto Sans Thai", "Leelawadee UI", Thonburi, "Noto Sans Lao", Phetsarath OT, Lao Sangam MN, "Noto Sans Khmer", "Khmer UI", DaunPenh, Khmer Sangam MN, "Noto Sans Myanmar", "Myanmar Text", Padauk, Myanmar Sangam MN, "Noto Sans Ethiopic", Nyala, Abyssinica SIL, Kefa, "Noto Sans Armenian", Sylfaen, Mshtakan, "Noto Sans Georgian", Sakartvelo, monospace;
  font-size: 10px;
  line-height: 1.5;
}

.process-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.process-list li {
  position: relative;
  display: flex;
  gap: 14px;
  padding-bottom: 22px;
}

.process-list li:last-child {
  padding-bottom: 0;
}

.process-list li:not(:last-child)::after {
  position: absolute;
  top: 42px;
  bottom: 0;
  left: 23px;
  width: 1px;
  content: "";
  background: var(--line);
}

.step-num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  border: 1px solid var(--cyan);
  border-radius: 8px;
  background: rgba(46, 230, 214, 0.06);
  color: var(--cyan);
  font-family: "JetBrains Mono", monospace, "Segoe UI", "Noto Sans", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Source Han Sans SC", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", "Hiragino Sans TC", "Source Han Sans TC", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, "MS PGothic", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", "Noto Naskh Arabic", "Noto Sans Arabic", Tahoma, "Geeza Pro", "Al Bayan", "Arabic Typesetting", "Noto Sans Hebrew", "Arial Hebrew", David, "Noto Sans Devanagari", "Nirmala UI", Mangal, Kohinoor Devanagari, "Noto Sans Bengali", Vrinda, Bangla Sangam MN, "Noto Sans Gurmukhi", Raavi, Gurmukhi MN, "Noto Sans Gujarati", Shruti, Gujarati Sangam MN, "Noto Sans Tamil", Latha, Tamil Sangam MN, "Noto Sans Telugu", Gautami, Telugu Sangam MN, "Noto Sans Kannada", Tunga, Kannada Sangam MN, "Noto Sans Malayalam", Kartika, Malayalam Sangam MN, "Noto Sans Sinhala", Iskoola Pota, Sinhala Sangam MN, "Noto Sans Thai", "Leelawadee UI", Thonburi, "Noto Sans Lao", Phetsarath OT, Lao Sangam MN, "Noto Sans Khmer", "Khmer UI", DaunPenh, Khmer Sangam MN, "Noto Sans Myanmar", "Myanmar Text", Padauk, Myanmar Sangam MN, "Noto Sans Ethiopic", Nyala, Abyssinica SIL, Kefa, "Noto Sans Armenian", Sylfaen, Mshtakan, "Noto Sans Georgian", Sakartvelo, monospace;
  font-size: 12px;
}

.process-list strong {
  display: block;
  margin-top: 3px;
  font-size: 16px;
  line-height: 1.35;
}

.process-list p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}

.service-list {
  display: grid;
  gap: 10px;
}

.service-item {
  position: relative;
  width: 100%;
  padding: 14px 44px 14px 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
  color: var(--text);
  text-align: left;
  cursor: pointer;
}

.service-title {
  display: block;
  font-size: 15px;
  font-weight: 700;
}

.service-item > svg {
  position: absolute;
  top: 16px;
  right: 14px;
  width: 16px;
  height: 16px;
  color: var(--muted);
  transition: transform 0.2s ease;
}

.service-detail {
  display: block;
  max-height: 0;
  overflow: hidden;
  color: var(--muted);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.55;
  opacity: 0;
  transition: max-height 0.25s ease, opacity 0.25s ease, margin 0.25s ease;
}

.service-item.open {
  border-color: rgba(46, 230, 214, 0.4);
}

.service-item.open > svg {
  transform: rotate(45deg);
  color: var(--cyan);
}

.service-item.open .service-detail {
  max-height: 140px;
  margin-top: 8px;
  opacity: 1;
}

.security-layout {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
}

.security-copy h2 {
  margin: 0 0 10px;
  font-size: 26px;
  line-height: 1.2;
  letter-spacing: 0;
}

.security-copy > p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.6;
}

.privacy-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
}

.privacy-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #d7e4ee;
  font-size: 14px;
  line-height: 1.45;
}

.privacy-list svg {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  color: var(--cyan);
}

.shield-visual {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 132px;
  height: 132px;
}

.shield {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 84px;
  height: 84px;
  border: 1px solid var(--cyan);
  border-radius: 8px;
  background: rgba(46, 230, 214, 0.05);
  color: var(--cyan);
  box-shadow: 0 0 46px rgba(46, 230, 214, 0.14);
}

.shield svg {
  width: 38px;
  height: 38px;
}

.pulse-ring {
  position: absolute;
  inset: 8px;
  border: 1px dashed rgba(46, 230, 214, 0.35);
  border-radius: 8px;
  animation: spin 14s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.handoff {
  background:
    linear-gradient(180deg, rgba(46, 230, 214, 0.06), transparent 40%),
    var(--bg);
}

.handoff-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
}

.handoff-card {
  position: relative;
  display: block;
  min-height: 132px;
  padding: 16px 34px 16px 58px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
  transition: border-color 0.2s ease, transform 0.2s ease, background 0.2s ease;
}

.handoff-card:hover {
  border-color: rgba(46, 230, 214, 0.5);
  transform: translateY(-1px);
}

.handoff-primary {
  border-color: rgba(46, 230, 214, 0.45);
  background: rgba(46, 230, 214, 0.06);
}

.handoff-icon {
  position: absolute;
  top: 16px;
  left: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--cyan);
}

.handoff-icon svg {
  width: 16px;
  height: 16px;
}

.handoff-card strong {
  display: block;
  margin: 2px 0 5px;
  font-size: 15px;
  line-height: 1.35;
}

.handoff-card p {
  margin: 0;
  padding-right: 8px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
}

.handoff-arrow {
  position: absolute;
  right: 14px;
  bottom: 14px;
  color: var(--dim);
}

.handoff-arrow svg {
  width: 16px;
  height: 16px;
}

footer {
  padding: 36px 0 104px;
  border-top: 1px solid var(--line);
  background: #05080d;
  text-align: center;
}

.disclaimer {
  max-width: 520px;
  margin: 0 auto;
  color: var(--dim);
  font-size: 11px;
  line-height: 1.7;
}

.footer-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
  margin-top: 16px;
  color: var(--muted);
  font-size: 12px;
}

.footer-links a:hover {
  color: var(--cyan);
}

.copyright {
  margin: 18px 0 0;
  color: var(--dim);
  font-family: "JetBrains Mono", monospace, "Segoe UI", "Noto Sans", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Source Han Sans SC", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", "Hiragino Sans TC", "Source Han Sans TC", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, "MS PGothic", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", "Noto Naskh Arabic", "Noto Sans Arabic", Tahoma, "Geeza Pro", "Al Bayan", "Arabic Typesetting", "Noto Sans Hebrew", "Arial Hebrew", David, "Noto Sans Devanagari", "Nirmala UI", Mangal, Kohinoor Devanagari, "Noto Sans Bengali", Vrinda, Bangla Sangam MN, "Noto Sans Gurmukhi", Raavi, Gurmukhi MN, "Noto Sans Gujarati", Shruti, Gujarati Sangam MN, "Noto Sans Tamil", Latha, Tamil Sangam MN, "Noto Sans Telugu", Gautami, Telugu Sangam MN, "Noto Sans Kannada", Tunga, Kannada Sangam MN, "Noto Sans Malayalam", Kartika, Malayalam Sangam MN, "Noto Sans Sinhala", Iskoola Pota, Sinhala Sangam MN, "Noto Sans Thai", "Leelawadee UI", Thonburi, "Noto Sans Lao", Phetsarath OT, Lao Sangam MN, "Noto Sans Khmer", "Khmer UI", DaunPenh, Khmer Sangam MN, "Noto Sans Myanmar", "Myanmar Text", Padauk, Myanmar Sangam MN, "Noto Sans Ethiopic", Nyala, Abyssinica SIL, Kefa, "Noto Sans Armenian", Sylfaen, Mshtakan, "Noto Sans Georgian", Sakartvelo, monospace;
  font-size: 10px;
  letter-spacing: 0.12em;
}

.sticky-cta {
  position: fixed;
  z-index: 40;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
  background: linear-gradient(180deg, transparent, rgba(6, 9, 15, 0.94) 34%);
  transform: translateY(110%);
  transition: transform 0.25s ease;
}

.sticky-cta.visible {
  transform: translateY(0);
}

.sticky-cta .btn {
  width: 100%;
  max-width: 520px;
  margin: 0 auto;
}

@media (min-width: 720px) {
  .container {
    max-width: 1080px;
    padding: 0 24px;
  }

  .hero {
    padding: 76px 0 84px;
  }

  .hero .container {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    gap: 56px;
    align-items: center;
  }

  .hero h1 {
    font-size: 52px;
  }

  .hero-sub {
    font-size: 17px;
  }

  .proof-screen {
    margin-top: 0;
  }

  .proof-frame {
    width: 300px;
  }

  .stats-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .section {
    padding: 72px 0;
  }

  .section-head h2 {
    font-size: 32px;
  }

  .section-desc {
    font-size: 15px;
  }

  .check-panel {
    max-width: 680px;
    margin: 0 auto;
    padding: 24px;
  }

  .option-card {
    min-height: 84px;
    padding: 16px 14px;
    font-size: 14px;
  }

  .case-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .forensic-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: visible;
  }

  .forensic-strip figure {
    flex: none;
    min-width: 0;
  }

  .forensic-strip img {
    height: 170px;
  }

  .process-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px 40px;
  }

  .process-list li:not(:last-child)::after {
    display: none;
  }

  .process-list li {
    padding: 0;
  }

  .security-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 180px;
    align-items: center;
  }

  .handoff-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .handoff-card {
    min-height: 176px;
    padding: 18px 18px 18px 60px;
  }

  footer {
    padding-bottom: 40px;
  }

  .sticky-cta {
    display: none;
  }
}