:root{
  --paper:#fffefa;
  --white:#fff;
  --wash:#f3f6f2;
  --ink:#1f3028;
  --forest:#214b3a;
  --forest-dark:#17392d;
  --accent:#b84b35;
  --body:#45564c;
  --muted:#657168;
  --line:#dfe5de;
  --sand:#e9e2d4;
  --serif:"Microsoft YaHei UI","Microsoft YaHei","DengXian","Noto Sans SC","Source Han Sans SC","PingFang SC",system-ui,sans-serif;
  --sans:var(--serif);
  --max:1280px;
  --pad:clamp(24px,5vw,80px);
  color:var(--ink);
  font-family:var(--sans);
  -webkit-font-smoothing:auto;
}
body{font-family:var(--sans);font-size:16px;line-height:1.72;color:var(--ink);font-weight:400}
button,input,select,textarea{font-family:var(--sans)}
.topbar{min-height:78px;background:rgba(255,254,250,.98);border-bottom-color:#dfe5de}
.brand{gap:13px}
.brand-seal{border-radius:7px;background:#fff8f2;font-size:12px;letter-spacing:0}
.brand-copy strong{font-size:16px;font-weight:700;letter-spacing:0;color:#263a30}
.brand-copy>span{font-size:11px;color:#59685e;letter-spacing:0}
.nav{gap:clamp(14px,2vw,27px)}
.nav>a{position:relative;padding:7px 0;color:#34473d;font-size:14px;font-weight:600}
.nav>a::after{position:absolute;right:0;bottom:1px;left:0;height:2px;content:"";background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .18s}
.nav>a:hover::after,.nav>a:focus-visible::after{transform:scaleX(1)}
.top-contact{padding:10px 13px;border-color:#cfd8d0;background:#fff;color:#43564a;font-size:12px;font-weight:600;border-radius:5px}
.top-contact span{font-size:13px;color:var(--forest);font-weight:700}
.hero{min-height:555px;padding-top:48px;padding-bottom:52px;gap:clamp(38px,6vw,78px)}
.eyebrow,.section-kicker{font-size:13px;font-weight:600;color:#46594d;letter-spacing:0}
.eyebrow>span{width:9px;height:9px}
.hero h1{margin:22px 0 15px;font-weight:750;line-height:1.3;letter-spacing:0}
.hero-mark{font-weight:750}
.hero-deck{max-width:470px;color:#405247;font-size:17px;line-height:1.85}
.button{min-height:52px;padding:0 21px;border-radius:4px;font-size:14px;font-weight:650}
.text-link,.under-link{font-size:14px;font-weight:600;border-bottom-color:#bfcac0}
.hero-local{max-width:440px;margin-top:28px;padding-top:15px}
.local-icon{border-radius:6px;background:#fff8f2}
.hero-local strong{font-size:13px;font-weight:700}
.hero-local small{font-size:12px;color:#617067}
.hero-visual{aspect-ratio:1.08;border-radius:10px;overflow:hidden;background:#e7e8e2;box-shadow:0 16px 40px rgba(31,54,41,.12)}
.hero-visual figcaption{padding:12px 15px;font-size:12px;background:rgba(24,51,39,.88)}
.hero-promo{width:min(100%,430px);aspect-ratio:auto;background:transparent;box-shadow:none}
.hero-promo>img{height:auto;aspect-ratio:auto;object-fit:contain}
.hero-promo figcaption{display:none}
.section-pad{padding-top:70px;padding-bottom:70px}
.section-kicker>span{font-size:13px}
.manifesto-grid,.directory-heading,.protection-head,.news-heading,.library-head{margin-top:14px}
.manifesto h2,.directory h2,.library h2,.news-heading h2,.steps h2,.protection h2{font-weight:750;line-height:1.32;letter-spacing:0}
.manifesto-copy p,.directory-heading>p,.library-head>p,.news-heading>p{color:#46564c;font-size:15px;line-height:1.85}
.proof-row{margin-top:30px;padding-top:18px}
.proof-number{font-weight:700;letter-spacing:0}
.proof-label{color:#46564c;font-size:13px;line-height:1.7}
.proof-word{font-weight:700}
.pitfalls-top h2{font-weight:750;line-height:1.32;letter-spacing:0}
.section-intro{color:#46564c;font-size:15px;line-height:1.8}
.checklist{gap:13px}
.check-item{min-height:145px;padding:20px;border-color:#dfe5de;border-radius:7px;box-shadow:0 4px 14px rgba(31,54,41,.035)}
.check-item h3{font-size:17px;font-weight:700;line-height:1.5}
.check-item p{color:#4d5d53;font-size:14px;line-height:1.8}
.pitfall-footnote{color:#606d63;font-size:12px}
.directory{background:#f3f3ed}
.directory-search{border-bottom-color:#cbd4cb}
.search-field input{font-size:15px}
.search-field input::placeholder{color:#747f75}
.directory-total{color:#4c5d51;font-size:13px;font-weight:600}
.directory-qualifier{color:#4d5d52;font-size:13px}
.company-list-card{border-color:#d9e1d9;border-radius:6px;overflow:hidden;box-shadow:0 3px 10px rgba(34,61,46,.035)}
.company-name h3{font-size:14px;font-weight:700}
.company-name>span{color:#5c6a60;font-size:11px}
.company-open{font-size:11px;font-weight:650}
.company-status{font-size:10px}
.load-state{color:#56675b;font-size:14px}
.more-companies,.more-gallery{min-height:46px;border-color:#bcc9be;background:#fff;color:#274839;font-size:13px;font-weight:650;border-radius:5px}
.protection-head>p{color:#e0e7e0;font-size:15px;line-height:1.8}
.protection-card h3{font-size:19px;font-weight:700}
.protection-card p{color:#e0e7e0;font-size:14px;line-height:1.8}
.card-caption{font-size:12px}
.protection-bottom>span{font-size:12px}
.protection-bottom>a{font-size:13px;font-weight:650}
.news-main strong{font-size:16px;font-weight:700}
.news-main>span{color:#4c5d52;font-size:13px}
.news-content{color:#405248;font-size:14px}
.news-date i,.news-date small{font-size:12px}
.gallery-card{border-radius:8px;box-shadow:0 7px 18px rgba(31,54,41,.08)}
.gallery-meta i,.gallery-meta small{font-size:12px}
.gallery-meta strong{font-size:19px;font-weight:700}
.gallery-arrow{border-radius:7px}
.gallery-bottom{color:#526258;font-size:12px}
.gallery-bottom .under-link{font-size:12px}
.contact-band{padding-top:48px;padding-bottom:48px}
.contact-kicker{font-size:13px;font-weight:600}
.contact-band h2{font-weight:750;line-height:1.3;letter-spacing:0}
.contact-band p{font-size:13px}
.contact-action>span{font-size:12px}
.footer-top>p{color:#43544a;font-size:12px}
.footer-top>nav a{color:#3d5044;font-size:12px;font-weight:600}
.footer-bottom{color:#5d6b61;font-size:11px}
.guide-dialog{border-radius:10px}
.guide-dialog h2{font-weight:750}
.dialog-body>p,.dialog-body li{color:#405248;font-size:15px;line-height:1.8}
.guide-dialog>.pitfall-footnote{font-size:12px}
.membership-heading h2{font-weight:750;line-height:1.32;letter-spacing:0}
.membership-heading>p,.schedule-heading>p{color:#46564c;font-size:14px}
.membership-card{border-color:#d9e1d9;border-radius:8px;box-shadow:0 5px 15px rgba(34,61,46,.04)}
.membership-card-head{color:#526258;font-size:12px}
.membership-card-head small{font-size:10px;border-radius:3px}
.membership-card h3{font-size:21px;font-weight:750}
.membership-groups strong{color:#33493b;font-size:13px}
.membership-groups p{color:#4d5d53;font-size:13px;line-height:1.75}
.membership-note{color:#506055;font-size:12px}
.schedule-heading h3{font-weight:700}
.schedule-heading>p{color:#dce4dd}
.schedule-card{border-radius:6px;background:rgba(255,255,255,.075)}
.schedule-card h4{font-size:16px;font-weight:700}
.schedule-card strong{font-size:12px;font-weight:650}
.schedule-card p{color:#e2e8e2;font-size:12px;line-height:1.75}
.source-documents{border-radius:6px;overflow:hidden}
.source-documents>summary span{font-size:13px;font-weight:650}
.source-documents>summary small{font-size:11px}
.source-group-heading h3{font-size:16px;font-weight:700}
.source-group-heading p{font-size:11px;color:#d0d9d1}
.source-pages a{border-radius:4px;overflow:hidden}
.source-pages a>span{font-size:11px}
.material-overview{border-color:#dce4dc;border-radius:7px;background:#f8faf7}
.material-overview>span{font-size:14px;font-weight:700}
.material-overview>div a{border-color:#d1dbd2;border-radius:4px;color:#40564a;font-size:12px;font-weight:550}
.material-overview>a{font-size:12px;font-weight:700}
.company-detail-copy>p{color:#3e5146;font-size:13px;line-height:1.8}
.company-detail-facts>p{font-size:12px;line-height:1.7}
.company-detail-facts b{color:#59695e;font-weight:650}
.company-detail-source{color:#5a6b60;font-size:11px}
.company-source-list>strong,.company-materials>strong{font-size:12px}
.company-source-list>a{color:#40574a;font-size:11px}
.company-materials h4{font-size:11px}
.company-materials section a{color:#455b4e;font-size:10px}
.support-panel{border-color:#cfdacf;border-radius:10px}
.support-head small{color:#526258;font-size:11px}
.support-head strong{font-size:24px;font-weight:750}
.support-hours{color:#4d5d53;font-size:12px}
.support-phone{border-radius:4px;font-size:15px;font-weight:700}
.support-phone span{font-size:11px}
.support-wechat{border-radius:4px;font-size:12px}
.lead-form{gap:11px}
.lead-form>label:not(.lead-consent):not(.lead-trap){color:#405449;font-size:12px;font-weight:600}
.lead-form>label small{color:#68766c;font-size:10px}
.lead-form input:not([type=checkbox]),.lead-form select,.lead-form textarea{border-color:#d2ddd3;border-radius:4px;color:#24392e;font-size:13px}
.lead-consent{color:#4e6054;font-size:11px;line-height:1.65}
.lead-submit{min-height:46px;border-radius:4px;font-size:13px;font-weight:700}
.lead-status{color:#5e6e62;font-size:11px}
@media(max-width:1050px){.nav>a{font-size:13px}.hero{min-height:unset;padding-top:44px;padding-bottom:48px}.hero h1{font-size:clamp(44px,5.8vw,60px)}}
@media(max-width:900px){.nav>a{font-size:15px}.hero{gap:25px}.section-pad{padding-top:58px;padding-bottom:58px}}
@media(max-width:900px){.hero-promo{width:min(100%,400px);aspect-ratio:auto}}
@media(max-width:600px){
  :root{--pad:22px}
  body{font-size:15px;line-height:1.7}
  .topbar{min-height:66px}
  .brand-copy strong{font-size:14px}
  .hero{padding-top:30px;padding-bottom:32px;gap:19px}
  .eyebrow,.section-kicker{font-size:12px}
  .hero h1{margin:15px 0 11px;font-size:clamp(36px,9.6vw,46px);line-height:1.32;letter-spacing:0}
  .hero-deck{font-size:15px;line-height:1.75}
  .button{min-height:48px;font-size:13px}
  .hero-local{margin-top:21px}
  .hero-local strong{font-size:12px}
  .hero-local small{font-size:11px}
  .hero-promo{width:min(100%,350px);aspect-ratio:auto;margin-inline:auto;border-radius:8px}
  .hero-promo>img{height:auto}
  .hero-visual figcaption{font-size:10px}
  .section-pad{padding-top:50px;padding-bottom:50px}
  .manifesto h2,.directory h2,.library h2,.news-heading h2,.steps h2,.protection h2,.membership-heading h2{font-size:34px;line-height:1.35;letter-spacing:0}
  .manifesto-copy p,.directory-heading>p,.library-head>p,.news-heading>p{font-size:14px;line-height:1.8}
  .proof-label{font-size:11px}
  .pitfalls-top h2{font-size:32px;line-height:1.35;letter-spacing:0}
  .section-intro{font-size:14px}
  .check-item h3{font-size:15px}
  .check-item p{font-size:13px;line-height:1.75}
  .pitfall-footnote{font-size:11px}
  .directory-total,.directory-qualifier{font-size:11px}
  .company-name h3{font-size:12px}
  .company-name>span{font-size:10px}
  .company-open{font-size:10px}
  .protection-card h3{font-size:16px}
  .protection-card p{font-size:13px}
  .protection-bottom>span{font-size:11px}
  .news-main strong{font-size:14px}
  .news-main>span,.news-content{font-size:12px}
  .gallery-meta i,.gallery-meta small{font-size:10px}
  .gallery-meta strong{font-size:15px}
  .gallery-bottom{font-size:10px}
  .membership-card-head{font-size:11px}
  .membership-card h3{font-size:18px}
  .membership-groups strong{font-size:12px}
  .membership-groups p{font-size:12px}
  .membership-note{font-size:11px}
  .schedule-heading h3{font-size:18px}
  .schedule-heading>p{font-size:11px}
  .schedule-card h4{font-size:14px}
  .schedule-card strong,.schedule-card p{font-size:11px}
  .source-documents>summary span{font-size:12px}
  .source-documents>summary small{font-size:10px}
  .source-group-heading h3{font-size:13px}
  .source-pages a>span{font-size:10px}
  .material-overview>span{font-size:12px}
  .material-overview>div a{font-size:10px}
  .material-overview>a{font-size:11px}
  .company-detail-copy>p{font-size:12px}
  .company-detail-facts>p{font-size:11px}
  .company-detail-source,.company-source-list>a{font-size:10px}
  .support-hours{font-size:11px}
  .lead-form>label:not(.lead-consent):not(.lead-trap){font-size:11px}
  .lead-form input:not([type=checkbox]),.lead-form select,.lead-form textarea{font-size:12px}
  .lead-consent{font-size:10px}
  .lead-submit{font-size:12px}
  .lead-status{font-size:10px}
}
