/* Reference: live index-B8ec9GcW.css, verified 2026-10-03.
   Typography only: preserve colors, assets, copy, layout and motion.
   Compact cards retain compact type rather than the reference's full-width display sizes. */
:root{--site-font:Inter,"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;--type-section:32px;--type-card:24px;--type-subheading:18px;--type-body:14px;--type-caption:12px;--type-lead:16px}
body{font-family:var(--site-font);font-synthesis:none;line-height:1.85;font-weight:400}
button,input,select,textarea,.ant-btn,.ant-collapse,.ant-popover,.ant-modal{font-family:var(--site-font)}
main .section-heading h2,main .duo-section .section-heading h2,main .knowledge-copy h2,
main .security-intro h2,main .policy-assessment h2,main .capability-heading h2,main .final-cta h2{
  font-size:var(--type-section);line-height:1.25;font-weight:600;letter-spacing:-.035em;text-wrap:balance;
}
main h2 :is(span,strong,b){font-weight:inherit}
main .duo-role-heading h3{font-size:32px;line-height:1.3;font-weight:600;letter-spacing:0}
main .duo-role-heading h3 span{font-size:14px;line-height:1.65;font-weight:400;letter-spacing:0}
main .writing-card h3{font-size:clamp(22px,2vw,28px);line-height:1.3;font-weight:520;letter-spacing:-.035em}
main .capability-card h3{font-size:var(--type-card);line-height:1.35;font-weight:600;letter-spacing:-.02em;overflow-wrap:anywhere}
main .security-benefits h3{font-size:var(--type-subheading);line-height:1.5;font-weight:500}
main .policy-assessment-steps h3{font-size:19px;line-height:1.5;font-weight:650}
main .workflow-features h3{font-size:15px;line-height:1.5;font-weight:500}
main .knowledge-pillars li{font-size:17px;line-height:1.5;font-weight:500}
.workflow-accordion .ant-collapse>.ant-collapse-item>.ant-collapse-header,
.workflow-accordion summary{font-size:19px;line-height:1.5;font-weight:500}
main .section-heading p,main .capability-heading p,main .security-intro>p,
main .duo-role-heading p,main .final-cta p{font-size:var(--type-lead);line-height:1.75;font-weight:400}
main .security-intro>p{line-height:1.9}
main .capability-copy p,main .writing-card-description,main .security-benefits p,
main .security-deployment,main .workflow-description p,main .workflow-description li,
main .policy-assessment-intro>p,main .policy-assessment-steps p,
.info-dialog p,.dialog-steps{font-size:var(--type-body);line-height:1.75;font-weight:400}
main .writing-scene-list li{font-size:13px;line-height:1.65}
main .workflow-features p{font-size:12px;line-height:1.7}
main .role-capabilities{font-size:14px;line-height:1.7}
main .offer-card h3{font-size:15px;line-height:1.5;font-weight:500}
main .offer-value{font-size:27px;line-height:1.5;letter-spacing:-.02em}
main .offer-value span{font-size:30px;line-height:1.5;font-variant-numeric:tabular-nums}
main .offer-value small{font-size:12px;line-height:1.6;letter-spacing:0}
.site-header .main-nav a,.site-header .login-link{font-size:14px;line-height:1.5;font-weight:500}
.site-header .brand-name{font-size:27px;line-height:1;font-weight:650;letter-spacing:1px}
body .button,body .button-small,body .offers-actions .ant-btn{font-size:15px;line-height:1.6;font-weight:500}
body .hero-writing h1{font-size:clamp(52px,3.8vw,64px);line-height:1.2;letter-spacing:-.035em;font-weight:650}
body .hero-writing h1 span{font-weight:inherit}
body .hero-writing .hero-positioning{font-size:13px;line-height:1.8;font-weight:400;letter-spacing:.02em}
body .hero-writing .hero-expertise{font-size:16px;line-height:1.95;font-weight:400}
body .hero-writing .hero-offer-note{font-size:18px;line-height:1.5;letter-spacing:.02em;font-weight:400}
body .hero-writing .hero-offer-note strong{font-size:inherit;font-weight:700}
body .hero-writing .button-primary{font-size:15px;line-height:24px;font-weight:500}
body .hero-writing-types{font-size:24px;line-height:1.6;font-weight:400;letter-spacing:0}
body .hero-type-window{font-weight:600}
.site-footer h3{font-size:16px;line-height:1.5;font-weight:600}
.info-dialog h3{font-size:23px;line-height:1.5;font-weight:500}
@media(max-width:700px){
  :root{--type-section:clamp(24px,7vw,32px);--type-card:22px;--type-subheading:16px;--type-lead:14px}
  body .hero-writing h1{font-size:38px;line-height:1.2;letter-spacing:-1.6px}
  body .hero-writing .hero-expertise{font-size:14px;line-height:1.85}
  body .hero-writing .hero-offer-note{font-size:16px}
  body .hero-writing-types{font-size:20px}
  body .hero-writing .button-primary{font-size:13px}
  main .duo-role-heading h3{font-size:27px}
  main .policy-assessment-steps h3{font-size:17px}
  main .knowledge-pillars li{font-size:14px}
  main .offer-card h3{font-size:13px}
  main .offer-value,main .offer-value span{font-size:24px}
  .site-header .brand-name{font-size:23px}
  .site-header .header-actions .button{font-size:12px}
  .info-dialog h3{font-size:20px}
}
@media(max-width:360px){body .hero-writing-types{font-size:18px}}