:root {
  --ink: #14221b;
  --muted: #52655a;
  --paper: #f6f8f5;
  --white: #ffffff;
  --green: #1d6b42;
  --line: #cedbd1;
  --tint: #e8f0eb;
  --display: "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  --body: "Segoe UI", "Noto Sans SC", "Microsoft YaHei", sans-serif;
  --data: "Cascadia Mono", Consolas, monospace;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 100px; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 16px/1.8 var(--body); }
a { color: var(--green); text-underline-offset: .22em; text-decoration-thickness: 1px; }
a:hover { text-decoration-thickness: 2px; }
a, button, summary { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid var(--green); outline-offset: 5px; }
::selection { background: #c3ddcc; color: var(--ink); }
img { display: block; max-width: 100%; height: auto; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { font-family: var(--display); line-height: 1.35; }
h2 { font-size: clamp(25px, 3.2vw, 36px); letter-spacing: -.03em; }
h3 { font-size: 21px; }
p { margin-bottom: 1.2em; }
.shell { width: min(1120px, calc(100% - 64px)); margin-inline: auto; }
.skip-link { position: fixed; left: 16px; top: 12px; z-index: 100; padding: 10px 16px; color: white; background: var(--green); transform: translateY(-160%); }
.skip-link:focus { transform: none; }
.site-header { position: sticky; top: 0; z-index: 20; background: var(--paper); border-bottom: 1px solid var(--line); }
.header-inner { min-height: 80px; display: flex; align-items: center; gap: 26px; }
.wordmark { display: inline-flex; flex-shrink: 0; align-items: center; gap: 10px; text-decoration: none; font-size: 21px; font-weight: 800; color: var(--ink); line-height: 1.2; }
.wordmark small { display: block; font-size: 10px; font-weight: 500; letter-spacing: .24em; margin-top: 5px; color: var(--muted); }
.mark { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 5px; background: var(--green); color: white; font-family: var(--data); }
.main-nav { display: flex; flex-wrap: wrap; gap: 4px; margin-left: auto; }
.main-nav a { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 12px; text-decoration: none; font-size: 14px; color: var(--muted); border-bottom: 2px solid transparent; }
.main-nav a:hover { color: var(--green); background: var(--tint); }
.main-nav [aria-current="page"] { color: var(--green); border-bottom-color: var(--green); font-weight: 750; }
.header-cta { flex-shrink: 0; padding: 10px 16px; min-height: 44px; background: var(--green); color: white; text-decoration: none; font-size: 14px; font-weight: 700; border-radius: 4px; }
.hero { padding-top: 68px; padding-bottom: 0; }
.eyebrow { margin-bottom: 15px; color: var(--green); font: 600 12px/1.6 var(--data); letter-spacing: .13em; }
.hero h1 { font-size: clamp(34px, 4.4vw, 59px); font-weight: 750; letter-spacing: -.045em; margin-bottom: 22px; line-height: 1.28; }
.hero h1 span, .hero h1 em { display: block; }
.hero h1 em { margin-top: 8px; color: var(--green); font-size: .8em; font-style: normal; }
.lead { max-width: 760px; font-size: 19px; line-height: 1.85; color: var(--muted); margin-bottom: 26px; }
.actions { display: flex; flex-wrap: wrap; gap: 12px; }
.button { display: inline-flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 48px; padding: 12px 20px; border: 1px solid var(--green); border-radius: 4px; font-weight: 650; text-decoration: none; }
.primary { background: var(--green); color: white; }
.primary:hover, .header-cta:hover { background: #155332; }
.secondary { color: var(--green); background: transparent; }
.secondary:hover { background: var(--tint); }
.meta { margin-top: 23px; margin-bottom: 0; color: var(--muted); font-size: 13px; }
.journey { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 42px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.journey a { display: grid; align-content: start; gap: 6px; padding: 24px 20px; border-right: 1px solid var(--line); color: var(--ink); text-decoration: none; }
.journey a:first-child { padding-left: 0; }
.journey a:last-child { border: 0; }
.journey a:hover { background: var(--tint); }
.journey span { color: var(--green); font: 600 12px/1.8 var(--data); }
.journey strong { font-size: 21px; }
.journey small { font-size: 13px; color: var(--muted); }
.section { padding-block: 66px; }
.section-tint { background: var(--tint); }
.section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 20px; }
.section-heading h2 { margin-bottom: 0; }
.section-heading .eyebrow { margin-bottom: 10px; }
.section-intro { max-width: 850px; color: var(--muted); }
.text-link { display: inline-block; padding-block: 8px; min-height: 44px; font-weight: 650; }
.table-wrap { max-width: 100%; overflow-x: auto; margin: 24px 0; border: 1px solid var(--line); border-radius: 6px; background: var(--white); }
table { width: 100%; border-collapse: collapse; font-size: 15px; line-height: 1.7; }
caption { padding: 12px 18px; text-align: left; color: var(--muted); background: var(--white); font-size: 13px; border-bottom: 1px solid var(--line); }
th, td { text-align: left; padding: 15px 20px; border-bottom: 1px solid var(--line); vertical-align: top; overflow-wrap: anywhere; }
thead th { background: var(--tint); font-size: 13px; }
tbody th { font-weight: 650; }
tbody tr:last-child > * { border-bottom: 0; }
.note { color: var(--muted); font-size: 14px; max-width: 900px; }
.two-column { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; }
.two-column > div > p:not(.eyebrow) { color: var(--muted); }
.steps { list-style: none; counter-reset: steps; padding: 0; margin: 0; }
.steps li { counter-increment: steps; position: relative; padding-left: 46px; margin-bottom: 22px; }
.steps li::before { content: counter(steps); position: absolute; left: 0; top: 0; display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid var(--green); border-radius: 50%; font: 600 13px var(--data); color: var(--green); }
.steps p { margin: 5px 0 0; color: var(--muted); font-size: 14px; }
.steps strong { font-size: 18px; }
.fact-row { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 30px; border-block: 1px solid var(--line); }
.fact-row > div { display: flex; align-items: baseline; gap: 16px; padding: 20px 0; }
.fact-row strong { font: 500 38px/1.3 var(--data); color: var(--green); }
.fact-row span { font-size: 14px; color: var(--muted); }
.faq-list { margin-top: 26px; border-top: 1px solid var(--line); }
details { border-bottom: 1px solid var(--line); }
summary { cursor: pointer; padding: 20px 4px; font-weight: 650; min-height: 48px; }
summary::marker { color: var(--green); }
details p { max-width: 850px; padding: 0 24px 16px; margin-bottom: 0; color: var(--muted); }
.resource-links { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; margin-bottom: 25px; }
.resource-links a { display: grid; gap: 6px; padding-block: 18px; border-top: 2px solid var(--green); text-decoration: none; }
.resource-links a:hover strong { text-decoration: underline; }
.resource-links strong { font-size: 18px; }
.resource-links span { color: var(--muted); font-size: 14px; }
.breadcrumbs { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; padding-top: 26px; font-size: 13px; color: var(--muted); }
.breadcrumbs a { padding-block: 8px; }
.article { padding-bottom: 76px; }
.article-header { padding-block: 36px; border-bottom: 1px solid var(--line); margin-bottom: 36px; }
.article-header h1 { font-size: clamp(30px,4vw,48px); letter-spacing: -.035em; margin-bottom: 18px; }
.article-layout { display: grid; grid-template-columns: 200px minmax(0,1fr); gap: 48px; align-items: start; }
.toc { display: flex; flex-direction: column; gap: 4px; position: sticky; top: 108px; font-size: 13px; }
.toc strong { font-size: 12px; color: var(--muted); margin-bottom: 8px; }
.toc a { display: block; padding: 8px 12px; border-left: 2px solid var(--line); text-decoration: none; color: var(--muted); }
.toc a:hover { border-color: var(--green); color: var(--green); background: var(--tint); }
.article-body { min-width: 0; overflow-wrap: anywhere; }
.article-body h2 { font-size: 27px; margin: 44px 0 18px; }
.article-body > h2:first-child, .article-body > section:first-child > h2:first-child { margin-top: 0; }
.article-body h3 { margin-top: 28px; }
.article-body ul, .article-body ol { padding-left: 24px; }
.article-body li { margin-block: 10px; }
.checklist li { padding-left: 4px; margin-block: 14px; }
.related { border-top: 1px solid var(--line); margin-top: 44px; }
.related a { display: inline-block; margin-right: 22px; padding-block: 10px; }
.narrow { max-width: 850px; }
code { font: .88em var(--data); background: var(--tint); padding: 3px 5px; border-radius: 3px; overflow-wrap: anywhere; }
.site-footer { background: var(--ink); color: #d9e4dc; }
.footer-inner { display: flex; justify-content: space-between; gap: 38px; padding-block: 35px; }
.site-footer a { color: #e0eae2; }
.footer-brand { font-weight: 700; text-decoration: none; }
.site-footer p { font-size: 12px; color: #b5cbbd; margin: 8px 0 0; }
.site-footer nav { display: flex; flex-wrap: wrap; align-content: start; gap: 4px 20px; max-width: 440px; font-size: 13px; }
.site-footer nav a { padding-block: 8px; min-height: 40px; }
@media(max-width: 900px) {
  .shell { width: calc(100% - 40px); }
  .header-inner { flex-wrap: wrap; gap: 0 18px; padding-top: 14px; }
  .header-cta { margin-left: auto; }
  .main-nav { order: 3; flex-basis: 100%; justify-content: space-between; margin: 10px 0 0; }
  .main-nav a { padding: 8px 10px; }
  html { scroll-padding-top: 150px; }
  .hero { padding-top: 42px; }
  .journey { grid-template-columns: repeat(2,1fr); }
  .journey a { padding: 20px; }
  .journey a:first-child { padding-left: 20px; }
  .journey a:nth-child(2) { border-right: 0; }
  .journey a:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .two-column { gap: 36px; }
  .article-layout { grid-template-columns: 1fr; gap: 30px; }
  .toc { position: static; padding: 16px; background: var(--tint); display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .toc strong { grid-column: 1/-1; }
}
@media(max-width: 600px) {
  .shell { width: calc(100% - 32px); }
  .wordmark { font-size: 18px; }
  .header-cta { padding: 9px 12px; font-size: 13px; }
  .main-nav a { padding: 8px 7px; font-size: 13px; }
  .hero h1 { font-size: clamp(29px,7.5vw,42px); letter-spacing: -.04em; }
  .hero h1 em { font-size: .72em; line-height: 1.6; }
  .lead { font-size: 16px; }
  .actions { gap: 10px; }
  .button { font-size: 14px; padding: 11px 14px; gap: 12px; }
  .meta { font-size: 12px; }
  .journey { margin-top: 30px; }
  .journey a, .journey a:first-child { padding: 17px 12px; }
  .journey strong { font-size: 17px; }
  .journey small { font-size: 12px; }
  .section { padding-block: 42px; }
  .section-heading { display: block; }
  .section-heading .text-link { margin-top: 10px; }
  .two-column { grid-template-columns: 1fr; gap: 26px; }
  .resource-links { grid-template-columns: 1fr; gap: 10px; }
  .fact-row > div { display: grid; gap: 4px; padding: 16px 4px; }
  .fact-row strong { font-size: 30px; }
  .fact-row span { font-size: 12px; }
  .table-wrap { margin-block: 20px; }
  table { font-size: 13px; }
  th,td { padding: 12px 10px; }
  caption { padding: 10px; font-size: 12px; }
  .article-header { padding-block: 22px; margin-bottom: 24px; }
  .article-header h1 { font-size: 30px; }
  .article-body h2 { font-size: 24px; }
  .toc { grid-template-columns: 1fr; }
  .footer-inner { flex-direction: column; gap: 22px; }
}
@media(prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
@media print { .site-header,.toc,.site-footer,.actions { display: none; } .shell { width: 100%; } .article-layout { display: block; } .section { padding-block: 20px; } body { background: white; } details { break-inside: avoid; } }

/* Sites edition: forest green, warm paper, clear typographic hierarchy. */
:root { --paper:#f8f8f2; --tint:#ebefe5; --green:#205d45; --ink:#182f25; --muted:#58685d; --line:#d8dfd4; }
body { font-family:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; }
[hidden] { display:none!important; }
.shell { width:min(1200px,calc(100% - 80px)); }
.site-header { background:rgba(248,248,242,.97); }
.header-inner { min-height:84px; }
.wordmark { font-size:23px; letter-spacing:-.04em; }
.wordmark small { font-size:9px; letter-spacing:.26em; }
.mark { width:39px; height:42px; border-radius:12px 3px 12px 3px; }
.header-cta { border-radius:7px; padding-inline:19px; }
.eyebrow { font-size:11px; letter-spacing:.14em; margin-bottom:20px; display:flex; align-items:center; gap:12px; }
.eyebrow-line { width:24px; height:1px; background:var(--green); }
.hero-v2 { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); align-items:center; gap:70px; padding-block:64px 56px; }
.hero-v2 h1 { font-size:clamp(36px,4.2vw,60px); font-weight:760; letter-spacing:-.055em; line-height:1.35; margin-bottom:24px; }
.green-word { color:var(--green); white-space:nowrap; }
.hero-copy .lead { font-size:17px; line-height:1.9; margin-bottom:30px; }
.button { border-radius:6px; font-size:14px; min-height:49px; padding:12px 18px; gap:30px; transition:background .15s; }
.button.secondary { border-color:var(--line); background:transparent; }
.button.secondary:hover { background:var(--tint); }
.meta { display:flex; align-items:center; flex-wrap:wrap; gap:7px; font-size:11px; margin-top:26px; }
.source-dot { display:inline-block; width:6px; height:6px; border-radius:50%; background:var(--green); margin-right:3px; }
.meta-divider { color:#9ca99d; margin-inline:5px; }
.connection-panel { position:relative; min-height:424px; background:#173c2e; border-radius:13px; color:#eff3e5; overflow:hidden; padding:24px 28px; }
.panel-top { position:relative; z-index:1; display:flex; justify-content:space-between; gap:12px; font:10px/1.5 var(--data); letter-spacing:.12em; color:#b4cdb6; }
.orbit { position:relative; height:222px; display:grid; place-items:center; }
.orbit-ring { position:absolute; border:1px solid #6d8e7140; border-radius:50%; }
.ring-a { width:285px; height:145px; transform:rotate(-33deg); }
.ring-b { width:285px; height:145px; transform:rotate(33deg); }
.ring-c { width:222px; height:222px; border-color:#97b78333; }
.orbit-logo { font:500 73px/.9 var(--data); letter-spacing:-.1em; color:#d1e3a9; display:grid; text-align:center; }
.orbit-logo span { font-size:9px; letter-spacing:.28em; margin-top:17px; color:#a9c4ae; }
.orbit-node { position:absolute; width:7px; height:7px; background:#cadf9e; border:2px solid #173c2e; box-shadow:0 0 0 1px #cadf9e88; border-radius:50%; }
.node-a { transform:translate(-125px,-60px); }.node-b { transform:translate(97px,-79px); }.node-c { transform:translate(112px,80px); }
.panel-bottom { position:relative; border-top:1px solid #6d8e7155; padding-top:16px; }
.panel-bottom p { font-size:16px; margin-bottom:12px; }
.panel-bottom ol { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:1fr 1fr; gap:6px 20px; font-size:11px; color:#b8cdbb; }
.panel-bottom li span { color:#d1e3a9; font-family:var(--data); margin-right:9px; }
.quick-strip { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-block:24px; border-block:1px solid var(--line); }
.quick-strip a { display:flex; align-items:center; gap:13px; text-decoration:none; color:var(--ink); padding:7px 22px; border-right:1px solid var(--line); }
.quick-strip a:first-child { padding-left:0; }.quick-strip a:last-child { border:0; padding-right:0; }
.quick-index { color:#849181; font:11px var(--data); align-self:flex-start; padding-top:7px; }
.quick-strip strong { font-size:15px; display:block; font-weight:650; }.quick-strip small { display:block; font-size:11px; color:var(--muted); margin-top:4px; }
.quick-strip b { font-weight:400; margin-left:auto; color:var(--green); }.quick-strip a:hover strong { text-decoration:underline; text-underline-offset:4px; }
.section { padding-block:76px; }.section-heading { margin-bottom:18px; }.section-heading h2, .device-section h2, .snapshot-layout h2, .help-section h2, .faq-section h2, .official-section h2 { font-size:clamp(26px,3vw,36px); letter-spacing:-.045em; line-height:1.5; margin-bottom:0; }
.section-heading .eyebrow { margin-bottom:12px; }.section-intro { font-size:15px; line-height:1.9; max-width:690px; }
.text-link { font-size:13px; text-decoration:none; }.text-link:hover { text-decoration:underline; }
.usage-filter { display:flex; align-items:center; flex-wrap:wrap; gap:12px; background:var(--tint); border-radius:8px; padding:14px 18px; margin:26px 0 22px; font-size:13px; }
.usage-filter label { font-weight:600; }.input-suffix { display:flex; align-items:center; border:1px solid #c9d4c6; border-radius:5px; overflow:hidden; background:white; }
.input-suffix input { width:84px; padding:10px 8px 10px 12px; border:0; font:600 14px var(--data); color:var(--ink); background:white; }.input-suffix span { padding:0 12px 0 0; color:var(--muted); font-size:11px; }
.filter-button { border:0; background:var(--green); color:white; border-radius:5px; padding:10px 14px; font:600 12px/1.8 var(--body); cursor:pointer; }.filter-button:hover { background:#174a35; }
.usage-filter p { margin:0 0 0 auto; max-width:450px; color:var(--muted); font-size:12px; }
.plan-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.plan-card { background:#fff; border:1px solid var(--line); border-radius:9px; padding:25px 27px 0; transition:border-color .15s,background .15s; position:relative; }
.plan-card.match { border-color:var(--green); box-shadow:inset 0 3px var(--green); background:#f3f7ed; }
.plan-card-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; }.plan-symbol { color:var(--green); font:30px/1.2 "Segoe UI Symbol",serif; }.plan-number { font:10px var(--data); color:#7e8f81; letter-spacing:.07em; }
.plan-card h3 { font-size:20px; margin-bottom:7px; font-weight:650; }.plan-volume { font:500 26px/1.7 var(--data); color:var(--green); margin-bottom:25px; }.plan-volume span { font:11px var(--body); margin-left:7px; color:var(--muted); }
.plan-price { display:flex; align-items:baseline; gap:4px; margin-bottom:25px; }.plan-price>span { font-size:20px; }.plan-price strong { font:500 50px/1 var(--data); letter-spacing:-.07em; }.plan-price small { color:var(--muted); font-size:12px; margin-left:8px; }
.plan-link { display:flex; align-items:center; justify-content:space-between; padding-block:16px; text-decoration:none; border-top:1px solid var(--line); font-size:12px; font-weight:600; }.plan-link:hover { text-decoration:underline; }
.source-note { display:flex; align-items:flex-start; gap:11px; padding-top:18px; font-size:11px; color:var(--muted); }.source-note>span { font-size:15px; }.source-note p { margin:0; }
.device-section { padding-block:68px; background:#e9eee4; }.device-layout { display:grid; grid-template-columns:1fr 1.1fr; gap:90px; align-items:center; }.device-layout h2 { margin-bottom:20px; }.device-layout .text-link { margin-top:8px; }
.device-workspace { min-width:0; }.device-tabs { display:flex; gap:3px; border-bottom:1px solid #cbd7c6; padding-bottom:10px; }.device-tabs button { flex:1; min-height:42px; padding:9px; font:500 12px var(--body); border:0; border-radius:5px; background:transparent; color:var(--muted); cursor:pointer; }.device-tabs button[aria-selected="true"] { background:var(--green); color:white; }.device-tabs button:hover { outline:1px solid #9cb29b; }
.device-panel { padding:27px 0 10px; min-height:325px; }.device-kicker { color:var(--muted); font:10px var(--data); letter-spacing:.12em; }.device-panel h3 { font-size:23px; margin-block:12px; }.device-panel>p { font-size:13px; max-width:480px; color:var(--muted); }.device-steps { padding-left:21px; margin:20px 0 25px; font-size:13px; }.device-steps li { padding-left:5px; margin-block:6px; }.device-panel .button { font-size:12px; min-height:44px; }.device-footnote { font-size:10px; color:var(--muted); margin-bottom:0; }
.snapshot-layout { display:grid; grid-template-columns:1fr 1fr; gap:90px; align-items:center; }.snapshot-layout h2 { margin-bottom:20px; }.protocol-chart { border:1px solid var(--line); border-radius:8px; padding:25px 28px; background:#fff; }.chart-header { display:flex; align-items:center; justify-content:space-between; padding-bottom:22px; border-bottom:1px solid var(--line); margin-bottom:22px; gap:20px; }.chart-header>span { color:var(--muted); font-size:11px; }.chart-header strong { font:500 28px var(--data); }.chart-header small { font:11px var(--body); color:var(--muted); }.protocol-row { display:grid; grid-template-columns:73px 1fr 23px; gap:17px; align-items:center; font:11px var(--data); margin-block:20px; }.protocol-row>div { height:8px; background:#edf0e8; border-radius:2px; overflow:hidden; }.protocol-row i { display:block; height:100%; background:var(--green); border-radius:2px; }.protocol-row:nth-of-type(3) i { background:#5a8365; }.protocol-row:nth-of-type(4) i { background:#88a578; }.protocol-row:nth-of-type(5) i { background:#b6c69a; }.protocol-row b { font-weight:500; text-align:right; }.protocol-chart>p { color:var(--muted); font-size:10px; margin:24px 0 0; }
.help-section { padding-block:64px; background:#173c2e; color:#eef3e7; }.help-layout { display:grid; grid-template-columns:1fr 1.1fr; gap:90px; }.help-section .eyebrow { color:#c1d5a4; }.help-section h2 { margin-bottom:20px; }.help-layout>div>p:not(.eyebrow) { color:#b9cbbd; font-size:14px; }.help-section a { color:#d4e8b5; }.symptom-options { display:flex; flex-wrap:wrap; gap:8px; }.symptom-options button { font:12px var(--body); color:#c1d3c5; border:1px solid #64816b; border-radius:5px; background:transparent; padding:10px 12px; min-height:42px; cursor:pointer; }.symptom-options button[aria-pressed="true"] { background:#d1e3ae; color:#173c2e; border-color:#d1e3ae; }.help-answer { padding-top:29px; }.help-answer .device-kicker { color:#acc6b2; }.help-answer h3 { margin-block:14px; font-size:23px; }.help-answer p { color:#c2d1c5; font-size:13px; line-height:1.9; min-height:74px; }.help-answer a { font-size:12px; }.help-section :focus-visible { outline-color:#d1e3ae; }
.faq-section { display:grid; grid-template-columns:1fr 1.1fr; gap:90px; }.faq-section h2 { margin-bottom:18px; }.faq-section .faq-list { margin:0; }.faq-section summary { font-size:14px; padding-block:20px; }.faq-section details p { font-size:13px; line-height:1.9; padding:0 6px 20px; }.official-section { border-top:1px solid var(--line); padding-block:40px 52px; }.official-section>.shell { display:grid; grid-template-columns:1fr 1.7fr; gap:60px; }.official-section .eyebrow { margin-bottom:8px; }.official-section h2 { font-size:24px; }.official-section .resource-links { margin:0; gap:22px; }.official-section .resource-links a { padding-block:7px; border-top:0; }.official-section .resource-links strong { font-size:13px; display:flex; justify-content:space-between; gap:12px; }.official-section .resource-links> a>span { font-size:11px; }.site-footer { background:#f0f2e9; color:var(--ink); border-top:1px solid var(--line); }.site-footer a { color:var(--green); }.site-footer p { color:var(--muted); }.footer-inner { padding-block:25px; }.article-header { padding-top:35px; }.article-header .meta { justify-content:flex-start; }.article-body { font-size:15px; }.article-body h2 { font-size:26px; }.toc { top:110px; }.article-body .table-wrap { border-radius:8px; }
@media(max-width:1100px) { .hero-v2 { gap:35px; }.quick-strip a { padding-inline:12px; gap:8px; }.quick-index { display:none; }.device-layout,.snapshot-layout,.help-layout,.faq-section { gap:45px; }.hero-v2 .button { gap:15px; }.usage-filter p { flex-basis:100%; margin-left:0; } }
@media(max-width:900px) { .shell { width:calc(100% - 48px); }.header-inner { min-height:70px; }.hero-v2 { grid-template-columns:1fr 1fr; gap:28px; padding-block:42px; }.hero-v2 h1 { font-size:38px; }.hero-copy .lead { font-size:15px; }.desktop-break { display:none; }.connection-panel { min-height:375px; padding:20px; }.orbit { height:210px; }.panel-bottom p { font-size:14px; }.ring-a,.ring-b { width:230px; height:120px; }.ring-c { width:200px; height:200px; }.node-a { transform:translate(-95px,-52px); }.node-b { transform:translate(75px,-72px); }.node-c { transform:translate(88px,62px); }.quick-strip { grid-template-columns:1fr 1fr; gap:20px 0; }.quick-strip a:first-child { padding-left:0; }.quick-strip a:nth-child(2) { border:0; }.quick-strip a:nth-child(3) { padding-left:0; }.section { padding-block:55px; }.plan-card { padding:20px 20px 0; }.plan-volume { font-size:23px; }.plan-grid { gap:12px; }.device-layout,.snapshot-layout,.help-layout { gap:35px; }.official-section>.shell { grid-template-columns:1fr; gap:25px; }.faq-section { grid-template-columns:1fr; gap:24px; }.device-tabs button { padding-inline:6px; font-size:11px; }.hero-v2 .actions { flex-direction:column; align-items:flex-start; gap:9px; }.hero-v2 .button { min-width:195px; }.toc { top:auto; } }
@media(max-width:650px) { .shell { width:calc(100% - 36px); }.hero-v2 { grid-template-columns:1fr; gap:32px; padding-block:34px; }.hero-v2 h1 { font-size:40px; margin-bottom:20px; }.hero-copy .lead { font-size:15px; }.hero-v2 .actions { flex-direction:row; }.hero-v2 .button { min-width:0; font-size:12px; padding:11px 13px; gap:16px; }.connection-panel { min-height:310px; display:grid; grid-template-columns:1fr 1fr; align-items:center; padding:23px; }.panel-top { grid-column:1/-1; align-self:start; }.orbit { height:195px; grid-column:1; }.ring-a,.ring-b { width:170px; height:95px; }.ring-c { width:160px; height:160px; }.orbit-logo { font-size:56px; }.node-a { transform:translate(-65px,-45px); }.node-b { transform:translate(62px,-49px); }.node-c { transform:translate(61px,55px); }.panel-bottom { padding-top:0; border-top:0; border-left:1px solid #6d8e7155; padding-left:20px; margin-left:10px; }.panel-bottom p { font-size:16px; line-height:1.8; }.panel-bottom ol { grid-template-columns:1fr; gap:9px; }.quick-strip { padding-block:17px; gap:15px 0; }.quick-strip strong { font-size:13px; }.quick-strip small { font-size:10px; }.quick-strip b { font-size:14px; }.quick-strip a { padding-right:15px; }.quick-strip a:nth-child(even) { padding-left:17px; padding-right:0; }.section { padding-block:44px; }.section-heading h2,.device-section h2,.snapshot-layout h2,.help-section h2,.faq-section h2 { font-size:27px; }.section-heading .text-link { margin-top:5px; }.eyebrow { margin-bottom:14px; }.section-intro { font-size:14px; }.usage-filter { gap:10px; padding:14px; margin-block:19px; }.usage-filter label { font-size:12px; }.input-suffix input { width:68px; }.filter-button { font-size:11px; }.usage-filter p { font-size:11px; }.plan-grid { grid-template-columns:1fr; gap:13px; }.plan-card { display:grid; grid-template-columns:1fr auto; padding:19px 20px 0; align-items:start; }.plan-card-top { grid-column:1/-1; margin-bottom:12px; }.plan-symbol { font-size:24px; }.plan-card h3 { grid-column:1; margin-bottom:3px; font-size:19px; }.plan-volume { grid-column:1; grid-row:3; margin-bottom:17px; font-size:25px; }.plan-price { grid-column:2; grid-row:2/4; margin:4px 0 0 10px; align-self:center; }.plan-price strong { font-size:43px; }.plan-price>span { font-size:16px; }.plan-price small { font-size:10px; margin-left:4px; }.plan-link { grid-column:1/-1; padding-block:13px; }.source-note { font-size:10px; }.device-section,.help-section { padding-block:43px; }.device-layout,.snapshot-layout,.help-layout { grid-template-columns:1fr; gap:30px; }.device-layout h2 br,.snapshot-layout h2 br,.help-layout h2 br { display:none; }.device-tabs button { font-size:12px; }.device-panel { min-height:330px; }.device-panel h3,.help-answer h3 { font-size:22px; }.protocol-chart { padding:20px; }.protocol-row { gap:12px; }.help-answer p { min-height:0; }.help-answer { padding-top:23px; }.faq-section { gap:20px; }.official-section { padding-block:33px; }.official-section .resource-links { grid-template-columns:1fr; gap:18px; }.official-section .resource-links a { border-bottom:1px solid var(--line); padding-bottom:13px; }.official-section h2 { font-size:24px; }.footer-inner { gap:16px; }.site-footer nav { gap:4px 16px; }.article-header h1 { font-size:29px; }.article-body { font-size:14px; }.wordmark { font-size:19px; }.header-inner { padding-top:12px; }.main-nav a { padding-inline:8px; }.article-header .meta { display:block; } }
@media(prefers-reduced-motion:reduce) { * { transition:none!important; } }


/* Task-focused documentation styles. */
.hero-v2 h1 { max-width:620px; font-size:clamp(35px,4vw,57px); }
.doc-hint { font-size:12px; color:var(--muted); margin:20px 0 10px; }
.doc-note,.doc-result { margin:22px 0; padding:15px 19px; border-left:3px solid #6d8a66; background:#eef2e8; font-size:14px; }
.doc-note p,.doc-result p { margin:0; }
.doc-result { border-color:var(--green); background:#e5eee6; }
.article-body section+section { margin-top:34px; }
.article-body h2 { line-height:1.5; }
.article-body ol li { margin-block:13px; padding-left:4px; }
.device-workspace>.doc-hint { margin-top:0; }
@media(max-width:650px) { .hero-v2 h1 { font-size:36px; } .doc-note,.doc-result { padding:12px 15px; font-size:13px; } }

/* Focus the product introduction on the verified one-yuan monthly plan. */
.hero-brandline { display:block; font-size:.6em; color:var(--muted); letter-spacing:-.02em; margin-bottom:14px; }
.hero-offerline { display:block; color:var(--ink); line-height:1.3; }
.offer-break { display:none; }
.entry-price-panel { padding:28px 32px; min-height:410px; display:block; }
.entry-price { display:flex; align-items:baseline; gap:9px; margin-top:29px; color:#d1e3a9; }
.entry-price .currency { font-size:30px; }.entry-price strong { font:500 118px/1 var(--data); letter-spacing:-.09em; }.entry-price .period { font-size:16px; color:#c0d0c3; margin-left:10px; }
.entry-allowance { display:flex; align-items:baseline; gap:12px; margin:17px 0 23px; }.entry-allowance strong { font:500 30px var(--data); }.entry-allowance span { font-size:13px; color:#c0d0c3; }
.entry-action { display:flex; justify-content:space-between; padding:14px 0; border-block:1px solid #6d8e7155; color:#d1e3a9; text-decoration:none; font-size:13px; }.entry-action:hover { text-decoration:underline; }
.entry-source { color:#b4c9b9; font-size:10px; line-height:1.9; margin:15px 0 0; }
.plan-card.entry-plan { border-color:var(--green); box-shadow:inset 0 3px var(--green); }.entry-plan .plan-number { color:var(--green); font:600 12px var(--body); }
.one-yuan-spotlight { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,.65fr); gap:20px 36px; padding:32px; margin:0 0 38px; border:1px solid #afc5ac; border-top:4px solid var(--green); border-radius:8px; background:#ebf1e4; }
.one-yuan-spotlight h2 { font-size:32px; margin-bottom:12px; }.one-yuan-spotlight p { color:var(--muted); font-size:14px; }.one-yuan-spotlight .eyebrow { font-size:11px; margin-bottom:12px; }.one-yuan-spotlight .button { font-size:12px; gap:20px; }
.one-yuan-spotlight .entry-disclosure { font-size:11px; margin:14px 0 0; }
.spotlight-price { align-self:center; text-align:center; border-left:1px solid #bfd0b8; padding-left:24px; color:var(--green); }.spotlight-price>div { display:flex; justify-content:center; align-items:baseline; gap:8px; }.spotlight-price strong { font:500 100px/1 var(--data); letter-spacing:-.09em; }.spotlight-price span { font-size:26px; }.spotlight-price small { font-size:15px; }.spotlight-price p { margin:14px 0 0; font-size:12px; color:var(--green); }
.one-yuan-spotlight .spotlight-note { grid-column:1/-1; border-top:1px solid #c8d7c0; padding-top:14px; margin:0; font-size:11px; }
.entry-table-row { background:#eff5e8; font-weight:650; }
@media(max-width:900px) { .entry-price-panel { padding:24px; min-height:395px; }.entry-price strong { font-size:104px; }.one-yuan-spotlight { gap:20px; padding:24px; }.one-yuan-spotlight h2 { font-size:27px; }.spotlight-price strong { font-size:85px; } }
@media(max-width:650px) { .hero-brandline { font-size:23px; margin-bottom:12px; }.hero-v2 h1 { font-size:39px; }.offer-break { display:initial; }.entry-price-panel { display:block; padding:24px; min-height:0; }.entry-price { margin-top:20px; }.entry-price strong { font-size:95px; }.entry-allowance { margin-block:13px 20px; }.one-yuan-spotlight { grid-template-columns:1fr; padding:22px; gap:24px; }.one-yuan-spotlight h2 { font-size:27px; }.spotlight-price { grid-row:2; border-left:0; border-top:1px solid #bfd0b8; padding:22px 0 0; }.one-yuan-spotlight .actions { align-items:flex-start; }.wordmark small { letter-spacing:.08em; font-size:9px; } }

.trial-summary { max-width:650px; margin:0 0 24px; color:var(--green); font-size:14px; line-height:1.9; }