/* R4: preserve the cinematic image; reserve independent space for type and controls. */
.header{width:59%;gap:22px}.header nav{margin-left:auto;gap:24px}.header-cta{display:none}
.hero{height:max(670px,calc(100svh - 30px));min-height:670px}
.hero-copy{width:49%;padding-top:clamp(140px,17svh,180px);padding-bottom:115px}
.hero h1{font-size:clamp(68px,min(7.3vw,11.2svh),115px);letter-spacing:-.055em}
.hero-eyebrow{margin-bottom:22px}.hero-intro{margin-top:22px;font-size:14px}.hero-actions{margin-top:24px;gap:24px}
.hero-bottom{right:auto;max-width:45%;bottom:25px}.hero-flow{height:26px;bottom:79px;opacity:.38}
.hero-photo>canvas.hero-water{inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 52%;opacity:.94;mix-blend-mode:normal;animation:image-arrive 1.8s cubic-bezier(.18,.67,.28,1) both}
.anchor-target{position:absolute;top:0}.intro-section{position:relative;padding-block:75px 80px}.room-scene{margin-top:35px}
.service-resolution{display:grid;grid-template-columns:1fr 330px;gap:60px;align-items:center;padding:36px 0 0;border-bottom:1px solid #243651}
.service-detail{padding:0 0 36px 20px;max-width:650px}.service-detail>.tiny-label{color:#85acf1}.service-detail h3{font-size:34px;letter-spacing:-1.3px;margin-top:15px}.service-detail>p:not(.tiny-label){font-size:14px;color:#a5b6d0;max-width:540px;margin-top:20px;line-height:1.9}.service-tags{font-size:8px;margin:20px 0}.selected-service-action{font-size:11px;min-height:51px}.service-demo-note{display:block;font-size:9px;color:#7d96b9;margin-top:12px}
.integrated-pipe{height:270px;min-height:270px;align-self:end;padding-bottom:0}.integrated-pipe .pipe-art{height:235px;width:65%;margin-left:35%}.integrated-pipe .orb{inset:7% 0 26% 32%;opacity:.3}.integrated-pipe .art-label{left:0;bottom:26px;max-width:165px}.integrated-pipe .art-label p{font-size:21px}.integrated-pipe .art-label .tiny-label{font-size:6px}.integrated-pipe .pipe-live-label{bottom:15px;right:0;font-size:5px;writing-mode:initial}
.process-step .step-node{box-shadow:0 0 35px #2d6bff13}.track-line:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 15%,#89bbff 50%,transparent 85%);width:90px;animation:process-tracer 7s linear infinite}
@keyframes process-tracer{from{left:-10%}to{left:100%}}
@media(min-width:761px) and (max-width:1100px){.header{width:100%;padding-right:36px}.header nav{margin-left:20px;margin-right:auto}.hero-copy{width:50%}.hero h1{font-size:clamp(58px,min(7.1vw,11.2svh),82px)}.hero-actions{flex-direction:column;align-items:start;gap:12px}.hero-intro{font-size:12px}.hero-photo>img,.hero-photo>canvas.hero-water{object-position:64% 52%}.service-resolution{grid-template-columns:1fr 280px;gap:25px}}
@media(max-width:760px){
 .header{width:100%;padding-inline:20px}.header nav{margin:0}.hero{display:flex;flex-direction:column;height:auto;min-height:0;padding-bottom:90px}
 .hero-copy{width:calc(100% - 40px);margin-left:20px;padding:125px 0 0}.hero h1{font-size:clamp(49px,14.3vw,86px);letter-spacing:-.055em}.hero-eyebrow{margin-bottom:24px}.hero-intro{font-size:12px;margin-top:24px}.hero-actions{margin-top:24px;gap:16px}
 .hero-photo{position:relative;inset:auto;margin:20px 0 0;width:100%;height:400px;transform:none;z-index:-4}
 .hero-photo>img,.hero-photo>canvas.hero-water{object-fit:cover;object-position:100% 56%;opacity:.97}
 .hero-photo{mask-image:linear-gradient(180deg,transparent,#000 7%,#000 87%,transparent)}
 .hero-copy{position:relative;order:1}.hero-photo{position:relative;inset:auto;height:400px;margin-top:24px;order:2;flex:none}
 .hero-shade{background:linear-gradient(180deg,#030712 0%,#030712 43%,#03071200 55%,#03071200 85%,#030712 96%)}
 .hero-bottom{bottom:20px;max-width:none;left:20px}.hero-flow{bottom:70px;height:25px}
 .intro-section{padding-block:55px}.room-heading h2{font-size:40px}.room-scene{margin-top:27px;height:420px}
 .service-resolution{grid-template-columns:1fr;gap:0;padding-top:26px}.service-detail{padding:0 4px 25px}.service-detail h3{font-size:29px}.service-detail>p:not(.tiny-label){font-size:13px}.service-tags{font-size:7px;line-height:1.9}.service-demo-note{font-size:9px}
 .integrated-pipe{height:230px;min-height:230px;width:100%}.integrated-pipe .pipe-art{height:210px;width:64%;margin-left:35%}.integrated-pipe .art-label{bottom:33px;max-width:150px}.integrated-pipe .art-label p{font-size:21px}.integrated-pipe .pipe-live-label{bottom:14px;font-size:5px}.service-detail .button{max-width:100%;font-size:11px;gap:25px}
 .track-line:after{width:1px;height:60px;animation:process-tracer-vertical 7s linear infinite}
 @keyframes process-tracer-vertical{from{top:0}to{top:100%}}
}
@media(max-width:360px){.hero h1{font-size:48px;letter-spacing:-2.6px}.room-heading h2{font-size:36px}.service-detail h3{font-size:27px}}
@media(prefers-reduced-motion:reduce){.hero-water{display:none!important}.track-line:after{animation:none}.room-scene>img{transform:none}}