
:root{--ink:#1E3A2F;--paper:#FAF7F0;--honey:#C98A2D;--slate:#2A2E2B;--hairline:#DCD5C6;--paper-deep:#F1ECE0;--muted:#6B6F68;--body-tone:#4A4F4A;
--disp-en:'Fraunces',serif;--disp-zh:'Noto Serif SC',serif;--body-en:'Inter',sans-serif;--body-zh:'Noto Sans SC',sans-serif}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--slate);font-family:var(--body-en);line-height:1.65;font-size:16px}
body[data-lang="zh"]{font-family:var(--body-zh)}
h1,h2,h3,h4{font-family:var(--disp-en);color:var(--ink);font-weight:500;line-height:1.15}
body[data-lang="zh"] h1,body[data-lang="zh"] h2,body[data-lang="zh"] h3,body[data-lang="zh"] h4{font-family:var(--disp-zh)}
a{color:var(--ink)}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}
header{position:sticky;top:0;background:rgba(250,247,240,.94);backdrop-filter:blur(6px);border-bottom:1px solid var(--hairline);z-index:50}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{font-family:var(--disp-en);font-weight:600;font-size:1.05rem;color:var(--ink);text-decoration:none}
.logo .zh-mark{font-family:var(--disp-zh);font-weight:600}
.nav-links{display:flex;gap:28px;align-items:center}
.nav-links a{text-decoration:none;font-size:.86rem;font-weight:500;color:var(--slate)}
.nav-links a:hover{color:var(--honey)}
.lang-toggle{border:1px solid var(--ink);background:none;border-radius:999px;padding:6px 14px;font-size:.8rem;font-weight:600;cursor:pointer;color:var(--ink);font-family:inherit}
.lang-toggle:hover,.lang-toggle:focus-visible{background:var(--ink);color:var(--paper)}
@media(max-width:720px){.nav-links a:not(.lang-toggle){display:none}}
.hero{padding:96px 0 64px;border-bottom:1px solid var(--hairline)}
.eyebrow{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--honey);font-weight:600;margin-bottom:20px}
body[data-lang="zh"] .eyebrow{letter-spacing:.35em}
.hero h1{font-size:clamp(2.1rem,5.2vw,3.7rem);max-width:22ch}
.hero .zh h1{font-weight:600;max-width:18ch}
.hero-sub{margin-top:26px;max-width:62ch;font-size:1.06rem;color:var(--body-tone)}
.hero-cta{margin-top:38px;display:flex;gap:16px;flex-wrap:wrap}
.btn{display:inline-block;text-decoration:none;padding:13px 26px;border-radius:4px;font-weight:600;font-size:.9rem}
.btn-primary{background:var(--ink);color:var(--paper);border:1px solid var(--ink)}
.btn-primary:hover{background:#162A22}
.btn-ghost{border:1px solid var(--ink);color:var(--ink)}
.btn-ghost:hover{background:var(--paper-deep)}
.hero-note{margin-top:44px;padding-top:22px;border-top:1px dashed var(--hairline);font-size:.86rem;color:var(--muted);max-width:66ch}
.regimes{padding:0 0 56px;border-bottom:1px solid var(--hairline)}
.regime-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--hairline);border:1px solid var(--hairline)}
@media(max-width:760px){.regime-grid{grid-template-columns:repeat(2,1fr)}}
.regime{background:var(--paper);padding:20px 18px}
.regime .code{font-family:var(--disp-en);font-weight:600;color:var(--ink);font-size:1.15rem}
.regime .who{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--honey);font-weight:600;margin:4px 0 8px}
.regime p{font-size:.84rem;color:var(--body-tone)}
.sec{padding:78px 0;border-bottom:1px solid var(--hairline)}
.sec.alt{background:var(--paper-deep)}
.sec-head{display:flex;align-items:baseline;gap:18px;margin-bottom:16px;flex-wrap:wrap}
.sec-head h2{font-size:clamp(1.5rem,3vw,2.1rem)}
.sec-kicker{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--honey);font-weight:600}
.sec-intro{max-width:66ch;color:var(--body-tone);margin-bottom:40px}
/* lifecycle ledger */
.stages{display:flex;flex-direction:column;gap:0;border:1px solid var(--hairline);background:var(--paper)}
.stage{display:grid;grid-template-columns:1.1fr 1.4fr 1.4fr 1.2fr;gap:24px;padding:26px 26px;border-bottom:1px solid var(--hairline);align-items:start}
.stage:last-child{border-bottom:none}
.stage-head{display:grid;grid-template-columns:1.1fr 1.4fr 1.4fr 1.2fr;gap:24px;padding:12px 26px;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--honey);font-weight:600;border-bottom:1.5px solid var(--ink)}
@media(max-width:820px){.stage,.stage-head{grid-template-columns:1fr}.stage-head{display:none}.stage{gap:10px}}
.stage .num{font-family:var(--disp-en);font-size:.8rem;color:var(--honey);font-weight:600;letter-spacing:.1em}
.stage h3{font-size:1.15rem;margin-top:4px}
.stage p{font-size:.9rem;color:var(--body-tone)}
.stage .lean{font-size:.88rem;color:var(--ink);font-style:italic}
.stage .door{margin-top:8px;font-size:.82rem;color:var(--ink);font-weight:600}
.stage .door span.lbl{color:var(--honey);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;display:block;margin-bottom:2px}
.label-card{border:1.5px solid var(--ink);border-radius:6px;background:var(--paper);max-width:820px;margin:0 auto}
.label-title{border-bottom:1.5px solid var(--ink);padding:14px 22px;font-family:var(--disp-en);font-weight:600;color:var(--ink);font-size:.95rem}
body[data-lang="zh"] .label-title{font-family:var(--disp-zh)}
.label-row{display:flex;justify-content:space-between;gap:18px;padding:15px 22px;border-bottom:1px solid var(--hairline);font-size:.93rem}
.label-row:last-child{border-bottom:none}
.label-row b{color:var(--ink);font-weight:600;flex-shrink:0}
.label-row span{color:var(--body-tone);text-align:right;max-width:46ch}
@media(max-width:600px){.label-row{flex-direction:column;gap:4px}.label-row span{text-align:left}}
.aud-tabs{display:flex;border:1px solid var(--ink);border-radius:6px;overflow:hidden;width:max-content;margin-bottom:34px;max-width:100%}
.aud-tab{background:none;border:none;padding:11px 22px;font-family:inherit;font-size:.88rem;font-weight:600;cursor:pointer;color:var(--ink)}
.aud-tab[aria-selected="true"]{background:var(--ink);color:var(--paper)}
.tier-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}
.tier{background:var(--paper);border:1px solid var(--hairline);border-radius:6px;padding:26px 24px;display:flex;flex-direction:column}
.tier.feature{border:1.5px solid var(--ink)}
.tier .stage-tag{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--honey);font-weight:600;margin-bottom:8px}
.tier h3{font-size:1.05rem;margin-bottom:6px}
.tier .price{font-family:var(--disp-en);color:var(--ink);font-size:1.3rem;font-weight:600;margin:8px 0 2px}
body[data-lang="zh"] .tier .price{font-family:var(--disp-zh)}
.tier .per{font-size:.78rem;color:var(--muted);margin-bottom:14px}
.tier ul{list-style:none;font-size:.88rem;color:var(--body-tone)}
.tier li{padding:6px 0 6px 20px;position:relative;border-top:1px dashed var(--hairline)}
.tier li::before{content:"—";position:absolute;left:0;color:var(--honey)}
.subhead{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);font-weight:600;margin:34px 0 14px}
.scope-note{margin-top:30px;font-size:.86rem;color:var(--muted);max-width:74ch}
[hidden]{display:none!important}
.origin-inner{display:grid;grid-template-columns:1fr 1.4fr;gap:48px;align-items:start}
@media(max-width:760px){.origin-inner{grid-template-columns:1fr}}
.origin-mark{font-family:var(--disp-zh);font-size:clamp(3.4rem,8vw,5.6rem);color:var(--ink);line-height:1.2;font-weight:600}
.origin-mark small{display:block;font-family:var(--body-en);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--honey);font-weight:600;margin-top:12px}
.origin p{color:var(--body-tone);margin-bottom:16px}
.cred{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.cred span{border:1px solid var(--hairline);border-radius:999px;padding:7px 14px;font-size:.82rem;color:var(--body-tone);background:var(--paper)}
.contact{padding:84px 0}
.contact-card{background:var(--ink);color:var(--paper);border-radius:8px;padding:56px 48px;text-align:center}
.contact-card h2{color:var(--paper);font-size:clamp(1.6rem,3.4vw,2.3rem);margin-bottom:16px}
.contact-card p{max-width:58ch;margin:0 auto 30px;color:#D8DED8;font-size:.98rem}
.contact-card .btn-primary{background:var(--honey);border-color:var(--honey);color:#1E1A10}
.contact-langs{margin-top:22px;font-size:.82rem;color:#A8B3A8;letter-spacing:.06em}
footer{border-top:1px solid var(--hairline);padding:30px 0;font-size:.82rem;color:var(--muted)}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}

/* multi-page additions */
body[data-lang="zh"]{font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif}
body[data-lang="zh"] h1,body[data-lang="zh"] h2,body[data-lang="zh"] h3,body[data-lang="zh"] h4{font-family:"Songti SC","Noto Serif SC","SimSun",serif;font-weight:600}
.nav-links a.cta{color:var(--honey)}
.nav-links a.lang{border:1px solid var(--ink);border-radius:999px;padding:6px 14px;font-size:.8rem;font-weight:600;color:var(--ink)}
.nav-links a.lang:hover{background:var(--ink);color:var(--paper)}
@media(max-width:720px){.nav-links a:not(.lang):not(.cta){display:none}}
.page{padding:80px 0 40px;border-bottom:1px solid var(--hairline)}
.page h1{font-size:clamp(2rem,4.6vw,3.1rem);max-width:24ch}
.page .lede{margin-top:22px;max-width:64ch;font-size:1.06rem;color:var(--body-tone)}
.prose{max-width:70ch}
.prose h2{font-size:1.45rem;margin:44px 0 14px}
.prose h3{font-size:1.1rem;margin:26px 0 8px}
.prose p{margin-bottom:14px;color:var(--body-tone)}
.prose ul{margin:0 0 16px 20px;color:var(--body-tone)}
.prose li{margin-bottom:6px}
.facts{border:1.5px solid var(--ink);border-radius:6px;background:var(--paper);margin:26px 0}
.facts .row{display:flex;gap:18px;padding:12px 18px;border-bottom:1px solid var(--hairline);font-size:.92rem}
.facts .row:last-child{border-bottom:none}
.facts .row b{flex:0 0 34%;color:var(--ink)}
.facts .row span{color:var(--body-tone)}
@media(max-width:600px){.facts .row{flex-direction:column;gap:4px}}
.callout{background:var(--ink);color:var(--paper);border-radius:8px;padding:28px 30px;margin:40px 0}
.callout .tag{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--honey);font-weight:600}
.callout h3{color:var(--paper);font-size:1.25rem;margin:6px 0 8px}
.callout p{color:#D8DED8;font-size:.95rem}
.callout .btn{margin-top:14px;background:var(--honey);border-color:var(--honey);color:#1E1A10}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:10px}
.cardlink{display:block;text-decoration:none;border:1px solid var(--hairline);border-radius:6px;padding:22px;background:var(--paper)}
.cardlink:hover{border-color:var(--ink)}
.cardlink .num{font-size:.74rem;letter-spacing:.14em;color:var(--honey);font-weight:600}
.cardlink h3{font-size:1.05rem;margin:6px 0 6px}
.cardlink p{font-size:.88rem;color:var(--body-tone)}
.disclaimer{font-size:.8rem;color:var(--muted);margin-top:30px;padding-top:14px;border-top:1px dashed var(--hairline)}
.crumbs{font-size:.8rem;color:var(--muted);margin-bottom:18px}
.crumbs a{color:var(--muted);text-decoration:none}
