:root {
  --ink: #111827;
  --ink-soft: #182235;
  --paper: #f3f5ef;
  --paper-deep: #e7ebe1;
  --muted: #68717d;
  --line: rgba(17, 24, 39, .14);
  --line-dark: rgba(243, 245, 239, .16);
  --lime: #d6f36b;
  --orange: #ff9b54;
  --white: #fbfcf8;
  --mono: "SFMono-Regular", "Roboto Mono", "Cascadia Code", monospace;
  --sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: var(--sans); font-size: 16px; line-height: 1.7; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
.container { width: min(1160px, calc(100% - 48px)); margin-inline: auto; }
.skip-link { position: fixed; left: 16px; top: -80px; z-index: 20; padding: 10px 14px; background: var(--lime); color: var(--ink); border-radius: 8px; transition: top .2s; }
.skip-link:focus { top: 16px; }
.site-header { position: sticky; top: 0; z-index: 10; background: rgba(243,245,239,.9); border-bottom: 1px solid var(--line); backdrop-filter: blur(18px); }
.nav-wrap { min-height: 74px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.brand { display: inline-flex; align-items: center; gap: 10px; font-family: var(--mono); font-size: 14px; font-weight: 700; letter-spacing: -.04em; }
.brand-accent { color: #8b9f26; }
.brand-mark { width: 26px; height: 26px; display: inline-flex; align-items: flex-end; gap: 3px; padding: 5px; background: var(--ink); border-radius: 7px; }
.brand-mark span { display: block; width: 6px; background: var(--lime); border-radius: 2px 2px 1px 1px; }
.brand-mark span:first-child { height: 12px; }
.brand-mark span:last-child { height: 17px; background: var(--orange); }
.site-nav { display: flex; align-items: center; gap: 28px; font-size: 14px; font-weight: 600; }
.site-nav a { color: #48515d; }
.site-nav a:hover, .site-nav a:focus-visible { color: var(--ink); }
.site-nav .nav-cta { padding: 8px 14px; color: var(--ink); border: 1px solid var(--ink); border-radius: 99px; }
.language-toggle { order: 3; min-width: 42px; padding: 7px 9px; border: 1px solid var(--line); border-radius: 99px; background: transparent; color: var(--ink); cursor: pointer; font-family: var(--mono); font-size: 11px; font-weight: 700; }
.language-toggle:hover, .language-toggle:focus-visible { border-color: var(--ink); background: var(--ink); color: var(--lime); }
.menu-toggle { display: none; padding: 7px 10px; border: 1px solid var(--line); border-radius: 7px; background: transparent; color: var(--ink); }
.site-nav { order: 2; }
.hero { min-height: 650px; background: radial-gradient(circle at 88% 0%, rgba(214,243,107,.24), transparent 32%), var(--paper); overflow: hidden; }
.hero-inner { min-height: 650px; display: grid; grid-template-columns: 1.02fr .98fr; align-items: center; gap: 72px; padding-block: 88px 74px; }
.eyebrow, .section-kicker, .card-index, .terminal-topbar, .scan-caption, .board-head, .command-label { font-family: var(--mono); font-size: 11px; font-weight: 700; letter-spacing: .1em; }
.eyebrow { display: flex; align-items: center; gap: 9px; color: #7b8d21; }
.eyebrow-dot { width: 7px; height: 7px; display: inline-block; background: var(--orange); border-radius: 50%; box-shadow: 0 0 0 4px rgba(255,155,84,.18); }
h1, h2, h3, p { margin-top: 0; }
h1, h2 { letter-spacing: -.065em; line-height: 1.08; }
h1 { max-width: 650px; margin-bottom: 26px; font-size: clamp(42px, 5vw, 72px); font-weight: 800; }
h2 { margin-bottom: 22px; font-size: clamp(36px, 4.2vw, 58px); font-weight: 800; }
h1 em, h2 em { color: #91a329; font-style: normal; }
.hero-lead { max-width: 590px; margin-bottom: 28px; color: #59626f; font-size: 18px; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.button { display: inline-flex; align-items: center; gap: 15px; min-height: 47px; padding: 11px 17px; border: 1px solid transparent; border-radius: 7px; font-size: 14px; font-weight: 750; cursor: pointer; transition: transform .2s, background .2s, color .2s; }
.button:hover { transform: translateY(-2px); }
.button-primary { background: var(--ink); color: var(--lime); }
.button-primary:hover { background: #25324a; }
.button-quiet { background: transparent; color: #59626f; border-color: var(--line); }
.button-quiet:hover { color: var(--ink); border-color: var(--ink); }
.button-dark { background: var(--ink); color: var(--lime); }
.hero-note { margin: 18px 0 0; color: #7c8490; font-size: 13px; }
.lock-icon { color: #9bb326; font-size: 20px; vertical-align: -2px; }
.terminal-card { max-width: 520px; margin-left: auto; color: #d6dfd0; background: var(--ink); border: 1px solid #283650; border-radius: 12px; box-shadow: 18px 22px 0 rgba(17,24,39,.08); transform: rotate(1.5deg); }
.terminal-topbar { display: grid; grid-template-columns: 1fr auto 1fr; gap: 12px; align-items: center; padding: 15px 18px; color: #8090a4; border-bottom: 1px solid #2d3a52; }
.terminal-dots { display: flex; gap: 5px; }
.terminal-dots i { width: 7px; height: 7px; display: block; border-radius: 50%; background: #4f5d73; }
.terminal-dots i:first-child { background: #ff806f; }.terminal-dots i:nth-child(2) { background: #f0c36a; }.terminal-dots i:last-child { background: #a9cf58; }
.terminal-status { justify-self: end; color: var(--lime); }
.terminal-body { padding: 30px; font-family: var(--mono); font-size: 12px; }
.terminal-line { margin-bottom: 13px; color: #bdc7d4; }.terminal-line strong { color: var(--white); font-weight: 500; }.terminal-line.dim { color: #6d7b90; }.prompt-mark { margin-right: 8px; color: var(--orange); }
.scan-bar { height: 8px; margin: 30px 0 8px; background: #2a3850; border-radius: 99px; overflow: hidden; }.scan-bar span { display: block; width: 100%; height: 100%; background: linear-gradient(90deg, var(--lime), #b6d348); border-radius: inherit; }
.scan-caption { display: flex; justify-content: space-between; color: #708198; font-size: 10px; }.scan-caption span:last-child { color: var(--lime); }
.terminal-stat-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin: 28px 0; background: #2d3a52; border: 1px solid #2d3a52; }.terminal-stat-grid div { padding: 15px; background: #151f32; }.terminal-stat-grid span, .terminal-stat-grid strong { display: block; }.terminal-stat-grid span { margin-bottom: 7px; color: #718095; font-size: 10px; }.terminal-stat-grid strong { color: #f2f4ea; font-size: 18px; font-weight: 500; }.terminal-stat-grid .stat-lime { color: var(--lime); }.result-line { margin: 0; color: var(--lime); }
.result-icon { display: inline-flex; justify-content: center; align-items: center; width: 16px; height: 16px; margin-right: 8px; border: 1px solid var(--lime); border-radius: 50%; font-size: 10px; }
.signal-bar { background: var(--ink); color: #9ba8bb; }.signal-list { display: grid; grid-template-columns: repeat(4, 1fr); padding-block: 19px; font-family: var(--mono); font-size: 11px; }.signal-list span { padding-inline: 22px; border-left: 1px solid var(--line-dark); }.signal-list span:first-child { padding-left: 0; border-left: 0; }.signal-list b { margin-right: 8px; color: var(--lime); }
.comparison-priority { padding-block: 92px 108px; }
.comparison-priority .report-explorer { margin-top: 0; }
#report-explorer { scroll-margin-top: 94px; }
.section-padding { padding-block: 128px; }.intro-grid { display: grid; grid-template-columns: .7fr 1.4fr .7fr; gap: 34px; align-items: start; }.section-kicker { color: #8b9f26; }.section-kicker span { display: inline-block; width: 36px; height: 1px; margin-left: 10px; vertical-align: middle; background: currentColor; }.intro-copy h2 { max-width: 720px; }.intro-copy p { max-width: 640px; color: var(--muted); font-size: 18px; }.intro-aside { padding-top: 8px; border-top: 1px solid var(--line); }.aside-number { display: block; margin-bottom: 20px; color: var(--orange); font-family: var(--mono); font-size: 30px; }.intro-aside p { color: #5c6671; font-size: 14px; }
.dark-section { color: var(--white); background: var(--ink); }.light { color: var(--lime); }.section-head { display: flex; justify-content: space-between; align-items: end; gap: 60px; margin-bottom: 54px; }.section-head h2 { margin-bottom: 0; }.section-head > p { max-width: 360px; margin-bottom: 5px; color: #9aa8b9; font-size: 15px; }.capability-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: #344057; border: 1px solid #344057; }.capability-card { min-height: 350px; padding: 24px; background: var(--ink-soft); transition: background .25s, transform .25s; }.capability-card:hover { position: relative; z-index: 1; background: #202e46; transform: translateY(-5px); }.card-index { color: #718098; }.card-icon { display: grid; place-items: center; width: 48px; height: 48px; margin: 42px 0 25px; border: 1px solid #475872; border-radius: 50%; color: var(--lime); font-family: var(--mono); font-weight: 700; }.resource-icon { color: var(--orange); }.config-icon { color: #91cbff; }.dependency-icon { color: var(--lime); }.capability-card h3 { margin-bottom: 12px; font-size: 21px; }.capability-card p { min-height: 105px; margin-bottom: 22px; color: #a7b1bf; font-size: 14px; }.tag-row { display: flex; flex-wrap: wrap; gap: 6px; }.tag-row span { padding: 3px 7px; color: #8795a9; border: 1px solid #40506a; border-radius: 4px; font-family: var(--mono); font-size: 10px; }
.workflow { background: var(--paper-deep); }.workflow-head { margin-bottom: 66px; }.workflow-head > p { color: #68717d; }.workflow-steps { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); }.workflow-step { display: grid; grid-template-columns: 50px 1fr; gap: 20px; padding: 34px 26px 20px 0; border-right: 1px solid var(--line); }.workflow-step:not(:first-child) { padding-left: 26px; }.workflow-step:last-child { border-right: 0; }.step-no { color: var(--orange); font-family: var(--mono); font-size: 14px; font-weight: 700; }.workflow-step h3 { margin-bottom: 10px; font-size: 20px; }.workflow-step p { margin: 0; color: #68717d; font-size: 14px; }.command-panel { display: flex; align-items: center; gap: 20px; margin-top: 46px; padding: 16px 20px; color: #c7d0de; background: var(--ink); border-radius: 8px; }.command-label { color: var(--lime); }.terminal-mini-dot { display: inline-block; width: 7px; height: 7px; margin-right: 6px; background: var(--orange); border-radius: 50%; }.command-panel code { flex: 1; color: var(--white); font-family: var(--mono); font-size: 13px; }.command-panel button { padding: 7px 11px; color: var(--lime); border: 1px solid #53627b; border-radius: 5px; background: transparent; cursor: pointer; font-family: var(--mono); font-size: 11px; }
.soft-section { background: #e9ede6; }.reports-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 100px; align-items: center; }.report-copy p { max-width: 450px; color: var(--muted); font-size: 17px; }.report-source-note { display: flex; gap: 8px; align-items: center; margin: 18px 0 22px; color: #7d8f28 !important; font-family: var(--mono); font-size: 11px !important; }.source-mark { color: var(--orange); font-size: 10px; }.text-link { display: inline-flex; gap: 10px; color: #7e921d; font-weight: 750; }.report-board { padding: 27px; color: var(--white); background: var(--ink); border-radius: 10px; box-shadow: 15px 15px 0 rgba(17,24,39,.09); }.board-head { display: flex; justify-content: space-between; margin-bottom: 35px; color: #7f8ca1; }.board-chip { color: var(--lime); }.board-score { display: flex; justify-content: space-between; align-items: center; }.board-score span { display: block; margin-bottom: 6px; color: #8290a5; font-family: var(--mono); font-size: 10px; letter-spacing: .08em; }.board-score strong { color: var(--lime); font-family: var(--mono); font-size: 52px; line-height: 1; font-weight: 500; }.board-score small { font-size: 20px; }.score-ring { width: 84px; height: 84px; display: grid; place-items: center; border: 7px solid var(--lime); border-left-color: #40506a; border-radius: 50%; color: var(--lime); font-family: var(--mono); font-size: 15px; }.board-divider { height: 1px; margin: 29px 0 22px; background: #35425a; }.board-row { display: grid; grid-template-columns: 1.2fr .5fr 1.2fr; gap: 12px; align-items: center; margin: 17px 0; color: #acb6c5; font-family: var(--mono); font-size: 11px; }.board-row b { color: var(--white); font-weight: 500; text-align: right; }.board-row i { height: 5px; display: block; background: #2c3a53; border-radius: 99px; overflow: hidden; }.board-row i em { display: block; height: 100%; background: var(--orange); border-radius: inherit; }.board-footer { display: flex; gap: 10px; align-items: center; margin-top: 29px; padding-top: 19px; border-top: 1px solid #35425a; color: #718096; font-family: var(--mono); font-size: 10px; }.board-footer strong { margin-right: auto; color: var(--white); font-weight: 500; }.project-snapshot-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; margin-top: 48px; }.project-snapshot { padding: 24px 26px; border: 1px solid var(--line); background: rgba(251,252,248,.52); }.project-label { margin-bottom: 15px; color: #8b9f26; font-family: var(--mono); font-size: 10px; font-weight: 700; letter-spacing: .1em; }.project-snapshot h3 { margin-bottom: 22px; font-size: 22px; letter-spacing: -.04em; }.project-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }.project-stats div { padding-top: 10px; border-top: 1px solid var(--line); }.project-stats span, .project-stats strong { display: block; }.project-stats span { color: var(--muted); font-size: 11px; }.project-stats strong { color: var(--ink); font-family: var(--mono); font-size: 18px; font-weight: 500; }.report-footnote { margin: 22px 0 0; color: #7b8490; font-family: var(--mono); font-size: 11px; }
.report-explorer { margin-top: 64px; padding: 30px; color: var(--white); background: var(--ink); border-radius: 12px; box-shadow: 15px 15px 0 rgba(17,24,39,.08); }
.explorer-head { display: flex; justify-content: space-between; gap: 50px; align-items: end; padding-bottom: 28px; border-bottom: 1px solid #35425a; }
.explorer-heading h3 { margin: 13px 0 0; font-size: clamp(28px, 3vw, 42px); line-height: 1.1; letter-spacing: -.055em; }
.explorer-heading h3 em { color: var(--lime); font-style: normal; }
.explorer-lead { max-width: 550px; margin: 16px 0 0; color: #9aa8b9; font-size: 15px; }
.format-tabs, .category-tabs { display: flex; flex-wrap: wrap; gap: 7px; }
.format-tabs { justify-content: flex-end; }
.format-tabs button, .category-tabs button { padding: 8px 11px; color: #9aa8b9; border: 1px solid #40506a; border-radius: 5px; background: transparent; cursor: pointer; font-family: var(--mono); font-size: 11px; }
.format-tabs button:hover, .format-tabs button:focus-visible, .category-tabs button:hover, .category-tabs button:focus-visible { color: var(--white); border-color: #92a7c3; }
.format-tabs button[aria-selected="true"], .category-tabs button[aria-selected="true"] { color: var(--ink); border-color: var(--lime); background: var(--lime); }
.explorer-panel { padding-top: 28px; }
.live-report-summary { display: grid; grid-template-columns: .72fr 1.2fr 1.2fr .9fr; margin-bottom: 26px; border: 1px solid #35425a; background: #182235; }
.live-report-summary div { min-width: 0; padding: 16px 18px; border-right: 1px solid #35425a; }
.live-report-summary div:last-child { border-right: 0; }
.live-report-summary span, .live-report-summary strong, .live-report-summary b { display: block; }
.live-report-summary span { margin-bottom: 7px; color: #8290a5; font-family: var(--mono); font-size: 10px; letter-spacing: .06em; text-transform: uppercase; }
.live-report-summary strong { color: var(--lime); font-family: var(--mono); font-size: 25px; font-weight: 500; }
.live-report-summary b { overflow: hidden; color: #d7dfd5; font-family: var(--mono); font-size: 12px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
.scope-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: #35425a; border: 1px solid #35425a; }
.scope-card { min-height: 150px; padding: 19px; color: var(--white); text-align: left; border: 0; background: var(--ink-soft); cursor: pointer; }
.scope-card:hover, .scope-card:focus-visible, .scope-card.is-active { background: #263651; }
.scope-card span, .panel-index { display: block; margin-bottom: 18px; color: var(--orange); font-family: var(--mono); font-size: 10px; letter-spacing: .1em; }
.scope-card strong { display: block; margin-bottom: 10px; font-size: 18px; }
.scope-card small { display: block; color: #9aa8b9; font-size: 12px; line-height: 1.6; }
.scope-detail { min-height: 150px; padding: 25px 0 4px; }
.scope-detail h4, .explorer-panel-heading h4 { margin: 0 0 9px; color: var(--white); font-size: 18px; }
.scope-detail p, .explorer-panel-heading p { margin: 0; color: #9aa8b9; font-size: 14px; }
.scope-detail-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 20px; }
.scope-stat { padding: 15px; border: 1px solid #35425a; background: rgba(24,34,53,.72); }
.scope-stat span, .scope-stat strong { display: block; }
.scope-stat span { color: #8290a5; font-family: var(--mono); font-size: 10px; }
.scope-stat strong { margin-top: 5px; color: var(--lime); font-family: var(--mono); font-size: 18px; font-weight: 500; }
.scope-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 19px; }
.scope-tags span { padding: 4px 7px; color: #aab7c7; border: 1px solid #40506a; border-radius: 4px; font-family: var(--mono); font-size: 10px; }
.explorer-panel-heading { display: flex; justify-content: space-between; align-items: end; gap: 30px; margin-bottom: 21px; }
.explorer-panel-heading p { max-width: 430px; text-align: right; }
.category-tabs { margin-bottom: 17px; }
.report-table-wrap { overflow-x: auto; border: 1px solid #35425a; }
.report-data-table { width: 100%; min-width: 940px; border-collapse: collapse; font-size: 13px; }
.report-data-table th, .report-data-table td { padding: 12px 14px; border-bottom: 1px solid #2b3850; text-align: left; }
.report-data-table th { color: #8290a5; background: #182235; font-family: var(--mono); font-size: 10px; font-weight: 500; letter-spacing: .05em; text-transform: uppercase; }
.report-data-table td { color: #d7dfd5; }.report-data-table td:nth-child(2), .report-data-table td:nth-child(3), .report-data-table td:nth-child(4), .report-data-table td:last-child { color: var(--lime); font-family: var(--mono); }.report-data-table tr:last-child td { border-bottom: 0; }
.report-data-table td:last-child { color: var(--orange); }.report-data-table .muted-cell { color: #7f8ca1 !important; }
.report-data-table td:first-child strong { color: var(--white); font-weight: 650; }
.report-data-table th:nth-child(2), .report-data-table th:nth-child(3), .report-data-table th:nth-child(4), .report-data-table td:nth-child(2), .report-data-table td:nth-child(3), .report-data-table td:nth-child(4) { text-align: center; white-space: nowrap; }
.sample-token-list { display: grid; grid-template-columns: repeat(2, minmax(145px, 1fr)); gap: 3px 18px; min-width: 330px; }
.sample-token-list span { position: relative; min-width: 0; padding: 2px 0 2px 11px; color: #dce7a8; font-family: var(--mono); font-size: 10px; line-height: 1.45; overflow-wrap: anywhere; }
.sample-token-list span::before { content: ''; position: absolute; top: .75em; left: 0; width: 4px; height: 4px; background: var(--lime); border-radius: 50%; }
.empty-value { color: #68778e; }
.path-availability { display: inline-flex; align-items: center; gap: 6px; color: #97c8ff; font-family: var(--mono); font-size: 11px; }
.path-availability::before { content: '↗'; color: var(--orange); }
.report-table-note { margin: 13px 0 0; color: #8290a5; font-size: 12px; }
.report-json-preview { margin: 0; padding: 22px; overflow-x: auto; color: #d7dfd5; border: 1px solid #35425a; background: #182235; font-family: var(--mono); font-size: 12px; line-height: 1.8; }
.report-log-preview { display: grid; gap: 0; border-top: 1px solid #35425a; }.report-log-line { display: grid; grid-template-columns: 80px 70px 1fr; gap: 14px; padding: 13px 0; border-bottom: 1px solid #35425a; color: #d7dfd5; font-size: 13px; }.report-log-line time, .report-log-line b { color: var(--lime); font-family: var(--mono); font-size: 11px; }.report-log-line b { color: var(--orange); font-weight: 500; }.explorer-noscript { margin: 22px 0 0; color: #9aa8b9; font-size: 13px; }
.config-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 90px; align-items: center; }.config-window { max-width: 560px; padding: 0 20px 22px; background: #202c40; border-radius: 8px; box-shadow: 14px 14px 0 rgba(214,243,107,.4); transform: rotate(-2deg); }.config-window-head { display: flex; justify-content: space-between; margin: 0 -20px 20px; padding: 14px 20px; color: #93a0b0; border-bottom: 1px solid #39485f; font-family: var(--mono); font-size: 11px; }.config-window-head span:last-child { color: var(--orange); }.config-window pre { margin: 0; color: #dce2db; font-family: var(--mono); font-size: clamp(10px, 1.1vw, 13px); line-height: 2; overflow-x: auto; }.json-key { color: #97c8ff; }.json-string { color: var(--lime); }.json-bool { color: var(--orange); }.json-number { color: #f2bd78; }.config-copy p { max-width: 460px; color: var(--muted); font-size: 17px; }.config-points { display: grid; gap: 8px; margin-top: 25px; color: #687d1e; font-family: var(--mono); font-size: 12px; }
.faq-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 100px; }.faq-intro { max-width: 350px; color: #9aa8b9; }.faq-list { border-top: 1px solid #35425a; }.faq-list details { border-bottom: 1px solid #35425a; }.faq-list summary { display: flex; justify-content: space-between; gap: 20px; padding: 21px 0; color: var(--white); font-size: 16px; font-weight: 650; cursor: pointer; list-style: none; }.faq-list summary::-webkit-details-marker { display: none; }.faq-list summary span { color: var(--lime); font-family: var(--mono); font-size: 20px; font-weight: 400; transition: transform .2s; }.faq-list details[open] summary span { transform: rotate(45deg); }.faq-list details p { max-width: 650px; margin: -4px 35px 22px 0; color: #9aa8b9; font-size: 14px; }
.start-section { background: var(--lime); }.start-inner { display: grid; grid-template-columns: 1.1fr .9fr; gap: 70px; align-items: end; }.start-inner .section-kicker { color: #71851a; }.start-inner h2 { margin-bottom: 0; }.start-inner p { max-width: 340px; margin-bottom: 23px; color: #4b5a21; }.start-inner .button { border-color: var(--ink); }.start-actions { display: flex; flex-wrap: wrap; gap: 10px; }.button-outline { color: var(--ink); border-color: rgba(17,24,39,.45); background: transparent; }.button-outline:hover { color: var(--ink); border-color: var(--ink); background: rgba(17,24,39,.06); }.site-footer { padding-block: 54px; color: #a6b2c2; background: var(--ink); }.footer-grid { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 40px; align-items: start; }.footer-brand { color: var(--white); }.footer-grid p { margin: 17px 0 0; color: #738298; font-family: var(--mono); font-size: 11px; }.footer-links { display: flex; flex-wrap: wrap; gap: 9px 20px; font-size: 13px; }.footer-links a:hover { color: var(--lime); }.footer-meta { display: grid; gap: 8px; justify-items: end; color: #738298; font-family: var(--mono); font-size: 10px; text-align: right; }.footer-icp { display: inline-flex; align-items: center; gap: 8px; padding: 7px 10px; color: #a6b2c2; border: 1px solid #35425a; border-radius: 6px; background: rgba(255,255,255,.025); font-size: 12px; line-height: 1; transition: color .2s, border-color .2s, background .2s, transform .2s; }.footer-icp-mark { display: inline-grid; place-items: center; min-width: 31px; height: 22px; padding-inline: 5px; color: var(--ink); background: var(--orange); border-radius: 4px; font-family: var(--mono); font-size: 9px; font-weight: 800; letter-spacing: .05em; }.footer-icp:hover, .footer-icp:focus-visible { color: var(--white); border-color: var(--lime); background: rgba(214,243,107,.06); transform: translateY(-1px); }.toast { position: fixed; right: 22px; bottom: 22px; z-index: 15; padding: 11px 15px; color: var(--ink); background: var(--lime); border-radius: 6px; box-shadow: 0 8px 20px rgba(17,24,39,.2); font-size: 13px; opacity: 0; transform: translateY(15px); pointer-events: none; transition: opacity .2s, transform .2s; }.toast.show { opacity: 1; transform: translateY(0); }
.contact-section { background: var(--paper); }.contact-inner { display: grid; grid-template-columns: 1fr .62fr; gap: 90px; align-items: center; }.contact-copy p { max-width: 430px; color: var(--muted); font-size: 17px; }.contact-email { display: inline-grid; gap: 5px; margin: 9px 0 20px; padding: 14px 17px; color: var(--ink); border: 1px solid var(--line); border-left: 4px solid var(--orange); background: rgba(255,255,255,.65); transition: border-color .2s, background .2s, transform .2s; }.contact-email span { color: #7e921d; font-family: var(--mono); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; }.contact-email strong { font-family: var(--mono); font-size: 15px; font-weight: 600; }.contact-email:hover, .contact-email:focus-visible { border-color: #aab675; background: var(--white); transform: translateY(-2px); }.contact-note { color: #7e921d !important; font-family: var(--mono); font-size: 12px !important; }.wechat-card { width: min(100%, 300px); margin: 0 auto; padding: 14px 14px 18px; background: var(--white); border: 1px solid var(--line); box-shadow: 14px 14px 0 rgba(17,24,39,.08); transform: rotate(1deg); }.wechat-card img { display: block; width: 100%; height: auto; border: 1px solid #e8ebe3; }.wechat-card figcaption { display: flex; justify-content: space-between; gap: 15px; align-items: baseline; padding: 15px 3px 0; }.wechat-card figcaption strong { font-family: var(--mono); font-size: 15px; }.wechat-card figcaption span { color: var(--muted); font-size: 12px; }.reveal { opacity: 0; transform: translateY(18px); transition: opacity .6s ease, transform .6s ease; }.reveal.is-visible { opacity: 1; transform: translateY(0); }.reveal-delay { transition-delay: .12s; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; }.reveal { opacity: 1; transform: none; transition: none; }.button, .capability-card { transition: none; } }
@media (max-width: 900px) { .hero-inner { grid-template-columns: 1fr; gap: 55px; }.terminal-card { margin-inline: 0 auto; }.intro-grid, .reports-grid, .config-grid, .faq-grid { grid-template-columns: 1fr; gap: 40px; }.intro-aside { max-width: 450px; }.capability-grid { grid-template-columns: 1fr 1fr; }.section-head { align-items: start; flex-direction: column; gap: 18px; }.workflow-step { padding-right: 18px; }.workflow-step:not(:first-child) { padding-left: 18px; }.footer-grid { grid-template-columns: 1fr 1fr; }.footer-meta { justify-items: start; text-align: left; } }
@media (max-width: 680px) { .container { width: min(100% - 32px, 560px); }.nav-wrap { min-height: 64px; }.menu-toggle { display: block; }.site-nav { position: absolute; top: 64px; left: 16px; right: 16px; display: none; flex-direction: column; align-items: stretch; gap: 0; padding: 8px; background: var(--paper); border: 1px solid var(--line); border-radius: 8px; box-shadow: 0 12px 30px rgba(17,24,39,.1); }.site-nav.is-open { display: flex; }.site-nav a { padding: 11px 12px; }.site-nav .nav-cta { margin-top: 5px; text-align: center; }.hero-inner { min-height: auto; padding-block: 70px 65px; }.hero { min-height: auto; }.hero-lead { font-size: 16px; }.hero-actions { align-items: stretch; flex-direction: column; }.button { justify-content: center; }.terminal-card { transform: none; }.terminal-body { padding: 22px 18px; }.signal-list { grid-template-columns: 1fr 1fr; gap: 14px 0; }.signal-list span { padding-inline: 12px; }.signal-list span:nth-child(odd) { padding-left: 0; border-left: 0; }.signal-list span:nth-child(even) { padding-right: 0; }.section-padding { padding-block: 82px; }.intro-grid { gap: 26px; }.capability-grid { grid-template-columns: 1fr; }.capability-card { min-height: auto; }.capability-card p { min-height: auto; }.workflow-steps { grid-template-columns: 1fr; }.workflow-step, .workflow-step:not(:first-child) { padding: 24px 0; border-right: 0; border-bottom: 1px solid var(--line); }.command-panel { align-items: flex-start; flex-wrap: wrap; gap: 10px; }.command-panel code { flex-basis: 100%; order: 2; overflow-x: auto; }.command-panel button { order: 1; margin-left: auto; }.board-score strong { font-size: 40px; }.board-score .score-ring { width: 70px; height: 70px; }.board-row { grid-template-columns: 1fr .65fr; }.board-row i { grid-column: 1 / -1; }.config-window { transform: none; }.footer-grid { grid-template-columns: 1fr; gap: 28px; }.footer-meta { justify-items: start; }.start-inner { grid-template-columns: 1fr; gap: 24px; } }
@media (max-width: 680px) { .project-snapshot-grid { grid-template-columns: 1fr; }.project-stats { grid-template-columns: 1fr 1fr; }.report-footnote { line-height: 1.8; }.comparison-priority { padding-block: 64px 76px; }.report-explorer { margin-top: 42px; padding: 20px; }.comparison-priority .report-explorer { margin-top: 0; }.explorer-head { display: block; }.format-tabs { justify-content: flex-start; margin-top: 24px; }.live-report-summary { grid-template-columns: 1fr 1fr; }.live-report-summary div:nth-child(2) { border-right: 0; }.live-report-summary div:nth-child(-n+2) { border-bottom: 1px solid #35425a; }.explorer-panel-heading { display: block; }.explorer-panel-heading p { margin-top: 10px; text-align: left; }.sample-token-list { grid-template-columns: 1fr; min-width: 240px; }.report-log-line { grid-template-columns: 1fr; gap: 2px; } }
@media (max-width: 900px) { .contact-inner { grid-template-columns: 1fr; gap: 45px; }.wechat-card { margin-left: 0; } }
@media (max-width: 680px) { .contact-inner { gap: 32px; }.wechat-card { margin-inline: auto; transform: none; } }