/*
 * DCI Precision Wet Flow — cinematic public-site layer
 * 2026-09-01
 *
 * This file is deliberately separate from the legacy single-file styles.
 * It consumes one semantic token layer and only overrides presentation.
 * Content, model names, specifications and capability claims remain in the
 * source-controlled HTML / approved workbook.
 */

:root{
  --dci-font-display:'Nunito Sans','Noto Sans TC',system-ui,sans-serif;
  --dci-font-body:'Nunito Sans','Noto Sans TC',system-ui,sans-serif;
  --dci-font-label:'Nunito Sans','Noto Sans TC',system-ui,sans-serif;
  --dci-font-data:'IBM Plex Mono',ui-monospace,monospace;

  --dci-paper:#F7F7F7;
  --dci-surface:#FFFFFF;
  --dci-surface-soft:#F0F2F4;
  --dci-surface-cool:#E5EBF0;
  --dci-ink:#050505;
  --dci-copy:#444444;
  --dci-muted:#666666;
  --dci-line:rgb(0 0 0 / .13);
  --dci-line-strong:rgb(0 0 0 / .26);
  --dci-navy:#001A33;
  --dci-indigo:#2637C7;
  --dci-accent:#2637C7;
  --dci-azure:#008BD2;
  --dci-ice:#9ED8FF;
  --dci-white:#FFFFFF;
  --dci-glass:rgb(255 255 255 / .82);
  --dci-glass-dark:rgb(0 26 51 / .7);
  --dci-spectrum:linear-gradient(112deg,var(--dci-indigo),var(--dci-accent) 54%,var(--dci-azure));
  --dci-optic:linear-gradient(90deg,transparent,rgb(255 255 255 / .06),transparent);

  --dci-radius-control:4px;
  --dci-radius-panel:6px;
  --dci-radius-media:2px;
  --dci-shadow-float:0 28px 80px rgb(7 27 56 / .16);
  --dci-shadow-soft:0 14px 48px rgb(7 27 56 / .09);

  --dci-space-1:4px;
  --dci-space-2:8px;
  --dci-space-3:12px;
  --dci-space-4:16px;
  --dci-space-5:24px;
  --dci-space-6:32px;
  --dci-space-7:48px;
  --dci-space-8:64px;
  --dci-space-9:96px;
  --dci-space-10:144px;

  --dci-motion-fast:160ms;
  --dci-motion-state:360ms;
  --dci-motion-route:420ms;
  --dci-motion-scene:840ms;
  --dci-motion-story:1200ms;
  --dci-ease-ui:cubic-bezier(.2,.7,.2,1);
  --dci-ease-scene:cubic-bezier(.16,1,.3,1);

  --dci-type-display:clamp(42px,5vw,72px);
  --dci-type-section:clamp(36px,4.2vw,60px);
  --dci-type-title:clamp(26px,2.8vw,40px);
  --dci-type-body:clamp(15px,1.05vw,17px);
}

html{background:var(--dci-paper)}
body{
  background:var(--dci-paper) !important;
  color:var(--dci-ink) !important;
  font-family:var(--dci-font-body) !important;
  font-size:16px;
  font-weight:400;
  line-height:1.7;
  text-rendering:optimizeLegibility;
  font-kerning:normal;
}

[data-pw-section]{scroll-margin-top:76px}
.pw-display{font-weight:520 !important;line-height:1.08 !important;letter-spacing:-.035em !important}
html:not([lang^="en"]) .pw-display{font-weight:500 !important;line-height:1.12 !important;letter-spacing:-.024em !important}
.pw-copy{font-size:var(--dci-type-body) !important;line-height:1.78 !important;color:var(--dci-copy) !important}

::selection{background:rgb(46 102 223 / .26) !important;color:var(--dci-ink) !important}

/* Navigation: thin optical plate, not a generic floating pill. */
header[data-nav]{
  box-shadow:none;
}
header[data-nav]:focus-within{
  transform:translateY(0) !important;
  transition-duration:.01s !important;
}
header[data-nav] > [data-r~="pad"]{height:76px !important}
header[data-nav] a,
header[data-nav] button{font-family:var(--dci-font-body) !important}
header[data-nav] [data-route="contact"],
.pw-primary,
.pw-secondary{
  border-radius:var(--dci-radius-control) !important;
}
header[data-nav] [data-route="contact"],
.pw-primary{
  clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));
}
header[data-nav] [data-mega]{box-shadow:var(--dci-shadow-float)}

/* Hero: readable machine, editorial scale, optical depth. */
.pw-hero{
  min-height:100dvh !important;
  background:var(--dci-navy) !important;
}
.pw-hero::after{
  content:none;
  display:block;
}
.pw-hero__media img,
.pw-hero__media video{
  object-position:66% 48% !important;
  filter:brightness(1.31) contrast(1.02) saturate(.58) !important;
  transform:translateZ(0) scale(var(--dci-hero-media-scale,1.012)) !important;
  transition:transform 900ms var(--dci-ease-scene),opacity 420ms var(--dci-ease-ui) !important;
}
.pw-hero__media{
  transform:translate3d(var(--dci-hero-pan-x,0),calc(var(--dci-hero-pan-y,0) + var(--dci-hero-media-y,0px)),0);
  transition:transform 900ms var(--dci-ease-scene);
  will-change:transform;
}
.pw-hero__scrim{
  position:absolute;
  background:
    linear-gradient(180deg,rgb(2 12 30 / .68) 0%,rgb(2 12 30 / .18) 13%,transparent 27%),
    linear-gradient(90deg,rgb(4 18 42 / .92) 0%,rgb(7 32 70 / .76) 30%,rgb(12 51 94 / .34) 51%,rgb(24 87 134 / .08) 70%,transparent 84%),
    linear-gradient(0deg,rgb(4 18 42 / .48),transparent 47%),
    var(--dci-optic) !important;
}
.pw-hero__scrim::after{
  content:'';
  position:absolute;
  inset:-16%;
  pointer-events:none;
  background:radial-gradient(circle 34vw at var(--dci-hero-x,68%) var(--dci-hero-y,38%),rgb(172 229 255 / .22) 0%,rgb(93 175 224 / .09) 28%,transparent 68%);
  mix-blend-mode:screen;
  opacity:.88;
  transition:opacity var(--dci-motion-state) var(--dci-ease-ui);
}
.pw-hero__body{
  position:relative;
  z-index:2;
  padding-top:clamp(180px,25vh,270px) !important;
  padding-bottom:clamp(58px,9vh,96px) !important;
  opacity:var(--dci-hero-copy-opacity,1);
  transform:translate3d(0,var(--dci-hero-copy-y,0px),0);
  will-change:transform,opacity;
}
.pw-hero__body::before{
  content:'';
  position:absolute;
  left:0;
  top:clamp(150px,20vh,210px);
  width:min(46vw,650px);
  height:1px;
  background:linear-gradient(90deg,var(--dci-ice),rgb(157 231 255 / .14));
  transform-origin:left;
  animation:dci-cinematic-line var(--dci-motion-story) var(--dci-ease-scene) both;
}
.pw-hero__kicker{
  margin-bottom:22px !important;
  color:var(--dci-ice) !important;
  font-family:var(--dci-font-label) !important;
  letter-spacing:.12em !important;
}
.pw-hero h1{
  max-width:10ch !important;
  font-family:var(--dci-font-display) !important;
  font-size:clamp(54px,7vw,104px) !important;
  font-weight:500 !important;
  line-height:.99 !important;
  letter-spacing:-.045em !important;
  text-shadow:0 18px 70px rgb(4 18 42 / .32) !important;
}
html[lang="en"] .pw-hero h1{max-width:16ch !important;font-size:clamp(50px,6.15vw,90px) !important}
.pw-hero__lede{
  max-width:52ch !important;
  color:rgb(240 247 255 / .88) !important;
  font-size:clamp(15px,1.24vw,18px) !important;
  line-height:1.75 !important;
}
.pw-hero__actions{margin-top:34px !important}
/* Hero copy enters once on load. It is duration-driven, never scroll-scrubbed. */
@media (prefers-reduced-motion:no-preference){
  .pw-hero__kicker,
  .pw-hero h1,
  .pw-hero__lede,
  .pw-hero__actions{
    will-change:transform,opacity,filter,clip-path;
    animation-fill-mode:both;
    animation-timing-function:cubic-bezier(.22,1,.36,1);
  }
  .pw-hero h1{transform-origin:left center}
  .pw-hero__kicker::before{animation:dci-hero-guide-line-enter 520ms 60ms both cubic-bezier(.22,1,.36,1)}
  .pw-hero__kicker{animation:dci-hero-eyebrow-enter 420ms 220ms both cubic-bezier(.22,1,.36,1)}
  .pw-hero h1{animation:dci-hero-title-enter 820ms 340ms both cubic-bezier(.22,1,.36,1)}
  html:not([lang^="en"]) .pw-hero h1{animation-delay:140ms}
  .pw-hero__lede{animation:dci-hero-copy-enter 560ms 820ms both cubic-bezier(.22,1,.36,1)}
  html:not([lang^="en"]) .pw-hero__lede{animation-delay:650ms}
  .pw-hero__actions{animation:dci-hero-copy-enter 520ms 980ms both cubic-bezier(.22,1,.36,1)}
  html:not([lang^="en"]) .pw-hero__actions{animation-delay:810ms}
}
@keyframes dci-hero-guide-line-enter{
  from{opacity:0;transform:scaleY(0)}
  to{opacity:1;transform:scaleY(1)}
}
@keyframes dci-hero-eyebrow-enter{
  from{opacity:0;clip-path:inset(0 0 100% 0);filter:blur(2px)}
  to{opacity:1;clip-path:inset(0);filter:blur(0)}
}
@keyframes dci-hero-title-enter{
  from{opacity:0;transform:translate3d(0,20px,0) scaleX(1.014);clip-path:inset(0 0 100% 0);filter:blur(3px)}
  to{opacity:1;transform:translate3d(0,0,0) scaleX(1);clip-path:inset(0);filter:blur(0)}
}
@keyframes dci-hero-copy-enter{
  from{opacity:0;transform:translate3d(0,14px,0);clip-path:inset(0 0 100% 0);filter:blur(2px)}
  to{opacity:1;transform:translate3d(0,0,0);clip-path:inset(0);filter:blur(0)}
}
.pw-hero [data-heroctl]{
  display:flex !important;
  border-radius:var(--dci-radius-control) !important;
  background:rgb(7 27 56 / .38) !important;
  border-color:rgb(255 255 255 / .44) !important;
}
.pw-hero__flow{height:1px !important;background:rgb(255 255 255 / .23) !important}
.pw-hero__flow::after{width:42% !important;background:linear-gradient(90deg,var(--dci-ice),var(--dci-accent),transparent) !important}

/* 品牌宣言以一次性進場與細微光學回應建立焦點。它不是捲動劇場：
   進入視窗後自行完成，未執行 JS 時仍完整可讀。 */
.pw-brand-statement{
  --dci-brand-focus-x:50%;
  --dci-brand-focus-y:50%;
  --dci-brand-shift-x:0px;
  --dci-brand-shift-y:0px;
  --dci-brand-depth:1;
  position:relative;
  min-height:108svh;
  overflow:clip;
  isolation:isolate;
  background:
    radial-gradient(circle 120px at var(--dci-brand-focus-x) var(--dci-brand-focus-y),rgb(255 255 255 / .84),transparent 76%),
    linear-gradient(132deg,#f8faff 0%,#edf2f8 52%,#f6f8fb 100%) !important;
}
.pw-brand-statement__grid{
  position:absolute;
  inset:0;
  z-index:0;
  display:block;
  pointer-events:none;
  background-image:
    linear-gradient(rgb(7 23 45 / .052) 1px,transparent 1px),
    linear-gradient(90deg,rgb(7 23 45 / .052) 1px,transparent 1px);
  background-size:clamp(56px,7vw,104px) clamp(56px,7vw,104px);
  -webkit-mask-image:radial-gradient(ellipse at center,#000 0 28%,transparent 76%);
  mask-image:radial-gradient(ellipse at center,#000 0 28%,transparent 76%);
}
.pw-brand-statement__inner{
  position:relative;
  z-index:1;
  min-height:108svh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:96px 24px 72px;
  text-align:center;
  color:var(--dci-ink);
}
.pw-brand-statement__eyebrow{
  margin:0 0 30px;
  color:var(--dci-accent);
  font:600 10px/1.2 var(--dci-font-mono);
  letter-spacing:.2em;
}
.pw-brand-statement__inner h2{
  margin:0;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:.12em .42em;
  font-family:var(--dci-font-display);
  max-width:min(18ch,calc(100vw - 96px));
  font-size:clamp(34px,4.7vw,72px);
  font-weight:560;
  line-height:.98;
  letter-spacing:.1em;
  color:#102747;
  transform:translate3d(var(--dci-brand-shift-x),var(--dci-brand-shift-y),0) scale(1.02) scale(var(--dci-brand-depth));
  transition:transform 320ms cubic-bezier(.22,1,.36,1);
}
.pw-brand-statement__word{display:inline-block;opacity:1;transform:none}
.pw-brand-statement__line{
  flex:0 0 clamp(92px,16vh,168px);
  position:relative;
  width:1px;
  height:clamp(92px,16vh,168px);
  min-height:92px;
  margin:clamp(28px,5vh,52px) 0;
  overflow:hidden;
  background:rgb(7 23 45 / .16);
}
.pw-brand-statement__line-fill{
  position:absolute;
  inset:0;
  display:block;
  background:linear-gradient(180deg,var(--dci-accent),#153b73);
  transform:scaleY(1);
  transform-origin:50% 0;
}
.pw-brand-statement__copy{
  max-width:58ch;
  margin:0 auto;
  color:#34465f;
  font-size:clamp(15px,1.25vw,18px);
  line-height:1.85;
  text-align:center;
  text-wrap:balance;
}
@media (prefers-reduced-motion:no-preference){
  .pw-brand-statement[data-dci-xp-brand-phase="pending"] .pw-brand-statement__eyebrow,
  .pw-brand-statement[data-dci-xp-brand-phase="pending"] .pw-brand-statement__copy{opacity:0;transform:translate3d(0,12px,0);filter:blur(3px)}
  .pw-brand-statement[data-dci-xp-brand-phase="pending"] .pw-brand-statement__word{opacity:0;transform:translate3d(0,.72em,0) scale(.94);clip-path:inset(0 0 100% 0);filter:blur(6px)}
  .pw-brand-statement[data-dci-xp-brand-phase="pending"] .pw-brand-statement__line-fill{opacity:0;transform:scaleY(.08)}
  .pw-brand-statement[data-dci-xp-brand-phase="revealing"] .pw-brand-statement__eyebrow,
  .pw-brand-statement[data-dci-xp-brand-phase="revealing"] .pw-brand-statement__word,
  .pw-brand-statement[data-dci-xp-brand-phase="revealing"] .pw-brand-statement__copy,
  .pw-brand-statement[data-dci-xp-brand-phase="revealing"] .pw-brand-statement__line-fill{will-change:transform,opacity,filter,clip-path;animation-fill-mode:both;animation-timing-function:cubic-bezier(.22,1,.36,1)}
  .pw-brand-statement[data-dci-xp-brand-phase="revealing"] .pw-brand-statement__eyebrow{animation:dci-brand-enter 460ms 60ms both cubic-bezier(.22,1,.36,1)}
  .pw-brand-statement[data-dci-xp-brand-phase="revealing"] .pw-brand-statement__word{animation:dci-brand-word-enter 860ms both cubic-bezier(.16,1,.3,1)}
  .pw-brand-statement[data-dci-xp-brand-phase="revealing"] .pw-brand-statement__word[data-dci-brand-word="0"]{animation-delay:220ms}
  .pw-brand-statement[data-dci-xp-brand-phase="revealing"] .pw-brand-statement__word[data-dci-brand-word="1"]{animation-delay:390ms}
  .pw-brand-statement[data-dci-xp-brand-phase="revealing"] .pw-brand-statement__word[data-dci-brand-word="2"]{animation-duration:980ms;animation-delay:560ms}
  .pw-brand-statement[data-dci-xp-brand-phase="revealing"] .pw-brand-statement__line-fill{animation:dci-brand-axis-enter 520ms 1180ms both cubic-bezier(.22,1,.36,1)}
  .pw-brand-statement[data-dci-xp-brand-phase="revealing"] .pw-brand-statement__copy{animation:dci-brand-copy-enter 680ms 1420ms both cubic-bezier(.22,1,.36,1)}
}
@keyframes dci-brand-enter{from{opacity:0;transform:translate3d(0,12px,0);filter:blur(3px)}to{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}}
@keyframes dci-brand-word-enter{from{opacity:0;transform:translate3d(0,.72em,0) scale(.94);clip-path:inset(0 0 100% 0);filter:blur(6px)}to{opacity:1;transform:translate3d(0,0,0) scale(1);clip-path:inset(0);filter:blur(0)}}
@keyframes dci-brand-copy-enter{from{opacity:0;transform:translate3d(0,18px,0);clip-path:inset(0 0 100% 0);filter:blur(3px)}to{opacity:1;transform:translate3d(0,0,0);clip-path:inset(0);filter:blur(0)}}
@keyframes dci-brand-axis-enter{from{opacity:0;transform:scaleY(.08)}to{opacity:1;transform:scaleY(1)}}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .pw-brand-statement:hover{--dci-brand-depth:1.005}
}
/* Inner page visual stage. These images are presentation-only; copy remains sourced. */
[data-page="products"]{--dci-page-image:url('machines/t34-01.jpg');--dci-page-fit:contain}
[data-page="wet"]{--dci-page-image:url('machines/s312-wide.jpg');--dci-page-fit:contain}
[data-page="chemical"]{--dci-page-image:url('cds/cds-2.jpg');--dci-page-fit:contain}
[data-page="smart"]{--dci-page-image:url('generated/smart-system-abstract.webp');--dci-page-fit:cover}
[data-page="ai"]{--dci-page-image:url('generated/smart-system-abstract.webp');--dci-page-fit:cover}
[data-page="services"]{--dci-page-image:url('generated/service-system-abstract.webp');--dci-page-fit:cover}
[data-page="about"]{--dci-page-image:url('machines/t34-06.jpg');--dci-page-fit:contain}
[data-page="philosophy"]{--dci-page-image:url('generated/atlas-by-process.webp');--dci-page-fit:cover}
[data-page="milestones"]{--dci-page-image:url('machines/t34-04.jpg');--dci-page-fit:contain}
[data-page="certs"]{--dci-page-image:url('generated/service-boundary-abstract.webp');--dci-page-fit:cover}
[data-page="customers"]{--dci-page-image:url('machines/t34-03.jpg');--dci-page-fit:contain}
[data-page="support"]{--dci-page-image:url('generated/service-boundary-abstract.webp');--dci-page-fit:cover}

[data-page="wet"] > [data-r~="pad"]:first-child,
[data-page="chemical"] > [data-r~="pad"]:first-child,
[data-page="smart"] > [data-r~="pad"]:first-child,
[data-page="ai"] > [data-r~="pad"]:first-child,
[data-page="services"] > [data-r~="pad"]:first-child,
[data-page="philosophy"] > [data-r~="pad"]:first-child,
[data-page="milestones"] > [data-r~="pad"]:first-child,
[data-page="certs"] > [data-r~="pad"]:first-child,
[data-page="customers"] > [data-r~="pad"]:first-child,
[data-page="support"] > [data-r~="pad"]:first-child{
  position:relative !important;
  isolation:isolate;
  overflow:hidden;
  min-height:min(62dvh,680px);
  padding-top:clamp(150px,18vh,196px) !important;
  padding-bottom:clamp(58px,8vh,84px) !important;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  border-bottom:1px solid var(--dci-line);
  background:
    linear-gradient(90deg,var(--dci-surface) 0%,var(--dci-surface) 49%,rgb(247 249 252 / .94) 58%,rgb(247 249 252 / .08) 78%),
    linear-gradient(140deg,var(--dci-paper),var(--dci-surface-cool)) !important;
}

/* SEMES-inspired contact scroll story using original DCI-owned content. */
.dci-contact-story{
  position:relative;
  height:100svh;
  margin-top:-92px;
  background:transparent;
}
.dci-contact-story__sticky{
  position:sticky;
  z-index:50;
  inset:0;
  height:100svh;
  min-height:620px;
  overflow:hidden;
  isolation:isolate;
  color:#fff;
  pointer-events:auto;
}
.dci-contact-story__slices{
  position:absolute;
  z-index:-1;
  inset:0;
  overflow:hidden;
  pointer-events:none;
}
.dci-contact-story__slices::before{
  content:"";
  position:absolute;
  inset:-2%;
  background:
    linear-gradient(180deg,rgb(2 14 31 / .56) 0%,rgb(2 14 31 / .12) 38%,rgb(1 11 25 / .7) 100%),
    linear-gradient(90deg,rgb(1 13 30 / .46),transparent 52%,rgb(1 13 30 / .2)),
    url("../assets/generated/contact-engineering-consultation-v3.webp") 57% 50% / cover no-repeat;
  opacity:1;
  transform:scale(1.03);
  transform-origin:center;
  will-change:opacity,transform;
  transition:opacity 200ms cubic-bezier(.25,.1,.25,1);
}
.dci-contact-story__slices>span{
  position:absolute;
  inset-inline:0;
  top:0;
  height:100%;
  clip-path:inset(0 calc(100% - var(--dci-slice-end)) 0 var(--dci-slice-start));
  background:
    linear-gradient(180deg,rgb(2 14 31 / .46) 0%,rgb(2 14 31 / .04) 31%,rgb(2 14 31 / .08) 61%,rgb(1 11 25 / .58) 100%),
    linear-gradient(90deg,rgb(1 13 30 / .35),transparent 48%,rgb(1 13 30 / .12)),
    url("../assets/generated/contact-engineering-consultation-v3.webp") 57% 50% / cover no-repeat;
  transform:translate3d(0,0,0);
  transition:transform 500ms cubic-bezier(.25,.1,.25,1);
  transition-delay:var(--dci-slice-enter-delay,0ms);
  will-change:transform;
  contain:paint;
  backface-visibility:hidden;
}
.dci-contact-story[data-contact-phase="released"] .dci-contact-story__slices>span{
  transform:translate3d(0,-100%,0);
  transition-delay:var(--dci-slice-exit-delay,0ms);
}
.dci-contact-story[data-contact-phase="released"] .dci-contact-story__slices::before{opacity:0}
.dci-contact-story[data-contact-phase="released"] .dci-contact-story__sticky{
  pointer-events:none;
}
.dci-contact-story__crumbs{
  position:absolute;
  z-index:3;
  top:calc(92px + clamp(22px,3vw,42px));
  right:clamp(28px,4vw,64px);
  display:flex;
  align-items:center;
  gap:9px;
  color:rgb(255 255 255 / .78);
  font:500 12px/1.5 var(--dci-font-body);
  pointer-events:auto;
}
.dci-contact-story__crumbs a{color:#fff}
.dci-contact-story__title{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  padding:92px 28px 120px;
  transition:none;
  will-change:opacity;
  pointer-events:none;
}
.dci-contact-story__title h1{
  max-width:min(90vw,18ch);
  margin:0;
  color:#fff;
  font:300 clamp(48px,6.6vw,98px)/1 var(--dci-font-display);
  letter-spacing:-.045em;
  text-align:center;
  text-shadow:0 2px 24px rgb(0 15 38 / .28);
}
html[lang="en"] .dci-contact-story__title h1{
  font-size:clamp(44px,5.4vw,78px);
  letter-spacing:.01em;
}
.dci-contact-story__discover{
  position:absolute;
  left:50%;
  bottom:clamp(26px,5vh,52px);
  display:grid;
  justify-items:center;
  gap:14px;
  color:rgb(255 255 255 / .9);
  font:600 11px/1.4 var(--dci-font-label);
  letter-spacing:.14em;
  transform:translateX(-50%);
  transition:none;
}
.dci-contact-story__crumbs,
.dci-contact-story__title,
.dci-contact-story__discover{will-change:opacity;transition:none}
.dci-contact-story__crumbs,
.dci-contact-story__title{will-change:opacity,transform;transition:none}
.dci-contact-story[data-contact-phase="released"] :is(.dci-contact-story__crumbs,.dci-contact-story__title,.dci-contact-story__discover){
  opacity:0;
  pointer-events:none;
  transition:opacity 200ms cubic-bezier(.25,.1,.25,1);
}
.dci-contact-story[data-contact-phase="released"] :is(.dci-contact-story__crumbs,.dci-contact-story__title){
  transform:translate3d(0,-800px,0);
  transition:opacity 200ms cubic-bezier(.25,.1,.25,1),transform 200ms cubic-bezier(.25,.1,.25,1);
}
.dci-contact-story__discover>span:last-child{
  position:relative;
  width:27px;
  height:44px;
  border:2px solid currentColor;
  border-radius:999px;
}
.dci-contact-story__discover>span:last-child::after{
  content:'';
  position:absolute;
  left:50%;
  top:8px;
  width:3px;
  height:7px;
  border-radius:99px;
  background:currentColor;
  transform:translateX(-50%);
  animation:dci-contact-wheel 5s cubic-bezier(.25,.1,.25,1) infinite;
}
.dci-contact-story__discover>span:first-child,
.dci-inner-story__discover>span:first-child{animation:dci-story-discover-label 5s cubic-bezier(.25,.1,.25,1) infinite}
.dci-contact-story__discover>span:last-child,
.dci-inner-story__mouse{animation:dci-story-mouse-shell 5s cubic-bezier(.25,.1,.25,1) infinite}
@keyframes dci-contact-wheel{0%,14%{opacity:1;transform:translate(-50%,-10px) scale(1)}48%,100%{opacity:0;transform:translate(-50%,8px) scale(.4)}}
@keyframes dci-story-mouse-shell{0%,100%{transform:translate3d(0,0,0)}48%{transform:translate3d(0,8px,0)}}
@keyframes dci-story-discover-label{0%,100%{color:#fff;transform:translate3d(0,0,0)}48%{color:rgb(255 255 255 / .56);transform:translate3d(0,2px,0)}}
header[data-nav][data-contact-nav-theme="dark"]{
  background:linear-gradient(180deg,rgb(2 17 38 / .78),rgb(2 17 38 / .28)) !important;
  border-bottom-color:rgb(255 255 255 / .13) !important;
  box-shadow:none !important;
  backdrop-filter:saturate(1.2) blur(12px) !important;
}
header[data-nav][data-contact-nav-theme="dark"] [data-navlogo]{filter:none}
header[data-nav][data-contact-nav-theme="dark"] [data-r="nav-full"] a,
header[data-nav][data-contact-nav-theme="dark"] [data-r="nav-full"] button{color:#f3f8ff !important}
header[data-nav][data-contact-nav-theme="dark"] [role="group"][aria-label="語言切換"]{border-color:rgb(255 255 255 / .36) !important}
header[data-nav][data-contact-nav-theme="dark"] [role="group"][aria-label="語言切換"] button{color:#f3f8ff !important}
header[data-nav][data-contact-nav-theme="dark"] [data-burger]{color:#fff !important;border-color:rgb(255 255 255 / .36) !important}
[data-page]:not([data-page="home"]):not(.dci-inner) > [data-r~="pad"]:first-child::before{
  content:'';
  position:absolute;
  z-index:-2;
  inset:0 0 0 44%;
  background-image:var(--dci-page-image);
  background-position:center;
  background-size:var(--dci-page-fit,cover);
  background-repeat:no-repeat;
  filter:saturate(.64) contrast(1.02);
}
[data-page]:not([data-page="home"]):not(.dci-inner) > [data-r~="pad"]:first-child::after{
  content:'';
  position:absolute;
  z-index:-1;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,var(--dci-surface) 0 43%,rgb(255 255 255 / .82) 53%,transparent 74%),
    linear-gradient(0deg,rgb(11 26 49 / .1),transparent 36%),
    var(--dci-optic);
}
[data-page]:not([data-page="home"]):not(.dci-inner) > [data-r~="pad"]:first-child > *{
  position:relative;
  z-index:1;
  max-width:min(50%,720px);
}
[data-page]:not([data-page="home"]):not(.dci-inner) > [data-r~="pad"]:first-child h1{
  max-width:12ch !important;
  margin-bottom:18px !important;
  color:var(--dci-ink) !important;
  font-family:var(--dci-font-display) !important;
  font-size:clamp(42px,5.5vw,78px) !important;
  font-weight:560 !important;
  line-height:1.04 !important;
  letter-spacing:-.052em !important;
}
[data-page]:not([data-page="home"]):not(.dci-inner) > [data-r~="pad"]:first-child > div[style*="IBM Plex Mono"]{
  font-family:var(--dci-font-label) !important;
  letter-spacing:.12em !important;
}

/* De-card the legacy page system while keeping interactive boundaries clear. */
#main-content [data-page]:not([data-page="home"]) [style*="background:#EFF1F5"]{
  background:var(--dci-surface) !important;
}
#main-content [data-page]:not([data-page="home"]) [style*="border-radius:14px"],
#main-content [data-page]:not([data-page="home"]) [style*="border-radius:13px"],
#main-content [data-page]:not([data-page="home"]) [style*="border-radius:12px"],
#main-content [data-page]:not([data-page="home"]) [style*="border-radius:11px"]{
  border-radius:var(--dci-radius-panel) !important;
}
#main-content [data-page]:not([data-page="home"]) img:not([data-heroposter]){
  filter:none !important;
}
#main-content [data-page]:not([data-page="home"]) [data-tilt]{
  box-shadow:none;
  transition:border-color var(--dci-motion-state) var(--dci-ease-ui),box-shadow var(--dci-motion-state) var(--dci-ease-ui),transform var(--dci-motion-state) var(--dci-ease-scene) !important;
}
#main-content [data-page]:not([data-page="home"]) [data-tilt]:hover{
  border-color:rgb(46 102 223 / .34) !important;
  box-shadow:var(--dci-shadow-soft);
}

[data-page="detail"] [data-imgreveal]{
  border-radius:var(--dci-radius-media) !important;
  border-color:var(--dci-line-strong) !important;
  background:
    linear-gradient(90deg,rgb(46 102 223 / .04) 1px,transparent 1px) 0 0 / 12.5% 100%,
    linear-gradient(rgb(46 102 223 / .035) 1px,transparent 1px) 0 0 / 100% 12.5%,
    var(--dci-surface) !important;
  box-shadow:var(--dci-shadow-soft);
}
[data-page="detail"] [data-gthumbs] button{border-radius:var(--dci-radius-control) !important}

/* Progressive-enhancement states supplied by dci-experience.js. */
[data-dci-xp-page]{position:relative;transform-origin:50% 10%}
[data-dci-xp-page][data-dci-xp-state="entering"]{
  opacity:0;
  clip-path:inset(0 0 18px 0);
  transform:translate3d(0,18px,0) scale(.996);
  transition:opacity var(--dci-motion-route) var(--dci-ease-scene),transform var(--dci-motion-route) var(--dci-ease-scene),clip-path var(--dci-motion-route) var(--dci-ease-scene);
}
[data-dci-xp-page][data-dci-xp-state="active"]{
  opacity:1;
  clip-path:inset(0);
  transform:none;
  transition:opacity var(--dci-motion-route) var(--dci-ease-scene),transform var(--dci-motion-route) var(--dci-ease-scene),clip-path var(--dci-motion-route) var(--dci-ease-scene);
}
[data-dci-xp-page][data-dci-xp-state="leaving"]{
  pointer-events:none;
  opacity:0;
  clip-path:inset(12px 0 0 0);
  transform:translate3d(0,-12px,0) scale(.998);
  transition:opacity var(--dci-motion-state) var(--dci-ease-ui),transform var(--dci-motion-state) var(--dci-ease-ui),clip-path var(--dci-motion-state) var(--dci-ease-ui);
}
[data-dci-xp-hero-shell]{position:relative;isolation:isolate}
[data-dci-xp-hero-media]{will-change:transform;transform:translate3d(0,var(--dci-xp-media-y,0),0) scale(var(--dci-xp-media-scale,1.015))}
[data-dci-xp-media-mask]{clip-path:inset(var(--dci-xp-mask-top,0) var(--dci-xp-mask-right,0) var(--dci-xp-mask-bottom,0) var(--dci-xp-mask-left,0));transition:clip-path var(--dci-motion-scene) var(--dci-ease-scene)}
[data-dci-xp-machine]{position:relative;isolation:isolate}

[data-dci-xp-rail]{display:flex !important;grid-template-columns:none !important;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scrollbar-width:none}
[data-dci-xp-rail]::-webkit-scrollbar{display:none}
[data-dci-xp-slide]{width:auto !important;min-width:min(82vw,620px);flex:0 0 min(82vw,620px);scroll-snap-align:start;scroll-snap-stop:always}
[data-dci-xp-rail-controls]{display:flex;align-items:center;gap:var(--dci-space-2)}
[data-dci-xp-rail-controls] button{min-width:44px;min-height:44px;border:1px solid var(--dci-line-strong);border-radius:var(--dci-radius-control);background:var(--dci-surface);color:var(--dci-ink)}

[data-dci-xp-announcer]{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;white-space:nowrap !important;border:0 !important}

/* Footer authorship remains visible and balanced at the lower-right. */
[data-sitefooter] > [data-r~="row-wrap"] > div{justify-content:flex-end}
[data-sitefooter] > [data-r~="row-wrap"] > div > span:last-child{white-space:nowrap}

@keyframes dci-cinematic-line{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}

@media (max-width:899px){
  .pw-brand-statement{min-height:100svh !important}
  .pw-brand-statement__inner{
    min-height:100svh;
    gap:0;
    padding:calc(72px + 24px) 24px 42px;
  }
  .pw-brand-statement__inner h2{font-size:clamp(30px,7vw,48px);font-weight:560;letter-spacing:.085em}
  .pw-brand-statement__copy{max-width:38ch;font-size:14px;line-height:1.78}
  .pw-hero__media img,
  .pw-hero__media video{object-position:56% 30% !important;filter:brightness(1.28) contrast(1.03) saturate(.6) !important}
  .pw-hero__scrim{
    background:
      linear-gradient(0deg,rgb(4 18 42 / .94) 0%,rgb(7 32 70 / .82) 35%,rgb(12 51 94 / .3) 60%,transparent 82%),
      var(--dci-optic) !important;
  }
  .pw-hero__body{padding-top:46dvh !important;padding-bottom:32px !important}
  .pw-hero__body::before{top:42dvh;width:72vw}
  .pw-hero h1,
  html[lang="en"] .pw-hero h1{font-size:clamp(42px,12vw,58px) !important;max-width:10ch !important}
  .pw-hero__lede{font-size:13.5px !important;line-height:1.66 !important}
  .pw-hero__actions .pw-primary{min-width:0 !important}
  [data-page="wet"] > [data-r~="pad"]:first-child,
  [data-page="chemical"] > [data-r~="pad"]:first-child,
  [data-page="smart"] > [data-r~="pad"]:first-child,
  [data-page="ai"] > [data-r~="pad"]:first-child,
  [data-page="services"] > [data-r~="pad"]:first-child,
  [data-page="philosophy"] > [data-r~="pad"]:first-child,
  [data-page="milestones"] > [data-r~="pad"]:first-child,
  [data-page="certs"] > [data-r~="pad"]:first-child,
  [data-page="customers"] > [data-r~="pad"]:first-child,
  [data-page="support"] > [data-r~="pad"]:first-child{
    min-height:78dvh;
    padding-top:44dvh !important;
    padding-bottom:48px !important;
    justify-content:flex-end;
    background:linear-gradient(0deg,var(--dci-surface) 0 52%,rgb(247 249 252 / .74) 67%,transparent 86%) !important;
  }
  [data-page]:not([data-page="home"]):not(.dci-inner) > [data-r~="pad"]:first-child::before{inset:74px 0 38% 0;background-position:center top}
  [data-page]:not([data-page="home"]):not(.dci-inner) > [data-r~="pad"]:first-child::after{background:linear-gradient(0deg,var(--dci-surface) 0 48%,rgb(255 255 255 / .34) 70%,transparent 88%),var(--dci-optic)}
  [data-page]:not([data-page="home"]):not(.dci-inner) > [data-r~="pad"]:first-child > *{max-width:100%}
  [data-page]:not([data-page="home"]):not(.dci-inner) > [data-r~="pad"]:first-child h1{font-size:clamp(38px,11vw,54px) !important;max-width:12ch !important}
  [data-page="products"] [data-axisview="product"]{grid-template-columns:1fr !important}
  [data-page="products"] [data-axisview="product"] > *{grid-column:auto !important}
  [data-dci-xp-slide]{flex-basis:88vw}

  .dci-contact-story{height:100svh;margin-top:-72px}
  .dci-contact-story__sticky{min-height:560px}
  .dci-contact-story__slices>span{background-position:center,center,66% 50%}
  .dci-contact-story__crumbs{top:94px;left:24px;right:auto;font-size:11px}
  .dci-contact-story__title{padding:82px 22px 116px}
  .dci-contact-story__title h1{font-size:clamp(44px,13vw,64px)}
  html[lang="en"] .dci-contact-story__title h1{font-size:clamp(36px,10vw,54px)}
}

@media (prefers-reduced-motion:reduce){
  .dci-contact-story__slices>span{top:0 !important;transition:none !important;will-change:auto}
  .dci-contact-story__title{opacity:1 !important;transform:none !important;transition:none !important;will-change:auto}
  .dci-contact-story__discover{opacity:1 !important;transition:none !important}
  .dci-contact-story__discover>span:first-child,
  .dci-contact-story__discover>span:last-child,
  .dci-contact-story__discover>span:last-child::after{animation:none !important;transform:none !important}
}

@media (max-width:639px){
  header[data-nav] > [data-r~="pad"]{height:72px !important;padding-left:16px !important;padding-right:16px !important;gap:12px !important}
  header[data-nav] [data-navlogo]{display:block;height:30px !important;width:auto !important;max-width:190px;object-fit:contain;object-position:left center}
  header[data-nav] [data-r~="nav-ctl"]{gap:0 !important}
  header[data-nav] [data-r~="nav-ctl"] > [role="group"]{display:none !important}
  [data-sitefooter] > [data-r~="row-wrap"] > div{justify-content:flex-start}
  [data-sitefooter] > [data-r~="row-wrap"] > div > span:last-child{flex-basis:100%;white-space:normal;line-height:1.6}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto !important;animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important}
  [data-dci-xp-page]{filter:none !important;clip-path:none !important;transform:none !important}
  [data-dci-xp-hero-media]{transform:none !important}
}

@media (forced-colors:active){
  .pw-hero__scrim{display:none}
  [data-dci-xp-rail-controls] button{forced-color-adjust:auto;border:1px solid ButtonText}
}

/* ========================================================================== 
   HOMEPAGE STAGING — SEMES composition / iCOMAT pacing
   Creative-director gate: one visual idea per chapter, no template effects.
   ========================================================================== */
/* Hero: preserve the approved video composition; one optical focus replaces particles/HUD. */
.pw-hero::before{content:none !important}
.pw-hero__media{clip-path:none !important}
.pw-hero__actions .pw-primary{
  background:var(--dci-accent) !important;
  border-color:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

.site-home{overflow:clip}
.site-home .pw-shell{width:min(1240px,calc(100% - 96px));max-width:1240px;margin-inline:auto}

/* Product and service: one continuous equipment theatre with a numbered horizontal timeline. */
.pw-intent{
  padding:0 0 clamp(112px,10vw,152px) !important;
  overflow:visible !important;
  color:var(--dci-ink) !important;
  background:#f4f7fb !important;
  background-image:none !important;
}
.pw-intent::before,.pw-intent::after{content:none !important}
.pw-intent > .pw-shell{width:100% !important;max-width:none !important}
.pw-intent__sticky-shell{
  position:relative;
  width:100vw;
  height:320svh;
  margin-left:calc(50% - 50vw);
  color:#f5f8fc;
  background:#07182d;
  overflow:clip;
  isolation:isolate;
}
.pw-intent__sticky{
  position:sticky;
  top:74px;
  z-index:1;
  display:flex;
  align-items:center;
  min-height:calc(100svh - 74px);
  padding:clamp(30px,4.5vh,52px) 0;
  overflow:hidden;
}
.pw-intent__sticky-inner{width:100%;min-width:0}
.pw-intent .pw-section-head{
  position:relative !important;
  width:min(1240px,100%) !important;
  margin:0 auto !important;
  padding:0 48px !important;
  display:block !important;
  border:0 !important;
}
.pw-intent .pw-section-head::before{display:none !important}
.pw-intent .pw-section-head h2{
  max-width:none !important;
  margin:0 !important;
  color:#f5f8fc !important;
  font-size:clamp(48px,5.2vw,72px) !important;
  font-weight:520 !important;
  line-height:1.02 !important;
  letter-spacing:-.045em !important;
}
.pw-intent .pw-section-head .pw-copy{
  max-width:40ch !important;
  margin:18px 0 0 !important;
  justify-self:start !important;
  color:rgba(229,237,247,.72) !important;
  font-size:clamp(16px,1.2vw,18px) !important;
  line-height:1.7 !important;
}
.pw-intent__grid{
  position:relative !important;
  width:100% !important;
  min-height:0 !important;
  display:block !important;
  border:0 !important;
  background:#07182d !important;
  overflow:hidden !important;
}
.pw-intent__grid::before,.pw-intent__grid::after{content:none !important}
.pw-intent__equipment{
  position:relative;
  min-width:0;
  display:block;
  background:#07182d;
}
.pw-equipment-progress{position:relative;width:min(1144px,calc(100% - 96px));height:1px;margin:clamp(26px,4vh,42px) auto 0;overflow:hidden;background:rgba(255,255,255,.22)}
.pw-equipment-progress > span{position:absolute;inset:0;background:var(--dci-azure);transform:scaleX(.25);transform-origin:0 50%;transition:transform 180ms linear}
.pw-equipment-rail{
  display:flex;
  width:100%;
  min-height:0;
  padding-inline:max(48px,calc((100vw - 1240px)/2 + 48px));
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scroll-snap-type:none;
  scroll-padding-inline:max(48px,calc((100vw - 1240px)/2 + 48px));
  scrollbar-width:none;
  background:#07182d;
  cursor:grab;
}
.pw-equipment-rail::-webkit-scrollbar{display:none}
.pw-equipment-rail.is-dragging{cursor:grabbing;user-select:none}
.pw-equipment-rail a{
  position:relative;
  width:clamp(360px,36vw,540px);
  min-width:clamp(360px,36vw,540px);
  min-height:clamp(430px,57vh,600px);
  flex:0 0 clamp(360px,36vw,540px);
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto auto;
  padding:clamp(18px,2.2vw,30px);
  border-right:1px solid rgba(255,255,255,.18);
  color:rgba(229,237,247,.68);
  font:600 11px/1.35 var(--dci-font-label);
  text-align:left;
  scroll-snap-align:start;
  scroll-snap-stop:always;
  -webkit-user-drag:none;
  transition:color var(--dci-motion-state) var(--dci-ease-ui),background var(--dci-motion-state) var(--dci-ease-ui);
}
.pw-equipment-rail a:last-child{border-right:0}
.pw-equipment-rail a::after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--dci-azure);transform:scaleX(0);transform-origin:left;transition:transform 320ms cubic-bezier(.22,1,.36,1)}
.pw-equipment-rail a:hover,.pw-equipment-rail a:focus-visible,.pw-equipment-rail a.is-active{color:#f5f8fc;background:rgba(43,143,207,.1)}
.pw-equipment-rail a:hover::after,.pw-equipment-rail a:focus-visible::after,.pw-equipment-rail a.is-active::after{transform:scaleX(1)}
.pw-equipment-rail__no{display:block;margin-bottom:clamp(14px,2vh,24px);color:var(--dci-azure);font:600 11px/1 var(--dci-font-data);letter-spacing:.16em}
.pw-equipment-rail__visual{position:relative;display:block;min-height:clamp(240px,35vh,370px);overflow:hidden;background:linear-gradient(rgba(14,27,51,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(14,27,51,.045) 1px,transparent 1px),#f4f7fb;background-size:68px 68px;pointer-events:none}
.pw-equipment-rail__visual img{display:block;width:100%;height:100%;padding:clamp(18px,2.6vw,36px);object-fit:contain;filter:drop-shadow(0 22px 24px rgba(14,27,51,.17));transform:scale(.96);transition:transform 360ms cubic-bezier(.22,1,.36,1),filter 360ms cubic-bezier(.22,1,.36,1);-webkit-user-drag:none;user-select:none}
.pw-equipment-rail a:hover .pw-equipment-rail__visual img,.pw-equipment-rail a:focus-visible .pw-equipment-rail__visual img,.pw-equipment-rail a.is-active .pw-equipment-rail__visual img{filter:drop-shadow(0 26px 28px rgba(14,27,51,.22));transform:scale(1)}
.pw-equipment-rail__label{display:block;margin-top:18px}
.pw-equipment-rail__label strong{display:block;color:inherit;font:600 clamp(20px,2vw,28px)/1.15 var(--dci-font-data)}
.pw-equipment-rail__label small{display:block;margin-top:7px;color:rgba(229,237,247,.56);font:500 10px/1.5 var(--dci-font-data);letter-spacing:.09em;text-transform:uppercase}
.pw-equipment-rail__link{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;padding-top:14px;color:#f5f8fc;border-top:1px solid rgba(255,255,255,.26);font:600 13px/1.3 var(--dci-font-body)}
.pw-equipment-live{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.pw-intent__equipment > [data-dci-xp-rail-controls]{display:none !important}
/* Product inquiry: one continuous dark stage with headline, material image and process index. */
.pw-requirements{
  --req-line-x:18%;
  --req-line-y:34%;
  --req-line-w:44%;
  position:relative !important;
  width:100% !important;
  min-height:clamp(700px,72svh,780px);
  margin:clamp(88px,8vw,124px) 0 0 !important;
  padding:clamp(52px,5vw,72px) !important;
  display:grid !important;
  grid-template-columns:minmax(210px,.72fr) minmax(0,2.28fr);
  gap:clamp(32px,4vw,60px);
  align-items:stretch;
  overflow:hidden !important;
  clip-path:none;
  scroll-margin-top:74px;
  color:#f5f9ff;
  border:0 !important;
  background:#061a37 !important;
  box-shadow:none;
}
.pw-requirements::before{
  content:"" !important;
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 58% 18%,rgba(51,153,218,.18),transparent 38%),linear-gradient(115deg,rgba(255,255,255,.024),transparent 46%);
  pointer-events:none;
}
.pw-requirements::after,.pw-requirements__panels::before{content:none !important}
.pw-requirements[data-requirement-index="1"]{--req-line-x:28%;--req-line-y:46%;--req-line-w:38%}
.pw-requirements[data-requirement-index="2"]{--req-line-x:36%;--req-line-y:30%;--req-line-w:34%}
.pw-requirements[data-requirement-index="3"]{--req-line-x:46%;--req-line-y:61%;--req-line-w:30%}
.pw-requirements__head{
  position:relative;
  z-index:2;
  grid-column:1;
  align-self:stretch;
  display:flex !important;
  flex-direction:column;
  align-items:flex-start !important;
  justify-content:center;
  gap:0 !important;
  margin:0 !important;
  padding:0;
}
.pw-requirements__eyebrow{margin-bottom:20px;color:#82dcff;font:650 10px/1.3 var(--dci-font-data);letter-spacing:.2em}
.pw-requirements__eyebrow:empty{display:none}
.pw-requirements__head h3{max-width:7ch;margin:0;color:#fff;font-size:clamp(48px,4.55vw,68px) !important;font-weight:540 !important;line-height:1.04 !important;letter-spacing:-.055em !important;text-wrap:balance}
.pw-requirements__head p{max-width:26ch;margin:26px 0 0 !important;color:rgba(232,241,253,.7) !important;font-size:14px !important;line-height:1.72 !important;text-wrap:pretty}
.pw-requirements__cta{width:min(100%,250px);min-height:46px;margin-top:30px;padding:12px 0;display:flex;align-items:center;justify-content:space-between;color:#fff;border-top:1px solid rgba(255,255,255,.34);border-bottom:1px solid rgba(255,255,255,.18);font:620 13px/1.4 var(--dci-font-body)}
.pw-requirements__cta:hover,.pw-requirements__cta:focus-visible{color:#82dcff;border-top-color:#82dcff}
.pw-requirements__body{
  position:relative;
  z-index:2;
  grid-column:2;
  min-width:0;
  min-height:590px;
  display:grid !important;
  grid-template-columns:minmax(0,1.42fr) minmax(200px,.72fr);
  grid-template-rows:minmax(0,1fr) auto;
  column-gap:clamp(22px,2.5vw,36px) !important;
  row-gap:0 !important;
  align-items:stretch !important;
  overflow:hidden;
  background:transparent;
}
.pw-requirements__optic{
  position:relative !important;
  z-index:0;
  inset:auto !important;
  grid-column:1;
  grid-row:1 / 3;
  min-height:100% !important;
  aspect-ratio:auto !important;
  overflow:hidden !important;
  background:#092346 !important;
  border:0 !important;
  box-shadow:none !important;
}
.pw-requirements__optic::after{
  content:"" !important;
  position:absolute;
  z-index:1;
  inset:0;
  display:block !important;
  background:linear-gradient(90deg,rgba(3,18,40,.12),rgba(3,18,40,.03) 58%,rgba(3,18,40,.3)),linear-gradient(0deg,rgba(3,17,37,.28),transparent 46%);
  pointer-events:none;
}
.pw-requirements__optic::before{
  content:"" !important;
  position:absolute;
  z-index:3;
  left:var(--req-line-x);
  top:var(--req-line-y);
  width:var(--req-line-w);
  height:1px;
  display:block !important;
  background:linear-gradient(90deg,#82dcff,rgba(130,220,255,0));
  box-shadow:0 0 22px rgba(94,198,240,.34);
  transition:left 360ms var(--ease-instrument),top 360ms var(--ease-instrument),width 360ms var(--ease-instrument);
  pointer-events:none;
}
.pw-requirements__concept-note{
  position:absolute;
  z-index:5;
  left:clamp(16px,2vw,28px);
  bottom:clamp(16px,2vw,26px);
  display:block;
  max-width:min(72%,46ch);
  padding:7px 10px;
  border:1px solid rgb(255 255 255 / .34);
  background:rgb(3 18 40 / .68);
  color:rgb(255 255 255 / .84);
  font:550 9px/1.45 var(--dci-font-label);
  letter-spacing:.08em;
  backdrop-filter:blur(6px);
  pointer-events:none;
}
.pw-requirements__material{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:48% 50% !important;
  clip-path:inset(0) !important;
  filter:saturate(.9) contrast(1.03) brightness(.86) !important;
  transform:scale(1.015) !important;
  opacity:1 !important;
  transition:object-position 380ms var(--ease-instrument),transform 380ms var(--ease-instrument),filter 380ms var(--ease-instrument),clip-path 380ms var(--ease-instrument) !important;
}
.pw-requirements[data-requirement-index="1"] .pw-requirements__material{object-position:40% 50% !important;transform:scale(1.035) !important}
.pw-requirements[data-requirement-index="2"] .pw-requirements__material{object-position:58% 45% !important;transform:scale(1.025) !important;filter:saturate(.94) contrast(1.04) brightness(.84) !important}
.pw-requirements[data-requirement-index="3"] .pw-requirements__material{object-position:70% 54% !important;transform:scale(1.045) !important}
.pw-requirements__tabs{
  position:relative;
  z-index:4;
  grid-column:2;
  grid-row:1;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center;
  border:0 !important;
  background:transparent;
  backdrop-filter:none;
}
.pw-requirements__tabs button{
  position:relative;
  min-height:78px !important;
  padding:16px 18px !important;
  display:grid !important;
  grid-template-columns:32px minmax(0,1fr);
  align-items:center !important;
  justify-content:stretch !important;
  gap:12px !important;
  color:rgba(229,239,252,.58) !important;
  background:transparent !important;
  border:0 !important;
  border-bottom:1px solid rgba(255,255,255,.15) !important;
  box-shadow:none !important;
  font:560 13px/1.45 var(--dci-font-body) !important;
  text-align:left !important;
}
.pw-requirements__tabs button:last-child{border-bottom:0 !important}
.pw-requirements__tabs button > span:first-child{color:rgba(130,220,255,.56);font:600 10px/1 var(--dci-font-data);letter-spacing:.12em}
.pw-requirements__tabs button::before{content:"" !important;position:absolute;left:18px;right:18px;bottom:-1px;height:2px;display:block !important;background:#82dcff;transform:scaleX(0);transform-origin:left;transition:transform 320ms var(--ease-instrument)}
.pw-requirements__tabs button::after{content:"" !important;position:absolute;right:14px;top:50%;width:12px;height:1px;background:currentColor;transform:scaleX(.35);transform-origin:right;transition:transform 320ms var(--ease-instrument)}
.pw-requirements__tabs button:hover,.pw-requirements__tabs button:focus-visible,.pw-requirements__tabs button[aria-selected="true"]{color:#fff !important;background:rgba(32,91,144,.14) !important;padding-left:18px !important;box-shadow:none !important}
.pw-requirements__tabs button[aria-selected="true"]::before{transform:scaleX(1)}
.pw-requirements__tabs button[aria-selected="true"]::after{transform:scaleX(1)}
.pw-requirements__panels{
  position:relative;
  z-index:3;
  grid-column:2;
  grid-row:2;
  left:auto;
  bottom:auto;
  width:100%;
  min-width:0 !important;
  min-height:148px;
  padding:24px 0 2px !important;
  display:block !important;
  background:transparent !important;
  border-top:1px solid rgba(130,220,255,.72);
  overflow:visible;
}
.pw-requirements__panel{min-height:0 !important;display:block !important;padding:0 !important;background:transparent !important;border:0 !important}
.pw-requirements__panel[hidden]{display:none !important}
.pw-requirements__panel > p{margin:0;color:rgba(247,251,255,.9);font-size:clamp(14px,1.1vw,16px);line-height:1.65;text-wrap:pretty;text-shadow:0 2px 18px rgba(0,0,0,.34)}

/* Smart systems: SEMES-inspired full-bleed industrial narrative using original DCI imagery and content. */
.pw-engineering{
  padding:clamp(96px,8vw,128px) 0 0 !important;
  overflow:hidden !important;
  color:var(--dci-ink) !important;
  background:#f3f6fa !important;
  background-image:none !important;
}
.pw-engineering::before,.pw-engineering::after{content:none !important}
.pw-engineering > .pw-shell{width:100% !important;max-width:none !important;display:block !important}
.pw-engineering__hero{position:relative;width:100%;aspect-ratio:16 / 9;min-height:0;overflow:hidden;isolation:isolate;background:#061a37}
.pw-engineering__hero::after{content:'';position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgb(2 17 38 / .94) 0%,rgb(3 25 53 / .84) 31%,rgb(3 25 53 / .34) 54%,transparent 75%),linear-gradient(0deg,rgb(2 15 34 / .42),transparent 48%);pointer-events:none}
.pw-engineering__visual{position:absolute;z-index:0;inset:0;margin:0;overflow:hidden;background:#061a37}
.pw-engineering__visual::after{content:none}
.pw-engineering__visual img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 50%;transform:scale(1.001);transition:transform 680ms var(--dci-ease-scene)}
.pw-engineering__concept-note{position:absolute;z-index:3;right:clamp(20px,3.2vw,52px);bottom:clamp(18px,2.5vw,38px);max-width:34ch;margin:0;padding:9px 0 9px 14px;border-left:2px solid #82dcff;color:rgb(246 250 255 / .92);background:linear-gradient(90deg,rgb(2 18 40 / .78),transparent);font:550 11px/1.55 var(--dci-font-body);letter-spacing:.04em;text-wrap:balance}
.pw-engineering__head{position:absolute !important;z-index:2;inset:0 auto 0 0;width:min(49%,720px);display:flex !important;flex-direction:column !important;align-items:flex-start !important;justify-content:center !important;gap:0 !important;margin:0 !important;padding:clamp(52px,7vw,112px) clamp(34px,6.7vw,104px) !important;color:#fff !important}
.pw-engineering__kicker{display:block;margin:0 0 clamp(22px,2.6vw,36px);color:#9de7ff;font:650 11px/1.4 var(--dci-font-data);letter-spacing:.18em}
.pw-engineering__head h2{max-width:9.4ch;margin:0 !important;color:#fff !important;font-size:clamp(48px,5.2vw,78px) !important;font-weight:520 !important;line-height:1.02 !important;letter-spacing:-.05em !important;text-wrap:balance}
.pw-engineering__head .pw-copy{max-width:32ch !important;margin:clamp(24px,3vw,38px) 0 0 !important;color:rgb(242 247 252 / .88) !important;font-size:clamp(15px,1.3vw,18px) !important;line-height:1.7 !important}
.pw-engineering__action{display:flex !important;justify-content:flex-start !important;flex-wrap:wrap !important;gap:12px 14px !important;margin:clamp(28px,3.5vw,46px) 0 0 !important;padding:0 !important}
.pw-engineering__action a{min-height:48px;display:inline-flex !important;align-items:center !important;justify-content:space-between !important;gap:32px !important;padding:13px 18px !important;color:#fff !important;background:rgb(4 24 52 / .34) !important;border:1px solid rgb(255 255 255 / .72) !important;font:600 14px/1.4 var(--dci-font-body) !important;transition:background var(--dci-motion-state) var(--dci-ease-ui),color var(--dci-motion-state) var(--dci-ease-ui),border-color var(--dci-motion-state) var(--dci-ease-ui),transform var(--dci-motion-state) var(--dci-ease-ui)}
.pw-engineering__action a:hover,.pw-engineering__action a:focus-visible{color:#061a37 !important;background:#fff !important;border-color:#fff !important;transform:translate3d(0,-2px,0)}
.pw-engineering__systems-wrap{width:min(1240px,calc(100% - 96px));max-width:1240px;min-width:0;margin:0 auto !important;padding:clamp(38px,4.5vw,62px) 0 clamp(78px,8vw,112px) !important}
.pw-engineering__systems{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:0 !important;margin:0 !important;border-top:1px solid var(--dci-line-strong) !important;border-bottom:1px solid var(--dci-line) !important}
.pw-engineering__systems div{min-width:0 !important;display:block !important;min-height:152px !important;padding:28px clamp(18px,2.2vw,30px) 30px !important;background:transparent !important;border:0 !important;border-left:1px solid var(--dci-line) !important;overflow:visible !important}
.pw-engineering__systems div:first-child{border-left:0 !important;padding-left:0 !important}
.pw-engineering__systems div::before,.pw-engineering__systems div::after{display:none !important}
.pw-engineering__systems dt{display:flex;align-items:center;gap:14px;margin:0 !important;color:var(--dci-accent) !important;font:650 12px/1.3 var(--dci-font-data) !important;letter-spacing:.12em !important}
.pw-engineering__systems dt span{color:var(--dci-muted);font-size:9px}
.pw-engineering__systems dd{max-width:13ch;margin:30px 0 0 !important;color:var(--dci-ink) !important;font:520 clamp(19px,1.65vw,25px)/1.32 var(--dci-font-body) !important;letter-spacing:-.025em !important}

/* Service dossier: alternate the image to the right to avoid repeating the systems atlas. */
.pw-service{padding:clamp(112px,10vw,152px) 0;background:#f7f7f7;color:var(--dci-ink)}
.pw-service > .pw-shell{width:min(1240px,calc(100% - 96px));max-width:1240px}
.pw-engineering__service-head{display:block !important;max-width:720px !important;margin:0 0 64px !important;padding:0 !important}
.pw-engineering__service-head h2{margin:0 !important;color:var(--dci-ink) !important;font-size:clamp(44px,4.2vw,58px) !important;font-weight:520 !important;line-height:1.08 !important;letter-spacing:-.04em !important}
.pw-engineering__service-head .pw-copy{max-width:38ch !important;margin:24px 0 0 !important;color:var(--dci-copy) !important;font-size:16px !important;line-height:1.75 !important}
.pw-service-story{display:grid !important;grid-template-columns:minmax(360px,5fr) minmax(0,7fr) !important;gap:24px !important;margin:0 !important;background:transparent !important;border:0 !important;box-shadow:none !important;overflow:hidden !important}
.pw-service-story::before,.pw-service-story::after{display:none !important}
.pw-service-story__visual{position:relative;grid-column:2;grid-row:1;min-height:720px;margin:0;overflow:hidden;background:#dfe7ed}
.pw-service-story__visual img{width:100%;height:100%;display:block;object-fit:cover;object-position:12% 50%;filter:saturate(.82) contrast(1.03);transition:transform 900ms var(--dci-ease-scene)}
.pw-service-story .pw-engineering__services{grid-column:1;grid-row:1;display:grid !important;grid-template-columns:1fr !important;gap:0 !important;background:transparent !important;border-top:1px solid var(--dci-line-strong) !important;border-bottom:1px solid var(--dci-line) !important}
.pw-service-story .pw-engineering__services article{min-width:0 !important;min-height:360px !important;padding:42px 10px 38px 0 !important;display:flex !important;flex-direction:column !important;align-items:flex-start !important;background:transparent !important;border:0 !important;border-bottom:1px solid var(--dci-line) !important;box-shadow:none !important}
.pw-service-story .pw-engineering__services article+article{padding-left:0 !important}
.pw-service-story .pw-engineering__services article:last-child{border-bottom:0 !important}
.pw-service-story .pw-engineering__services article::before,.pw-service-story .pw-engineering__services article::after{display:none !important}
.pw-service-story .pw-engineering__services article:hover{background:transparent !important}
.pw-service-story__index{display:block;margin-bottom:34px;color:var(--dci-accent);font:650 10px/1.4 var(--dci-font-data);letter-spacing:.16em}
.pw-service-story .pw-engineering__services h3{max-width:none !important;margin:0 !important;color:var(--dci-ink) !important;font-size:clamp(26px,2.3vw,34px) !important;font-weight:520 !important;line-height:1.25 !important;letter-spacing:-.03em !important}
.pw-service-story .pw-engineering__services .pw-copy{max-width:45ch !important;margin:20px 0 0 !important;color:var(--dci-copy) !important;font-size:15px !important;line-height:1.75 !important}
.pw-service-story .pw-engineering__services a{display:inline-flex !important;align-items:center !important;gap:20px !important;margin-top:auto !important;padding-top:34px !important;padding-bottom:7px !important;color:var(--dci-ink) !important;border-bottom:1px solid var(--dci-ink) !important;font:600 13px/1.4 var(--dci-font-body) !important}

/* Contact finale: original conceptual architectural scene with explicit contrast. */
.pw-next{
  position:relative;
  min-height:clamp(580px,72svh,760px);
  display:grid;
  align-items:center;
  overflow:hidden;
  isolation:isolate;
  color:#fff;
  background:#061a37;
}
.pw-next::before{content:'';position:absolute;z-index:-2;inset:0;background:url('generated/contact-engineering-convergence-v4.webp') 58% 50% / cover no-repeat;transform:scale(1.01)}
.pw-next::after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgb(3 17 38 / .97) 0%,rgb(4 22 47 / .91) 42%,rgb(4 22 47 / .72) 66%,rgb(4 22 47 / .5) 100%)}
.pw-next__body{position:relative;width:min(1240px,calc(100% - 96px)) !important;max-width:1240px !important;padding-block:clamp(100px,10vw,142px);display:grid;grid-template-columns:7fr 5fr;gap:clamp(64px,9vw,140px);align-items:end}
.pw-next__intro{display:flex;flex-direction:column;align-items:flex-start}
.pw-next__eyebrow{margin-bottom:30px;color:#9de7ff;font:650 11px/1.4 var(--dci-font-data);letter-spacing:.18em}
.pw-next h2{max-width:7ch;margin:0;color:#fff;font:520 clamp(64px,7vw,96px)/.98 var(--dci-font-body);letter-spacing:-.055em;text-wrap:balance}
.pw-next__intro>p{max-width:34ch;margin:34px 0 0;color:rgb(235 243 251 / .84);font:400 17px/1.75 var(--dci-font-body)}
.pw-next__intro>a{display:inline-flex;align-items:center;gap:34px;margin-top:42px;padding:13px 0;color:#fff;border-bottom:1px solid rgb(255 255 255 / .76);font:650 14px/1.4 var(--dci-font-body);transition:gap var(--dci-motion-state) var(--dci-ease-scene),color var(--dci-motion-state) var(--dci-ease-ui)}
.pw-next__intro>a:hover,.pw-next__intro>a:focus-visible{gap:44px;color:#9de7ff}
.pw-next__locations{padding:0 28px;background:rgb(2 16 36 / .46);border-top:1px solid rgb(255 255 255 / .5);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.pw-next__locations>div{min-height:142px;padding:24px 0;display:grid;grid-template-columns:110px 1fr;align-items:center;gap:22px;border-bottom:1px solid rgb(255 255 255 / .28)}
.pw-next__locations span{color:#9de7ff;font:650 10px/1.4 var(--dci-font-data);letter-spacing:.13em}
.pw-next__locations>div>div{min-width:0}
.pw-next__locations strong{display:block;color:#fff;font:520 clamp(22px,2vw,28px)/1.25 var(--dci-font-body);letter-spacing:-.03em}
.pw-next__locations small{display:block;margin-top:8px;color:rgb(235 243 251 / .8);font:400 14px/1.6 var(--dci-font-body)}
.pw-next__locations a{display:inline-block;margin-top:7px;color:#9de7ff;font:600 12px/1.4 var(--dci-font-data);letter-spacing:.04em}

@media(hover:hover) and (pointer:fine){
  .pw-engineering__hero:hover .pw-engineering__visual img{transform:scale(1.015)}
  .pw-service-story__visual:hover img{transform:scale(1.018)}
}

/* Section reveal: one clean editorial rise per chapter, no repeated card choreography. */
[data-dci-xp-reveal] > .pw-shell{will-change:transform,opacity}
[data-dci-xp-reveal="pending"] > .pw-shell{opacity:0;transform:translate3d(0,44px,0)}
[data-dci-xp-reveal="visible"] > .pw-shell{opacity:1;transform:none;transition:opacity var(--dci-motion-story) var(--dci-ease-scene),transform var(--dci-motion-story) var(--dci-ease-scene)}

@media(max-width:899px){
  .pw-next{min-height:0}
  .pw-next::before{background-position:66% 50%}
  .pw-next::after{background:linear-gradient(180deg,rgb(3 17 38 / .94) 0%,rgb(4 22 47 / .88) 54%,rgb(4 22 47 / .78) 100%)}
  .pw-next__body{width:calc(100% - 40px) !important;padding:96px 0 88px;grid-template-columns:1fr;gap:62px}
  .pw-next__eyebrow{margin-bottom:24px;font-size:10px}
  .pw-next h2{font-size:clamp(50px,14vw,68px)}
  .pw-next__intro>p{margin-top:26px;font-size:15px}
  .pw-next__intro>a{min-height:44px;margin-top:34px}
  .pw-next__locations{padding:0 18px}
  .pw-next__locations>div{min-height:132px;grid-template-columns:88px 1fr;gap:14px}
}

@media (max-width:899px){
  .site-home .pw-shell,.pw-service > .pw-shell{width:calc(100% - 40px) !important}
  .pw-intent > .pw-shell{width:100% !important}
  .pw-engineering{padding:72px 0 0 !important}
  .pw-service{padding:88px 0 !important}
  .pw-intent .pw-section-head,.pw-engineering__service-head{grid-template-columns:1fr !important;gap:22px !important;margin-bottom:36px !important}
  .pw-intent .pw-section-head h2,.pw-engineering__head h2,.pw-engineering__service-head h2{font-size:clamp(36px,9vw,42px) !important;max-width:none !important}
  .pw-intent .pw-section-head .pw-copy,.pw-engineering__service-head .pw-copy{max-width:34ch !important;margin:0 !important;font-size:15px !important}
  .pw-requirements{width:100% !important;min-height:0;margin-top:88px !important;padding:84px 24px 72px !important;grid-template-columns:1fr;gap:0;clip-path:none;overflow:hidden !important}
  .pw-requirements__head{grid-column:1;padding:0 0 44px;align-self:auto;justify-content:center}
  .pw-requirements__head h3{max-width:10ch;font-size:clamp(44px,11vw,58px) !important}
  .pw-requirements__head p{max-width:32ch !important;margin-top:24px !important;font-size:15px !important}
  .pw-requirements__body{grid-column:1;min-height:0;display:grid !important;grid-template-columns:1fr !important;grid-template-rows:auto auto auto;gap:0 !important;overflow:visible}
  .pw-requirements__optic{position:relative !important;grid-column:1;grid-row:1;min-height:0 !important;aspect-ratio:4 / 3 !important}
  .pw-requirements__tabs{grid-column:1;grid-row:2;display:grid !important;grid-template-columns:1fr !important;background:#081a36;backdrop-filter:none}
  .pw-requirements__tabs button{min-height:76px !important;padding:16px 18px !important;grid-template-columns:34px minmax(0,1fr);border:0 !important;border-bottom:1px solid rgba(255,255,255,.15) !important;margin:0 !important}
  .pw-requirements__tabs button:hover,.pw-requirements__tabs button:focus-visible,.pw-requirements__tabs button[aria-selected="true"]{padding-left:18px !important}
  .pw-requirements__panels{position:relative;grid-column:1;grid-row:3;left:auto;bottom:auto;width:100%;min-height:0;padding:26px 0 0 !important;border-top:1px solid rgba(130,220,255,.72);overflow:visible}
  .pw-requirements__panel > p{font-size:17px}
  .pw-engineering > .pw-shell{width:100% !important;display:block !important}
  .pw-engineering__hero{display:grid;aspect-ratio:auto;min-height:0;max-height:none;background:#061a37}
  .pw-engineering__hero::after{content:none}
  .pw-engineering__visual{position:relative;inset:auto;aspect-ratio:4 / 3;min-height:0}
  .pw-engineering__visual::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgb(2 17 38 / .22),transparent 45%);pointer-events:none}
  .pw-engineering__visual img{object-position:62% 50%}
  .pw-engineering__head{position:relative !important;inset:auto;width:100%;min-height:0;display:flex !important;padding:42px 20px 48px !important;background:#061a37}
  .pw-engineering__kicker{margin-bottom:20px;font-size:10px}
  .pw-engineering__head h2{max-width:10ch !important;font-size:clamp(36px,8vw,52px) !important}
  .pw-engineering__head .pw-copy{max-width:32ch !important;margin:22px 0 0 !important;font-size:15px !important}
  .pw-engineering__action{margin-top:30px !important}
  .pw-engineering__action a{min-height:46px;padding:12px 16px !important;gap:24px !important}
  .pw-engineering__systems-wrap{width:calc(100% - 40px);padding:38px 0 76px !important}
  .pw-engineering__systems{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .pw-engineering__systems div,.pw-engineering__systems div:nth-child(even){min-height:142px !important;padding:26px 20px 28px !important;border-left:1px solid var(--dci-line) !important;border-bottom:1px solid var(--dci-line) !important}
  .pw-engineering__systems div:nth-child(odd){border-left:0 !important;padding-left:0 !important}
  .pw-engineering__systems div:nth-last-child(-n+2){border-bottom:0 !important}
  .pw-engineering__systems dd{max-width:14ch;margin-top:24px !important;font-size:clamp(18px,3.2vw,23px) !important}
  .pw-service-story{grid-template-columns:1fr !important;gap:24px !important}
  .pw-service-story__visual{grid-column:auto;grid-row:auto;min-height:0;aspect-ratio:4 / 3}
  .pw-service-story__visual img{object-position:50% 50%}
  .pw-service-story .pw-engineering__services{grid-column:auto;grid-row:auto;grid-template-columns:1fr !important}
  .pw-service-story .pw-engineering__services article{min-height:0 !important;padding:34px 26px 42px !important;border-right:0 !important;border-bottom:1px solid var(--dci-line) !important}
  .pw-service-story .pw-engineering__services a{margin-top:34px !important}
  .pw-service-story .pw-engineering__services article:last-child{border-bottom:0 !important}
}

@media (max-width:639px){
  .pw-brand-statement__inner{padding:calc(72px + 20px) 20px 38px}
  .pw-brand-statement__eyebrow{margin-bottom:24px}
  .pw-brand-statement__inner h2{flex-direction:column;align-items:center;gap:.13em;max-width:100%;font-size:clamp(27px,9.2vw,36px);line-height:.98;letter-spacing:.075em;white-space:normal;text-align:center}
  .pw-brand-statement__line{flex-basis:clamp(72px,12vh,96px);height:clamp(72px,12vh,96px);min-height:72px;margin:clamp(24px,4vh,34px) 0}
  .pw-brand-statement__copy{max-width:29em;font-size:14px;line-height:1.75;text-align:center}
  .pw-engineering__systems{grid-template-columns:1fr !important}
  .pw-engineering__systems div,.pw-engineering__systems div:nth-child(even){min-height:0 !important;padding:24px 0 26px !important;border-left:0 !important;border-bottom:1px solid var(--dci-line) !important}
  .pw-engineering__systems div:last-child{border-bottom:0 !important}
  .pw-engineering__systems dd{max-width:none;margin-top:18px !important;font-size:20px !important}
}

@media (max-width:540px){
  .pw-requirements{padding:100px 20px 56px !important}
  .pw-requirements__head{padding-bottom:38px}
  .pw-requirements__head h3{max-width:100%;font-size:clamp(38px,11vw,48px) !important;line-height:1.06 !important}
  .pw-requirements__head p{max-width:100% !important;margin-top:20px !important;font-size:14px !important;line-height:1.7 !important}
  .pw-requirements__cta{margin-top:28px}
  .pw-requirements__optic{min-height:0 !important;aspect-ratio:4 / 5 !important}
  .pw-requirements__tabs button{min-height:66px !important;padding:13px 14px !important;grid-template-columns:30px minmax(0,1fr);font-size:13px !important}
  .pw-requirements__tabs button:hover,.pw-requirements__tabs button:focus-visible,.pw-requirements__tabs button[aria-selected="true"]{padding-left:14px !important}
  .pw-requirements__panels{min-height:0;padding:24px 0 0 !important}
  .pw-requirements__panel > p{font-size:15px;line-height:1.7}
}


@media (max-width:767px){
  main{padding-bottom:0 !important}
  [data-sitefooter]{padding-bottom:calc(74px + env(safe-area-inset-bottom,0px))}
  [data-langbtn]{min-width:44px !important;min-height:44px !important;padding:0 12px !important}
  [data-sitefooter] a{min-height:44px !important;display:inline-flex !important;align-items:center !important}
  .pw-intent__sticky-shell{height:auto}
  .pw-intent__sticky{position:relative;top:auto;min-height:0;padding:88px 0;overflow:hidden}
  .pw-intent .pw-section-head{width:100% !important;padding:0 20px !important}
  .pw-intent .pw-section-head h2{font-size:clamp(38px,12vw,52px) !important}
  .pw-equipment-progress{width:calc(100% - 40px);margin-top:30px}
  .pw-equipment-rail{padding-inline:20px;scroll-padding-inline:20px;scroll-snap-type:x mandatory}
  .pw-equipment-rail a{width:84vw;min-width:84vw;min-height:min(610px,72dvh);flex-basis:84vw;padding:20px 16px 24px}
  .pw-equipment-rail__visual{min-height:clamp(260px,43dvh,360px)}
  .pw-equipment-rail__visual img{padding:16px}
}

@media (prefers-reduced-motion:reduce){
  .pw-brand-statement{min-height:100svh !important;background:linear-gradient(132deg,#f8faff,#edf2f8 52%,#f6f8fb) !important}
  .pw-brand-statement__inner{position:relative !important;min-height:100svh !important;opacity:1 !important;transform:none !important}
  .pw-brand-statement__inner h2,.pw-brand-statement__eyebrow,.pw-brand-statement__word,.pw-brand-statement__copy{opacity:1 !important;transform:none !important;transition:none !important;animation:none !important}
  .pw-brand-statement__line-fill{opacity:1 !important;transform:scaleY(1) !important;animation:none !important}
  .pw-intent__sticky-shell{height:auto !important}
  .pw-intent__sticky{position:relative !important;top:auto !important;min-height:0 !important}
  .pw-equipment-rail{scroll-snap-type:x mandatory}
  .pw-equipment-rail__visual img{transform:none !important;transition:none !important}
  .pw-equipment-progress > span{transition:none !important}
  .pw-engineering__visual img,.pw-service-story__visual img{transform:none !important;transition:none !important}
  [data-dci-xp-reveal] > .pw-shell,[data-dci-xp-page]{opacity:1 !important;clip-path:none !important;transform:none !important;transition:none !important}
  .pw-hero__scrim::after{opacity:.36 !important}
  .pw-hero__kicker,.pw-hero h1,.pw-hero__lede,.pw-hero__actions{opacity:1 !important;transform:none !important;clip-path:none !important;filter:none !important;animation:none !important;will-change:auto !important}
}

html[data-dci-xp-motion="reduced"] .pw-brand-statement{min-height:100svh !important;background:linear-gradient(132deg,#f8faff,#edf2f8 52%,#f6f8fb) !important}
html[data-dci-xp-motion="reduced"] .pw-brand-statement__inner{position:relative !important;min-height:100svh !important;opacity:1 !important;transform:none !important}
html[data-dci-xp-motion="reduced"] .pw-brand-statement__inner h2,
html[data-dci-xp-motion="reduced"] .pw-brand-statement__eyebrow,
html[data-dci-xp-motion="reduced"] .pw-brand-statement__word,
html[data-dci-xp-motion="reduced"] .pw-brand-statement__copy{opacity:1 !important;transform:none !important;transition:none !important;animation:none !important}
html[data-dci-xp-motion="reduced"] .pw-brand-statement__line-fill{opacity:1 !important;transform:scaleY(1) !important;animation:none !important}
html[data-dci-xp-motion="reduced"] .pw-intent__sticky-shell{height:auto !important}
html[data-dci-xp-motion="reduced"] .pw-intent__sticky{position:relative !important;top:auto !important;min-height:0 !important}
html[data-dci-xp-motion="reduced"] .pw-equipment-rail{scroll-snap-type:x mandatory}
html[data-dci-xp-motion="reduced"] .pw-equipment-rail__visual img{transform:none !important;transition:none !important}
html[data-dci-xp-motion="reduced"] .pw-equipment-progress > span{transition:none !important}
html[data-dci-xp-motion="reduced"] .pw-engineering__visual img,
html[data-dci-xp-motion="reduced"] .pw-service-story__visual img{transform:none !important;transition:none !important}

/* Hero copy is one editorial group: headline, lede and actions share one axis. */
html:not([lang^="en"]) .pw-hero__kicker,
html:not([lang^="en"]) .pw-engineering__kicker{display:none !important}

@media (min-width:840px){
  .pw-hero__body{
    min-height:100dvh;
    display:grid;
    grid-template-columns:minmax(0,880px);
    grid-auto-rows:max-content;
    align-content:center;
    justify-content:start;
    row-gap:clamp(20px,2.4vh,30px);
    padding-top:clamp(118px,14vh,154px) !important;
    padding-bottom:clamp(52px,7vh,78px) !important;
    padding-left:clamp(0px,4vw,72px) !important;
  }
  .pw-hero__body::before{display:none}
  .pw-hero__kicker{
    margin:0 0 2px !important;
    width:max-content;
  }
  .pw-hero h1,
  html[lang^="en"] .pw-hero h1{
    width:fit-content;
    max-width:100% !important;
    margin:0 !important;
    font-size:clamp(64px,4vw,92px) !important;
    font-weight:400 !important;
    line-height:1.02 !important;
    letter-spacing:-.025em !important;
    text-wrap:balance;
  }
  html:not([lang^="en"]) .pw-hero h1{white-space:nowrap}
  html[lang^="en"] .pw-hero h1{max-width:14ch !important;white-space:normal}
  .pw-hero__lede{
    max-width:52ch !important;
    margin:0 !important;
    text-wrap:balance;
  }
  .pw-hero__actions{
    justify-content:flex-start;
    margin:0 !important;
  }
}

@media (min-width:840px) and (max-width:1023px){
  .pw-hero__body{grid-template-columns:minmax(0,720px);padding-left:clamp(18px,4vw,42px) !important}
  html:not([lang^="en"]) .pw-hero h1{width:6.35em;max-width:6.35em !important;white-space:normal}
}

@media (max-width:839px){
  .pw-hero{min-height:calc(100dvh - 74px) !important}
  .pw-hero__body{
    min-height:calc(100dvh - 74px);
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-end;
    gap:18px;
    padding-top:max(32dvh,230px) !important;
    padding-bottom:clamp(22px,4vh,34px) !important;
  }
  .pw-hero__body::before{display:none}
  .pw-hero__kicker{margin:0 !important}
  .pw-hero h1,
  html[lang^="en"] .pw-hero h1{
    margin:0 !important;
    font-weight:440 !important;
    line-height:1.04 !important;
  }
  html:not([lang^="en"]) .pw-hero h1{width:5.15em;max-width:5.15em !important;font-size:clamp(40px,10.4vw,58px) !important}
  html[lang^="en"] .pw-hero h1{max-width:12ch !important;font-size:clamp(36px,8.6vw,52px) !important}
  .pw-hero__lede{margin:0 !important;max-width:42ch !important}
  .pw-hero__actions{
    position:relative;
    z-index:3;
    flex-direction:row !important;
    flex-wrap:wrap;
    align-items:center !important;
    gap:10px 18px !important;
    margin:0 !important;
    pointer-events:auto;
  }
  .pw-hero__actions .pw-primary{width:auto !important;min-width:0 !important}
}

/* ========================================================================
   INNER PAGE FAMILY · SEMICONDUCTOR EDITORIAL SYSTEM
   Continuous equipment narrative: sharp geometry, real machine imagery,
   restrained cobalt, and index-like navigation instead of equal card walls.
   ======================================================================== */
.dci-inner{
  --inner-ink:#07172d;
  --inner-copy:#41516a;
  --inner-muted:#6b788d;
  --inner-line:rgba(7,23,45,.14);
  --inner-blue:#2637c7;
  --inner-ice:#eef4f9;
  color:var(--inner-ink);
  background:
    linear-gradient(180deg,#f8fafc 0%,#f1f5f9 48%,#f7f9fb 100%);
}
.dci-inner a:focus-visible,.dci-inner button:focus-visible{
  outline:2px solid var(--inner-blue) !important;
  outline-offset:4px;
}
.dci-inner-hero{position:relative;isolation:isolate}
.dci-inner-hero::before{
  content:"";
  position:absolute;
  inset:72px 48px auto;
  height:1px;
  background:linear-gradient(90deg,var(--inner-blue) 0 80px,var(--inner-line) 80px 100%);
  z-index:-1;
}
.dci-inner-hero h1{font-weight:630 !important;letter-spacing:-.045em !important}
.dci-inner-hero > p{max-width:52ch !important}

/* Products: one machine stage with a compact engineering index. */
.dci-products__hero{
  min-height:680px;
  display:grid;
  grid-template-columns:minmax(360px,.78fr) minmax(520px,1.22fr);
  grid-template-rows:auto auto auto auto auto 1fr;
  column-gap:62px;
  padding-bottom:72px !important;
  overflow:hidden;
}
.dci-products__hero > :not(.dci-products__hero-media){grid-column:1}
.dci-products__hero-media{
  position:relative;
  grid-column:2;
  grid-row:1 / 7;
  align-self:stretch;
  width:100%;
  height:100%;
  object-fit:contain;
  background:linear-gradient(145deg,#fff,#e8eef3);
  border-left:1px solid var(--inner-line);
}
.dci-axis-switch{
  border-radius:0 !important;
  border-color:var(--inner-line) !important;
  background:rgba(255,255,255,.58);
  backdrop-filter:blur(8px);
}
.dci-axis-switch button{border-radius:0 !important;min-width:176px}
.dci-axis-switch button[aria-selected="true"]{background:var(--inner-ink) !important;color:#fff !important}
.dci-axis-switch button[aria-selected="false"]{background:transparent !important;color:var(--inner-copy) !important}
.dci-products__view{position:relative}
.dci-products__view--product{
  grid-template-columns:minmax(0,1.72fr) minmax(310px,.72fr) !important;
  grid-template-rows:repeat(4,minmax(124px,auto)) !important;
  gap:0 52px !important;
}
.dci-products__view--product > a{
  opacity:1 !important;
  transform:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
.dci-products__view--product > a:first-child{
  grid-column:1 !important;
  grid-row:1 / 5 !important;
  border:1px solid var(--inner-line) !important;
  background:#fff !important;
  overflow:hidden;
}
.dci-products__view--product > a:first-child > div{
  min-height:100%;
  display:grid !important;
  grid-template-rows:auto minmax(430px,1fr) !important;
  grid-template-columns:1fr !important;
}
.dci-products__view--product > a:first-child > div > div:first-child{
  padding:42px 44px 34px !important;
  border-bottom:1px solid var(--inner-line);
}
.dci-products__view--product > a:first-child > div > div:last-child{
  min-height:430px !important;
  background:linear-gradient(145deg,#fff,#eef3f7) !important;
}
.dci-products__view--product > a:first-child img{
  filter:none !important;
  transform:scale(.94);
  transition:transform .7s cubic-bezier(.2,.75,.2,1) !important;
}
.dci-products__view--product > a:first-child:hover img{transform:scale(.985)}
.dci-products__view--product > a:not(:first-child){
  grid-column:2 !important;
  display:flex !important;
  align-items:center;
  border:0 !important;
  border-top:1px solid var(--inner-line) !important;
  background:transparent !important;
  overflow:visible !important;
  position:relative;
  transition:color .28s,background .28s !important;
}
.dci-products__view--product > a:last-child{border-bottom:1px solid var(--inner-line) !important}
.dci-products__view--product > a:not(:first-child)::after{
  content:"↗";
  position:absolute;
  right:0;
  top:31px;
  font:500 18px/1 "IBM Plex Mono",monospace;
  color:var(--inner-blue);
  transition:transform .28s;
}
.dci-products__view--product > a:not(:first-child):hover{
  background:linear-gradient(90deg,rgba(38,55,199,.06),transparent 72%) !important;
  transform:translateX(7px) !important;
}
.dci-products__view--product > a:not(:first-child):hover::after{transform:translate(3px,-3px)}
.dci-products__view--product > a:nth-child(2) > div:first-child,
.dci-products__view--product > a:nth-child(4) > div:first-child,
.dci-products__view--product > a:nth-child(5) > .pw-service-plate{display:none !important}
.dci-products__view--product > a:not(:first-child) > div:last-child,
.dci-products__view--product > a:nth-child(3) > div{
  width:100%;
  padding:26px 44px 26px 0 !important;
}
.dci-products__view--product > a:not(:first-child) [style*="font:400 13px"]{margin-bottom:8px !important}

.dci-products__view--process{
  grid-template-columns:1fr !important;
  grid-template-rows:auto !important;
  gap:0 !important;
  border-top:1px solid var(--inner-line);
}
.dci-products__view--process::before,.dci-products__view--process::after{content:none !important;display:none !important}
.dci-products__view--process > a{
  grid-column:1 !important;
  opacity:1 !important;
  transform:none !important;
  border:0 !important;
  border-top:1px solid var(--inner-line) !important;
  border-radius:0 !important;
  padding:26px 44px 26px 0 !important;
  background:transparent !important;
  box-shadow:none !important;
  transition:padding-left .28s,background .28s !important;
}
.dci-products__view--process > a:first-child{border-top:0 !important}
.dci-products__view--process > a:last-child{border-bottom:1px solid var(--inner-line) !important}
.dci-products__view--process > a:hover{padding-left:16px !important;background:linear-gradient(90deg,rgba(38,55,199,.06),transparent) !important}
.dci-products__view--process .pw-param-strip{margin-block:4px 10px}

/* Inquiry guide: a native-scroll process narrative; the five-step flow below is unchanged. */
.dci-guide__hero{
  --guide-media-scale:1.001;
  --guide-media-x:0%;
  --guide-process-alpha:0;
  --guide-process-y:0px;
  --guide-cue-alpha:1;
  --guide-cue-y:0px;
  --guide-crumb-alpha:1;
  --guide-crumb-y:0px;
  --guide-eyebrow-alpha:1;
  --guide-eyebrow-y:0px;
  --guide-eyebrow-clip:0%;
  --guide-title-alpha:1;
  --guide-title-y:0px;
  --guide-lede-alpha:1;
  --guide-lede-y:0px;
  position:relative;
  height:200svh;
  min-height:1180px;
  isolation:isolate;
  color:#f7fbff;
  background:#04172f;
}
.dci-guide__hero-sticky{
  position:sticky;
  top:0;
  height:100svh;
  min-height:620px;
  overflow:hidden;
  isolation:isolate;
  background:#04172f;
}
.dci-guide__hero-sticky::after{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  background:
    linear-gradient(90deg,rgba(2,17,38,.96) 0%,rgba(3,23,49,.82) 38%,rgba(3,23,49,.28) 68%,rgba(3,23,49,.12) 100%),
    linear-gradient(0deg,rgba(1,14,32,.76) 0%,rgba(1,14,32,.1) 54%,rgba(1,14,32,.42) 100%);
  pointer-events:none;
}
.dci-guide__hero-media{
  position:absolute;
  z-index:0;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:58% 50%;
  transform:translate3d(var(--guide-media-x),0,0) scale(var(--guide-media-scale));
  transform-origin:58% 50%;
  will-change:transform;
}
.dci-guide__process-mark{
  position:absolute;
  z-index:2;
  left:50%;
  top:46%;
  margin:0;
  color:rgba(255,255,255,.96);
  font:300 clamp(38px,4vw,64px)/1 var(--dci-font-body);
  letter-spacing:.01em;
  text-indent:0;
  opacity:var(--guide-process-alpha);
  transform:translate3d(-50%,calc(-50% + var(--guide-process-y)),0);
  will-change:opacity,transform;
}
.dci-guide__hero-inner{
  position:relative;
  z-index:2;
  width:min(100%,1440px);
  height:100%;
  margin:0 auto;
  padding:calc(74px + clamp(24px,4vh,48px)) 48px clamp(70px,8vh,96px);
  display:flex;
  flex-direction:column;
}
.dci-guide__crumbs{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  color:rgba(239,246,255,.68);
  font:600 11px/1.4 var(--dci-font-body);
  letter-spacing:.055em;
  opacity:var(--guide-crumb-alpha);
  transform:translate3d(0,var(--guide-crumb-y),0);
  will-change:opacity,transform;
}
.dci-guide__crumbs a{min-height:44px;display:inline-flex;align-items:center;color:#fff}
.dci-guide__crumbs a:hover,.dci-guide__crumbs a:focus-visible{color:#76d6ff}
.dci-guide__crumbs [aria-current="page"]{color:rgba(239,246,255,.74)}
.dci-guide__hero-copy{max-width:min(820px,74vw);margin-top:auto;padding-bottom:clamp(24px,5vh,52px)}
.dci-guide__eyebrow{
  margin:0 0 20px;
  color:#82dcff;
  font:650 11px/1.3 var(--dci-font-data);
  letter-spacing:.22em;
  opacity:var(--guide-eyebrow-alpha);
  transform:translate3d(0,var(--guide-eyebrow-y),0);
  clip-path:inset(0 0 var(--guide-eyebrow-clip) 0);
  will-change:opacity,transform;
}
.dci-guide__hero h1{
  max-width:17ch;
  margin:0;
  color:#fff;
  font:640 clamp(52px,6.2vw,92px)/.98 var(--dci-font-display);
  letter-spacing:-.055em;
  text-wrap:balance;
  opacity:var(--guide-title-alpha);
  transform:translate3d(0,var(--guide-title-y),0);
  will-change:opacity,transform;
}
.dci-guide__lede{
  max-width:58ch;
  margin:30px 0 0;
  color:rgba(236,244,255,.78);
  font:420 clamp(15px,1.25vw,18px)/1.75 var(--dci-font-body);
  text-wrap:pretty;
  opacity:var(--guide-lede-alpha);
  transform:translate3d(0,var(--guide-lede-y),0);
  will-change:opacity,transform;
}
.dci-guide__discover{
  position:absolute;
  left:50%;
  right:auto;
  bottom:clamp(28px,4vh,44px);
  min-height:44px;
  display:grid;
  justify-items:center;
  align-items:center;
  gap:10px;
  color:#fff;
  font:650 11px/1.2 var(--dci-font-data);
  letter-spacing:.12em;
  opacity:var(--guide-cue-alpha);
  transform:translate3d(-50%,var(--guide-cue-y),0);
  will-change:opacity,transform;
}
.dci-guide__discover > span:last-child{position:relative;width:25px;height:42px;border:1px solid rgba(255,255,255,.56);border-radius:999px}
.dci-guide__discover > span:last-child::before{content:"";position:absolute;left:50%;top:8px;width:3px;height:7px;border-radius:999px;background:currentColor;transform:translateX(-50%);animation:dciGuideWheel 1.6s cubic-bezier(.22,1,.36,1) infinite}
.dci-guide__discover > span:last-child::after{content:none}
@keyframes dciGuideWheel{0%{opacity:0;transform:translate3d(-50%,0,0)}24%{opacity:1}72%,100%{opacity:0;transform:translate3d(-50%,14px,0)}}
.dci-guide__discover:hover,.dci-guide__discover:focus-visible{color:#82dcff}
.dci-guide__discover:hover > span:last-child,.dci-guide__discover:focus-visible > span:last-child{border-color:#82dcff}
[data-guide-hero-state="scroll"]{
  --guide-media-scale:1.12;
  --guide-media-x:4%;
  --guide-process-alpha:1;
  --guide-process-y:0px;
  --guide-crumb-alpha:0;
  --guide-crumb-y:18px;
  --guide-eyebrow-alpha:0;
  --guide-eyebrow-y:22px;
  --guide-eyebrow-clip:100%;
  --guide-title-alpha:0;
  --guide-title-y:34px;
  --guide-lede-alpha:0;
  --guide-lede-y:28px;
}
[data-guide-hero-state="static"] .dci-guide__process-mark{display:none}
.dci-guide__workspace{padding-top:clamp(64px,7vw,96px) !important}
.dci-guide__workspace > div:first-child{
  margin-bottom:34px !important;
  padding:16px 0 !important;
  border-color:var(--inner-line) !important;
}
.dci-guide-step{
  position:relative;
  margin-bottom:0 !important;
  padding:40px 0 48px;
  border:0 !important;
  border-top:1px solid var(--inner-line) !important;
  background:transparent;
  box-shadow:none !important;
}
.dci-guide-step h2{
  max-width:22ch;
  margin:0 0 30px;
  font:630 clamp(25px,3vw,42px)/1.12 "Archivo","Noto Sans TC",sans-serif;
  letter-spacing:-.035em;
  color:var(--inner-ink);
}
.dci-guide-options{
  display:grid;
  grid-template-columns:repeat(var(--guide-cols,2),minmax(0,1fr)) !important;
  gap:1px !important;
  background:var(--inner-line);
  border:1px solid var(--inner-line);
}
.dci-guide-option{
  position:relative;
  min-height:96px;
  border:0 !important;
  border-radius:0 !important;
  background:#fff !important;
  box-shadow:none !important;
  text-align:left;
  padding:20px 22px !important;
  transform:none !important;
  transition:background .24s,color .24s !important;
}
.dci-guide-option--tile{padding:0 !important}
.dci-guide-option:hover{background:#edf3fb !important}
.dci-guide-option[aria-pressed="true"]{
  background:#e7ebff !important;
  box-shadow:inset 4px 0 0 var(--inner-blue) !important;
}
.dci-guide-group-label{
  margin:24px 0 12px;
  font:600 10.5px/1 "IBM Plex Mono",monospace;
  letter-spacing:.16em;
  color:var(--inner-blue);
  text-transform:uppercase;
}
.dci-guide [data-gresult]{border-radius:0 !important;box-shadow:none !important}
.dci-guide [data-gresult] [style*="border-radius:11px"]{border-radius:0 !important}

/* Product detail: equipment fills the visual field, data remains procurement-ready. */
.dci-detail__crumbs{padding-top:118px !important}
.dci-detail__stage{
  display:grid !important;
  grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);
  gap:72px !important;
  align-items:start !important;
  padding-bottom:76px !important;
}
.dci-detail__stage > div:first-child > [data-imgreveal]{
  aspect-ratio:1.14 / 1 !important;
  border:1px solid var(--inner-line) !important;
  border-radius:0 !important;
  clip-path:none !important;
  transform:none !important;
  opacity:1 !important;
  background:linear-gradient(145deg,#fff,#eef3f7) !important;
}
.dci-detail__stage [data-gmain]{padding:24px !important}
.dci-detail__stage [data-gthumbs]{gap:1px !important;background:var(--inner-line)}
.dci-detail__stage [data-gthumb]{border-radius:0 !important;border:0 !important}
.dci-detail__stage > div:last-child{position:sticky;top:104px}
.dci-detail__stage [data-specrows] > div{padding-block:15px !important}
.dci-detail__more{border-top:1px solid var(--inner-line);padding-top:54px !important}
.dci-detail__more [data-detail-t34-only]{gap:0 !important;border-block:1px solid var(--inner-line)}
.dci-detail__more [data-detail-t34-only] > div{
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  padding:28px 32px !important;
}
.dci-detail__more [data-detail-t34-only] > div + div{border-left:1px solid var(--inner-line) !important}
.dci-detail__more > [data-r~="cols-3"]{gap:1px !important;background:var(--inner-line);border:1px solid var(--inner-line)}
.dci-detail__more > [data-r~="cols-3"] > a{
  border:0 !important;
  border-radius:0 !important;
  background:#fff !important;
  transform:none !important;
  box-shadow:none !important;
}
.dci-detail__more > [data-r~="cols-3"] > a:hover{background:#eef3ff !important;transform:translateY(-4px) !important}
.dci-detail__more > [data-r~="cols-3"] > a > div:first-child{height:170px !important;background:#fff !important;padding:0 !important}
.dci-detail__more > [data-r~="cols-3"] img{width:100%;height:100%;object-fit:contain}

/* About: source-led editorial statement; no repeated product imagery. */
.dci-about__hero{
  min-height:620px;
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  grid-auto-rows:min-content;
  align-content:center;
  column-gap:24px;
  padding-bottom:72px !important;
}
.dci-about__hero > *{grid-column:2 / 10;min-width:0}
.dci-about__hero > p{max-width:62ch !important;font-size:14.5px !important;line-height:1.82 !important;overflow-wrap:anywhere}
.dci-about__hero > p + p{margin-top:22px !important;padding-top:22px;border-top:1px solid var(--inner-line)}
.dci-about__index > [data-r~="cols-4"]{
  grid-template-columns:1.15fr 1fr 1fr !important;
  grid-template-rows:1fr 1fr;
  gap:0 !important;
  border-block:1px solid var(--inner-line);
}
.dci-about__index > [data-r~="cols-4"] > a{
  min-height:132px;
  border:0 !important;
  border-radius:0 !important;
  border-right:1px solid var(--inner-line) !important;
  border-bottom:1px solid var(--inner-line) !important;
  background:rgba(255,255,255,.45) !important;
  transform:none !important;
  box-shadow:none !important;
}
.dci-about__index > [data-r~="cols-4"] > a:first-child{
  grid-row:1 / 3;
  min-height:264px;
  display:flex !important;
  flex-direction:column;
  justify-content:flex-end;
  background:linear-gradient(150deg,#07172d,#143f6f) !important;
}
.dci-about__index > [data-r~="cols-4"] > a:first-child div{color:#fff !important}
.dci-about__index > [data-r~="cols-4"] > a:nth-child(4){border-bottom:0 !important}
.dci-about__index > [data-r~="cols-4"] > a:hover{background:#e7ebff !important;transform:translateX(5px) !important}
.dci-about__index > [data-r~="cols-4"] > a:first-child:hover{background:linear-gradient(150deg,#102346,#2637c7) !important}
.dci-about__index > [data-r~="cols-3"] > a > span{display:none}
.dci-about__index > [data-r~="cols-3"] > a{transition:background .24s,padding-left .24s}
.dci-about__index > [data-r~="cols-3"] > a:hover{padding-left:30px !important;background:rgba(38,55,199,.055)}

@media (max-width:980px){
  .dci-inner-hero::before{inset-inline:28px}
  .dci-products__view--product{grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr) !important;gap:0 30px !important}
  .dci-products__view--process{grid-template-columns:1fr !important;gap:0 !important}
  .dci-detail__stage{grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);gap:38px !important}
  .dci-products__hero{grid-template-columns:minmax(320px,.9fr) minmax(400px,1.1fr);column-gap:36px}
}

@media (max-width:820px){
  .dci-inner-hero::before{top:64px;inset-inline:20px}
  .dci-products__hero,.dci-about__hero{padding-top:96px !important;padding-inline:20px !important}
  .dci-axis-switch{display:grid !important;grid-template-columns:1fr 1fr;width:100%}
  .dci-axis-switch button{min-width:0;padding-inline:12px !important}
  .dci-products__view{padding-inline:20px !important;padding-bottom:72px !important}
  .dci-products__view--product{
    grid-template-columns:1fr !important;
    grid-template-rows:auto !important;
    gap:0 !important;
  }
  .dci-products__view--product > a:first-child{grid-column:1 !important;grid-row:auto !important;margin-bottom:28px}
  .dci-products__view--product > a:first-child > div{grid-template-rows:auto minmax(280px,44vh) !important}
  .dci-products__view--product > a:first-child > div > div:first-child{padding:28px 24px !important}
  .dci-products__view--product > a:first-child > div > div:last-child{min-height:280px !important}
  .dci-products__view--product > a:not(:first-child){grid-column:1 !important;min-height:112px}
  .dci-products__view--process{
    grid-template-columns:1fr !important;
    grid-template-rows:auto !important;
    gap:0 !important;
  }
  .dci-products__view--process > a{grid-column:1 !important;min-height:112px}

  .dci-products__hero{
    min-height:0;
    display:flex;
    flex-direction:column;
    padding-bottom:42px !important;
  }
  .dci-products__hero-media{
    order:-1;
    width:100%;
    height:auto;
    aspect-ratio:4 / 3;
    margin:0 0 30px;
    object-fit:contain;
    border-left:0;
    border-bottom:1px solid var(--inner-line);
  }

  .dci-about__hero{
    min-height:0;
    display:flex;
    flex-direction:column;
    gap:0;
    padding-bottom:42px !important;
  }
  .dci-guide__workspace,.dci-about__index,.dci-detail__crumbs,.dci-detail__stage,.dci-detail__more{padding-inline:20px !important}
  .dci-guide-options{grid-template-columns:repeat(min(var(--guide-cols,2),2),minmax(0,1fr)) !important}
  .dci-guide-step{padding-block:32px 40px}

  .dci-detail__stage{display:flex !important;flex-direction:column;gap:0 !important}
  .dci-detail__stage > div:first-child{order:2;width:100%;margin-bottom:30px}
  .dci-detail__stage > div:last-child{display:contents !important;position:relative;top:auto}
  .dci-detail__identity{order:1;width:100%;margin-bottom:26px}
  .dci-detail__stage > div:last-child > [data-r~="row-wrap"]{order:3;width:100%;margin-top:0 !important}
  .dci-detail__stage [data-modelnote]{order:4;width:100%}
  .dci-detail__stage [data-specrows]{order:5;width:100%}
  .dci-detail__stage > div:first-child > [data-imgreveal]{aspect-ratio:4 / 3 !important}
  .dci-detail__more [data-detail-t34-only]{grid-template-columns:1fr !important}
  .dci-detail__more [data-detail-t34-only] > div + div{border-left:0 !important;border-top:1px solid var(--inner-line) !important}
  .dci-detail__more > [data-r~="cols-3"]{grid-template-columns:1fr !important}
  .dci-detail__more > [data-r~="cols-3"] > a{display:grid !important;grid-template-columns:140px 1fr;align-items:center}
  .dci-detail__more > [data-r~="cols-3"] > a > div:first-child{height:116px !important}

  .dci-about__index > [data-r~="cols-4"]{grid-template-columns:1fr !important;grid-template-rows:auto !important}
  .dci-about__index > [data-r~="cols-4"] > a,.dci-about__index > [data-r~="cols-4"] > a:first-child{grid-row:auto;min-height:118px;border-right:0 !important}
  .dci-about__index > [data-r~="cols-4"] > a:first-child{min-height:220px}
  .dci-about__index > [data-r~="cols-3"]{grid-template-columns:1fr !important}
  .dci-about__index > [data-r~="cols-3"] > a{border-right:0 !important;border-bottom:1px solid var(--inner-line)}
}

@media (max-width:540px){
  .dci-guide__hero{height:160svh;min-height:980px}
  .dci-guide__hero-sticky{height:100svh;min-height:0}
  .dci-guide__hero-inner{padding:calc(66px + 20px) 20px 76px}
  .dci-guide__hero-media{object-position:64% 50%}
  .dci-guide__process-mark{top:42%;font-size:clamp(34px,10vw,44px);letter-spacing:.01em;text-indent:0}
  .dci-guide__hero-copy{max-width:100%;padding-bottom:68px}
  .dci-guide__eyebrow{margin-bottom:14px;font-size:10px}
  .dci-guide__hero h1{max-width:11ch;font-size:clamp(42px,12.5vw,56px);line-height:1.02}
  .dci-guide__lede{max-width:32ch;margin-top:22px;font-size:14px;line-height:1.68}
  .dci-guide__discover{right:auto;left:50%;bottom:96px}
  .dci-guide [data-gpips] > *:not([aria-current="step"]){display:none !important}
  .dci-guide [data-gpips] > [aria-current="step"]{width:100%;justify-content:flex-start !important}
  .dci-guide [data-gpips] button,.dci-guide [data-gchips] button,.dci-guide [data-greset]{min-height:44px !important}
  .dci-guide-options{grid-template-columns:1fr !important}
  .dci-guide-option{min-height:82px}
  .dci-detail__stage [data-gmain]{padding:8px !important}
  .dci-detail__more > [data-r~="cols-3"] > a{grid-template-columns:112px 1fr}
  .dci-products__view--product > a:first-child > div{grid-template-rows:auto !important}
  .dci-products__view--product > a:first-child > div > div:last-child{display:none !important}
}

@media (max-width:400px){
  .dci-axis-switch{max-width:100%;overflow:hidden}
  .dci-axis-switch button{padding-inline:8px !important;font-size:12px !important;line-height:1.25 !important;white-space:normal}
}

@media (prefers-reduced-motion:reduce){
  .dci-products__view a,.dci-detail__more a,.dci-about__index a,.dci-guide-option,.dci-products__view img{transition:none !important;transform:none !important}
  .dci-guide__hero{height:auto;min-height:0;--guide-crumb-alpha:1;--guide-eyebrow-alpha:1;--guide-title-alpha:1;--guide-lede-alpha:1;--guide-cue-alpha:1}
  .dci-guide__hero-sticky{position:relative;height:auto;min-height:100svh}
  .dci-guide__hero-inner{min-height:100svh}
  .dci-guide__hero *{animation:none !important;transition:none !important;filter:none !important}
  .dci-guide__hero-media{transform:none !important}
  .dci-guide__process-mark{display:none !important}
  .pw-requirements__material,.pw-requirements__optic::before,.pw-requirements__tabs button,.pw-requirements__tabs button::before,.pw-requirements__tabs button::after,.pw-requirements__panel{animation:none !important;transition:none !important}
  .pw-requirements__material{transform:none !important}
}

/* Wet process: continuous equipment narrative, source-led and card-free. */
.dci-wet-story{
  --wet-ink:#0b1930;
  --wet-muted:#53647b;
  --wet-line:rgba(14,34,63,.15);
  --wet-surface:#f4f7fb;
  --wet-accent:#2637c7;
  color:var(--wet-ink);
  background:var(--wet-surface);
}
.dci-wet-story__hero{
  min-height:100dvh;
  padding-top:74px;
  display:grid;
  grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr);
  background:linear-gradient(120deg,#f7f9fc 0 42%,#e9f1f8 42.1% 100%);
  overflow:hidden;
}
.dci-wet-story__hero-copy{
  align-self:center;
  padding:clamp(72px,9vw,132px) clamp(34px,6vw,96px) clamp(64px,8vw,112px) max(48px,calc((100vw - 1440px)/2 + 48px));
}
.dci-wet-story__crumbs{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:clamp(46px,7vw,92px);
  color:#52627a;
  font:500 11px/1.5 'Noto Sans TC',sans-serif;
}
.dci-wet-story__crumbs a{color:inherit;text-decoration:none}
.dci-wet-story__crumbs a:hover,.dci-wet-story__crumbs a:focus-visible{color:var(--wet-accent)}
.dci-wet-story__crumbs span:last-child{color:var(--wet-ink);font-weight:650}
.dci-wet-story__eyebrow{
  display:block;
  margin-bottom:18px;
  color:#0d6099;
  font:650 11px/1.3 'IBM Plex Mono',monospace;
  letter-spacing:.16em;
}
.dci-wet-story__hero h1{
  max-width:8.4ch;
  margin:0;
  color:var(--wet-ink);
  font:650 clamp(48px,6vw,88px)/.94 'Archivo','Noto Sans TC',sans-serif;
  font-stretch:87.5%;
  letter-spacing:-.055em;
}
.dci-wet-story__lead{
  max-width:42ch;
  margin:30px 0 0;
  color:#43536a;
  font:400 clamp(15px,1.22vw,18px)/1.8 'Noto Sans TC',sans-serif;
}
.dci-wet-story__facts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin:48px 0 0;
  padding:0;
  border-top:1px solid var(--wet-line);
}
.dci-wet-story__facts>div{
  min-width:0;
  padding:18px 16px 0 0;
}
.dci-wet-story__facts dt{
  color:#52627a;
  font:600 10px/1.4 'IBM Plex Mono',monospace;
  letter-spacing:.11em;
}
.dci-wet-story__facts dd{
  margin:6px 0 0;
  color:var(--wet-ink);
  font:620 13px/1.35 'Archivo','Noto Sans TC',sans-serif;
}
.dci-wet-story__hero-media{
  min-width:0;
  margin:0;
  display:grid;
  grid-template-rows:minmax(0,1fr) 74px;
  background:
    radial-gradient(circle at 68% 30%,rgba(255,255,255,.96),rgba(255,255,255,0) 42%),
    linear-gradient(145deg,#e8f1f8,#f8fafc 72%);
  border-left:1px solid rgba(14,34,63,.08);
}
.dci-wet-story__hero-media img{
  align-self:end;
  justify-self:center;
  width:min(112%,1040px);
  height:100%;
  max-height:calc(100dvh - 148px);
  object-fit:contain;
  object-position:center bottom;
  filter:drop-shadow(0 32px 28px rgba(25,54,88,.14));
  transform:translateX(3%);
}
.dci-wet-story__hero-media figcaption,
.dci-wet-story__stage figcaption{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  padding:0 30px;
  border-top:1px solid var(--wet-line);
  background:rgba(255,255,255,.78);
  color:#52627a;
  font:600 10px/1.3 'IBM Plex Mono',monospace;
  letter-spacing:.12em;
}
.dci-wet-story__hero-media figcaption strong,
.dci-wet-story__stage figcaption strong{
  color:var(--wet-ink);
  font:650 17px/1 'Archivo','Noto Sans TC',sans-serif;
  letter-spacing:-.02em;
}
.dci-wet-story__sequence{
  max-width:1440px;
  margin:0 auto;
  padding:clamp(110px,11vw,168px) 48px clamp(108px,12vw,180px);
}
.dci-wet-story__sequence-head{
  max-width:800px;
  margin-bottom:clamp(64px,8vw,116px);
}
.dci-wet-story__sequence-head h2{
  max-width:10ch;
  margin:0;
  color:var(--wet-ink);
  font:640 clamp(42px,5.4vw,78px)/.98 'Archivo','Noto Sans TC',sans-serif;
  font-stretch:87.5%;
  letter-spacing:-.05em;
}
.dci-wet-story__sequence-head p{
  max-width:54ch;
  margin:26px 0 0;
  color:var(--wet-muted);
  font:400 16px/1.8 'Noto Sans TC',sans-serif;
}
.dci-wet-story__sequence-grid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);
  gap:clamp(54px,6vw,96px);
  align-items:start;
}
.dci-wet-story__stage{
  position:sticky;
  top:74px;
  height:calc(100dvh - 74px);
  min-height:650px;
  margin:0;
  overflow:hidden;
  background:
    radial-gradient(circle at 58% 38%,rgba(255,255,255,.98),rgba(255,255,255,0) 44%),
    linear-gradient(145deg,#e6eef5,#f8fafc 76%);
  border-left:1px solid var(--wet-line);
}
.dci-wet-story__stage>[data-dci-wet-image]{
  position:absolute;
  inset:0 0 74px;
  width:100%;
  height:calc(100% - 74px);
  opacity:0;
  transform:translate3d(4%,0,0) scale(.985);
  transition:opacity .48s cubic-bezier(.2,.7,.2,1),transform .72s cubic-bezier(.2,.7,.2,1);
}
.dci-wet-story__stage>img[data-dci-wet-image]{
  padding:clamp(28px,4vw,64px);
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(0 30px 28px rgba(25,54,88,.12));
}
.dci-wet-story__stage>[data-dci-wet-image].is-active{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
}
.dci-wet-story__stage figcaption{
  position:absolute;
  inset:auto 0 0;
  min-height:74px;
}
.dci-wet-story__chapters{min-width:0}
.dci-wet-story__chapter{
  min-height:72svh;
  padding:clamp(72px,9vh,118px) 0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-top:1px solid var(--wet-line);
  opacity:1;
  transition:opacity .32s ease,color .32s ease;
}
.dci-wet-story__chapter:last-child{border-bottom:1px solid var(--wet-line)}
.dci-wet-story__chapter.is-active{opacity:1}
.dci-wet-story__chapter.is-active h3{color:var(--wet-accent)}
.dci-wet-story__meta{
  margin:0 0 20px;
  color:#0d6099;
  font:650 10px/1.35 'IBM Plex Mono',monospace;
  letter-spacing:.15em;
}
.dci-wet-story__chapter h3{
  margin:0;
  color:var(--wet-ink);
  font:650 clamp(42px,4.5vw,66px)/.95 'Archivo','Noto Sans TC',sans-serif;
  font-stretch:87.5%;
  letter-spacing:-.055em;
}
.dci-wet-story__chapter>p:not(.dci-wet-story__meta){
  max-width:38ch;
  margin:24px 0 0;
  color:var(--wet-muted);
  font:400 15px/1.82 'Noto Sans TC',sans-serif;
}
.dci-wet-story__cta,
.dci-wet-story__guide-link{
  width:max-content;
  min-height:44px;
  margin-top:34px;
  padding:11px 0 7px;
  display:inline-flex;
  align-items:center;
  gap:24px;
  border-bottom:1px solid rgba(38,55,199,.42);
  color:var(--wet-ink);
  font:620 14px/1.4 'Noto Sans TC',sans-serif;
  text-decoration:none;
  transition:color .22s ease,border-color .22s ease,transform .22s ease;
}
.dci-wet-story__cta:hover,
.dci-wet-story__cta:focus-visible,
.dci-wet-story__guide-link:hover,
.dci-wet-story__guide-link:focus-visible{
  color:var(--wet-accent);
  border-color:var(--wet-accent);
  transform:translateX(6px);
}
.dci-wet-story__mobile-media{display:none}
.dci-wet-story__guide{
  max-width:1344px;
  margin:0 auto clamp(110px,12vw,176px);
  padding:clamp(48px,6vw,82px) 0;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:48px;
  align-items:end;
  border-top:1px solid var(--wet-line);
  border-bottom:1px solid var(--wet-line);
}
.dci-wet-story__guide h2{
  margin:0;
  color:var(--wet-ink);
  font:640 clamp(34px,4vw,58px)/1 'Archivo','Noto Sans TC',sans-serif;
  font-stretch:87.5%;
  letter-spacing:-.045em;
}
.dci-wet-story__guide p{
  max-width:52ch;
  margin:20px 0 0;
  color:var(--wet-muted);
  font:400 15px/1.78 'Noto Sans TC',sans-serif;
}
.dci-wet-story__guide-link{margin:0}

@media(max-width:980px){
  .dci-wet-story__hero{grid-template-columns:minmax(330px,.85fr) minmax(0,1.15fr)}
  .dci-wet-story__hero-copy{padding-inline:36px}
  .dci-wet-story__sequence-grid{grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);gap:42px}
  .dci-wet-story__guide{margin-inline:32px}
}
@media(max-width:760px){
  .dci-wet-story__hero{
    min-height:0;
    padding-top:64px;
    display:flex;
    flex-direction:column;
    background:linear-gradient(180deg,#f7f9fc 0 48%,#e9f1f8 48.1% 100%);
  }
  .dci-wet-story__hero-copy{
    padding:44px 20px 42px;
  }
  .dci-wet-story__crumbs{margin-bottom:46px}
  .dci-wet-story__hero h1{
    max-width:8ch;
    font-size:clamp(45px,14.2vw,64px);
  }
  .dci-wet-story__lead{margin-top:24px;font-size:15px}
  .dci-wet-story__facts{margin-top:36px}
  .dci-wet-story__facts>div{padding-right:8px}
  .dci-wet-story__facts dt{font-size:10px}
  .dci-wet-story__facts dd{font-size:11px}
  .dci-wet-story__hero-media{
    height:470px;
    grid-template-rows:minmax(0,1fr) 62px;
    border-left:0;
    border-top:1px solid var(--wet-line);
  }
  .dci-wet-story__hero-media img{
    width:118%;
    max-height:none;
    transform:translateX(8%);
  }
  .dci-wet-story__hero-media figcaption,
  .dci-wet-story__stage figcaption{padding-inline:20px}
  .dci-wet-story__sequence{padding:92px 20px 104px}
  .dci-wet-story__sequence-head{margin-bottom:52px}
  .dci-wet-story__sequence-head h2{font-size:clamp(42px,13vw,58px)}
  .dci-wet-story__sequence-head p{font-size:15px}
  .dci-wet-story__sequence-grid{display:block}
  .dci-wet-story__stage{display:none}
  .dci-wet-story__chapter{
    min-height:0;
    padding:58px 0 66px;
    opacity:1;
  }
  .dci-wet-story__chapter:first-child{padding-top:0;border-top:0}
  .dci-wet-story__mobile-media{
    display:block;
    width:calc(100% + 40px);
    height:430px;
    margin:0 -20px 42px;
    overflow:hidden;
    background:
      radial-gradient(circle at 60% 36%,#fff,rgba(255,255,255,0) 46%),
      linear-gradient(145deg,#e7eff6,#f9fafc);
  }
  .dci-wet-story__mobile-media img{
    width:100%;
    height:100%;
    padding:22px 8px;
    object-fit:contain;
    filter:drop-shadow(0 24px 22px rgba(25,54,88,.12));
  }
  .dci-wet-story__chapter h3{font-size:48px}
  .dci-wet-story__chapter>p:not(.dci-wet-story__meta){font-size:15px}
  .dci-wet-story__guide{
    margin:0 20px 104px;
    padding:54px 0;
    display:block;
  }
  .dci-wet-story__guide h2{font-size:42px}
  .dci-wet-story__guide-link{margin-top:26px}
}
@media(max-width:420px){
  .dci-wet-story__hero-media{height:410px}
  .dci-wet-story__hero-media figcaption span{font-size:10px;letter-spacing:.08em}
  .dci-wet-story__hero-media figcaption strong{font-size:15px}
  .dci-wet-story__mobile-media{height:360px}
  .dci-wet-story__chapter h3{font-size:44px}
}
@media(prefers-reduced-motion:reduce){
  .dci-wet-story__stage>[data-dci-wet-image],
  .dci-wet-story__chapter,
  .dci-wet-story__cta,
  .dci-wet-story__guide-link{transition:none!important;transform:none!important}
}
nav[aria-label="麵包屑"] a{text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.22em}
[data-page="smart"] [data-i18n][data-en^="Addresses:"]{color:#46556f !important;font-size:11px !important}

/* Shared inner-page story system — one runtime template, twenty 5vw image slices. */
.dci-inner-story{
  position:relative;
  height:100svh;
  margin-top:-92px;
  background:transparent;
}
.dci-inner-story__sticky{
  position:sticky;
  z-index:50;
  top:0;
  width:100%;
  height:100svh;
  min-height:620px;
  overflow:hidden;
  isolation:isolate;
  background-color:transparent;
  color:#fff;
  pointer-events:auto;
}
.dci-inner-story__slices{
  position:absolute;
  z-index:-1;
  inset:0;
  overflow:hidden;
  pointer-events:none;
  background:transparent;
}
.dci-inner-story__slices::before{
  content:"";
  position:absolute;
  inset:-2%;
  background:
    linear-gradient(180deg,rgb(2 14 31 / .58) 0%,rgb(2 14 31 / .13) 38%,rgb(1 11 25 / .72) 100%),
    linear-gradient(90deg,rgb(1 13 30 / .48),transparent 52%,rgb(1 13 30 / .22)),
    var(--dci-inner-story-image) var(--dci-inner-story-position,50% 50%) / cover no-repeat;
  opacity:1;
  transform:scale(1.03);
  transform-origin:center;
  will-change:opacity,transform;
  transition:opacity 200ms cubic-bezier(.25,.1,.25,1);
}
.dci-inner-story__slice{
  position:absolute;
  top:0;
  right:0;
  left:0;
  height:100%;
  clip-path:inset(0 calc(95% - var(--dci-slice-x)) 0 var(--dci-slice-x));
  background:
    linear-gradient(180deg,rgb(2 14 31 / .48) 0%,rgb(2 14 31 / .05) 31%,rgb(2 14 31 / .1) 61%,rgb(1 11 25 / .64) 100%),
    linear-gradient(90deg,rgb(1 13 30 / .38),transparent 48%,rgb(1 13 30 / .16)),
    var(--dci-inner-story-image) var(--dci-inner-story-position,50% 50%) / cover no-repeat;
  transform:translate3d(0,0,0);
  transition:transform 500ms cubic-bezier(.25,.1,.25,1);
  transition-delay:var(--dci-slice-enter-delay,0ms);
  contain:paint;
  backface-visibility:hidden;
}
.dci-inner-story[data-inner-story-active="true"] .dci-inner-story__sticky{pointer-events:none}
.dci-inner-story[data-inner-story-active="true"] .dci-inner-story__slice{
  transform:translate3d(0,-100%,0);
  transition-delay:var(--dci-slice-exit-delay,0ms);
}
.dci-inner-story[data-inner-story-active="true"] .dci-inner-story__slices::before{opacity:0}
.dci-inner-story__crumbs{
  position:absolute;
  z-index:3;
  top:calc(92px + clamp(22px,3vw,42px));
  right:clamp(28px,4vw,64px);
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:9px;
  max-width:min(72vw,760px);
  color:rgb(255 255 255 / .76);
  font:500 12px/1.5 var(--dci-font-body);
  text-shadow:0 1px 12px rgb(0 11 29 / .35);
  transition:none;
  pointer-events:auto;
}
.dci-inner-story__crumbs a{color:#fff}
.dci-inner-story__crumb-separator{opacity:.58}
.dci-inner-story__title{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:clamp(14px,2vh,22px);
  padding:92px 28px 120px;
  will-change:opacity,transform;
  transition:none;
  pointer-events:none;
}
.dci-inner-story__note{
  max-width:min(82vw,58ch);
  margin:0;
  color:rgb(255 255 255 / .76);
  font:550 10px/1.55 var(--dci-font-label);
  letter-spacing:.11em;
  text-align:center;
  text-wrap:balance;
  text-shadow:0 1px 14px rgb(0 15 38 / .5);
}
.dci-inner-story__title h1{
  max-width:min(92vw,22ch);
  margin:0;
  color:#fff;
  font:300 clamp(48px,6.25vw,92px)/1.02 var(--dci-font-display);
  letter-spacing:-.045em;
  text-align:center;
  text-wrap:balance;
  text-shadow:0 2px 28px rgb(0 15 38 / .36);
}
html[lang="en"] .dci-inner-story__title h1{
  max-width:min(92vw,27ch);
  font-size:clamp(42px,5.2vw,76px);
  letter-spacing:.01em;
}
.dci-inner-story__discover{
  position:absolute;
  left:50%;
  bottom:clamp(26px,5vh,52px);
  display:grid;
  justify-items:center;
  gap:14px;
  color:rgb(255 255 255 / .9);
  font:600 11px/1.4 var(--dci-font-label);
  letter-spacing:.14em;
  transform:translateX(-50%);
  transition:none;
}
.dci-inner-story[data-inner-story-active="true"] .dci-inner-story__title{
  opacity:0;
  transform:translate3d(0,-800px,0);
  transition:opacity .2s cubic-bezier(.25,.1,.25,1),transform .2s cubic-bezier(.25,.1,.25,1);
}
.dci-inner-story[data-inner-story-active="true"] .dci-inner-story__crumbs,
.dci-inner-story[data-inner-story-active="true"] .dci-inner-story__discover{
  opacity:0;
  transition:opacity .2s cubic-bezier(.25,.1,.25,1);
}
.dci-inner-story[data-inner-story-active="true"] .dci-inner-story__crumbs{
  transform:translate3d(0,-800px,0);
  transition:opacity .2s cubic-bezier(.25,.1,.25,1),transform .2s cubic-bezier(.25,.1,.25,1);
}
.dci-inner-story__mouse{
  position:relative;
  width:27px;
  height:44px;
  border:2px solid currentColor;
  border-radius:999px;
}
.dci-inner-story__mouse i{
  position:absolute;
  left:50%;
  top:8px;
  width:3px;
  height:7px;
  border-radius:99px;
  background:currentColor;
  transform:translateX(-50%);
  animation:dci-contact-wheel 5s cubic-bezier(.25,.1,.25,1) infinite;
}
[data-inner-story-page="products"]{--dci-inner-story-position:50% 50%}
[data-inner-story-page="wet"]{--dci-inner-story-position:56% 50%}
[data-inner-story-page="detail"]{--dci-inner-story-position:50% 50%}
[data-inner-story-page="chemical"]{--dci-inner-story-position:50% 48%}
[data-inner-story-page="smart"]{--dci-inner-story-position:64% 50%}
[data-inner-story-page="ai"]{--dci-inner-story-position:54% 54%}
[data-inner-story-page="refurb"]{--dci-inner-story-position:60% 50%}
[data-inner-story-page="refurbDetail"]{--dci-inner-story-position:58% 50%}
[data-inner-story-page="services"]{--dci-inner-story-position:52% 58%}
[data-inner-story-page="serviceDetail"]{--dci-inner-story-position:50% 46%}
[data-inner-story-page="support"]{--dci-inner-story-position:50% 46%}
[data-inner-story-page="about"]{--dci-inner-story-position:56% 50%}
[data-inner-story-page="philosophy"]{--dci-inner-story-position:52% 50%}
[data-inner-story-page="certs"]{--dci-inner-story-position:50% 50%}

/* Original blue DCI mark with white company lettering over the dark story. */
header[data-nav][data-inner-story-nav-theme="dark"]{
  background:linear-gradient(180deg,rgb(2 16 36 / .78),rgb(2 16 36 / .22)) !important;
  border-bottom-color:rgb(255 255 255 / .12) !important;
  box-shadow:none !important;
  backdrop-filter:saturate(1.12) blur(14px) !important;
}
header[data-nav][data-inner-story-nav-theme="dark"] [data-navlogo]{filter:none !important}
header[data-nav][data-inner-story-nav-theme="dark"] [data-r="nav-full"] a,
header[data-nav][data-inner-story-nav-theme="dark"] [data-r="nav-full"] button{color:#fff !important}
header[data-nav][data-inner-story-nav-theme="dark"] [role="group"][aria-label="語言切換"]{border-color:rgb(255 255 255 / .42) !important}
header[data-nav][data-inner-story-nav-theme="dark"] [role="group"][aria-label="語言切換"] button{color:#fff !important}
header[data-nav][data-inner-story-nav-theme="dark"] [data-burger]{color:#fff !important;border-color:rgb(255 255 255 / .42) !important}

/* Suppress only the superseded intro copy; page-specific body content stays intact. */
[data-dci-inner-story-legacy]{display:none !important}
[data-dci-inner-story-content]{scroll-margin-top:92px}
[data-dci-inner-story-content="products"],
[data-dci-inner-story-content="about"]{padding-top:clamp(56px,6vw,84px) !important}
[data-dci-inner-story-content="products"]>.dci-products__hero-media,
[data-dci-inner-story-content="products"]>nav,
[data-dci-inner-story-content="products"]>div[lang="en"],
[data-dci-inner-story-content="products"]>h1,
[data-dci-inner-story-content="about"]>nav,
[data-dci-inner-story-content="about"]>div[lang="en"],
[data-dci-inner-story-content="about"]>h1{display:none !important}
[data-dci-inner-story-content="wet"]{
  min-height:0 !important;
  padding-top:clamp(56px,6vw,82px) !important;
}
[data-dci-inner-story-content="wet"] .dci-wet-story__crumbs,
[data-dci-inner-story-content="wet"] .dci-wet-story__eyebrow,
[data-dci-inner-story-content="wet"] h1{display:none !important}
[data-dci-inner-story-content="wet"] .dci-wet-story__lead{margin-top:0}
[data-dci-inner-story-content="detail"]{padding-top:clamp(60px,6vw,86px) !important}
[data-dci-inner-story-content="chemical"],
[data-dci-inner-story-content="smart"],
[data-dci-inner-story-content="ai"],
[data-dci-inner-story-content="refurb"],
[data-dci-inner-story-content="refurbDetail"],
[data-dci-inner-story-content="services"],
[data-dci-inner-story-content="serviceDetail"],
[data-dci-inner-story-content="support"]{padding-top:clamp(60px,6vw,86px) !important}
[data-dci-inner-story-content="philosophy"],
[data-dci-inner-story-content="certs"]{
  padding-top:clamp(68px,7vw,96px) !important;
}
[data-dci-inner-story-content="philosophy"]>nav,
[data-dci-inner-story-content="philosophy"]>div[lang="en"],
[data-dci-inner-story-content="philosophy"]>h1,
[data-dci-inner-story-content="certs"]>nav,
[data-dci-inner-story-content="certs"]>div[lang="en"],
[data-dci-inner-story-content="certs"]>h1,
[data-dci-inner-story-content="certs"]>img[aria-hidden="true"],
[data-dci-inner-story-content="support"]>nav,
[data-dci-inner-story-content="support"]>div[lang="en"],
[data-dci-inner-story-content="support"]>h1{display:none !important}

/* AI/CPS engineering evidence: real interfaces lead, specification lines provide hierarchy. */
.dci-ai-evidence{
  width:min(100%,1440px);
  margin:0 auto;
  padding:clamp(76px,7vw,112px) 48px calc(104px + env(safe-area-inset-bottom));
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:0 clamp(18px,2vw,28px);
  background:var(--dci-surface);
  color:var(--dci-ink);
}
.dci-ai-evidence__head{grid-column:1/6;margin:0 0 clamp(42px,5vw,72px)}
.dci-ai-evidence__index,.dci-ai-evidence__chapter-head>span{
  display:block;
  margin-bottom:20px;
  color:var(--dci-accent);
  font:650 10px/1.3 var(--dci-font-data);
  letter-spacing:.18em;
}
.dci-ai-evidence__head h2,.dci-ai-evidence__chapter-head h2{
  margin:0;
  font:520 clamp(38px,4.7vw,70px)/1.02 var(--dci-font-display);
  letter-spacing:-.045em;
  text-wrap:balance;
}
.dci-ai-evidence__head p{
  max-width:50ch;
  margin:28px 0 0;
  color:var(--dci-muted);
  font:420 16px/1.8 var(--dci-font-body);
}
.dci-ai-interface{
  min-width:0;
  margin:0;
  overflow:hidden;
  border:1px solid var(--dci-line-strong);
  background:#07121f;
}
.dci-ai-interface--digital-twin{grid-column:2/13}
.dci-ai-interface img{display:block;width:100%;height:auto;object-fit:contain;background:#07121f}
.dci-ai-interface__caption{
  position:static;
  min-height:48px;
  padding:14px 0 0;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  color:var(--dci-muted);
  background:var(--dci-surface);
  border-top:1px solid var(--dci-line);
  font:600 10px/1.5 var(--dci-font-data);
  letter-spacing:.09em;
}
.dci-ai-interface__caption span:first-child{color:var(--dci-accent)}
.dci-ai-evidence__ledger{
  grid-column:4/13;
  margin:clamp(42px,4vw,62px) 0 clamp(92px,8vw,132px);
}
.dci-ai-evidence__ledger>div{
  position:relative;
  min-height:82px;
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(16rem,1fr);
  align-items:center;
  gap:32px;
  border-top:1px solid var(--dci-line);
}
.dci-ai-evidence__ledger>div:last-child{border-bottom:1px solid var(--dci-line)}
.dci-ai-evidence__ledger dt{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;margin:0;font:560 clamp(17px,1.6vw,22px)/1.35 var(--dci-font-body)}
.dci-ai-evidence__ledger dt b{color:var(--dci-accent);font:650 10px/1 var(--dci-font-data);letter-spacing:.14em}
.dci-ai-evidence__ledger dd{margin:0;color:var(--dci-muted);font:550 11px/1.5 var(--dci-font-data);letter-spacing:.06em}
.dci-ai-evidence__chapter{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:0 clamp(18px,2vw,28px);
}
.dci-ai-evidence__chapter--monitoring{
  margin:0;
  padding:clamp(88px,8vw,126px) 0 clamp(76px,7vw,110px);
  color:#f5f8fc;
  background:var(--dci-navy);
  box-shadow:0 0 0 100vmax var(--dci-navy);
  clip-path:inset(0 -100vmax);
}
.dci-ai-evidence__chapter-head{grid-column:1/7;margin:0 0 clamp(44px,5vw,76px)}
.dci-ai-evidence__chapter--monitoring .dci-ai-evidence__chapter-head>span{color:#9de7ff}
.dci-ai-evidence__chapter-head h2{color:#f5f8fc}
.dci-ai-interface--monitoring{grid-column:1/13}
.dci-ai-evidence__chapter--monitoring .dci-ai-interface__caption{color:rgb(229 237 247 / .72);background:var(--dci-navy);border-color:rgb(255 255 255 / .22)}
.dci-ai-evidence__ledger--dark{grid-column:3/13;margin-bottom:clamp(48px,5vw,72px)}
.dci-ai-evidence__ledger--dark>div{border-color:rgb(255 255 255 / .22)}
.dci-ai-evidence__ledger--dark>div:last-child{border-color:rgb(255 255 255 / .22)}
.dci-ai-evidence__ledger--dark dd{color:rgb(229 237 247 / .65)}
.dci-ai-evidence__boundary{
  grid-column:7/13;
  margin:0;
  padding:22px 0 0;
  color:rgb(229 237 247 / .72);
  border-top:1px solid rgb(255 255 255 / .22);
  font:430 14px/1.8 var(--dci-font-body);
}
.dci-ai-evidence__actions{
  grid-column:1/13;
  margin-top:clamp(58px,6vw,90px);
  display:flex;
  align-items:stretch;
  border-top:1px solid var(--dci-line-strong);
  border-bottom:1px solid var(--dci-line-strong);
}
.dci-ai-evidence__action{
  min-height:64px;
  padding:15px 22px;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:44px;
  color:var(--dci-ink);
  border-right:1px solid var(--dci-line);
  border-radius:0 !important;
  font:620 13px/1.4 var(--dci-font-body);
  transition:color var(--dci-motion-state) var(--dci-ease-ui),background var(--dci-motion-state) var(--dci-ease-ui);
}
.dci-ai-evidence__action--primary{background:var(--dci-navy);color:#fff}
.dci-ai-evidence__action svg{width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--dci-motion-state) var(--dci-ease-scene)}
@media (hover:hover) and (pointer:fine){
  .dci-ai-evidence__action:hover{background:var(--dci-accent);color:#fff}
  .dci-ai-evidence__action:hover svg{transform:translateX(4px)}
  .dci-ai-evidence__action:last-child:hover svg{transform:translateX(-4px)}
}
.dci-ai-evidence__action:active{background:#0d6099;color:#fff}
.dci-ai-evidence__action:focus-visible{outline:3px solid #82dcff;outline-offset:3px}
[data-ai-reveal][data-ai-visible="pending"]{opacity:0}
.dci-ai-interface[data-ai-visible="pending"]{clip-path:inset(0 100% 0 0)}
[data-ai-reveal]{transition:opacity .65s var(--dci-ease-scene),clip-path .95s var(--dci-ease-scene)}
[data-ai-reveal][data-ai-visible="true"]{opacity:1;clip-path:inset(0)}
.dci-ai-evidence__ledger[data-ai-visible="pending"]>div{transform:scaleX(0);transform-origin:left center}
.dci-ai-evidence__ledger[data-ai-visible="true"]>div{transform:scaleX(1);transition:transform .72s var(--dci-ease-scene)}
.dci-ai-evidence__ledger[data-ai-visible="true"]>div:nth-child(2){transition-delay:.08s}
.dci-ai-evidence__ledger[data-ai-visible="true"]>div:nth-child(3){transition-delay:.16s}
@media (min-width:768px) and (max-width:1199px){
  .dci-ai-evidence{padding:76px clamp(32px,5vw,48px) calc(112px + env(safe-area-inset-bottom));grid-template-columns:repeat(8,minmax(0,1fr))}
  .dci-ai-evidence__head{grid-column:1/6}
  .dci-ai-interface--digital-twin{grid-column:1/9}
  .dci-ai-evidence__ledger{grid-column:2/9}
  .dci-ai-evidence__chapter{grid-template-columns:repeat(8,minmax(0,1fr))}
  .dci-ai-evidence__chapter-head{grid-column:1/6}
  .dci-ai-interface--monitoring{grid-column:1/9}
  .dci-ai-evidence__ledger--dark{grid-column:2/9}
  .dci-ai-evidence__boundary{grid-column:4/9}
  .dci-ai-evidence__actions{grid-column:1/9}
}
@media (max-width:767px){
  .dci-ai-evidence{padding:58px 20px calc(132px + env(safe-area-inset-bottom));display:block}
  .dci-ai-evidence__head{margin-bottom:38px}
  .dci-ai-evidence__head h2,.dci-ai-evidence__chapter-head h2{font-size:clamp(34px,10.5vw,48px)}
  .dci-ai-evidence__head p{margin-top:22px;font-size:14px;line-height:1.75}
  .dci-ai-interface{width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}
  .dci-ai-interface img{width:max(100%,760px);max-width:none}
  .dci-ai-interface__caption{position:sticky;left:0;width:100%;min-width:min(100%,calc(100vw - 40px));padding-top:12px;font-size:9px}
  .dci-ai-evidence__ledger{margin:36px 0 76px}
  .dci-ai-evidence__ledger>div{min-height:92px;grid-template-columns:1fr;gap:6px;padding:18px 0}
  .dci-ai-evidence__ledger dt{grid-template-columns:44px minmax(0,1fr);font-size:17px}
  .dci-ai-evidence__ledger dd{padding-left:44px}
  .dci-ai-evidence__chapter{display:block}
  .dci-ai-evidence__chapter--monitoring{padding:72px 0 68px}
  .dci-ai-evidence__chapter-head{margin-bottom:38px}
  .dci-ai-evidence__ledger--dark{margin-bottom:42px}
  .dci-ai-evidence__boundary{padding-top:18px;font-size:13px}
  .dci-ai-evidence__actions{margin-top:56px;display:grid;grid-template-columns:1fr}
  .dci-ai-evidence__action{width:100%;min-height:60px;border-right:0;border-bottom:1px solid var(--dci-line)}
  .dci-ai-evidence__action:last-child{border-bottom:0}
}

/* Product enquiry index: image-led, synchronized and keyboard-visible. */
.pw-intent{padding-bottom:0 !important}
.pw-engineering{padding-top:0 !important}
.pw-requirements{
  grid-template-columns:minmax(230px,.56fr) minmax(0,2.44fr) !important;
  column-gap:clamp(34px,4.2vw,72px) !important;
  padding-bottom:clamp(82px,7vw,110px) !important;
}
.pw-requirements__body{
  position:relative !important;
  min-width:0;
  min-height:clamp(520px,48vw,680px) !important;
  grid-template-columns:minmax(0,2fr) minmax(230px,.62fr) !important;
  grid-template-rows:1fr !important;
  gap:0 !important;
}
.pw-requirements__optic{
  grid-column:1 !important;
  grid-row:1 !important;
  min-width:0;
  min-height:clamp(520px,48vw,680px) !important;
}
.pw-requirements__material{
  opacity:1;
  filter:saturate(.92) contrast(1.04) brightness(.8) !important;
  transition:opacity 160ms ease,filter 160ms ease,transform 520ms var(--ease-instrument) !important;
}
.pw-requirements__material[data-requirement-media-state="leaving"],
.pw-requirements__material[data-requirement-media-state="entering"]{
  opacity:.12 !important;
  filter:blur(5px) saturate(.82) contrast(1.02) brightness(.68) !important;
}
.pw-requirements[data-requirement-image="0"] .pw-requirements__material{object-position:54% 50% !important;transform:scale(1.018) !important}
.pw-requirements[data-requirement-image="1"] .pw-requirements__material{object-position:50% 50% !important;transform:scale(1.032) !important}
.pw-requirements[data-requirement-image="2"] .pw-requirements__material{object-position:50% 48% !important;transform:scale(1.024) !important}
.pw-requirements[data-requirement-image="3"] .pw-requirements__material{object-position:52% 52% !important;transform:scale(1.036) !important}
.pw-requirements__tabs{
  grid-column:2 !important;
  grid-row:1 !important;
  display:grid !important;
  grid-template-rows:repeat(4,minmax(0,1fr)) !important;
  align-self:stretch;
  min-height:100%;
}
.pw-requirements__tabs button{min-height:0 !important}
.pw-requirements__tabs button:focus-visible{
  outline:2px solid #82dcff !important;
  outline-offset:-3px !important;
}
.pw-requirements__panels{
  position:absolute !important;
  z-index:4;
  grid-column:1 !important;
  grid-row:1 !important;
  left:clamp(26px,3vw,48px) !important;
  bottom:clamp(24px,3vw,44px) !important;
  width:min(calc((100% - 230px) * .72),610px) !important;
  min-height:0 !important;
  padding:20px 0 0 !important;
  border-top:1px solid rgb(130 220 255 / .8) !important;
  background:linear-gradient(90deg,rgb(5 23 51 / .86),rgb(5 23 51 / .62) 72%,transparent) !important;
  backdrop-filter:blur(2px);
}

@media(max-width:899px){
  .dci-inner-story{height:100svh;margin-top:-72px}
  .dci-inner-story__sticky{min-height:560px}
  .dci-inner-story__slice{background-position:center,center,var(--dci-inner-story-position,62% 50%)}
  .dci-inner-story__crumbs{top:94px;left:24px;right:auto;max-width:calc(100vw - 48px);font-size:11px}
  .dci-inner-story__title{padding:82px 22px 116px}
  .dci-inner-story__title h1{max-width:10ch;font-size:clamp(44px,13vw,64px)}
  html[lang="en"] .dci-inner-story__title h1{max-width:12ch;font-size:clamp(34px,9.7vw,52px);line-height:1.08}
  [data-dci-inner-story-content]{scroll-margin-top:72px}
  [data-dci-inner-story-content="products"],
  [data-dci-inner-story-content="about"],
  [data-dci-inner-story-content="philosophy"],
  [data-dci-inner-story-content="certs"],
  [data-dci-inner-story-content="detail"],
  [data-dci-inner-story-content="chemical"],
  [data-dci-inner-story-content="smart"],
  [data-dci-inner-story-content="ai"],
  [data-dci-inner-story-content="refurb"],
  [data-dci-inner-story-content="refurbDetail"],
  [data-dci-inner-story-content="services"],
  [data-dci-inner-story-content="serviceDetail"],
  [data-dci-inner-story-content="support"]{padding-top:54px !important}
  [data-dci-inner-story-content="wet"]{padding-top:48px !important}

  .pw-intent{padding-bottom:0 !important}
  .pw-engineering{padding-top:0 !important}
  .pw-requirements{
    grid-template-columns:1fr !important;
    padding-bottom:64px !important;
  }
  .pw-requirements__body{
    min-height:0 !important;
    grid-template-columns:1fr !important;
    grid-template-rows:auto auto auto !important;
  }
  .pw-requirements__optic{
    grid-column:1 !important;
    grid-row:1 !important;
    min-height:0 !important;
    aspect-ratio:4/3 !important;
  }
  .pw-requirements__tabs{
    grid-column:1 !important;
    grid-row:2 !important;
    min-height:0 !important;
    display:flex !important;
    flex-direction:row !important;
    justify-content:flex-start !important;
    overflow-x:auto !important;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    overscroll-behavior-inline:contain;
  }
  .pw-requirements__tabs::-webkit-scrollbar{display:none}
  .pw-requirements__tabs button{
    flex:0 0 min(78vw,310px) !important;
    min-height:76px !important;
    scroll-snap-align:start;
    border-right:1px solid rgb(255 255 255 / .15) !important;
    border-bottom:0 !important;
  }
  .pw-requirements__panels{
    position:relative !important;
    grid-column:1 !important;
    grid-row:3 !important;
    left:auto !important;
    bottom:auto !important;
    width:100% !important;
    padding:26px 0 0 !important;
    background:transparent !important;
    backdrop-filter:none;
  }
}

@media(prefers-reduced-motion:reduce){
  .dci-inner-story{height:100svh;margin-top:0}
  .dci-inner-story__sticky{position:relative;height:100svh;transform:none !important;transition:none !important}
  .dci-inner-story__slice{top:0 !important;transform:none !important;transition:none !important}
  .dci-inner-story__title,.dci-inner-story__crumbs,.dci-inner-story__discover{opacity:1 !important;transform:none !important;transition:none !important}
  .dci-inner-story__discover>span:first-child,.dci-inner-story__mouse,.dci-inner-story__mouse i{animation:none !important;transform:none !important}
  .pw-requirements__material{transition:none !important}
  [data-ai-reveal]{opacity:1 !important;clip-path:none !important;transition:none !important}
  .dci-ai-evidence__ledger>div{transform:none !important;transition:none !important}
}
html[data-dci-xp-motion="reduced"] .dci-inner-story{height:100svh;margin-top:0}
html[data-dci-xp-motion="reduced"] .dci-inner-story__sticky{position:relative;height:100svh;transform:none !important;transition:none !important}
html[data-dci-xp-motion="reduced"] .dci-inner-story__slice{top:0 !important;transform:none !important;transition:none !important}
html[data-dci-xp-motion="reduced"] .dci-inner-story__title,
html[data-dci-xp-motion="reduced"] .dci-inner-story__crumbs,
html[data-dci-xp-motion="reduced"] .dci-inner-story__discover{opacity:1 !important;transform:none !important;transition:none !important}
html[data-dci-xp-motion="reduced"] .dci-inner-story__discover>span:first-child,
html[data-dci-xp-motion="reduced"] .dci-inner-story__mouse,
html[data-dci-xp-motion="reduced"] .dci-inner-story__mouse i{animation:none !important;transform:none !important}
html[data-dci-xp-motion="reduced"] [data-ai-reveal]{opacity:1 !important;clip-path:none !important;transition:none !important}
html[data-dci-xp-motion="reduced"] .dci-ai-evidence__ledger>div{transform:none !important;transition:none !important}

/* Final responsive editorial pass: scroll-synced story, enquiry index and human service narrative. */
.pw-service-story{position:relative}
.pw-service-story__status{
  position:absolute;
  z-index:3;
  left:clamp(18px,2.2vw,32px);
  right:clamp(18px,2.2vw,32px);
  bottom:clamp(18px,2.2vw,30px);
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  gap:18px;
  align-items:center;
  padding:15px 18px;
  color:#f7fbff;
  background:linear-gradient(90deg,rgb(3 20 43 / .88),rgb(3 20 43 / .56));
  border-top:1px solid rgb(157 231 255 / .74);
  font:520 13px/1.5 var(--dci-font-body);
  backdrop-filter:blur(8px);
}
.pw-service-story__status>span:first-child{color:#9de7ff;font:650 10px/1 var(--dci-font-data);letter-spacing:.14em}
.pw-service-story .pw-engineering__services article{position:relative;transition:opacity 240ms ease,color 240ms ease}
.pw-service-story .pw-engineering__services article::after{
  content:"" !important;
  position:absolute;
  left:0;
  top:-1px;
  width:72px;
  height:2px;
  display:block !important;
  background:var(--dci-accent);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform 320ms var(--ease-instrument);
}
.pw-service-story .pw-engineering__services article[data-service-selected="false"]{opacity:.66}
.pw-service-story .pw-engineering__services article[data-service-selected="true"]::after{transform:scaleX(1)}
.pw-service-story[data-service-active="0"] .pw-service-story__visual img{object-position:46% 50%}
.pw-service-story[data-service-active="1"] .pw-service-story__visual img{object-position:66% 50%;transform:scale(1.014)}

@media(min-width:1200px){
  .pw-requirements{padding-bottom:clamp(58px,5vw,76px) !important}
  .pw-requirements__body{
    min-height:clamp(450px,34vw,520px) !important;
    grid-template-columns:minmax(0,2.7fr) minmax(230px,.78fr) !important;
  }
  .pw-requirements__optic{min-height:clamp(450px,34vw,520px) !important}
}

@media(min-width:769px) and (max-width:1199px){
  .pw-requirements{
    width:100% !important;
    min-height:0 !important;
    margin-top:68px !important;
    padding:70px clamp(26px,4vw,44px) 62px !important;
    grid-template-columns:minmax(190px,220px) minmax(0,1fr) !important;
    column-gap:clamp(28px,4vw,48px) !important;
    align-items:start !important;
    overflow:hidden !important;
  }
  .pw-requirements__head{grid-column:1;padding:4px 0 0 !important;align-self:start !important}
  .pw-requirements__head h3{max-width:7ch;font-size:clamp(42px,5.7vw,58px) !important}
  .pw-requirements__head p{max-width:23ch !important;margin-top:22px !important}
  .pw-requirements__cta{width:100%;margin-top:26px}
  .pw-requirements__body{
    grid-column:2 !important;
    min-width:0;
    min-height:0 !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    grid-template-rows:auto auto !important;
    align-content:start;
  }
  .pw-requirements__optic{
    grid-column:1 !important;
    grid-row:1 !important;
    min-height:0 !important;
    aspect-ratio:16/10 !important;
  }
  .pw-requirements__tabs{
    grid-column:1 !important;
    grid-row:2 !important;
    min-height:0 !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-template-rows:repeat(2,minmax(76px,auto)) !important;
  }
  .pw-requirements__tabs button{
    min-height:76px !important;
    padding:15px 17px !important;
    border-right:1px solid rgb(255 255 255 / .14) !important;
    border-bottom:1px solid rgb(255 255 255 / .14) !important;
  }
  .pw-requirements__tabs button:hover,.pw-requirements__tabs button:focus-visible,.pw-requirements__tabs button[aria-selected="true"]{padding-left:17px !important}
  .pw-requirements__panels{
    position:relative !important;
    grid-column:1 !important;
    grid-row:1 !important;
    align-self:end;
    left:auto !important;
    bottom:auto !important;
    width:auto !important;
    margin:0 clamp(20px,3vw,30px) clamp(18px,3vw,28px) !important;
    padding:16px 0 0 !important;
    background:linear-gradient(90deg,rgb(5 23 51 / .9),rgb(5 23 51 / .58) 80%,transparent) !important;
  }

  .pw-service{padding:82px 0 88px !important}
  .pw-service>.pw-shell{width:calc(100% - 64px) !important}
  .pw-engineering__service-head{
    max-width:none !important;
    margin:0 0 42px !important;
    display:grid !important;
    grid-template-columns:minmax(210px,.78fr) minmax(0,1.22fr) !important;
    gap:48px !important;
    align-items:end;
  }
  .pw-engineering__service-head .pw-copy{max-width:44ch !important;margin:0 !important}
  .pw-service-story{grid-template-columns:1fr !important;gap:0 !important;overflow:visible !important}
  .pw-service-story__visual{grid-column:1;grid-row:1;min-height:0;aspect-ratio:16/10}
  .pw-service-story__visual img{object-position:50% 50%}
  .pw-service-story .pw-engineering__services{
    grid-column:1;
    grid-row:2;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    border-top:0 !important;
  }
  .pw-service-story .pw-engineering__services article{
    min-height:290px !important;
    padding:34px 34px 34px 0 !important;
    border-top:1px solid var(--dci-line-strong) !important;
    border-bottom:0 !important;
  }
  .pw-service-story .pw-engineering__services article+article{
    padding-left:34px !important;
    border-left:1px solid var(--dci-line) !important;
  }
}

@media(max-width:768px){
  .pw-requirements{
    width:100% !important;
    margin-top:58px !important;
    padding:68px 20px 46px !important;
    grid-template-columns:1fr !important;
  }
  .pw-requirements__head{padding:0 0 36px !important}
  .pw-requirements__body{
    min-height:0 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-rows:auto auto auto !important;
  }
  .pw-requirements__optic{grid-column:1 !important;grid-row:1 !important;min-height:0 !important;aspect-ratio:16/10 !important}
  .pw-requirements__panels{
    position:relative !important;
    grid-column:1 !important;
    grid-row:2 !important;
    left:auto !important;
    bottom:auto !important;
    width:100% !important;
    margin:0 !important;
    padding:22px 0 25px !important;
    background:transparent !important;
    backdrop-filter:none;
  }
  .pw-requirements__tabs{
    grid-column:1 !important;
    grid-row:3 !important;
    min-height:0 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-rows:none !important;
    overflow:visible !important;
    scroll-snap-type:none !important;
  }
  .pw-requirements__tabs button{
    width:100%;
    min-height:66px !important;
    padding:13px 14px !important;
    border-right:0 !important;
    border-bottom:1px solid rgb(255 255 255 / .15) !important;
  }

  .pw-service{padding:68px 0 74px !important}
  .pw-engineering__service-head{margin-bottom:34px !important}
  .pw-service-story{grid-template-columns:1fr !important;gap:0 !important;overflow:visible !important}
  .pw-service-story__visual{grid-column:1;grid-row:1;min-height:0;aspect-ratio:3/2}
  .pw-service-story__visual img{object-position:50% 50% !important}
  .pw-service-story__status{left:12px;right:12px;bottom:12px;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:11px 12px;font-size:11px}
  .pw-service-story .pw-engineering__services{grid-column:1;grid-row:2;grid-template-columns:1fr !important}
  .pw-service-story .pw-engineering__services article{min-height:0 !important;padding:32px 4px 36px !important;border-top:1px solid var(--dci-line-strong) !important;border-bottom:0 !important}
  .pw-service-story .pw-engineering__services article+article{border-left:0 !important}
  .pw-service-story .pw-engineering__services a{margin-top:28px !important}
}

@media(prefers-reduced-motion:reduce){
  .pw-service-story__visual img,.pw-service-story .pw-engineering__services article,.pw-service-story .pw-engineering__services article::after{transition:none !important}
}
html[data-dci-xp-motion="reduced"] .pw-service-story__visual img,
html[data-dci-xp-motion="reduced"] .pw-service-story .pw-engineering__services article,
html[data-dci-xp-motion="reduced"] .pw-service-story .pw-engineering__services article::after{transition:none !important}

/* Full-motion stories mirror the reference threshold handoff: the overlay is
   fixed, while a short in-flow offset keeps the first content lead visible. */
html[data-dci-xp-motion="full"] .dci-contact-story,
html[data-dci-xp-motion="full"] .dci-inner-story{
  height:clamp(280px,36svh,340px);
}
html[data-dci-xp-motion="full"] :is(.dci-contact-story__sticky,.dci-inner-story__sticky){
  position:fixed;
  inset:0 0 auto;
  width:100%;
  height:100svh;
}
@media(max-width:899px){
  html[data-dci-xp-motion="full"] :is(.dci-contact-story,.dci-inner-story){margin-top:-72px}
}

/* The fixed transition above must not leak into the static fallback. */
@media(prefers-reduced-motion:reduce){
  .dci-contact-story{height:100vh;margin-top:0}
  .dci-contact-story__sticky{position:relative;height:100vh;transform:none !important;transition:none !important}
}
html[data-dci-xp-motion="reduced"] .dci-contact-story{height:100vh;margin-top:0}
html[data-dci-xp-motion="reduced"] .dci-contact-story__sticky{position:relative;height:100vh;transform:none !important;transition:none !important}
html[data-dci-xp-motion="reduced"] .dci-contact-story__discover>span:first-child,
html[data-dci-xp-motion="reduced"] .dci-contact-story__discover>span:last-child,
html[data-dci-xp-motion="reduced"] .dci-contact-story__discover>span:last-child::after{animation:none !important;transform:none !important}
@media(max-width:639px){
  html[data-dci-xp-motion="reduced"] .dci-contact-story{height:100vh}
}
@media(max-width:639px) and (prefers-reduced-motion:reduce){
  .dci-contact-story{height:100vh}
}

/* Short viewports must never let a legacy minimum height overlap the next section. */
@media(max-height:620px){
  :is(.dci-contact-story__sticky,.dci-inner-story__sticky){
    height:100svh;
    min-height:0;
  }
  :is(.dci-contact-story__title,.dci-inner-story__title){padding-block:72px 82px}
  :is(.dci-contact-story__title,.dci-inner-story__title) h1{font-size:clamp(34px,8.2vmin,54px)}
  :is(.dci-contact-story__discover,.dci-inner-story__discover){bottom:10px;gap:8px}
  :is(.dci-contact-story__mouse,.dci-inner-story__mouse){width:23px;height:36px}
}
@media(prefers-reduced-motion:reduce){
  .dci-contact-story__crumbs{opacity:1 !important;transform:none !important;transition:none !important}
  :is(.dci-contact-story__sticky,.dci-inner-story__sticky){min-height:0}
}
html[data-dci-xp-motion="reduced"] :is(.dci-contact-story__sticky,.dci-inner-story__sticky){min-height:0}
html[data-dci-xp-motion="reduced"] .dci-contact-story__crumbs{opacity:1 !important;transform:none !important;transition:none !important}

/* Service dossier — asymmetric industrial editorial layout.
   Content remains source-bound; the imagery is explicitly brand-context only. */
.dci-service-ledger,
.dci-service-brief{
  --dci-service-paper:#f2f5f7;
  --dci-service-ink:#071a34;
  --dci-service-copy:#4b5c70;
  --dci-service-line:rgb(7 26 52 / .18);
  --dci-service-signal:#0d6a9f;
  --dci-service-focus:#73d7ff;
  --dci-service-motion-fast:220ms;
  --dci-service-motion-scene:420ms;
  position:relative;
  color:var(--dci-service-ink);
  background:
    linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),rgb(7 26 52 / .032) 25%,transparent calc(25% + 1px),transparent calc(75% - 1px),rgb(7 26 52 / .032) 75%,transparent calc(75% + 1px)),
    var(--dci-service-paper) !important;
}
.dci-service-ledger > [data-r~="pad"]:first-child{
  width:min(calc(100% - 96px),1320px) !important;
  max-width:none !important;
  display:grid;
  grid-template-columns:minmax(0,7fr) minmax(300px,4fr);
  column-gap:clamp(48px,8vw,132px);
  align-items:end;
  margin-inline:auto !important;
  padding:clamp(88px,9vw,132px) 0 clamp(52px,6vw,84px) !important;
}
.dci-service-ledger > [data-r~="pad"]:first-child > nav{
  grid-column:1/-1;
  margin:0 0 clamp(54px,7vw,88px) !important;
}
.dci-service-ledger > [data-r~="pad"]:first-child > div{
  grid-column:1;
  margin:0 0 17px !important;
  color:var(--dci-service-signal) !important;
  font:650 10px/1.3 var(--dci-font-data) !important;
  letter-spacing:.18em !important;
}
.dci-service-ledger > [data-r~="pad"]:first-child > h2{
  grid-column:1;
  max-width:11ch !important;
  margin:0 !important;
  color:var(--dci-service-ink) !important;
  font:520 clamp(48px,6vw,84px)/.98 var(--dci-font-display) !important;
  letter-spacing:-.052em !important;
  text-wrap:balance;
}
.dci-service-ledger > [data-r~="pad"]:first-child > p{
  grid-column:2;
  margin:0 !important;
  padding:0 0 4px 24px;
  border-left:1px solid var(--dci-service-signal);
  color:var(--dci-service-copy) !important;
  font:420 15px/1.85 var(--dci-font-body) !important;
}
.dci-service-ledger > [data-r~="pad"]:nth-child(2){
  width:min(calc(100% - 96px),1320px) !important;
  max-width:none !important;
  margin-inline:auto !important;
  padding:0 0 clamp(104px,10vw,156px) !important;
}
.dci-service-ledger [data-r~="cols-2"]{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:0 !important;
  margin:0 0 clamp(68px,8vw,112px) !important;
  border-top:1px solid var(--dci-service-ink);
  border-bottom:1px solid var(--dci-service-ink);
}
.dci-service-ledger [data-r~="cols-2"] > a{
  position:relative;
  isolation:isolate;
  min-height:310px;
  display:grid !important;
  grid-template-columns:86px minmax(0,1fr) minmax(270px,32%);
  grid-template-rows:auto auto 1fr;
  column-gap:clamp(24px,4vw,58px);
  margin:0 !important;
  padding:0 !important;
  overflow:hidden;
  border:0 !important;
  border-radius:0 !important;
  color:var(--dci-service-ink);
  background:transparent !important;
  box-shadow:none !important;
  transition:
    background-color var(--dci-service-motion-fast) cubic-bezier(.16,1,.3,1),
    color var(--dci-service-motion-fast) cubic-bezier(.16,1,.3,1) !important;
}
.dci-service-ledger [data-r~="cols-2"] > a + a{border-top:1px solid var(--dci-service-line) !important}
.dci-service-ledger [data-r~="cols-2"] > a::before{
  content:"";
  grid-column:3;
  grid-row:1/4;
  min-height:310px;
  border-left:1px solid var(--dci-service-line);
  background-position:center;
  background-size:cover;
  filter:saturate(.72) contrast(1.05);
  transition:filter var(--dci-service-motion-scene) cubic-bezier(.16,1,.3,1);
}
.dci-service-ledger [data-r~="cols-2"] > a:first-child::before{background-image:url('generated/service-turnkey.webp')}
.dci-service-ledger [data-r~="cols-2"] > a:nth-child(2)::before{background-image:url('generated/service-site-safety.webp')}
.dci-service-ledger [data-r~="cols-2"] > a:hover{background:#fff !important}
.dci-service-ledger [data-r~="cols-2"] > a:hover::before{filter:saturate(.9) contrast(1.08)}
.dci-service-ledger [data-r~="cols-2"] > a > div:first-child{
  grid-column:1;
  grid-row:1/4;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  margin:0 !important;
  padding:42px 0;
  border-right:1px solid var(--dci-service-line);
}
.dci-service-ledger [data-r~="cols-2"] > a > div:first-child span{
  color:var(--dci-service-signal) !important;
  font:650 10px/1.3 var(--dci-font-data) !important;
  letter-spacing:.13em !important;
}
.dci-service-ledger [data-r~="cols-2"] > a > h2{
  grid-column:2;
  grid-row:1;
  max-width:18ch;
  margin:0 !important;
  padding-top:40px;
  color:var(--dci-service-ink) !important;
  font:520 clamp(27px,3vw,43px)/1.15 var(--dci-font-display) !important;
  letter-spacing:-.04em !important;
  transition:color var(--dci-service-motion-fast) cubic-bezier(.16,1,.3,1);
}
.dci-service-ledger [data-r~="cols-2"] > a:hover > h2{color:var(--dci-service-signal) !important}
.dci-service-ledger [data-r~="cols-2"] > a > div:nth-of-type(2){
  grid-column:2;
  grid-row:2;
  max-width:52ch;
  margin:17px 0 0 !important;
  color:var(--dci-service-copy) !important;
  font:420 14px/1.8 var(--dci-font-body) !important;
}
.dci-service-ledger [data-r~="cols-2"] > a > div:nth-of-type(3){
  grid-column:2;
  grid-row:3;
  align-self:end;
  display:flex !important;
  flex-flow:row wrap !important;
  gap:0 !important;
  margin:28px 0 38px !important;
}
.dci-service-ledger [data-r~="cols-2"] > a:first-child > div:nth-of-type(3) > span{
  display:block;
  margin:0 13px 0 0;
  padding:0 13px 0 0 !important;
  border-right:1px solid var(--dci-service-line);
  border-radius:0 !important;
  color:var(--dci-service-signal) !important;
  background:transparent !important;
  font:650 10px/1.4 var(--dci-font-data) !important;
  letter-spacing:.08em;
}
.dci-service-ledger [data-r~="cols-2"] > a:first-child > div:nth-of-type(3) > span:last-child{border-right:0}
.dci-service-ledger [data-r~="cols-2"] > a:nth-child(2) > div:nth-of-type(3){
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 22px !important;
}
.dci-service-ledger [data-r~="cols-2"] > a:nth-child(2) > div:nth-of-type(3) > div{
  min-height:40px;
  padding:10px 0 8px 16px;
  border-top:1px solid var(--dci-service-line);
  color:#304158 !important;
  font:520 11.5px/1.55 var(--dci-font-body) !important;
}
.dci-service-ledger [data-r~="cols-2"] > a:nth-child(2) > div:nth-of-type(3) > div::before{
  content:"";
  display:inline-block;
  width:5px;
  height:5px;
  margin:0 10px 1px -15px;
  background:var(--dci-service-signal);
}
.dci-service-ledger__visual-note{
  max-width:68ch;
  margin:-6px 0 42px !important;
  padding:12px 0 0 86px;
  border-top:1px solid var(--dci-service-line);
  color:var(--dci-service-muted);
  font:540 10.5px/1.55 var(--dci-font-data);
  letter-spacing:.08em;
}
.dci-service-ledger [data-r~="cols-3"]{
  display:grid !important;
  grid-template-columns:1.35fr 1fr 1fr !important;
  gap:0 !important;
  border-top:1px solid var(--dci-service-line);
  border-bottom:1px solid var(--dci-service-line);
}
.dci-service-ledger [data-r~="cols-3"] > *{
  min-height:218px;
  display:flex !important;
  flex-direction:column;
  align-items:flex-start;
  margin:0 !important;
  padding:30px 30px 32px !important;
  border:0 !important;
  border-left:1px solid var(--dci-service-line) !important;
  border-radius:0 !important;
  color:var(--dci-service-ink);
  background:transparent !important;
}
.dci-service-ledger [data-r~="cols-3"] > :first-child{border-left:0 !important}
.dci-service-ledger [data-r~="cols-3"] > *::before{
  display:block;
  margin-bottom:auto;
  color:var(--dci-service-signal);
  font:650 10px/1 var(--dci-font-data);
  letter-spacing:.12em;
}
.dci-service-ledger [data-r~="cols-3"] > :nth-child(1)::before{content:"01"}
.dci-service-ledger [data-r~="cols-3"] > :nth-child(2)::before{content:"02"}
.dci-service-ledger [data-r~="cols-3"] > :nth-child(3)::before{content:"03"}
.dci-service-ledger [data-r~="cols-3"] > * > div:first-child:empty{display:none !important}
.dci-service-ledger [data-r~="cols-3"] h2{
  margin:34px 0 8px !important;
  color:var(--dci-service-ink) !important;
  font:540 clamp(20px,2vw,28px)/1.25 var(--dci-font-display) !important;
  letter-spacing:-.025em;
}
.dci-service-ledger [data-r~="cols-3"] > a{
  transition:color var(--dci-service-motion-fast) cubic-bezier(.16,1,.3,1),background-color var(--dci-service-motion-fast) cubic-bezier(.16,1,.3,1);
}
.dci-service-ledger [data-r~="cols-3"] > a:hover{color:#fff;background:var(--dci-service-ink) !important}
.dci-service-ledger [data-r~="cols-3"] > a:hover :is(h2,div){color:#fff !important}
.dci-service-ledger :is(a,button):focus-visible,
.dci-service-brief :is(a,button):focus-visible{
  outline:3px solid var(--dci-service-focus) !important;
  outline-offset:4px;
}

/* Turnkey detail: a project brief, not a stack of generic feature cards. */
.dci-service-brief > [data-r~="pad"]:first-child{
  width:min(calc(100% - 96px),1320px) !important;
  max-width:none !important;
  display:grid;
  grid-template-columns:minmax(0,8fr) minmax(250px,3fr);
  margin-inline:auto !important;
  padding:clamp(88px,9vw,132px) 0 clamp(52px,6vw,78px) !important;
}
.dci-service-brief > [data-r~="pad"]:first-child > nav{grid-column:1/-1;margin:0 0 clamp(54px,7vw,88px) !important}
.dci-service-brief > [data-r~="pad"]:first-child > div{
  grid-column:1;
  margin:0 0 17px !important;
  color:var(--dci-service-signal) !important;
  font:650 10px/1.3 var(--dci-font-data) !important;
  letter-spacing:.17em !important;
}
.dci-service-brief > [data-r~="pad"]:first-child > h2{
  grid-column:1;
  max-width:13ch !important;
  margin:0 !important;
  color:var(--dci-service-ink) !important;
  font:520 clamp(46px,5.6vw,78px)/1 var(--dci-font-display) !important;
  letter-spacing:-.05em !important;
  text-wrap:balance;
}
.dci-service-brief > [data-r~="pad"]:nth-child(2){
  width:min(calc(100% - 96px),1320px) !important;
  max-width:none !important;
  margin-inline:auto !important;
  padding:0 0 clamp(104px,10vw,156px) !important;
}
.dci-service-brief [data-r~="split"]{
  display:grid !important;
  grid-template-columns:minmax(0,7fr) minmax(340px,5fr);
  gap:clamp(56px,8vw,124px) !important;
  align-items:start !important;
}
.dci-service-brief [data-r~="split"] > div:first-child > div[data-reveal]{
  display:block !important;
  margin:0 !important;
  padding:32px 0 34px !important;
  border-top:1px solid var(--dci-service-line) !important;
  opacity:1 !important;
  transform:none !important;
  transition:none !important;
}
.dci-service-brief [data-r~="split"] > div:first-child > div[data-reveal]:last-child{border-bottom:1px solid var(--dci-service-line) !important}
.dci-service-brief [data-r~="split"] > div:first-child > div[data-reveal] > div:first-child{
  display:grid !important;
  grid-template-columns:74px minmax(0,1fr);
  gap:0 !important;
  align-items:baseline !important;
  margin:0 0 14px !important;
}
.dci-service-brief [data-r~="split"] > div:first-child > div[data-reveal] > div:first-child > span{
  width:auto !important;
  height:auto !important;
  display:block !important;
  border:0 !important;
  border-radius:0 !important;
  color:var(--dci-service-signal) !important;
  background:transparent !important;
  font-size:0 !important;
}
.dci-service-brief [data-r~="split"] > div:first-child > div[data-reveal] > div:first-child > span::after{
  color:var(--dci-service-signal);
  font:650 10px/1 var(--dci-font-data);
  letter-spacing:.12em;
}
.dci-service-brief [data-r~="split"] > div:first-child > div[data-reveal]:nth-child(1) > div:first-child > span::after{content:"01"}
.dci-service-brief [data-r~="split"] > div:first-child > div[data-reveal]:nth-child(2) > div:first-child > span::after{content:"02"}
.dci-service-brief [data-r~="split"] > div:first-child > div[data-reveal]:nth-child(3) > div:first-child > span::after{content:"03"}
.dci-service-brief [data-r~="split"] > div:first-child > div[data-reveal]:nth-child(4) > div:first-child > span::after{content:"04"}
.dci-service-brief [data-r~="split"] > div:first-child > div[data-reveal] > div:first-child > div{
  color:var(--dci-service-ink) !important;
  font:540 clamp(21px,2.2vw,31px)/1.3 var(--dci-font-display) !important;
  letter-spacing:-.025em;
}
.dci-service-brief [data-r~="split"] > div:first-child > div[data-reveal] > div:nth-child(2){
  max-width:56ch !important;
  padding-left:74px !important;
  color:var(--dci-service-copy) !important;
  font:420 14px/1.85 var(--dci-font-body) !important;
}
.dci-service-brief__row-copy{
  max-width:56ch;
  padding-left:74px;
  color:var(--dci-service-copy);
  font:420 14px/1.85 var(--dci-font-body);
}
.dci-service-brief [data-r~="split"] > div:first-child > div[data-reveal]:nth-child(3) > div:nth-child(2){
  display:grid !important;
  gap:0 !important;
}
.dci-service-brief [data-r~="split"] > div:first-child > div[data-reveal]:nth-child(3) > div:nth-child(2) > div{
  min-height:44px;
  display:grid !important;
  grid-template-columns:18px 1fr;
  align-items:center !important;
  gap:0 !important;
  border-top:1px solid rgb(7 26 52 / .09);
  color:#304158 !important;
}
.dci-service-brief [data-r~="split"] > div:first-child > div[data-reveal]:nth-child(4) > div:nth-child(2) > div{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:0 !important;
}
.dci-service-brief [data-r~="split"] > div:first-child > div[data-reveal]:nth-child(4) span{
  margin:0 14px 8px 0;
  padding:0 14px 0 0 !important;
  border-right:1px solid var(--dci-service-line);
  border-radius:0 !important;
  color:var(--dci-service-signal) !important;
  background:transparent !important;
  font:650 10px/1.5 var(--dci-font-data) !important;
  letter-spacing:.07em;
}
.dci-service-brief [data-r~="sticky-off"]{
  position:sticky !important;
  top:112px !important;
}
.dci-service-brief [data-r~="sticky-off"] > div{
  position:relative;
  isolation:isolate;
  min-height:640px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  overflow:hidden;
  padding:clamp(38px,4.5vw,64px) !important;
  border:0 !important;
  border-radius:0 !important;
  color:#fff;
  background:
    linear-gradient(180deg,rgb(5 18 39 / .08),rgb(5 18 39 / .93) 78%),
    url('generated/service-turnkey.webp') center/cover no-repeat !important;
}
.dci-service-brief [data-r~="sticky-off"] > div::before{
  content:"";
  position:absolute;
  inset:24px;
  z-index:-1;
  border-top:1px solid rgb(255 255 255 / .32);
  border-bottom:1px solid rgb(255 255 255 / .18);
}
.dci-service-brief [data-r~="sticky-off"] > div > div:first-child{
  margin:0 0 16px !important;
  color:#99e4ff !important;
  font:650 10px/1.3 var(--dci-font-data) !important;
  letter-spacing:.14em !important;
}
.dci-service-brief [data-r~="sticky-off"] > div > div:nth-child(2){
  margin:0 0 13px !important;
  color:#fff !important;
  font:540 clamp(25px,2.8vw,38px)/1.2 var(--dci-font-display) !important;
  letter-spacing:-.03em;
}
.dci-service-brief [data-r~="sticky-off"] > div > div:nth-child(3){
  max-width:40ch;
  margin:0 0 25px !important;
  color:rgb(255 255 255 / .78) !important;
  font:420 13px/1.8 var(--dci-font-body) !important;
}
.dci-service-brief [data-r~="sticky-off"] a[data-ask]{
  width:min(100%,310px);
  min-height:56px;
  display:grid !important;
  grid-template-columns:1fr 56px;
  align-items:stretch !important;
  gap:0 !important;
  padding:0 !important;
  border:1px solid rgb(255 255 255 / .78) !important;
  border-radius:0 !important;
  color:#fff !important;
  background:rgb(5 18 39 / .36) !important;
  font:650 13px/1.4 var(--dci-font-body) !important;
  transform:none !important;
  transition:color var(--dci-service-motion-fast) cubic-bezier(.16,1,.3,1),background-color var(--dci-service-motion-fast) cubic-bezier(.16,1,.3,1) !important;
}
.dci-service-brief [data-r~="sticky-off"] a[data-ask] > span{display:flex;align-items:center;padding:14px 18px}
.dci-service-brief [data-r~="sticky-off"] a[data-ask] > svg{
  width:56px;
  height:100%;
  padding:17px;
  border-left:1px solid currentColor;
  fill:none;
  stroke:currentColor;
  stroke-width:1.5;
  transition:transform var(--dci-service-motion-fast) cubic-bezier(.16,1,.3,1);
}
.dci-service-brief [data-r~="sticky-off"] a[data-ask]:hover{color:var(--dci-service-ink) !important;background:#99e4ff !important}
.dci-service-brief [data-r~="sticky-off"] a[data-ask]:hover > svg{transform:translateX(2px)}
.dci-service-brief__visual-note{
  margin:18px 0 0 !important;
  color:rgb(255 255 255 / .62) !important;
  font:500 9px/1.5 var(--dci-font-data) !important;
  letter-spacing:.08em;
}

/* Product support: an inspection register with unequal editorial measures. */
[data-page="support"] .dci-support{
  color:#071a34;
  background:
    linear-gradient(90deg,transparent 0,transparent calc(33.333% - 1px),rgb(7 26 52 / .028) 33.333%,transparent calc(33.333% + 1px)),
    #f2f5f7;
}
[data-page="support"] .dci-support__shell{width:min(calc(100% - 96px),1320px)}
[data-page="support"] .dci-support__intro{
  grid-template-columns:minmax(0,8fr) minmax(280px,3fr);
  gap:clamp(48px,8vw,132px);
  border-bottom:1px solid rgb(7 26 52 / .18);
}
[data-page="support"] .dci-support__intro h2{
  font:520 clamp(48px,6.5vw,88px)/.98 var(--dci-font-display);
  letter-spacing:-.052em;
}
[data-page="support"] .dci-support__lede{border-left-color:#0d6a9f}
[data-page="support"] .dci-support__index{
  grid-template-columns:1.25fr .9fr 1.1fr 1fr;
  margin-left:clamp(0px,5.5vw,76px);
  border-top:0;
}
[data-page="support"] .dci-support__entry{
  position:relative;
  min-height:236px;
  padding:28px 24px 32px;
  transition:color 220ms cubic-bezier(.16,1,.3,1),background-color 220ms cubic-bezier(.16,1,.3,1);
}
[data-page="support"] .dci-support__entry::after{
  content:"";
  position:absolute;
  left:24px;
  right:24px;
  bottom:0;
  height:2px;
  background:#75d7ff;
  transform:scaleX(0);
  transform-origin:left;
  transition:transform 220ms cubic-bezier(.16,1,.3,1);
}
[data-page="support"] .dci-support__entry:is(:hover,[aria-expanded="true"])::after{transform:scaleX(1)}
[data-page="support"] .dci-support__entry svg{width:44px;height:44px;stroke-width:1.15}
[data-page="support"] .dci-support__entry > span:last-child{
  max-width:18ch;
  font:540 clamp(15px,1.45vw,19px)/1.48 var(--dci-font-body);
}
[data-page="support"] .dci-support__body{
  grid-template-columns:minmax(0,8fr) minmax(280px,3fr);
  gap:clamp(56px,9vw,144px);
}
[data-page="support"] .dci-support__faq-item button{
  transition:color 220ms cubic-bezier(.16,1,.3,1),background-color 220ms cubic-bezier(.16,1,.3,1);
}
[data-page="support"] .dci-support__faq-item button:hover{color:#0d6a9f;background:rgb(255 255 255 / .48)}
[data-page="support"] .dci-support__aside section{padding-left:20px;border-left:1px solid rgb(7 26 52 / .12)}
[data-page="support"] :is(a,button):focus-visible{
  outline:3px solid #0d6a9f;
  outline-offset:4px;
}

@media(max-width:999px){
  .dci-service-ledger > [data-r~="pad"]:first-child,
  .dci-service-brief > [data-r~="pad"]:first-child{
    width:calc(100% - 64px) !important;
    grid-template-columns:1fr;
  }
  .dci-service-ledger > [data-r~="pad"]:first-child > p{grid-column:1;margin-top:32px !important}
  .dci-service-ledger > [data-r~="pad"]:nth-child(2),
  .dci-service-brief > [data-r~="pad"]:nth-child(2){width:calc(100% - 64px) !important}
  .dci-service-ledger [data-r~="cols-2"] > a{
    grid-template-columns:72px minmax(0,1fr);
    grid-template-rows:auto auto auto auto;
    column-gap:28px;
  }
  .dci-service-ledger [data-r~="cols-2"] > a::before{
    grid-column:1/-1;
    grid-row:1;
    min-height:340px;
    border-left:0;
    border-bottom:1px solid var(--dci-service-line);
  }
  .dci-service-ledger [data-r~="cols-2"] > a > div:first-child{grid-column:1;grid-row:2/5;padding:30px 0}
  .dci-service-ledger [data-r~="cols-2"] > a > h2{grid-column:2;grid-row:2;padding-top:28px}
  .dci-service-ledger [data-r~="cols-2"] > a > div:nth-of-type(2){grid-column:2;grid-row:3}
  .dci-service-ledger [data-r~="cols-2"] > a > div:nth-of-type(3){grid-column:2;grid-row:4}
  .dci-service-ledger [data-r~="cols-3"]{grid-template-columns:1.2fr 1fr 1fr !important}
  .dci-service-brief [data-r~="split"]{grid-template-columns:1fr;gap:72px !important}
  .dci-service-brief [data-r~="sticky-off"]{position:relative !important;top:auto !important}
  .dci-service-brief [data-r~="sticky-off"] > div{min-height:560px}
  [data-page="support"] .dci-support__shell{width:calc(100% - 64px)}
  [data-page="support"] .dci-support__index{grid-template-columns:repeat(2,minmax(0,1fr));margin-left:0}
  [data-page="support"] .dci-support__body{grid-template-columns:1fr}
}

@media(max-width:639px){
  .dci-service-ledger > [data-r~="pad"]:first-child,
  .dci-service-ledger > [data-r~="pad"]:nth-child(2),
  .dci-service-brief > [data-r~="pad"]:first-child,
  .dci-service-brief > [data-r~="pad"]:nth-child(2){width:calc(100% - 40px) !important}
  .dci-service-ledger > [data-r~="pad"]:first-child,
  .dci-service-brief > [data-r~="pad"]:first-child{padding-top:78px !important}
  .dci-service-ledger > [data-r~="pad"]:first-child > h2,
  .dci-service-brief > [data-r~="pad"]:first-child > h2{font-size:clamp(40px,12vw,58px) !important}
  .dci-service-ledger [data-r~="cols-2"] > a{
    grid-template-columns:48px minmax(0,1fr);
    column-gap:18px;
  }
  .dci-service-ledger [data-r~="cols-2"] > a::before{min-height:240px}
  .dci-service-ledger [data-r~="cols-2"] > a > h2{font-size:25px !important}
  .dci-service-ledger [data-r~="cols-2"] > a > div:nth-of-type(3){margin-bottom:30px !important}
  .dci-service-ledger [data-r~="cols-2"] > a:nth-child(2) > div:nth-of-type(3){grid-template-columns:1fr}
  .dci-service-ledger__visual-note{margin-top:-4px !important;padding-left:0}
  .dci-service-ledger [data-r~="cols-3"]{grid-template-columns:1fr !important}
  .dci-service-ledger [data-r~="cols-3"] > *{min-height:176px;padding-inline:4px !important;border-left:0 !important;border-top:1px solid var(--dci-service-line) !important}
  .dci-service-ledger [data-r~="cols-3"] > :first-child{border-top:0 !important}
  .dci-service-brief [data-r~="split"] > div:first-child > div[data-reveal] > div:first-child{grid-template-columns:44px minmax(0,1fr)}
  .dci-service-brief [data-r~="split"] > div:first-child > div[data-reveal] > div:nth-child(2),
  .dci-service-brief__row-copy{padding-left:44px !important}
  .dci-service-brief [data-r~="sticky-off"] > div{min-height:520px;padding:34px 28px !important}
  [data-page="support"] .dci-support__shell{width:calc(100% - 40px)}
  [data-page="support"] .dci-support__index{grid-template-columns:1fr}
  [data-page="support"] .dci-support__entry{min-height:154px;padding-inline:4px}
  [data-page="support"] .dci-support__entry::after{left:0;right:0}
  [data-page="support"] .dci-support__aside section{padding-left:0;border-left:0}
}

@media(prefers-reduced-motion:reduce){
  .dci-service-ledger [data-r~="cols-2"] > a,
  .dci-service-ledger [data-r~="cols-2"] > a::before,
  .dci-service-ledger [data-r~="cols-3"] > a,
  .dci-service-brief [data-r~="sticky-off"] a[data-ask],
  .dci-service-brief [data-r~="sticky-off"] a[data-ask] > svg,
  [data-page="support"] .dci-support__entry,
  [data-page="support"] .dci-support__entry::after,
  [data-page="support"] .dci-support__faq-item button{transition:none !important}
}
html[data-dci-xp-motion="reduced"] .dci-service-ledger [data-r~="cols-2"] > a,
html[data-dci-xp-motion="reduced"] .dci-service-ledger [data-r~="cols-2"] > a::before,
html[data-dci-xp-motion="reduced"] .dci-service-ledger [data-r~="cols-3"] > a,
html[data-dci-xp-motion="reduced"] .dci-service-brief [data-r~="sticky-off"] a[data-ask],
html[data-dci-xp-motion="reduced"] .dci-service-brief [data-r~="sticky-off"] a[data-ask] > svg,
html[data-dci-xp-motion="reduced"] [data-page="support"] .dci-support__entry,
html[data-dci-xp-motion="reduced"] [data-page="support"] .dci-support__entry::after,
html[data-dci-xp-motion="reduced"] [data-page="support"] .dci-support__faq-item button{transition:none !important}


/* Technical enquiry workspace: precise B2B hierarchy without generic card styling. */
[data-page="contact"]{
  background:#eef2f5;
}
[data-page="contact"] #contact-form.dci-enquiry{
  width:min(calc(100% - 96px),1320px);
  max-width:none !important;
  display:grid !important;
  grid-template-columns:minmax(0,1.62fr) minmax(300px,.82fr);
  gap:clamp(52px,6vw,96px) !important;
  align-items:start !important;
  margin:0 auto !important;
  padding:clamp(76px,8vw,112px) 0 clamp(92px,9vw,128px) !important;
}
.dci-enquiry__form{
  min-width:0;
  margin:0;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.dci-enquiry__intro{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  column-gap:24px;
  margin:0 0 48px;
  padding:27px 0 34px;
  border-top:3px solid #071a34;
  border-bottom:1px solid rgb(7 26 52 / .18);
}
.dci-enquiry__eyebrow{
  grid-column:1;
  display:flex;
  gap:12px;
  align-items:center;
  margin:0 0 22px;
  color:#0d6a9f;
  font:650 10px/1.4 var(--dci-font-data);
  letter-spacing:.16em;
}
.dci-enquiry__eyebrow span:first-child{
  min-width:36px;
  padding-right:11px;
  border-right:1px solid rgb(13 106 159 / .35);
}
.dci-enquiry__intro h2{
  grid-column:1;
  max-width:16ch;
  margin:0;
  color:#071a34;
  font:520 clamp(34px,4vw,56px)/1.08 var(--dci-font-display);
  letter-spacing:-.04em;
}
.dci-enquiry__intro > p:not(.dci-enquiry__eyebrow){
  grid-column:1;
  max-width:54ch;
  margin:21px 0 0;
  color:#526174;
  font:420 14px/1.8 var(--dci-font-body);
}
.dci-enquiry__required{
  grid-column:2;
  grid-row:1;
  align-self:start;
  color:#5f6d7f;
  font:560 10px/1.5 var(--dci-font-data);
  letter-spacing:.06em;
}
.dci-enquiry__group{
  min-inline-size:0;
  margin:0;
  padding:31px 0 18px;
  border:0;
  border-top:1px solid rgb(7 26 52 / .22);
}
.dci-enquiry__group + .dci-enquiry__group{
  margin-top:18px;
}
.dci-enquiry__group legend{
  display:flex;
  gap:14px;
  align-items:center;
  padding:0 18px 0 0;
  color:#071a34;
  background:#eef2f5;
  font:650 11px/1.45 var(--dci-font-body);
  letter-spacing:.06em;
}
.dci-enquiry__group legend span:first-child{
  color:#0d6a9f;
  font:650 10px/1.4 var(--dci-font-data);
  letter-spacing:.12em;
}
.dci-enquiry__group [data-r="cols-2"]{
  gap:22px !important;
  margin-bottom:22px !important;
}
.dci-enquiry__group > div{
  margin-bottom:22px !important;
}
.dci-enquiry__group [data-r="cols-2"] > div > label,
.dci-enquiry__group > div > label{
  display:block !important;
  margin-bottom:9px !important;
  color:#32445a !important;
  font:620 12px/1.45 var(--dci-font-body) !important;
  letter-spacing:.035em !important;
}
.dci-enquiry__group :is(input:not([type="checkbox"]),select,textarea){
  width:100% !important;
  min-height:52px !important;
  padding-inline:14px !important;
  border:1px solid rgb(7 26 52 / .26) !important;
  border-radius:2px !important;
  color:#071a34 !important;
  background:#f9fbfc !important;
  box-shadow:none !important;
  font:440 14px/1.6 var(--dci-font-body) !important;
  transition:border-color 160ms ease,background-color 160ms ease,box-shadow 160ms ease;
}
.dci-enquiry__group textarea{
  min-height:166px !important;
  padding-block:14px !important;
}
.dci-enquiry__group :is(input:not([type="checkbox"]),select,textarea):hover{
  border-color:rgb(7 26 52 / .52) !important;
}
.dci-enquiry__group :is(input,select,textarea)[aria-invalid="true"]{
  border-color:#a92e29 !important;
  background:#fff8f6 !important;
}
[data-field-error]{
  display:none;
  margin-top:7px;
  color:#a92e29;
  font:560 12px/1.55 var(--dci-font-body);
}
[aria-invalid="true"] + [data-field-error],
[data-field-error][data-visible="true"]{
  display:block;
}
.dci-enquiry__body > [data-field-error="f-consent"]{
  margin:-1px 0 21px 31px;
}
.dci-enquiry__body > div:has(#f-consent){
  padding-top:8px;
  border-top:1px solid rgb(7 26 52 / .14);
}
#f-consent{
  width:21px !important;
  height:21px !important;
  border-radius:0 !important;
  accent-color:#0d6a9f !important;
}
.dci-enquiry__body label[for="f-consent"]{
  max-width:68ch;
  color:#4f5e70 !important;
  font:420 12.5px/1.7 var(--dci-font-body) !important;
}
.dci-enquiry__body label[for="f-consent"] a{
  color:#0d6a9f;
  text-decoration:underline;
  text-underline-offset:3px;
}
.dci-enquiry [data-formbanner]{
  border-radius:0 !important;
  padding:17px 19px !important;
  border-left-width:4px !important;
}
.dci-enquiry [data-askctx]{
  border-radius:0 !important;
  padding:18px 0 !important;
  border:0 !important;
  border-block:1px solid rgb(7 26 52 / .18) !important;
  background:transparent !important;
}
.dci-enquiry [data-askctximg]{
  border-radius:2px !important;
}
.dci-enquiry :is([data-askback],[data-askclear],[data-formagain]){
  border-radius:2px !important;
}
.dci-enquiry [data-submitbtn]{
  width:min(100%,360px);
  min-height:58px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 58px;
  align-items:stretch !important;
  gap:0 !important;
  margin-top:8px;
  padding:0 !important;
  border:1px solid #071a34 !important;
  border-radius:0 !important;
  color:#fff !important;
  background:#071a34 !important;
  box-shadow:none !important;
  font:650 13px/1.4 var(--dci-font-body) !important;
  transition:color 180ms ease,background-color 180ms ease !important;
}
.dci-enquiry [data-submitbtn] > span:first-child{
  display:flex;
  align-items:center;
  padding:0 19px;
}
.dci-enquiry__submit-mark{
  display:grid;
  place-items:center;
  border-left:1px solid rgb(255 255 255 / .44);
}
.dci-enquiry__submit-mark svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:1.5;
  transition:transform 180ms ease;
}
.dci-enquiry [data-submitbtn]:hover{
  color:#071a34 !important;
  background:#8adfff !important;
}
.dci-enquiry [data-submitbtn]:hover .dci-enquiry__submit-mark{
  border-left-color:rgb(7 26 52 / .26);
}
.dci-enquiry [data-submitbtn]:hover .dci-enquiry__submit-mark svg{
  transform:translateX(2px);
}
.dci-enquiry [data-submitbtn]:active{
  transform:translateY(1px);
}
.dci-enquiry [data-submitbtn]:disabled{
  cursor:wait !important;
  opacity:.62;
}
.dci-enquiry__directory{
  position:sticky;
  top:116px;
  width:100%;
  min-width:0;
  padding:0 0 0 32px;
  border-top:3px solid #0d6a9f !important;
  border-left:1px solid rgb(7 26 52 / .16);
  background:transparent;
}
.dci-enquiry__directory > div{
  padding:28px 0 !important;
  border-bottom-color:rgb(7 26 52 / .16) !important;
}
.dci-enquiry__directory > div:first-child{
  padding-top:26px !important;
}
.dci-enquiry__directory > div > span:first-child{
  color:#0d6a9f !important;
  font-size:10px !important;
}
.dci-enquiry__directory strong{
  margin-top:8px !important;
  color:#071a34 !important;
  font:560 clamp(18px,1.8vw,23px)/1.3 var(--dci-font-display) !important;
}
.dci-enquiry__directory address{
  color:#4f5e70 !important;
  font:420 13px/1.85 var(--dci-font-body) !important;
}
.dci-enquiry__directory address a{
  color:#0d6a9f !important;
}
[data-preview-notice]{
  margin:0 0 32px;
  padding:15px 18px;
  border-block:1px solid rgb(127 97 42 / .38);
  color:#654b1f;
  background:#fcf8ee;
  font:520 12.5px/1.7 var(--dci-font-body);
}
html[data-dci-xp-motion="full"] .dci-enquiry[data-dci-enquiry-ready="true"] :is(.dci-enquiry__group,.dci-enquiry__directory){
  opacity:0;
  transform:translate3d(0,16px,0);
}
html[data-dci-xp-motion="full"] .dci-enquiry[data-dci-enquiry-visible="true"] :is(.dci-enquiry__group,.dci-enquiry__directory){
  opacity:1;
  transform:translate3d(0,0,0);
  transition:opacity 420ms cubic-bezier(.16,1,.3,1),transform 420ms cubic-bezier(.16,1,.3,1);
}
html[data-dci-xp-motion="full"] .dci-enquiry[data-dci-enquiry-visible="true"] .dci-enquiry__group:nth-of-type(1){transition-delay:45ms}
html[data-dci-xp-motion="full"] .dci-enquiry[data-dci-enquiry-visible="true"] .dci-enquiry__group:nth-of-type(2){transition-delay:85ms}
html[data-dci-xp-motion="full"] .dci-enquiry[data-dci-enquiry-visible="true"] .dci-enquiry__group:nth-of-type(3){transition-delay:125ms}
html[data-dci-xp-motion="full"] .dci-enquiry[data-dci-enquiry-visible="true"] .dci-enquiry__directory{transition-delay:90ms}
@media(max-width:899px){
  [data-page="contact"] #contact-form.dci-enquiry{
    width:calc(100% - 48px);
    grid-template-columns:minmax(0,1fr);
    gap:62px !important;
    padding-block:68px 92px !important;
  }
  .dci-enquiry > :is(form,aside){
    width:100% !important;
    max-width:none !important;
  }
  .dci-enquiry__directory{
    position:relative;
    top:auto;
    padding-left:0;
    border-left:0;
  }
}
@media(max-width:639px){
  [data-page="contact"] #contact-form.dci-enquiry{
    width:calc(100% - 40px);
  }
  .dci-enquiry__intro{
    grid-template-columns:1fr;
    margin-bottom:40px;
  }
  .dci-enquiry__required{
    grid-column:1;
    grid-row:auto;
    margin-top:20px;
  }
  .dci-enquiry__group [data-r="cols-2"]{
    grid-template-columns:minmax(0,1fr) !important;
    gap:0 !important;
    margin-bottom:0 !important;
  }
  .dci-enquiry__group [data-r="cols-2"] > div,
  .dci-enquiry__group > div{
    width:100%;
    min-width:0;
    margin-bottom:20px !important;
  }
  .dci-enquiry [data-submitbtn]{
    width:100%;
  }
}
@media(prefers-reduced-motion:reduce){
  .dci-enquiry :is(input,select,textarea,[data-submitbtn],.dci-enquiry__submit-mark svg){
    transition:none !important;
  }
}
html[data-dci-xp-motion="reduced"] .dci-enquiry :is(input,select,textarea,[data-submitbtn],.dci-enquiry__submit-mark svg){
  transition:none !important;
}

/* Keyboard focus is immediate and visible on every contact control. */
[data-page="contact"] #contact-form :is(input,select,textarea,button,a[href]):focus-visible{
  outline:2px solid #fff !important;
  outline-offset:2px !important;
  box-shadow:0 0 0 4px #0f6fb0 !important;
}