/* Shared typography and progressive layer blur, measured from Figma 110:1092. */
:root{--type-family:"Segoe UI","Microsoft YaHei","PingFang SC",Arial,sans-serif;--display:var(--type-family);--body:var(--type-family)}
body,button,input,textarea,select{font-family:var(--type-family);letter-spacing:0}
h1,h2,h3,h4,.brand,.primary,.chapter-tabs [aria-selected=true]{font-weight:700}
.flow-heading h2,.faq-section h2,.guide-section h2{font-weight:700}
h2{line-height:1.24}h3,h4{line-height:1.35}
.step-copy h3{font-weight:700}.substeps [aria-current]{font-weight:700}
.hero h1.progressive{background:none;-webkit-text-fill-color:initial;position:relative}
.progressive-word{display:block;background:linear-gradient(180deg,#386a80 10%,#eef3f5 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.blur-layer{position:absolute!important;inset:0;pointer-events:none;user-select:none}
.progressive-product{position:relative;flex:none;filter:drop-shadow(0 12px 20px #2b49571c);mask-image:linear-gradient(#000 91.9%,transparent 100%)}
.progressive-product .figma-product{display:block;filter:none;border-radius:8px}
.progressive-product .blur-layer{width:100%;height:100%}
.locale-link{display:inline-flex;gap:6px;align-items:center;font-size:14px;font-weight:700;color:var(--accent);min-height:44px;padding:4px 10px;white-space:nowrap;border-left:1px solid var(--line)}
.nav-row{gap:24px}.nav-row nav{gap:56px;margin-inline:auto}.nav-row .nav-cta{margin-left:0}
.native-progress{width:100%;max-width:600px;display:block;margin:20px auto;object-fit:contain}
html[lang=en] .hero-line{font-size:42px;max-width:1100px;margin-inline:auto}
html[lang=en] .hero-description{font-size:23px;max-width:1000px}
html[lang=en] .chapter-tabs button{font-size:16px}
html[lang=en] .process-inner a{font-size:13px}
html[lang=en] .step-copy h3{font-size:30px}
html[lang=en] .step-copy p{font-size:17px}
html[lang=en] .clean-bars>div{grid-template-columns:140px minmax(0,1fr) 32px;gap:12px}
.clean-bars>div>span{overflow-wrap:anywhere;min-width:0}.clean-bars meter{width:100%;min-width:0;height:10px}
.clean-bars meter::-webkit-meter-bar{background:#dce5e9;border:0;border-radius:0}
.clean-bars meter::-webkit-meter-optimum-value{background:#6596a8}
.step-copy,.step-note,.flow-body,.installation,.faq-list{overflow-wrap:break-word;min-width:0}
.mood-options{flex-wrap:wrap}.mood-options button{white-space:normal}
.practice-toolbar,.practice-actions{flex-wrap:wrap}
.stage-top{height:auto;min-height:60px;gap:12px}.stage-tools{flex:none}
.progress-demo{overflow:auto;max-height:100%}
@media(min-width:1700px) and (min-height:1000px){.container{width:min(1379px,calc(100% - 128px))}.hero h1{font-size:196px}}
@media(max-height:850px) and (min-width:901px){html[lang=en] .hero-line{font-size:32px}html[lang=en] .hero-description{font-size:18px}html[lang=en] .step-copy h3{font-size:27px}}
@media(max-width:1100px){.nav-row nav{gap:24px}.nav-row{gap:16px}.nav-cta{display:none}}
@media(max-width:700px){.nav-row{gap:8px}.nav-row .brand{font-size:20px;gap:8px}.brand-icon{width:34px;height:34px}.locale-link{font-size:13px;padding-inline:8px}.nav-row nav{gap:12px;margin-left:auto}html[lang=en] .hero-line{font-size:25px}html[lang=en] .hero-description{font-size:16px}.flow-controls{flex-wrap:wrap;gap:12px}.stage-top{min-height:50px}.step-copy h3,html[lang=en] .step-copy h3{font-size:28px}.capture-controls{flex-wrap:wrap}.chapter-tabs{overflow-x:auto}.chapter-tabs button{flex:0 0 auto;white-space:nowrap}.locale-link{margin-left:auto}}
@media(max-width:390px){.nav-row nav{display:none}html[lang=en] .hero-line{font-size:23px}}
@media(max-width:600px){.process-inner{grid-template-columns:repeat(2,minmax(0,1fr))}.process-inner a{white-space:normal;min-width:0}.process-inner .small-label{grid-column:1/-1}.process-inner a span{flex:none}}
@media(max-width:390px){html[lang=en] .hero .product-scene{height:170px}html[lang=en] .figma-product{height:170px;width:212px;flex-basis:212px}}
@media(max-width:600px){html[lang=en] .clean-bars>div{grid-template-columns:104px minmax(0,1fr) 28px;font-size:12px;gap:8px}}