@layer responsive {
  @media(min-width:1600px){.hero,.hero-inner{min-height:740px}.hero h1{font-size:105px}.hero-copy{max-width:700px}.hero-lead{font-size:17px;max-width:470px}}
  @media(max-width:1240px){
    .container{width:calc(100% - 72px)}.header-inner{gap:20px}.navigation{gap:20px}.header-actions{gap:14px}.header-actions>.button{font-size:10px;gap:10px;padding:12px}
    .brand{font-size:26px}.hero h1{font-size:78px}.hero-copy{max-width:540px}.detail-grid{gap:60px}.contact-grid{gap:50px}
    :lang(id) .header-actions>.button{max-width:150px}:lang(id) .navigation{gap:16px}
  }
  @media(max-width:1020px){
    .container{width:calc(100% - 56px)}.site-header{height:76px}.header-inner{gap:18px}.brand{font-size:25px}.header-actions{margin-left:auto}.navigation{gap:16px}.navigation>a{font-size:11px}.header-actions>.button{display:none}
    .hero,.hero-inner{min-height:610px}.hero h1{font-size:73px}.hero-copy{max-width:550px}.hero-lead{max-width:390px}.hero::before{background:linear-gradient(90deg,#04223DEE,#042A47D1 40%,#042A4733)}
    .section{padding-block:78px}.section-heading{gap:35px}.section-aside{max-width:290px}.section-heading h2{font-size:42px}.solution-copy{padding:30px}.solution-copy>h3{font-size:31px}.solution-panel{min-height:420px}.solution-scene{min-height:420px}
    .feature-inner{gap:40px}.feature-copy h2{font-size:37px}.water-art{height:340px}.orbit-3{width:340px}.product-grid{gap:18px}.system-art{padding-inline:10px}.product-info h3{font-size:21px}.process-grid{gap:35px}
    .insight-grid{gap:20px}.insight-art{height:170px}.insight-card>h3{font-size:22px}.footer-top{gap:35px}.cta-inner h2{font-size:42px}.detail-grid{gap:40px}.contact-grid{grid-template-columns:.7fr 1.3fr;gap:35px}.contact-intro h2{font-size:28px}.direct-email{font-size:19px}.form-shell{padding:25px}.form-grid{gap:18px}.solution-row{grid-template-columns:24px 44px 1fr 36px;gap:20px}.solution-row h2{font-size:32px}
  }
  @media(max-width:760px){
    html{scroll-padding-top:85px}.container{width:calc(100% - 40px)}.site-header{height:72px}.brand{font-size:24px}.header-actions{gap:0;margin-left:auto;margin-right:8px}.header-inner{gap:12px}
    .menu-toggle{display:flex;order:4;flex-direction:column;justify-content:center;gap:6px;width:35px;height:42px;background:none;border:0;padding:6px}.menu-toggle span{display:block;width:23px;height:1px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
    .navigation{display:none;position:absolute;top:71px;left:0;right:0;background:var(--paper);padding:16px 20px 26px;border-bottom:1px solid var(--line);box-shadow:0 16px 20px #082E500a}.navigation.open{display:grid;gap:0}.navigation>a{font-size:16px;padding:13px 0;border-bottom:1px solid var(--line)}.navigation>a::after{display:none}.language-options{right:-25px}.language-menu summary{font-size:11px}
    .hero,.hero-inner{min-height:660px}.hero-inner{padding-top:54px;padding-bottom:23px;justify-content:flex-start}.hero-image{background-position:70% center;opacity:.75}.hero::before{background:linear-gradient(90deg,#04223DEB,#042A4799),linear-gradient(0deg,#042A4787,transparent)}.hero-copy{margin-block:0;max-width:100%}.hero h1{font-size:clamp(50px,10.2vw,75px);margin-top:23px;letter-spacing:-.055em}.hero-lead{font-size:14px;max-width:355px;line-height:1.8;margin-top:24px}.hero .eyebrow{font-size:9px;letter-spacing:.13em}.hero-buttons{gap:12px;margin-top:30px;align-items:stretch;flex-wrap:wrap}.hero-buttons .button{font-size:11px;min-height:47px;gap:14px;padding:12px 16px}.hero-caption{margin-top:auto;padding-top:40px;font-size:7px;max-width:calc(100% - 45px);gap:9px}.caption-line{width:18px;flex-shrink:0}.caption-number{display:none}.scroll-hint{right:20px;bottom:25px;width:30px;height:30px}
    :lang(zh) .hero h1{font-size:clamp(43px,12.5vw,54px);line-height:1.3}:lang(id) .hero h1{font-size:57px;line-height:1.08}:lang(id) .hero-lead{font-size:13px}
    .application-strip>.container{grid-template-columns:repeat(2,1fr);gap:17px 8px;padding-block:22px}.application-strip span{font-size:11px;gap:9px}.application-strip span:nth-child(2){border:0}.application-strip svg{width:20px;height:23px}
    .section{padding-block:62px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:36px;margin-top:16px}.section-aside{max-width:100%;margin-top:22px}.section-aside>p{font-size:13px;max-width:500px}.section-aside .text-link{margin-top:16px}.eyebrow{font-size:9px}.text-link{font-size:12px}
    .solution-tabs{gap:14px;margin-bottom:22px}.solution-tab{font-size:10px;line-height:1.5;gap:7px;padding:13px 0;align-items:flex-start}.solution-tab>span{font-size:8px;line-height:1.8}.solution-tab>svg{display:none}.solution-panel{grid-template-columns:1fr}.solution-scene{height:265px;min-height:265px}.scene-graphic{min-height:265px}.scene-graphic>svg{width:95px;height:110px}.solution-copy{padding:29px 25px 32px}.solution-copy>h3{font-size:32px}.solution-copy>p:not(.eyebrow){max-width:100%;font-size:13px}.scene-label{bottom:18px;left:18px;font-size:7px}.solution-copy .check-list{margin-block:20px}.check-list li{font-size:12px}
    .feature-section{padding-block:34px 54px}.feature-inner{grid-template-columns:1fr;gap:23px}.water-art{height:270px}.orbit-1{width:135px}.orbit-2{width:205px}.orbit-3{width:265px}.water-core{width:100px;height:100px}.water-core svg{width:48px;height:60px}.water-art-label{font-size:7px;bottom:1px}.feature-copy h2{font-size:36px}.feature-copy>p:not(.eyebrow){font-size:13px}.feature-points li{font-size:12px}
    .product-grid{grid-template-columns:1fr;gap:36px}.product-visual .system-art{max-width:350px;margin-inline:auto}.system-art>svg{max-height:270px}.product-info{padding-top:20px}.product-info h3{font-size:26px}.product-info>p:last-child{max-width:100%;font-size:13px}.product-visual>.round-arrow{right:20px;top:20px}
    .process-grid{grid-template-columns:1fr;gap:31px;margin-top:35px}.process-step h3{margin-top:17px;font-size:26px}.process-step p{max-width:100%;margin-top:10px}.step-top{padding-top:12px}.step-top>svg{width:20px;height:20px}
    .insight-grid{grid-template-columns:1fr;gap:36px}.insight-art{height:210px}.insight-card>h3{font-size:25px}.insight-card>p:last-child{font-size:13px}.insight-card>.eyebrow{margin-top:20px}.article-number{font-size:10px}
    .cta-inner{padding-block:52px;display:block}.cta-inner h2{font-size:36px}.cta-inner p:not(.eyebrow){font-size:13px;max-width:340px}.cta-inner>.button{margin-top:28px;font-size:12px}.cta-drop{width:240px;right:-70px;bottom:-80px}
    .site-footer{padding-top:47px}.footer-top{grid-template-columns:1fr 1fr;gap:38px 24px;padding-bottom:35px}.footer-top>div:first-child{grid-column:1/-1}.footer-statement{max-width:300px;margin-top:19px}.footer-links{grid-template-columns:1fr;gap:12px}.footer-contact{gap:13px}.footer-contact>a{font-size:11px;gap:5px}.footer-contact svg{width:14px;height:14px}.footer-bottom{gap:14px;flex-wrap:wrap;font-size:9px;padding-block:22px}.footer-bottom>span{flex-basis:100%}.footer-bottom>a:last-child{margin-left:auto}
    .page-intro{padding-block:25px 50px}.breadcrumbs{font-size:10px;gap:8px;margin-bottom:35px}.page-intro h1{font-size:42px;line-height:1.12;margin-top:18px;overflow-wrap:break-word}.page-lead{font-size:14px;margin-top:22px}.solution-row{grid-template-columns:22px 1fr 30px;gap:13px;padding-block:30px}.solution-row .row-icon{display:none}.solution-row h2{font-size:29px}.solution-row p:last-child{font-size:13px;margin-top:15px}.solution-row .round-arrow{width:30px;height:30px}
    .detail-grid{grid-template-columns:1fr;gap:40px}.detail-body h2{font-size:27px}.detail-body>p,.editorial-list,.numbered-list p{font-size:14px}.detail-body h2:not(:first-child){margin-top:34px}.project-aside{position:static;padding:28px}.project-aside h3{font-size:25px}.product-large-art{position:static}.product-large-art .system-art{padding:25px 30px 18px}.product-large-art svg{max-height:310px}.spec-table{font-size:12px}.spec-table>div{grid-template-columns:100px 1fr;gap:15px}.model-list{margin-top:45px}.model-list>a,.model-list>div{font-size:18px;gap:15px}
    .case-grid{grid-template-columns:1fr;gap:40px}.case-art{height:210px}.case-card h2{font-size:27px}.case-card>p:not(.eyebrow){font-size:13px}.case-disclaimer{font-size:12px;margin-top:40px;padding-top:28px}.article-body{font-size:14px;line-height:1.9}.article-body h2{font-size:25px}.article-body>section+section{margin-top:32px}
    .principle-grid{grid-template-columns:1fr;gap:35px}.principle-grid h2{margin-top:17px;font-size:27px}.principle-grid p{margin-top:13px;font-size:13px}.trust-block{margin-top:50px;padding:28px;display:block}.trust-mark{height:50px;width:50px;margin-bottom:25px}.trust-mark svg{width:25px;height:25px}.trust-block h2{font-size:28px}.trust-block p:not(.eyebrow){font-size:13px;margin-top:18px}
    .contact-grid{grid-template-columns:1fr;gap:36px}.contact-intro h2{font-size:29px;max-width:380px}.direct-email{font-size:22px;margin-block:20px}.contact-detail{margin-top:28px;font-size:12px}.form-shell{padding:24px 20px}.form-grid{grid-template-columns:1fr;gap:20px}.form-field.full{grid-column:auto}.form-field input,.form-field select,.form-field textarea{font-size:16px}.form-field label{font-size:12px}.consent{font-size:11px}.inquiry-result h3{font-size:21px}.result-actions{gap:15px}.form-shell .button{font-size:12px}
  }
  @media(max-width:370px){.container{width:calc(100% - 32px)}.hero h1{font-size:48px}:lang(id) .hero h1{font-size:48px}:lang(zh) .hero h1{font-size:43px}.hero,.hero-inner{min-height:670px}.hero-buttons{flex-direction:column;align-items:flex-start}.hero-buttons .button{min-width:210px}.section-heading h2{font-size:32px}.page-intro h1{font-size:37px}.footer-top{grid-template-columns:1fr}.footer-top>div:first-child{grid-column:auto}}
  @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
  @media print{.site-header,.site-footer,.cta-section,.button,.hero-image{display:none}.container{width:100%}.section{padding-block:25px}.hero{background:white;color:black;min-height:auto}.hero::before{display:none}.hero-inner{min-height:auto}.hero p{color:black}.detail-grid{display:block}}
}