.hero{padding-top:8px}
.hero-panel{position:relative;overflow:hidden;overflow-x:clip;max-width:100%;border-radius:var(--r-panel);background:linear-gradient(180deg,var(--hero-top) 0%,var(--bg) 88%);box-shadow:inset 0 1px 0 var(--white-hi),inset 0 0 0 1px var(--navy-04);padding:32px 32px 40px}
.hero-panel::before{content:"";position:absolute;inset:-18% 46% 30% -14%;background:radial-gradient(closest-side,var(--poppy-glow) 0%,var(--poppy-glow) 35%,var(--white-0) 100%);pointer-events:none;animation:glow-drift 26s ease-in-out infinite}
@keyframes glow-drift{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(5%,4%,0) scale(1.06)}}
.hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center}
.cobrand{display:inline-flex;align-items:center;gap:14px;margin:0;height:24px;font-family:var(--font-display);font-weight:800;font-size:19px;line-height:24px;letter-spacing:.01em;color:var(--text)}
.cobrand-x{width:20px;height:20px;color:var(--muted);opacity:.7}
.cobrand-num{font-family:var(--font-mono);font-weight:700;letter-spacing:-.02em;margin-right:4px}
.hero-title{margin:20px 0 0;font-family:var(--font-display);font-weight:900;font-size:66px;line-height:1.06;letter-spacing:-.03em;color:var(--text)}
.hero-title:lang(zh-CN),.hero-title:lang(zh-TW),.hero-title:lang(ja),.hero-title:lang(ko){letter-spacing:-.02em}
.t-line{display:block}
.t-line--accent{color:var(--poppy)}
.hero-desc{margin:18px 0 0;font-size:16px;line-height:24px;color:var(--muted)}
.hero-desc strong{color:var(--text);font-weight:700}
.hero-trust{display:flex;flex-wrap:wrap;justify-content:center;margin:8px 0 0;padding:0;list-style:none;font-size:13px;line-height:20px;color:var(--muted)}
.hero-trust li+li::before{content:"·";margin:0 10px;color:var(--muted);opacity:.7}
.tie-stage{position:relative;z-index:1;width:min(960px,100% - 144px);margin:30px auto 0}
.tie-card{position:relative;background:var(--panel);border-radius:var(--r-card);box-shadow:0 0 0 1px var(--line-soft),0 32px 72px -18px var(--navy-12),0 10px 24px -10px var(--navy-12)}
.tie-card::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 0 var(--white-hi);z-index:3}
.tie-bar{display:flex;align-items:center;gap:14px;height:44px;padding:0 18px;border-bottom:1px solid var(--line-soft);background:linear-gradient(180deg,var(--bar-top),var(--panel));border-radius:var(--r-card) var(--r-card) 0 0}
.tie-dots{display:flex;gap:6px}
.tie-dots span{width:10px;height:10px;border-radius:var(--r-round);background:var(--dot)}
.tie-label{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--muted);letter-spacing:.04em}
.tie-label svg{width:14px;height:14px;color:var(--accent)}
.tie-status{margin-left:auto;display:inline-flex;align-items:center;gap:7px;min-height:26px;padding:0 11px;border-radius:var(--r-pill);background:var(--success-tint);color:var(--text);font-size:12.5px;font-weight:600;white-space:nowrap}
.tie-status i{width:7px;height:7px;border-radius:var(--r-round);background:var(--success);box-shadow:0 0 0 3px var(--success-ring);flex:none}
.tie-body{display:grid;grid-template-columns:196px minmax(0,1fr) 196px;align-items:center;padding:20px 26px 0}
.tie-col{list-style:none;margin:0;padding:0;display:grid;grid-template-rows:repeat(5,42px);gap:7px}
.tile{position:relative;display:flex;align-items:center;gap:10px;height:42px;padding:0 14px;border-radius:var(--r-tile);background:var(--panel-2);box-shadow:inset 0 1px 2px var(--navy-08),inset 0 -1px 0 var(--white-hi);font-size:14px;font-weight:600;line-height:1.2;color:var(--text)}
.tile-ico{width:20px;height:20px;flex:none;color:var(--accent)}
.flag{width:24px;height:16px;flex:none;overflow:hidden;border-radius:var(--r-small)}
.tile::after{content:"";position:absolute;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:var(--r-round);background:var(--panel);box-shadow:0 0 0 2.5px var(--accent),0 2px 6px var(--navy-16);z-index:2}
.tie-col--dev .tile::after{right:-5px}
.tie-col--geo .tile::after{left:-5px}
.tile-code{margin-left:auto;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.06em;color:var(--muted)}
.f-red{fill:var(--flag-red)}.f-white{fill:var(--flag-white)}.f-blue{fill:var(--flag-blue)}.f-edge{fill:none;stroke:var(--flag-edge);stroke-width:1}
.tie-center{position:relative;height:238px}
.tie-strands{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.strand-glow{fill:none;stroke:var(--cobalt);stroke-opacity:.1;stroke-width:9;stroke-linecap:round;vector-effect:non-scaling-stroke}
.strand{fill:none;stroke-width:3;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke:var(--accent)}
.tie-ribbon{position:absolute;left:20%;right:20%;top:50%;height:28px;margin-top:-14px;border-radius:var(--r-mini);overflow:hidden;background:linear-gradient(90deg,var(--accent),var(--cobalt) 50%,var(--accent));box-shadow:0 10px 18px -8px var(--navy-24),0 2px 4px -1px var(--navy-16)}
.tie-ribbon::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,var(--white-40),var(--white-0) 42%,var(--white-0) 60%,var(--ribbon-lo))}
.tie-ribbon::after{content:"";position:absolute;top:0;bottom:0;left:0;width:30%;background:linear-gradient(100deg,var(--white-0),var(--white-60) 50%,var(--white-0));transform:translateX(-120%);opacity:0;animation:sheen-x 6.5s cubic-bezier(.45,0,.25,1) infinite}
@keyframes sheen-x{0%{transform:translateX(-120%);opacity:0}8%{opacity:1}52%{transform:translateX(360%);opacity:1}56%,100%{transform:translateX(360%);opacity:0}}
.tie-knot{position:absolute;left:50%;top:50%;width:108px;height:108px;margin:-54px 0 0 -54px;border-radius:var(--r-round);box-shadow:0 0 0 6px var(--navy-06),0 16px 30px -8px var(--navy-24),0 4px 10px -2px var(--navy-12);z-index:2}
.tie-knot svg{display:block;width:108px;height:108px}
.kn-inner{fill:var(--panel)}
.kn-grid{fill:none;stroke:var(--panel);stroke-opacity:.5;stroke-width:1.3}
.kn-gloss{fill:var(--panel);opacity:.28}
.kn-hi{fill:none;stroke:var(--panel);stroke-opacity:.85;stroke-width:2.4;stroke-linecap:round}
.tie-facts{display:flex;justify-content:center;gap:10px;list-style:none;margin:18px 0 0;padding:12px 26px 14px;border-top:1px solid var(--line-soft)}
.fact{display:inline-flex;align-items:center;min-height:32px;padding:0 14px;border-radius:var(--r-pill);background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--tile-edge);font-size:12.5px;font-weight:500;color:var(--text);white-space:nowrap}
.fact b{font-family:var(--font-mono);font-weight:700;color:var(--accent);margin-right:5px;letter-spacing:-.01em}
.stk{position:absolute;z-index:4;display:inline-flex;align-items:center;gap:8px;background:var(--panel);color:var(--text);white-space:nowrap;box-shadow:0 0 0 1px var(--line-soft),inset 0 1px 0 var(--white-hi),0 14px 28px -10px var(--navy-24),0 4px 10px -4px var(--navy-08)}
.stk-ico{display:grid;place-items:center;width:26px;height:26px;border-radius:var(--r-round);background:var(--panel-2);color:var(--accent);flex:none}
.stk-ico svg{width:15px;height:15px}
.stk--refund{left:-56px;top:-30px;height:40px;padding:0 16px 0 7px;border-radius:var(--r-pill);font-size:13.5px;font-weight:700;transform:rotate(-6deg)}
.stk--pack{right:-64px;top:-54px;padding:10px 16px 10px 10px;border-radius:var(--r-mini);transform:rotate(4deg)}
.stk--pack .stk-ico{width:32px;height:32px;border-radius:var(--r-tile)}
.stk-text{display:flex;flex-direction:column;line-height:1.25;text-align:left}
.stk-cap{font-size:11px;font-weight:500;color:var(--muted);letter-spacing:.04em}
.stk-val{font-size:14px;font-weight:800;color:var(--accent)}
.stk--pay{right:-56px;bottom:20px;height:38px;padding:0 16px 0 7px;border-radius:var(--r-pill);font-size:13px;font-weight:600;transform:rotate(-3deg)}
.stk--pay b{font-family:var(--font-mono);font-weight:700}
.wall{padding-top:40px;padding-bottom:64px}
.wall-inner{display:flex;flex-direction:column;align-items:center;gap:18px}
.wall-cap{margin:0;font-size:13px;font-weight:600;letter-spacing:.08em;color:var(--muted)}
.wall-list{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 56px;list-style:none;margin:0;padding:0}
.wall-list li{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:18px;font-weight:800;letter-spacing:-.01em;color:var(--text)}
.wall-list svg{width:24px;height:24px;color:var(--text)}
.notice-toggle{position:fixed;width:1px;height:1px;opacity:0;pointer-events:none}
.notice{position:fixed;left:0;right:0;bottom:0;z-index:40;min-height:48px;background:var(--accent-dark);color:var(--on-dark)}
.notice-inner{display:flex;align-items:center;gap:16px;min-height:48px}
.notice-text{margin:0;font-size:14px;color:var(--on-dark-muted)}
.notice-text strong{color:var(--on-dark);font-weight:600}
.notice-login{margin-left:auto;display:inline-flex;align-items:center;gap:6px;color:var(--on-dark);font-size:14px;font-weight:600;text-decoration:none;min-height:24px;border-bottom:1px solid var(--on-dark-line)}
.notice-login:hover{border-bottom-color:var(--on-dark)}
.notice-login svg{width:15px;height:15px}
.notice-close{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:var(--r-round);color:var(--on-dark);background:transparent;cursor:pointer;flex:none}
.notice-close:hover{background:var(--white-18)}
.notice-close svg{width:16px;height:16px}
.notice-toggle:checked~.notice{display:none}
.notice-toggle:focus-visible~.notice .notice-close{outline:2px solid var(--on-dark);outline-offset:2px}
.float-cta{position:fixed;right:24px;bottom:calc(64px + env(safe-area-inset-bottom,0px));z-index:41;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px 0 18px;border-radius:var(--r-pill);background:linear-gradient(180deg,var(--accent),var(--accent-dark));color:var(--on-dark);font-size:15px;font-weight:700;text-decoration:none;white-space:nowrap;box-shadow:0 0 0 4px var(--white-60),0 16px 32px -10px var(--navy-24)}
.float-cta svg{width:16px;height:16px}
body:has(.float-cta)::after{content:"";display:block;height:calc(112px + env(safe-area-inset-bottom,0px))}
.tabs{max-width:100%}
[role="tablist"]{display:flex;align-items:center;gap:6px;overflow-x:auto;max-width:100%;padding:6px;border-radius:var(--r-pill);background:var(--panel-2);width:max-content}
[role="tab"]{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 22px;border:0;border-radius:var(--r-pill);background:transparent;color:var(--muted);font-weight:600;white-space:nowrap;flex:none}
[role="tab"][aria-selected="true"]{background:var(--panel);color:var(--accent);box-shadow:0 4px 12px -6px var(--navy-24)}
[role="tabpanel"]{padding-top:24px}
.toc-tabs{position:sticky;top:12px;z-index:25;display:flex;gap:8px;overflow-x:auto;max-width:100%;padding:8px;background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--r-pill);box-shadow:var(--shadow-card);margin-bottom:32px;scrollbar-width:thin}
.toc-tabs a{display:inline-flex;align-items:center;min-height:44px;padding:8px 18px;border-radius:var(--r-pill);text-decoration:none;white-space:nowrap;flex:none;font-size:var(--size-small);color:var(--muted)}
.toc-tabs a.is-current{background:var(--accent);color:var(--on-dark)}
.toc-tabs.is-static{position:static}
body:has(.toc-tabs) section[id]{scroll-margin-top:var(--toc-offset)}
.faq-item{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--r-mini);margin-bottom:12px}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:18px 24px;cursor:pointer;font-weight:700;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";color:var(--accent);flex:none;font-family:var(--font-mono)}
.faq-item[open] summary::after{content:"−"}
.faq-item>p,.faq-answer{margin:0;padding:0 24px 24px;color:var(--muted)}
.badge,.tag{display:inline-flex;align-items:center;min-height:24px;padding:3px 10px;border-radius:var(--r-pill);font-size:12px;font-weight:700;line-height:1.5;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--navy-06);color:var(--accent)}
.badge--poppy{background:var(--poppy-tint);color:var(--poppy)}
.badge--success{background:var(--success-tint);color:var(--success)}
.plan-card{position:relative;display:flex;flex-direction:column;gap:18px;padding:28px;border-radius:var(--r-card);background:var(--panel);border:1px solid var(--line-soft);box-shadow:var(--shadow-card)}
.plan-card h3,.plan-card p{margin:0}
.plan-card.is-current{border-color:var(--accent);background:linear-gradient(180deg,var(--navy-06),var(--panel) 70%);box-shadow:0 0 0 1px var(--accent),var(--shadow-card)}
.plan-badge{align-self:flex-start}
.plan-price{font-family:var(--font-mono);font-size:36px;font-weight:700;line-height:1.2;color:var(--accent)}
.plan-price small{font-family:var(--font-body);font-size:var(--size-small);font-weight:500;color:var(--muted)}
.plan-facts{padding:0;list-style:none;display:grid;gap:10px;margin:0}
.plan-card .btn{margin-top:auto;align-self:flex-start}
.table-scroll{max-width:100%;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line-soft);border-radius:var(--r-card);background:var(--panel);box-shadow:var(--shadow-card)}
.data-table,.route-table,.compare-table{width:100%;min-width:680px;border-collapse:collapse;font-size:var(--size-small)}
.data-table th,.data-table td,.route-table th,.route-table td,.compare-table th,.compare-table td{padding:18px 22px;text-align:left;border-bottom:1px solid var(--line-soft);word-break:keep-all;color:var(--text)}
.table-scroll th{background:var(--panel-2);color:var(--accent-dark);white-space:nowrap;font-weight:700}
.table-scroll td:first-child{font-weight:600;color:var(--text)}
.table-scroll tbody:last-child tr:last-child>*{border-bottom:0}
.route-group th{background:var(--navy-06);color:var(--accent)}
.compare-table th:last-child,.compare-table td:last-child{background:var(--navy-06)}
.prose>.data-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;min-width:0}
.platform-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.platform-card{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 16px;border-radius:var(--r-card);border:1px solid var(--line-soft);background:var(--panel);box-shadow:var(--shadow-card);text-align:center}
.platform-card svg{width:32px;height:32px;color:var(--accent)}
.platform-card h3{font-size:18px;margin:0}
.platform-card .btn{font-size:var(--size-small);padding-inline:16px;max-width:100%}
.article-card{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:28px;background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--r-card);box-shadow:var(--shadow-card)}
.article-card h3,.article-card p{margin:0}
.article-card h3{font-size:22px}
.article-card h3 a{text-decoration:none}
.article-card h3 a:hover{color:var(--accent)}
.article-card p{color:var(--muted);font-size:var(--size-small)}
.article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--muted)}
.callout{margin:24px 0;padding:22px 24px;border-left:4px solid var(--accent);border-radius:0 var(--r-mini) var(--r-mini) 0;background:var(--navy-06);color:var(--accent-dark)}
.callout p:last-child{margin-bottom:0}
.promo-block{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:32px;border-radius:var(--r-card);background:linear-gradient(120deg,var(--accent),var(--accent-dark));color:var(--on-dark);box-shadow:var(--shadow-card)}
.promo-block h2,.promo-block h3{font-size:24px;margin:0 0 8px}
.promo-block p{margin:0;color:var(--on-dark-muted)}
.promo-block .btn{flex-shrink:0;white-space:nowrap;background:var(--panel);color:var(--accent)}
.feature-ledger{overflow:hidden;border:1px solid var(--line-soft);border-radius:var(--r-card);background:var(--panel);box-shadow:var(--shadow-card)}
.ledger-head,.ledger-row summary{display:grid;grid-template-columns:1fr 1.4fr 1.2fr;align-items:stretch}
.ledger-head{background:var(--panel-2);font-size:12px;font-weight:700;text-transform:uppercase;color:var(--muted)}
.ledger-head>*,.ledger-row summary>*{padding:20px 24px}
.ledger-head>:last-child,.ledger-row summary>:last-child{background:var(--navy-06);color:var(--accent)}
.ledger-row{border-top:1px solid var(--line-soft)}
.ledger-row summary{cursor:pointer;list-style:none;font-size:var(--size-small)}
.ledger-row summary::-webkit-details-marker{display:none}
.ledger-row summary strong{font-size:16px}
.ledger-detail{padding:24px;color:var(--muted);border-top:1px solid var(--line-soft)}
.ledger-detail p:last-child{margin:0}
.preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:16px}
.swatch{border:1px solid var(--border);border-radius:var(--r-mini);overflow:hidden;background:var(--panel);font-family:var(--font-mono);font-size:12px}
.swatch-color{height:64px;background:var(--bg)}
.swatch code{display:block;padding:12px}
.sw-bg{background:var(--bg)}.sw-panel{background:var(--panel)}.sw-panel2{background:var(--panel-2)}.sw-border{background:var(--border)}
.sw-accent{background:var(--accent)}.sw-dark{background:var(--accent-dark)}.sw-cobalt{background:var(--cobalt)}.sw-poppy{background:var(--poppy)}
.sw-text{background:var(--text)}.sw-muted{background:var(--muted)}.sw-success{background:var(--success)}.sw-warn{background:var(--warn)}.sw-error{background:var(--error)}
.sw-hero{background:var(--hero-top)}.sw-bar{background:var(--bar-top)}.sw-line{background:var(--line-soft)}.sw-edge{background:var(--tile-edge)}.sw-dot{background:var(--dot)}
.sw-success-tint{background:var(--success-tint)}.sw-poppy-tint{background:var(--poppy-tint)}.sw-navy{background:var(--navy-06)}.sw-glow{background:var(--poppy-glow)}
.sw-flag-red{background:var(--flag-red)}.sw-flag-blue{background:var(--flag-blue)}.sw-white{background:var(--on-dark)}
.preview-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.type-display{font-family:var(--font-display);font-size:52px;font-weight:900;line-height:1.15;margin:0 0 24px}
.type-body{font-size:16px}
.type-mono{font-family:var(--font-mono);font-size:var(--size-small)}
@media(max-width:1100px){
  .platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:768px){
  .hero-panel{padding:28px 16px;border-radius:var(--r-card)}
  .cobrand{font-size:16px;gap:10px}
  .hero-title{font-size:38px;margin-top:16px}
  .hero-desc{font-size:15px;line-height:22px}
  .tie-stage{width:100%;margin-top:28px}
  .tie-bar{padding:0 14px;gap:10px}
  .tie-body{grid-template-columns:minmax(0,1fr);padding:16px 14px 0}
  .tie-col{grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:auto;gap:6px}
  .tile{flex-direction:column;justify-content:center;height:auto;padding:10px 2px;gap:6px;font-size:12px;text-align:center}
  .tile::after,.tile-code{display:none}
  .tie-center{height:104px}
  .tie-strands{display:none}
  .tie-ribbon{left:50%;right:auto;top:0;bottom:0;width:22px;height:auto;margin:0 0 0 -11px;border-radius:var(--r-tile);background:linear-gradient(180deg,var(--accent),var(--cobalt) 50%,var(--accent))}
  .tie-ribbon::before{background:linear-gradient(90deg,var(--white-40),var(--white-0) 42%,var(--white-0) 60%,var(--ribbon-lo))}
  .tie-ribbon::after{top:0;left:0;right:0;bottom:auto;width:auto;height:40%;background:linear-gradient(190deg,var(--white-0),var(--white-60) 50%,var(--white-0));transform:translateY(-120%);animation-name:sheen-y}
  .tie-knot{transform:scale(.72)}
  .tie-facts{flex-wrap:wrap;padding:12px 14px 14px}
  .tie-stickers{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}
  .stk{position:static;transform:none}
  .wall-list{gap:12px 28px}
  .notice-text{font-size:13px}
  .float-cta{right:16px}
  .promo-block{flex-direction:column;align-items:flex-start;padding:24px}
  .ledger-head{display:none}
  .ledger-row summary{grid-template-columns:minmax(0,1fr)}
  .ledger-row summary>*{padding:12px 20px}
  .platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .type-display{font-size:36px}
}
@keyframes sheen-y{0%{transform:translateY(-120%);opacity:0}8%{opacity:1}52%{transform:translateY(360%);opacity:1}56%,100%{transform:translateY(360%);opacity:0}}
@media(max-width:640px){
  .stk{transform:none;max-width:100%}
  .tie-status{font-size:11px;padding-inline:8px}
  .tie-dots{gap:4px}.tie-dots span{width:7px;height:7px}
  .tie-label{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
  .hero-panel::before{animation:none}
  .tie-ribbon::after{animation:none;opacity:0}
}