/* Hallmark · pre-emit critique: P4 H5 E4 S5 R5 V4
 * macrostructure: Product Stage + Reading Desk · genre: modern-minimal · theme: Cobalt
 * tone: quiet precision · genuine product captures, not reference-site assets */
:root {
  --color-paper: #f8fafc; --color-surface: #ffffff; --color-soft: #f0f4f9;
  --color-tint: #eaf0fc; --color-ink: #13243e; --color-body: #39485e;
  --color-muted: #606d81; --color-rule: #dfe5ef; --color-boundary: #8998af;
  --color-accent: #2457d6; --color-accent-hover: #1c43ac;
  --color-dark: #142942; --color-dark-text: #f6f9ff; --color-dark-muted: #bdcde0;
  --color-shadow: #172c4912; --color-clear: transparent;
  --font-body: "Segoe UI Variable", "Segoe UI", "Microsoft YaHei UI", "PingFang SC", sans-serif;
  --page-max: 80rem; --page-gutter: clamp(1rem,4.3vw,3rem);
  --space-page: clamp(3.5rem,7.5vw,7rem); --radius-control: .5rem;
  --text-premium-display: clamp(2.35rem,5.9vw,5.1rem);
}
body {line-height:1.75; -webkit-font-smoothing:antialiased}
html,body {overflow-x:clip}
h1,h2,h3 {font-style:normal}
.draft-strip {background:var(--color-paper); color:var(--color-muted); padding-block:.35rem; border-bottom:1px solid var(--color-rule);font-size:.7rem}
.site-header {background:var(--color-surface)}
.nav-bar {min-height:5.1rem;gap:1.3rem}
.brand {font-size:1.06rem;gap:.6rem;letter-spacing:-.02em}
.brand img {width:30px;height:30px}
.desktop-nav {margin-left:auto}
.nav-actions {gap:.7rem}
.nav-link,.nav-menu summary {font-size:.9rem}
.language-control {display:flex;align-items:center;gap:.15rem;padding:.2rem;border:1px solid var(--color-rule);border-radius:var(--radius-control);flex:none}
.language-control a {font-size:.75rem;padding:.22rem .48rem;line-height:1.6;border-radius:.3rem;color:var(--color-muted);white-space:nowrap}
.language-control a[aria-current] {color:var(--color-accent);background:var(--color-tint)}
.language-control a:hover {text-decoration:none;background:var(--color-soft)}
.btn {border-radius:var(--radius-control);font-size:.9rem;font-weight:600;min-height:3rem;padding:.7rem 1.25rem;white-space:nowrap;box-shadow:none}
.btn.small {min-height:2.65rem;padding:.55rem 1rem}
.btn:hover {transform:none;box-shadow:none}
.btn.secondary {border-color:var(--color-rule);background:var(--color-surface);color:var(--color-ink)}
.section {padding-block:var(--space-page)}
.section.compact {padding-block:clamp(2.5rem,4vw,4rem)}
.section-head {gap:1rem;margin-bottom:2.5rem;max-width:49rem}
.section-head h2 {font-size:clamp(1.75rem,3.1vw,2.7rem);line-height:1.35;letter-spacing:-.03em}
.section-head p {font-size:1rem;color:var(--color-muted);max-width:44rem}
.page-hero {padding-top:clamp(3rem,7vw,6rem);padding-bottom:3.5rem;background:var(--color-paper)}
.page-hero h1 {font-size:clamp(2rem,4.5vw,3.9rem);max-width:20ch;letter-spacing:-.035em;line-height:1.22}
.page-hero p {max-width:48rem;color:var(--color-muted);line-height:1.9}
.page-subnav {gap:.5rem}
.page-subnav a {font-size:.85rem;white-space:nowrap}
.outline-box,.release-panel {border-radius:.65rem;background:var(--color-surface);box-shadow:none}
.outline-box {border:1px solid var(--color-rule)}
.feature-detail {background:var(--color-clear);border-radius:0;box-shadow:none}
.feature-detail h3 {font-size:1.13rem;line-height:1.55}
.feature-detail p {font-size:.95rem}
.feature-section h2 {font-size:1.8rem}
.faq-item summary {font-size:1rem}
.faq-item .answer {font-size:.95rem;line-height:1.9;color:var(--color-muted)}
.product-figure {border-radius:.55rem;overflow:clip;background:var(--color-surface)}
.product-figure figcaption {font-size:.78rem}
.figure-head {background:var(--color-surface)}
.site-footer {background:var(--color-surface);padding-block:2.5rem;border-top:1px solid var(--color-rule)}
.footer-line {align-items:center;gap:1.2rem;font-size:.82rem}
.footer-notice {max-width:66rem;font-size:.75rem;line-height:1.85;color:var(--color-muted);margin-top:1.3rem}
.footer-links a {white-space:nowrap}
.premium-hero {padding:clamp(3.5rem,7vw,6.5rem) 0 2.4rem}
.premium-hero-grid {display:grid;grid-template-columns:minmax(0,1fr);gap:2.5rem;align-items:end}
.premium-hero h1 {font-size:var(--text-premium-display);line-height:1.16;letter-spacing:-.045em;max-width:14ch;margin:0 0 1.5rem}
.premium-hero .intro {font-size:clamp(1rem,1.3vw,1.15rem);max-width:38rem;line-height:1.85;color:var(--color-muted);margin-top:1.5rem}
.premium-hero .button-row {margin-top:2rem;gap:.7rem}
.product-context {display:flex;gap:1rem;align-items:center;font-size:.82rem;color:var(--color-muted);margin-bottom:1.4rem}
.product-context span+span {border-left:1px solid var(--color-rule);padding-left:1rem}
.hero-account-flow {padding:1.6rem 0 0;max-width:23rem}
.hero-account-flow .flow-label {font-size:.85rem;color:var(--color-muted);margin-bottom:.7rem}
.hero-account-flow .account-row {display:flex;justify-content:space-between;align-items:center;padding:.95rem 0;gap:1rem;border-bottom:1px solid var(--color-rule);font-size:.92rem}
.account-row strong {color:var(--color-ink);font-weight:600}
.account-row span {color:var(--color-muted);font-size:.82rem;white-space:nowrap}
.hero-account-flow p {color:var(--color-muted);font-size:.8rem;margin-top:1rem;line-height:1.8}
.product-stage {padding:0 0 3rem}
.demo-controls {display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}
.demo-controls p {font-size:.78rem;color:var(--color-muted)}
.demo-tabs {display:flex;gap:.3rem;flex-wrap:wrap}
.demo-tabs button {background:var(--color-clear);border:1px solid var(--color-clear);border-radius:var(--radius-control);padding:.55rem .9rem;font-size:.86rem;white-space:nowrap}
.demo-tabs button[aria-pressed="true"] {color:var(--color-accent);background:var(--color-surface);border-color:var(--color-rule)}
.demo-tabs button:hover {color:var(--color-accent)}
.stage-figure {background:var(--color-surface);border:1px solid var(--color-rule);border-radius:.65rem;overflow:clip;box-shadow:0 20px 60px var(--color-shadow)}
.stage-figure button {display:block;padding:0;border:0;background:var(--color-surface);width:100%}
.stage-figure img {width:100%;object-fit:contain;object-position:top}
.stage-figure figcaption {border-top:1px solid var(--color-rule);padding:.85rem 1.2rem;color:var(--color-muted);font-size:.76rem;line-height:1.8}
.product-capabilities {display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem 2rem;padding-top:1.8rem;font-size:.82rem;color:var(--color-muted)}
.product-capabilities span {white-space:nowrap}
.premium-split {display:grid;grid-template-columns:minmax(0,1fr);gap:2.5rem}
.premium-split h2 {font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.38;letter-spacing:-.03em;max-width:15ch}
.premium-split>div>p {color:var(--color-muted);max-width:30rem;margin-top:1.2rem}
.operation-lines {display:grid}
.operation-line {padding:1.4rem 0;border-top:1px solid var(--color-rule)}
.operation-line:first-child {padding-top:0;border-top:0}
.operation-line h3 {font-size:1.15rem;margin-bottom:.5rem}
.operation-line p {font-size:.93rem;color:var(--color-muted);line-height:1.85}
.operation-line a {display:inline-flex;margin-top:.8rem;font-size:.85rem}
.precision-band {background:var(--color-dark);color:var(--color-dark-text)}
.precision-band h2,.precision-band h3 {color:var(--color-dark-text)}
.precision-band .section-head p,.precision-band .execution-steps p {color:var(--color-dark-muted)}
.execution-steps {display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;margin-top:3rem}
.execution-steps article {border-top:1px solid var(--color-dark-muted);padding-top:1.3rem}
.execution-steps h3 {font-size:1.15rem;margin-bottom:.7rem}
.execution-steps p {font-size:.9rem;line-height:1.9}
.license-facts {margin:0;border-top:1px solid var(--color-rule)}
.license-facts div {display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.2rem 0;border-bottom:1px solid var(--color-rule);font-size:.92rem}
.license-facts dt {color:var(--color-muted)}
.license-facts dd {margin:0;color:var(--color-ink);font-weight:600;text-align:right}
.license-note {font-size:.82rem;line-height:1.85;color:var(--color-muted);margin-top:1.2rem}
.premium-download {padding:2.5rem 0;background:var(--color-soft)}
.download-line {display:flex;align-items:center;justify-content:space-between;gap:1.8rem;flex-wrap:wrap}
.download-line h2 {font-size:clamp(1.45rem,2.4vw,2rem);letter-spacing:-.025em;margin-bottom:.4rem}
.download-line p {font-size:.88rem;color:var(--color-muted)}
.locale-note {font-size:.85rem;line-height:1.85;color:var(--color-muted);margin-top:1rem}
@media(min-width:48rem){
 .premium-split {grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:5rem}
 .execution-steps {grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem}
}
@media(min-width:64rem){
 .premium-hero-grid {grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:6rem}
 .hero-account-flow {justify-self:end;width:100%;padding-bottom:.4rem}
 .premium-hero {padding-bottom:3.5rem}
}
@media(max-width:63.99rem){.nav-actions{margin-left:auto}.nav-bar{gap:.8rem}.nav-actions .search-open{display:none}}
@media(max-width:47.99rem){
 .hero-account-flow {display:none}
 .page-hero{padding-bottom:2.2rem}
 .section-head{grid-template-columns:minmax(0,1fr)}
 .product-capabilities{justify-content:flex-start;gap:.6rem 1.4rem}
 .stage-figure figcaption{padding:.8rem}
 .premium-hero .button-row .btn {font-size:.83rem;padding:.65rem .9rem}
 .demo-tabs button{font-size:.8rem;padding:.5rem .65rem}
 .footer-line{align-items:flex-start}
 .footer-links{gap:.6rem 1rem;flex-wrap:wrap}
 .feature-detail h3{font-size:1.05rem}
 .faq-item summary{font-size:.94rem}
}
@media(max-width:23.4rem){
 .nav-bar{gap:.4rem;min-height:4.5rem}
 .brand{font-size:.95rem;gap:.35rem}.brand img{width:25px;height:25px}
 .nav-actions{gap:.35rem}.language-control a{padding:.25rem .38rem}
 .language-control{gap:0}.menu-toggle{width:34px;min-width:34px}
 .premium-hero h1{font-size:2.2rem}
 .product-capabilities{font-size:.75rem}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.contact-channels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.contact-channels article{padding:24px;border:1px solid var(--line,#dce2ec);border-radius:12px;min-width:0}.contact-channels p,.contact-channels a{overflow-wrap:anywhere}@media(max-width:900px){.contact-channels{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.contact-channels{grid-template-columns:1fr}}