/* CPub: product-led typography, glacier-blue surfaces, original artwork. */
:root{--paper:#f7f9fc;--ink:#182331;--muted:#526375;--accent:#23649d;--accent-dark:#194b78;--line:#d8e1e9;--blue:#e7f0f8;--radius:32px;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #317fb8;outline-offset:5px}::selection{background:#c5e3fb;color:#152b40}img{max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2,h3{text-wrap:balance}h1,h2{font-weight:600;letter-spacing:-.052em;line-height:1.06}h2{font-size:clamp(2.3rem,4.2vw,3.75rem)}h3{font-size:1.125rem;letter-spacing:-.025em;line-height:1.35}p{text-wrap:pretty}.container{width:min(1240px,calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;left:20px;top:-90px;z-index:100;padding:12px 22px;background:white;border-radius:10px}.skip-link:focus{top:12px}

/* Persistent navigation, with one clear primary action. */
.site-header{position:sticky;top:0;z-index:20;background:rgba(247,249,252,.92);border-bottom:1px solid rgba(216,225,233,.8);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.header-inner{min-height:84px;display:flex;align-items:center;gap:30px}
.wordmark{display:inline-flex;align-items:baseline;flex-shrink:0;font-size:30px;font-weight:700;line-height:1;letter-spacing:-1.9px}
.brand-dot{width:6px;height:6px;margin-left:3px;border-radius:50%;background:var(--accent)}
.main-nav{display:flex;align-items:center;gap:28px;margin-left:auto;font-size:14px}
.main-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;transition:color .2s,background .2s}
.main-nav a:hover{color:var(--accent)}
.main-nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:7px;text-decoration-color:#85a7c5}
.main-nav .nav-product{padding:10px 20px;border-radius:999px;background:var(--accent-dark);color:white;font-weight:500;text-align:center;line-height:1.5}
.main-nav .nav-product:hover{background:#27689e;color:white}
.header-actions{display:flex;align-items:center;gap:18px}
.language-toggle{cursor:pointer;border:0;background:transparent;color:var(--muted);min-width:44px;min-height:44px;padding:8px;font-size:14px}
.language-toggle:hover{color:var(--accent)}
.button{display:inline-flex;justify-content:center;align-items:center;gap:26px;min-height:48px;padding:12px 24px;border:1px solid var(--accent-dark);border-radius:999px;background:var(--accent-dark);color:white;font-size:15px;font-weight:500;line-height:1.5;transition:background .2s,box-shadow .2s,transform .2s}
.button:hover{background:#27689e;border-color:#27689e;transform:translateY(-2px);box-shadow:0 8px 22px #194b781a}
.button-outline{background:transparent;color:var(--accent-dark);border-color:#9db7cb}.button-outline:hover{color:white}
.header-actions .button{padding:8px 0;min-height:44px;border:0;background:transparent;color:var(--muted);font-size:14px;box-shadow:none;transform:none}.header-actions .button:hover{color:var(--accent)}
.text-link{display:inline-block;font-size:15px;line-height:1.6;padding-block:8px;color:var(--accent-dark);text-decoration:underline;text-decoration-color:#adc3d5;text-underline-offset:5px;transition:text-decoration-color .2s}.text-link:hover{text-decoration-color:currentColor}
.eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:24px;font-size:12px;font-weight:600;letter-spacing:.12em;line-height:1.6;color:var(--accent)}.short-rule{width:28px;height:1px;background:currentColor}

/* The illustration remains an unedited, full-silhouette product asset. */
.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:32px;align-items:center;padding-block:82px 76px;min-height:760px}
.hero-copy{position:relative;z-index:1}h1{font-size:clamp(3.4rem,5.7vw,5.25rem)}
.hero h1{max-width:12ch;margin-bottom:30px}.hero h1 br{display:none}.hero h1 span,.hero h1 em{display:block}.hero h1 em{color:var(--accent);font-style:normal;font-weight:inherit}
.hero-description{max-width:520px;font-size:18px;line-height:1.7;color:var(--muted)}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px 26px;margin-top:30px}.hero-note{margin-top:30px;font-size:13px;color:var(--muted)}
.hero-art{position:relative;isolation:isolate;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;min-height:590px;padding:28px 28px 24px;border-radius:150px 150px 32px 32px;background:radial-gradient(ellipse at 50% 35%,#fff 4%,#dcecf8 65%,#c8ddef 100%)}
.hero-art>img{display:block;width:auto;height:500px;max-width:100%;object-fit:contain;filter:drop-shadow(0 22px 22px #24425b1c)}
.art-caption{align-self:stretch;text-align:center;padding-top:22px}.tiny-label{display:block;font-size:11px;font-weight:600;letter-spacing:.14em;color:#466580;margin-bottom:4px}.art-source{display:block;font-size:18px;letter-spacing:-.035em;font-weight:500;color:#233e56}
.intro-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:28px;border-block:1px solid var(--line)}.intro-strip>span{font-size:12px;color:var(--muted);letter-spacing:.06em}.intro-strip p{font-size:19px;letter-spacing:-.035em}.intro-strip .strip-location{letter-spacing:0}

/* Product gallery: real interface, original screenshot, preserved attribution. */
.section{padding-block:112px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:44px}.section-top .eyebrow{margin:0}.section-aside{font-size:14px;color:var(--muted)}
.product-grid{display:grid;grid-template-columns:1fr .85fr;gap:84px;align-items:center}.product-copy{min-width:0}
.product-brand{margin-bottom:30px}.product-brand img{display:block;width:205px;height:auto;margin-bottom:10px;padding:12px 14px;background:#19354f;border-radius:12px}.product-brand>span{font-size:12px;color:var(--muted)}
.product-copy h2{margin-bottom:26px;max-width:14ch}.product-copy>p{color:var(--muted);font-size:18px;line-height:1.7;max-width:500px}
.product-facts{list-style:none;padding:0;margin:32px 0}.product-facts li{display:flex;gap:20px;padding-block:20px;border-top:1px solid var(--line)}.product-facts li>span{margin-top:3px;color:var(--accent);font-size:12px;font-variant-numeric:tabular-nums}.product-facts h3{margin-bottom:7px;font-size:16px}.product-facts p{color:var(--muted);font-size:15px;line-height:1.65}
.product-preview{padding:28px;border-radius:var(--radius);background:#e7eef5;border:1px solid #dce5ee}
.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;font-size:13px;color:#405b75}.preview-heading>span:first-child{font-size:11px;font-weight:600;letter-spacing:.13em}
.screenshot-link{display:block;width:min(100%,330px);margin-inline:auto;border-radius:18px;box-shadow:0 20px 36px -16px #102a4566;transition:transform .3s}.screenshot-link:hover{transform:translateY(-4px)}.product-screenshot{display:block;width:100%;height:auto;border-radius:18px}
.product-preview figcaption{padding:28px 4px 2px}.product-preview figcaption strong{display:block;font-size:20px;letter-spacing:-.03em;line-height:1.4;margin-bottom:10px}.product-preview figcaption p{font-size:14px;color:#4b6074;line-height:1.65}.preview-credit{display:block;font-size:12px;color:#4b6074;margin-top:16px}.product-preview .text-link{font-size:14px;margin-top:6px}

/* Each chapter has its own space and reading rhythm. */
.approach-section{background:#e8f1f8;border-block:1px solid #dbe7f0}.safety-teaser{display:grid;grid-template-columns:1.1fr .9fr;gap:100px;align-items:center;padding-block:92px}.safety-teaser h2{color:#285b84;max-width:13ch}.safety-teaser p:not(.eyebrow){font-size:20px;color:#45627b;line-height:1.65;margin-bottom:20px}
.company-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:100px;align-items:start}.company-grid h2{max-width:14ch;margin-bottom:26px}.company-grid p{font-size:17px;color:var(--muted);max-width:510px}
.company-details{margin:6px 0 0}.company-details>div{display:flex;justify-content:space-between;gap:20px;padding-block:23px;border-bottom:1px solid var(--line);font-size:15px}.company-details>div:first-child{border-top:1px solid var(--line)}.company-details dt{color:var(--muted)}.company-details dd{margin:0;text-align:right;font-weight:500}.company-details a{color:var(--accent)}
.contact-section{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center;padding:68px;border-radius:var(--radius);background:#142e46;color:#f6faff;margin-bottom:72px}.contact-section .eyebrow{color:#a8cbe7}.contact-section h2{max-width:12ch}.contact-content>p{font-size:16px;color:#c4d7e7;margin-bottom:20px}
.email-link{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid #526c84;font-size:clamp(1.5rem,2.7vw,2rem);letter-spacing:-.03em}.email-link:hover{color:#b6ddff}.contact-content .contact-support{font-size:13px;margin:18px 0 0;color:#b8cddd}
.site-footer{padding-bottom:30px}.footer-main{display:flex;align-items:center;gap:24px;padding-bottom:30px}.footer-main .wordmark{font-size:28px}.footer-main>p{font-size:13px;color:var(--muted)}.footer-main nav{display:flex;flex-wrap:wrap;gap:14px 24px;margin-left:auto;font-size:14px}.footer-main nav a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;padding-top:22px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}

/* Safety: related typography, a quieter reading surface. */
.safety-intro{padding-block:54px 0}.safety-intro>.text-link{margin-bottom:46px}.safety-intro h1{max-width:850px;font-size:clamp(3rem,6vw,5.4rem);margin-bottom:28px}.safety-lead{max-width:690px;font-size:21px;color:var(--muted)}
.safety-contents{display:flex;flex-wrap:wrap;gap:10px 12px;padding-block:40px;margin-top:10px}.safety-contents a{padding:10px 18px;min-height:44px;border:1px solid var(--line);border-radius:999px;font-size:14px;background:#fff}.safety-contents a:hover{background:var(--blue)}
.safety-section{padding-block:80px}.safety-section h2{font-size:clamp(2rem,3.8vw,3rem);max-width:760px;margin-bottom:26px}.safety-section p{color:var(--muted);font-size:17px}.safety-section .eyebrow{font-size:12px;color:var(--accent)}
.safety-standards,.reporting-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:96px;border-top:1px solid var(--line)}.standards-list{padding:0 0 0 22px;margin:25px 0 0;color:var(--muted);font-size:17px}.standards-list li{padding-left:8px;margin-bottom:20px}.standards-list li::marker{color:var(--accent)}
.response-band{background:#e8f1f8}.response-heading>p:not(.eyebrow){max-width:640px}.response-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;list-style:none;padding:0;margin:44px 0 32px}.response-steps li{border-top:1px solid #b5cada;padding-top:24px}.step-heading{display:flex;gap:16px;align-items:center;margin-bottom:20px}.step-number{color:var(--accent);font-size:14px;font-variant-numeric:tabular-nums}.step-heading h3{font-size:24px}.response-steps p{font-size:16px}.safety-section .response-note{font-size:14px;color:#4b6276;border-top:1px solid #c5d6e4;padding-top:24px}
.safeguard-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:36px}.safeguard-grid article{padding:32px;border:1px solid var(--line);border-radius:22px;background:white}.safeguard-grid h3{font-size:21px;margin-bottom:18px}.safeguard-grid p{font-size:16px}.safety-section .safety-limits{font-size:15px;margin-top:28px}.safety-section .safety-scope{font-size:15px;margin-top:18px}.reporting-section{margin-bottom:25px}.reporting-section p{margin-bottom:24px}.reporting-contact{margin-left:24px}
html[lang="zh-Hans"] h1,html[lang="zh-Hans"] h2{letter-spacing:-.035em;line-height:1.22}html[lang="zh-Hans"] .hero h1{font-size:clamp(3rem,4.9vw,4.5rem);max-width:9em}html[lang="zh-Hans"] .eyebrow{letter-spacing:.09em}html[lang="zh-Hans"] .hero-description{line-height:1.9}

@media(max-width:1150px){
  .container{width:calc(100% - 64px)}.header-inner{gap:22px}.main-nav{gap:18px}.header-actions{gap:12px}
  .hero{gap:32px;min-height:690px;padding-block:64px}.hero-art{min-height:540px;padding-inline:20px}.hero-art>img{height:440px}.product-grid{gap:52px}.company-grid,.safety-teaser{gap:64px}.contact-section{padding:48px;gap:48px}.footer-main{flex-wrap:wrap}.footer-main nav{width:100%;margin-left:0}
}
@media(max-width:1000px){
  html{scroll-padding-top:160px}.header-inner{min-height:116px;flex-wrap:wrap;padding-block:14px;gap:10px 22px}.header-actions{order:2;margin-left:auto}.main-nav{order:3;width:100%;margin-left:0;gap:24px;flex-wrap:wrap}.main-nav .nav-product{margin-left:auto}
  .hero{grid-template-columns:1.15fr .85fr}.hero h1{font-size:3.8rem}.hero-art{min-height:470px;border-top-left-radius:100px;border-top-right-radius:100px}.hero-art>img{height:360px}.hero-description{font-size:17px}.safety-standards,.reporting-section{gap:48px}
}
@media(max-width:760px){
  .hero{grid-template-columns:1fr;padding-block:50px;gap:44px}.hero h1{font-size:clamp(3rem,8vw,4.4rem);max-width:16ch}.hero-description{max-width:590px}.hero-art{width:100%;min-height:auto;border-radius:32px;padding-block:28px}.hero-art>img{height:420px}.art-caption{padding-top:18px}
  .intro-strip{flex-wrap:wrap;gap:8px 20px;padding-block:24px}.intro-strip p{order:3;width:100%;font-size:18px}.section{padding-block:72px}.section-top{margin-bottom:32px}
  .product-grid,.company-grid,.safety-teaser,.contact-section{grid-template-columns:1fr;gap:40px}.product-copy h2,.company-grid h2{max-width:18ch}.product-copy>p{max-width:none}.product-preview{width:min(100%,500px);justify-self:center}
  .safety-teaser{padding-block:64px;gap:24px}.safety-teaser h2{max-width:17ch}.safety-teaser p:not(.eyebrow){font-size:18px}.contact-section{padding:40px;margin-bottom:48px}.contact-section h2{max-width:16ch}.contact-section h2 br,.company-grid h2 br{display:none}
  .safety-standards,.reporting-section{grid-template-columns:1fr;gap:6px}.safety-section{padding-block:58px}.safety-intro h1{font-size:3.7rem}.safety-lead{font-size:19px}.response-steps{grid-template-columns:1fr;gap:28px}.step-heading{margin-bottom:14px}.safeguard-grid{grid-template-columns:1fr}.reporting-contact{margin-left:18px}
}
@media(max-width:520px){
  .container{width:calc(100% - 40px)}html{scroll-padding-top:220px}.header-inner{padding-block:12px;gap:8px 16px}.wordmark{font-size:28px}.main-nav{gap:4px 16px;font-size:14px}.main-nav .nav-product{padding-inline:14px;margin-left:0}.header-actions .button,.language-toggle{font-size:14px}
  .hero{padding-block:40px 44px;gap:36px}.hero h1{font-size:clamp(2.8rem,11vw,3.7rem);letter-spacing:-.055em;margin-bottom:24px}.eyebrow{font-size:11px;letter-spacing:.1em;margin-bottom:22px}.hero-description{font-size:16px}.hero-actions{margin-top:24px;gap:12px 20px}.hero-note{font-size:12px;margin-top:24px}.hero-art{border-radius:26px;padding:24px 18px}.hero-art>img{height:340px}.art-source{font-size:17px}.intro-strip .strip-location{font-size:11px}
  h2{font-size:2.5rem}.section{padding-block:60px}.section-aside{font-size:13px}.product-brand img{width:165px}.product-copy>p{font-size:16px}.product-facts p{font-size:15px}.product-preview{padding:22px;border-radius:26px}.preview-heading{gap:10px;margin-bottom:20px}.preview-heading>span:first-child{font-size:10px}.product-preview figcaption{padding-top:24px}
  .company-grid p{font-size:16px}.company-details>div{font-size:14px;gap:12px}.contact-section{padding:32px 26px;border-radius:26px}.contact-section h2{font-size:2.5rem}.email-link{font-size:1.65rem}.footer-main{gap:18px}.footer-main nav{gap:12px 22px}.footer-bottom{align-items:flex-start}.footer-bottom>span:nth-child(2){width:100%;order:3}
  .safety-intro{padding-top:30px}.safety-intro>.text-link{margin-bottom:32px}.safety-intro h1{font-size:2.85rem}.safety-lead{font-size:18px}.safety-contents{gap:10px;padding-block:28px}.safety-contents a{padding-inline:14px}.safety-section h2{font-size:2.1rem}.safety-section p,.standards-list{font-size:16px}.safeguard-grid article{padding:25px}.reporting-contact{display:table;margin-left:0;margin-top:12px}html[lang="zh-Hans"] .hero h1{font-size:2.85rem}html[lang="zh-Hans"] h2{font-size:2.3rem}
}
/* Readability refinement: retain the display hierarchy, with a consistent small-text floor on every screen. */
body{font-size:1rem}
.main-nav,.language-toggle,.header-actions .button,.footer-main nav,.safety-contents a{font-size:.9375rem}
.button,.text-link,.product-preview .text-link{font-size:1rem}
.eyebrow,.safety-section .eyebrow,.hero-note,.tiny-label,.intro-strip>span,.intro-strip .strip-location,.section-aside,.product-brand>span,.product-facts li>span,.preview-heading,.preview-heading>span:first-child,.preview-credit,.footer-main>p,.footer-bottom{font-size:.875rem}
.product-facts p,.product-preview figcaption p,.company-details>div,.safety-section .response-note,.safety-section .safety-limits,.safety-section .safety-scope{font-size:1rem}
.contact-content .contact-support{font-size:.9375rem}
.preview-heading{flex-wrap:wrap;gap:6px 16px}
.tiny-label,.preview-heading>span:first-child{letter-spacing:.1em}
/* Shared alignment rhythm: related labels stay grouped, independent columns start together. */
.section-top{align-items:baseline;margin-bottom:28px}
.product-grid,.safety-teaser,.contact-section{align-items:start}
.product-brand{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:28px}
.product-brand img{margin-bottom:0}
.product-brand>span{display:block;line-height:1.5}
.product-preview figcaption{padding-inline:0}
.product-facts li{display:grid;grid-template-columns:1.25rem minmax(0,1fr);gap:16px}
.company-details{margin-top:0}
.footer-main{align-items:baseline}
.step-heading{display:grid;grid-template-columns:1.5rem minmax(0,1fr);gap:.75rem;align-items:baseline}
.response-steps li>p{margin-inline-start:2.25rem}
@media(max-width:760px){.section-top{margin-bottom:24px}.product-brand{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
@media(forced-colors:active){.button,.nav-product{border:1px solid ButtonText}}