@font-face{font-family:'Bricolage Grotesque';src:url('assets/fonts/bricolage.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
:root{--bg:#f7f9f8;--surface:#e8efec;--ink:#06525c;--muted:#41676b;--accent:#06525c;--accent-ink:#f7f9f8;--pad:32px;--gap:24px;--font:'Bricolage Grotesque','Microsoft YaHei',sans-serif;--body:17px;--small:14px;--head:clamp(30px,3.1vw,48px);--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:var(--body);line-height:1.65;font-synthesis:none}button,input,select,textarea{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}h1,h2,h3,p,figure{margin:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}h2{font-size:var(--head);font-weight:500;letter-spacing:-.045em;line-height:1.22}h3{font-size:24px;line-height:1.4;font-weight:500}img{display:block;width:100%;height:100%;object-fit:cover}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--ink);outline-offset:5px}button:disabled{cursor:wait}::selection{background:var(--ink);color:var(--bg)}[hidden]{display:none!important}.small{font-size:var(--small)}.muted{color:var(--muted)}.wrap{padding-inline:var(--pad)}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;background:var(--ink);color:var(--bg);font-size:15px;gap:20px;border-radius:0;transition:background .2s,transform .2s}.button:hover{background:#093e45}.button:active{transform:scale(.97)}.button.secondary{background:var(--surface);color:var(--ink)}.text-link{font-size:15px;text-decoration:underline;text-underline-offset:6px}.mark{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:3}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:10;background:var(--bg)}.wordmark{display:flex;align-items:center;gap:12px;font-weight:600;font-size:19px;white-space:nowrap}.site-nav{display:flex;gap:32px;align-items:center;font-size:15px}.site-nav a{position:relative;padding-block:10px}.site-nav a:after{content:'';position:absolute;bottom:4px;left:0;height:2px;width:100%;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .24s}.site-nav a:hover:after{transform:scaleX(1)}.menu-toggle{display:none;background:none;font-size:15px;padding:12px}.hero{padding-top:36px}.hero h1{font-size:clamp(80px,22.1vw,330px);line-height:1.07;letter-spacing:-.065em;font-weight:600;white-space:nowrap}.hero-line{overflow:hidden}.hero h1 span{display:block}.hero-bottom{display:grid;grid-template-columns:1fr 1.15fr;gap:60px;align-items:center;margin-top:24px;padding-bottom:48px}.hero-copy{max-width:540px;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;gap:28px}.hero-copy p{font-size:clamp(21px,2.2vw,30px);line-height:1.65;letter-spacing:-.02em}.hero-copy .hero-actions{display:flex;align-items:center;gap:28px}.material-stage{position:relative;overflow:hidden;min-height:276px;background:var(--surface)}.material-stage>img{position:absolute;inset:0;object-position:50% 65%;opacity:.78}.material-cut{position:relative;display:flex;justify-content:center;align-items:center;height:276px;gap:8px;padding:24px}.sample-layer{width:30%;height:150px;background:#c6ceca;clip-path:polygon(0 12%,85% 0,100% 12%,100% 88%,15% 100%,0 88%);position:relative;transform:translateY(8px)}.sample-layer:nth-child(2){height:180px;background:#9faeaa;transform:translateY(-8px)}.sample-layer:nth-child(3){height:210px;background:#365f62;transform:translateY(-18px)}.sample-layer:after{content:'';position:absolute;inset:0;background:url('assets/concrete-texture-wall-abstract-design.webp') center/cover;mix-blend-mode:multiply;opacity:.65}.stage-caption{position:absolute;bottom:13px;left:20px;right:20px;display:flex;justify-content:space-between;gap:12px;font-size:13px;color:#244c50}.intro{padding-top:110px;padding-bottom:110px}.section-intro{display:grid;grid-template-columns:1.05fr 1fr;gap:80px;align-items:start;margin-bottom:48px}.section-intro p{max-width:560px;line-height:1.85}.material-types{display:flex;gap:36px;flex-wrap:wrap;margin-top:32px;font-size:17px}.material-types span{padding-bottom:6px}.product-layout{display:grid;grid-template-columns:1.08fr 1fr;gap:0;background:var(--surface)}.product-picture{position:relative;min-height:440px;overflow:hidden;background:#c9d0cc}.product-picture .product-illustration{width:100%;height:100%;min-height:440px}.product-picture>p{position:absolute;bottom:20px;left:24px;font-size:14px;color:#244c50}.product-browser{padding:40px;display:flex;flex-direction:column;justify-content:space-between;gap:36px}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tabs button{background:transparent;padding:10px 12px;font-size:15px;color:var(--muted);transition:background .2s}.tabs button[aria-selected=true]{background:var(--ink);color:var(--bg)}.product-copy{display:grid;gap:22px}.product-copy h3{font-size:32px}.product-copy p{max-width:36em}.product-meta{display:flex;gap:32px;flex-wrap:wrap;font-size:14px}.product-meta strong{display:block;font-weight:500;font-size:16px;margin-top:4px}.product-actions{display:flex;justify-content:space-between;align-items:center;gap:20px}.product-note{margin-top:20px;font-size:14px;max-width:900px;color:var(--muted)}.applications{padding-block:56px 110px}.applications .section-intro{padding-inline:var(--pad)}.scene-band{display:flex;min-height:470px;gap:0}.scene-tile{position:relative;flex:2;overflow:hidden;min-width:0;cursor:pointer;background:var(--surface);transition:flex .6s var(--ease)}.scene-tile:first-child{flex:4}.scene-tile:hover,.scene-tile:focus-within{flex:4}.scene-tile img{position:absolute;inset:0}.scene-tile a{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:24px;background:linear-gradient(180deg,rgba(0,0,0,.42),transparent 45%,rgba(0,0,0,.55));color:white}.scene-tile h3{font-size:28px;font-weight:500}.scene-tile p{font-size:15px;max-width:17em}.application-detail{display:grid;grid-template-columns:1fr 1.2fr;gap:64px;padding:36px var(--pad) 0}.application-detail h3{font-size:24px}.application-detail p{margin-top:12px}.application-detail ul{margin:0;padding-left:20px;display:grid;gap:8px}.application-note{padding:24px var(--pad) 0;color:var(--muted);font-size:14px}.process{background:var(--ink);color:var(--bg);padding-block:88px}.process .section-intro{margin-bottom:64px}.process .section-intro p{color:#dae6e4}.flow{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.flow svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.flow path{stroke:#a0c2c2;stroke-width:2;fill:none}.flow-step{position:relative;background:#0c6069;color:var(--bg);padding:26px 24px;text-align:left;min-height:180px;z-index:1;transition:background .2s}.flow-step:hover,.flow-step[aria-pressed=true]{background:#e6efec;color:var(--ink)}.flow-step:nth-of-type(2){margin-top:32px}.flow-step:nth-of-type(3){margin-top:64px}.flow-step:nth-of-type(4){margin-top:96px}.flow-step h3{font-size:24px;margin-bottom:16px}.flow-step p{font-size:15px}.flow-detail{display:grid;grid-template-columns:1fr 2fr;gap:64px;padding-top:40px}.flow-detail h3{font-size:24px}.flow-detail p{max-width:52em}.flow-detail .button{margin-top:24px;background:var(--bg);color:var(--ink)}.carbon-section{padding-block:110px}.carbon-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:80px;align-items:start}.carbon-copy p{margin-top:28px;max-width:32em}.carbon-copy details{margin-top:24px;font-size:15px}.carbon-copy summary{cursor:pointer;font-weight:500}.carbon-copy details p{margin-top:12px}.carbon-preview{background:var(--surface);padding:36px}.carbon-preview h3{font-size:24px;margin-bottom:28px}.carbon-row{display:grid;grid-template-columns:100px 1fr;gap:20px;align-items:start;padding-block:20px}.carbon-row strong{font-size:32px;line-height:1.25;font-weight:500}.carbon-row p{font-size:15px}.carbon-row small{display:block;font-size:14px;color:var(--muted);margin-top:6px}.carbon-preview .text-link{display:inline-block;margin-top:24px}.capabilities{padding-bottom:110px}.capabilities h2{margin-bottom:40px}.capability-table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:16px}.capability-table th{text-align:left;font-weight:500;padding:18px 24px;background:var(--surface)}.capability-table td{padding:22px 24px;vertical-align:top}.capability-table tr:nth-child(even) td{background:#eef3f0}.capability-table th:first-child{width:24%}.capability-table th:nth-child(2){width:26%}.capability-table small{display:block;font-size:14px;color:var(--muted);margin-top:6px}.contact-section{background:var(--surface);padding-block:70px}.contact-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:start}.contact-copy p{margin-top:28px;max-width:30em}.service-list{display:grid;gap:20px;margin-top:36px}.service-list div{display:grid;grid-template-columns:1fr 1.5fr;gap:20px}.service-list strong{font-size:16px;font-weight:500}.service-list span{font-size:15px;color:var(--muted)}.brief-form{background:var(--bg);padding:32px;display:grid;gap:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:grid;gap:8px;font-size:14px}input,select,textarea{width:100%;padding:12px;background:#fff;border:1px solid #b8cac7;border-radius:0;min-height:48px;font-size:16px}textarea{min-height:100px;resize:vertical}.form-foot{display:flex;justify-content:space-between;align-items:center;gap:20px}.form-foot p{font-size:14px;color:var(--muted);max-width:20em}.form-feedback{padding:16px;background:var(--surface);font-size:15px}.site-footer{background:var(--ink);color:var(--bg);padding:56px var(--pad) 24px}.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px}.footer-top h2{font-size:24px;margin-bottom:16px}.footer-top p,.footer-top a{font-size:15px}.footer-nav{display:grid;gap:8px}.footer-name{font-size:22.1vw;font-weight:600;letter-spacing:-.065em;line-height:1.1;white-space:nowrap;padding-top:64px}.footer-bottom{display:flex;justify-content:space-between;gap:30px;font-size:14px;padding-top:32px;color:#d0e0dd}.credits{margin-top:24px;font-size:13px;color:#d0e0dd}.credits summary{cursor:pointer}.credits p{margin-top:10px;max-width:80em}.credits a{text-decoration:underline}.sheet{width:min(620px,100%);max-width:100%;max-height:100svh;height:100svh;margin:0 0 0 auto;padding:0;border:0;color:var(--ink);background:var(--bg)}.sheet::backdrop{background:#092f3659}.sheet-head{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;background:var(--surface);position:sticky;top:0;z-index:2}.sheet-head h2{font-size:24px}.close-button{min-width:44px;min-height:44px;background:transparent;font-size:24px}.sheet-body{padding:32px;display:grid;gap:28px}.sheet-body h3{font-size:24px}.detail-list{display:grid;gap:0}.detail-list div{display:grid;grid-template-columns:120px 1fr;gap:24px;padding:16px 0}.detail-list dt{font-size:14px;color:var(--muted)}.detail-list dd{margin:0;font-size:16px}.sheet-body .button{width:100%}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:var(--bg);padding:14px 24px;z-index:60;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:calc(100% - 32px);font-size:15px}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1600px){:root{--pad:48px}.hero h1{font-size:22vw;max-width:1600px}.hero-bottom{grid-template-columns:1fr 1.1fr}}
@media(max-width:1000px){:root{--pad:24px}.site-nav{gap:20px}.hero-bottom{gap:32px}.product-browser{padding:28px}.section-intro,.carbon-layout,.contact-layout{gap:36px}.flow{gap:16px}.flow-step{padding:22px 16px}.flow-step h3{font-size:20px}.scene-band{min-height:420px}.product-actions{flex-wrap:wrap}}
@media(max-width:700px){:root{--pad:20px;--body:16px}.site-header{height:76px;gap:12px}.site-header>.button{display:none}.wordmark{font-size:18px;gap:8px}.mark{width:28px;height:28px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:76px;left:0;right:0;padding:24px var(--pad);background:var(--surface);flex-direction:column;align-items:stretch;gap:8px}.site-nav.open{display:flex}.site-nav a{padding:10px}.hero{padding-top:20px}.hero h1{font-size:22.8vw;letter-spacing:-.07em}.hero-bottom{grid-template-columns:1fr;gap:30px;margin-top:24px;padding-bottom:0}.hero-copy{gap:24px}.hero-copy p{font-size:21px;line-height:1.75}.hero-copy .hero-actions{gap:24px}.material-stage,.material-cut{min-height:220px;height:220px}.sample-layer{height:120px}.sample-layer:nth-child(2){height:145px}.sample-layer:nth-child(3){height:170px}.intro{padding-block:80px}.section-intro{grid-template-columns:1fr;gap:24px;margin-bottom:32px}.material-types{gap:24px;margin-top:24px}.product-layout{grid-template-columns:1fr}.product-picture,.product-picture .product-illustration{min-height:300px}.product-browser{padding:24px 20px;gap:28px}.product-copy h3{font-size:26px}.product-actions{gap:20px}.tabs{gap:2px}.tabs button{padding:10px 8px;font-size:14px}.applications{padding-block:0 80px}.scene-band{display:grid;grid-template-columns:1fr 1fr;min-height:600px}.scene-tile{min-height:280px}.scene-tile a{padding:20px}.scene-tile h3{font-size:25px}.scene-tile p{font-size:14px;line-height:1.65}.scene-tile:first-child{grid-column:1/3;min-height:280px}.scene-tile:last-child{grid-column:1/3;min-height:220px}.application-detail{grid-template-columns:1fr;gap:24px;padding-top:28px}.process{padding-block:64px}.process .section-intro{margin-bottom:36px}.flow{grid-template-columns:1fr;gap:24px;padding-left:22px}.flow-step,.flow-step:nth-of-type(n){margin-top:0;min-height:0;padding:22px;max-width:100%}.flow-step h3{font-size:23px;margin-bottom:10px}.flow-detail{grid-template-columns:1fr;gap:20px;padding-top:32px}.carbon-section{padding-block:80px}.carbon-layout{grid-template-columns:1fr;gap:36px}.carbon-preview{padding:24px 20px}.carbon-row{grid-template-columns:72px 1fr;gap:20px}.capabilities{padding-bottom:80px}.capability-table{font-size:14px}.capability-table th,.capability-table td{padding:14px 10px}.capability-table th:first-child{width:27%}.capability-table th:nth-child(2){width:27%}.capability-table small{font-size:13px}.contact-layout{grid-template-columns:1fr;gap:36px}.contact-section{padding-block:56px}.brief-form{padding:24px 20px;gap:18px}.form-grid{grid-template-columns:1fr}.form-foot{align-items:stretch;flex-direction:column}.service-list div{grid-template-columns:1fr;gap:6px}.footer-top{grid-template-columns:1fr 1fr;gap:32px}.footer-top>div:first-child{grid-column:1/3}.footer-name{padding-top:48px}.footer-bottom{flex-direction:column;gap:8px;padding-top:24px}.sheet-body{padding:24px 20px}.detail-list div{grid-template-columns:88px 1fr;gap:16px}.stage-caption{font-size:13px}.sheet-head{padding:18px 20px}}
/* A shared type scale keeps long Chinese copy readable. */
body{--body:16px;--small:14px}
p{max-width:60ch}
.hero-copy p{font-size:24px;max-width:24em}
.wordmark{font-size:18px}
.product-note,.application-note,.scene-tile p,.flow-step p,.carbon-row p,.carbon-row small,.service-list span,.form-foot p,.footer-top p,.footer-top a,.credits p{font-size:16px}
.product-note,.application-note,.carbon-row small,.service-list span,.form-foot p{color:var(--ink)}
.product-copy h3,.scene-tile h3,.flow-step h3{font-size:24px}
.text-link,.tabs button,.button,.site-nav{font-size:14px}
.carbon-copy details{font-size:16px}
.credits p{color:var(--bg);max-width:60ch}
@media(max-width:700px){.hero-copy p{font-size:20px}.product-copy h3,.scene-tile h3,.flow-step h3{font-size:24px}.capability-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.capability-table,.capability-table tbody{display:block}.capability-table tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:20px}.capability-table td{display:block;padding:0;font-size:16px}.capability-table td:nth-child(2){text-align:right;color:var(--muted)}.capability-table td:last-child{grid-column:1/-1}.capability-table small{font-size:14px}.capability-table tr:nth-child(even){background:var(--surface)}.capability-table tr:nth-child(even) td{background:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}