/* =========================================================
   PRORITE WEBSITE ART DIRECTION IMPLEMENTATION — REV 5.4
   THEME: PRECISION INDUSTRIAL — LOCKED
   Source: Prorite_Website_Art_Direction_Master_Rev_5_3.pdf
   ========================================================= */

:root{
  --navy:#081426;
  --graphite:#101F32;
  --white:#EEF0EF;
  --paper:#F7F8F6; /* export/print only — never used as on-screen text background */
  --grey:#9AA6AF;
  --gold:#B28A35;
  --verified:#3D7A58;
  --hold:#8F5A26;
  --critical:#8E2E24;

  --bg:var(--white);
  --ink:var(--navy);
  --muted:#56636D;
  --line:#B8C0C5;
  --soft:#DDE2E4;
  --dark:var(--navy);
  --dark2:var(--graphite);
  --accent:var(--gold);
  --max:1320px;
  --gutter:clamp(24px,2.5vw,40px);
  --ease:cubic-bezier(.22,.61,.36,1);
  --motion:500ms;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--white);
  color:var(--ink);
  font-family:"Inter",ui-sans-serif,system-ui,sans-serif;
  line-height:1.55;
  letter-spacing:-.006em;
}
a{color:inherit}
a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{
  outline:2px solid var(--gold);outline-offset:4px
}
.wrap{width:min(var(--max),calc(100% - 2*var(--gutter)));margin:auto}
.skip{position:absolute;left:-9999px}
.skip:focus{left:16px;top:16px;background:var(--white);padding:10px;z-index:50}
header{
  position:sticky;top:0;z-index:20;
  background:rgba(8,20,38,.94);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(238,240,239,.18);
  color:var(--white);
}
.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.logo{
  text-decoration:none;font-family:"Inter",ui-sans-serif,system-ui,sans-serif;font-size:23px;
  font-weight:700;letter-spacing:.08em;color:var(--white)
}
.logo span{font-size:10px;vertical-align:top;margin-left:2px}
.links{display:flex;gap:20px;flex-wrap:wrap;justify-content:flex-end}
.links a{
  text-decoration:none;font-family:"Inter",sans-serif;font-size:11px;
  letter-spacing:.055em;color:#C6D0D5;transition:font-weight var(--motion) var(--ease),color var(--motion) var(--ease)
}
.links a:hover,.links a.active{color:var(--white)}
.links a.active{font-weight:700;border-bottom:0;padding-bottom:0}

.menu-toggle{display:none;background:none;border:0;padding:8px;width:42px;height:42px;cursor:pointer;color:var(--white)}
.menu-toggle span{display:block;height:2px;background:currentColor;margin:5px 0;width:24px}


/* REV 6.3 — information architecture: Solutions owns commercial routes */
.nav-dropdown{position:relative;display:flex;align-items:center}
.nav-dropdown-toggle{appearance:none;border:0;background:transparent;color:#C6D0D5;font-family:"Inter",sans-serif;font-size:11px;letter-spacing:.055em;padding:0;cursor:pointer}
.nav-dropdown-toggle span{font-size:9px;margin-left:4px}
.nav-dropdown-toggle:hover,.nav-dropdown:focus-within .nav-dropdown-toggle{color:var(--white)}
.nav-dropdown-menu{position:absolute;top:calc(100% + 14px);right:-10px;min-width:190px;padding:10px;background:rgba(8,20,38,.98);border:1px solid rgba(238,240,239,.16);box-shadow:0 18px 40px rgba(0,0,0,.25);display:none;flex-direction:column;gap:0}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu,.nav-dropdown-menu.open{display:flex}
.nav-dropdown-menu a{display:block!important;padding:10px 12px;color:#C6D0D5!important;font-size:10px!important;letter-spacing:.10em}
.nav-dropdown-menu a:hover,.nav-dropdown-menu a:focus{background:rgba(238,240,239,.07);color:#fff!important}
.nav-enquire{font-weight:700!important;color:#fff!important;margin-left:4px}
@media(max-width:599px){
 .links{gap:0}
 .links>a,.nav-dropdown{width:100%}
 .nav-dropdown{display:block}
 .nav-dropdown-toggle{width:100%;text-align:left;padding:8px 0;font-size:11px}
 .nav-dropdown-menu{position:static;min-width:0;padding:4px 0 4px 14px;border:0;border-left:1px solid rgba(238,240,239,.16);box-shadow:none;background:transparent}
 .nav-dropdown-menu.open{display:flex}
 .nav-dropdown-menu a{padding:8px 0!important}
 .nav-enquire{margin-left:0!important;padding-top:10px}
}

.eyebrow,.kicker,.techno,.productnum,.meta,small{
  font-family:"Inter",ui-sans-serif,system-ui,sans-serif;
  font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:var(--grey)
}
.kicker{font-size:9px;letter-spacing:.18em;padding-top:8px}
.sectionhead .kicker:before{content:"";display:block;width:28px;border-top:1px solid currentColor;margin-bottom:16px}
.flow{display:grid;grid-template-columns:1fr 32px 1fr 32px 1fr;align-items:stretch}.flow .node{border:1px solid var(--line);padding:30px;background:var(--white);min-height:150px}.flow .node h3{font-family:"Inter",ui-sans-serif,system-ui,sans-serif;font-size:28px;letter-spacing:-.035em;margin:10px 0 6px}.flow .node p{color:#4F5E67;margin:0}.flow .arrow{display:grid;place-items:center;color:var(--grey);font-family:"Inter",ui-sans-serif,system-ui,sans-serif;font-size:22px}
.stack{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.stack>div{background:var(--white);padding:25px 18px;min-height:150px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.stack b{display:block;font-family:"Inter",ui-sans-serif,system-ui,sans-serif;font-size:15px}.stack span{display:block;color:#4F5E67;font-size:12px;margin-top:9px}

h1,h2,h3,.hero h1,.sectionhead h2,.editorial .big,.product h3,.world h3,.tech h3,.proposition h3{
  font-family:"Inter",ui-sans-serif,system-ui,sans-serif
}
body,p,button,input,select,textarea{font-family:"Inter",sans-serif}

.hero{
  background:var(--navy);color:var(--white);
  min-height:640px;padding:132px 0 105px;
  display:flex;align-items:flex-end;border-bottom:1px solid rgba(238,240,239,.18);
  position:relative;overflow:hidden
}
.hero-image{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(8,20,38,.93) 0%,rgba(8,20,38,.72) 30%,rgba(8,20,38,.20) 58%,rgba(8,20,38,.06) 100%),url('assets/site-approved/home-hero-macro.webp');background-size:cover;background-position:center right;filter:saturate(.88) contrast(1.06);transform:scale(1.015)}
.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,20,38,.72) 0%,transparent 30%,transparent 70%,rgba(8,20,38,.28) 100%)}
.hero .wrap{position:relative;z-index:2}
.hero h1{
  font-size:clamp(52px,8vw,116px);line-height:.88;letter-spacing:-.07em;
  max-width:1120px;margin:24px 0;font-weight:700
}
.hero p{font-size:clamp(18px,2vw,26px);line-height:1.35;max-width:920px;color:#D3DBDF;margin:0}
.hero .eyebrow{color:#D0D8DC}
.rule{width:92px;border-top:2px solid var(--gold);margin:30px 0}
.hero-context{display:flex;align-items:center;gap:14px;margin-top:40px;font-family:"Inter",ui-sans-serif,system-ui,sans-serif;font-size:10px;letter-spacing:.16em;color:#D0D8DC}
.hero-context i{width:20px;height:1px;background:rgba(238,240,239,.45)}
.hero-side{position:absolute;right:max(24px,calc((100vw - var(--max))/2));top:50%;transform:translateY(-30%);z-index:2;border-left:2px solid var(--gold);padding-left:18px;display:flex;flex-direction:column;gap:7px;font-family:"Inter",ui-sans-serif,system-ui,sans-serif;font-size:9px;letter-spacing:.18em;color:#D0D8DC}

.section{padding:112px 0;border-bottom:1px solid var(--line);background:var(--white)}
.section.dark{background:var(--navy);color:var(--white);border-color:rgba(238,240,239,.18)}
.section.dark .lead,.section.dark .muted{color:#C7D0D5}
.sectionhead{
  display:grid;grid-template-columns:2fr 10fr;gap:var(--gutter);margin-bottom:62px
}
.sectionhead h2{
  font-size:clamp(34px,4.8vw,68px);line-height:.98;letter-spacing:-.055em;
  margin:0 0 18px;max-width:1000px;font-weight:600
}
.lead{font-size:19px;max-width:820px;color:#42515B;margin:0}
.statement{border-left:3px solid currentColor;padding:8px 0 8px 30px;max-width:1000px}
.statement p{font-size:clamp(27px,3.4vw,48px);line-height:1.1;letter-spacing:-.025em;margin:0}

.editorial{display:grid;grid-template-columns:5fr 7fr;gap:110px;align-items:start}
.editorial .big{font-size:clamp(32px,4vw,58px);line-height:1.02;letter-spacing:-.045em;margin:0;max-width:760px}

.grid,.grid.four,.worlds,.sequence,.techgrid,.application-list,.product-summary{
  background:transparent;border:0;gap:0
}
.grid{display:grid;grid-template-columns:repeat(12,1fr)}
.grid .card{grid-column:span 4;background:transparent;border-top:1px solid var(--line);padding:30px 28px 34px 0;min-height:190px}
.grid .card:nth-child(3n+2),.grid .card:nth-child(3n+3){border-left:1px solid var(--line);padding-left:28px}
.card b{font-size:11px;letter-spacing:.12em}
.card p{color:#4F5E67;margin-bottom:0}

.worlds{display:grid;grid-template-columns:repeat(12,1fr)}
.world{grid-column:span 3;background:transparent;border-top:1px solid var(--line);padding:30px 28px 34px 0;min-height:225px}
.world+.world{border-left:1px solid var(--line);padding-left:28px}
.world h3{font-size:27px;letter-spacing:-.03em;margin:14px 0 8px;font-weight:600}
.world p{color:#4F5E67}
.world small{display:block}

.sequence{display:grid;grid-template-columns:repeat(12,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.step{grid-column:span 3;background:transparent;border-top:0;padding:30px 28px 34px 0;min-height:170px}
.step+.step{border-left:1px solid var(--line);padding-left:28px}
.step .n{font-size:11px;color:var(--grey)}
.step b{display:block;font-size:14px;margin:11px 0 6px}.step span{font-size:13px;color:#4F5E67}

.techgrid{display:grid;grid-template-columns:repeat(12,1fr);border-top:1px solid var(--line)}
.tech{grid-column:span 6;background:transparent;min-height:180px;border-top:0;padding:30px 28px 34px 0}
.tech:nth-child(even){border-left:1px solid var(--line);padding-left:28px}
.tech h3{font-size:28px;letter-spacing:-.035em;margin:13px 0 8px;font-weight:600}
.tech p{color:#4F5E67;margin:0}
.tech.defined,.tech.pending{box-shadow:none}
.tech.defined:before{content:"DEFINED";font-family:"Inter",ui-sans-serif,system-ui,sans-serif;font-size:8px;letter-spacing:.16em;display:block;margin-bottom:12px;color:var(--grey)}
.tech.pending:before{content:"REGISTERED / DESCRIPTION PENDING";font-family:"Inter",ui-sans-serif,system-ui,sans-serif;font-size:8px;letter-spacing:.16em;display:block;margin-bottom:12px;color:var(--hold)}

.system-visual{display:grid;grid-template-columns:5fr 7fr;gap:48px;background:transparent;border:0}
.system-copy{background:var(--white);padding:36px 0}
.system-copy h3{font-family:"Inter",ui-sans-serif,system-ui,sans-serif;font-size:clamp(28px,3vw,46px);line-height:1;letter-spacing:-.04em;margin:12px 0}
.system-copy p{max-width:600px;color:#4F5E67}
.system-figure{min-height:430px;border:1px solid var(--line);background:#DCE1E3;position:relative;overflow:hidden}
.system-figure .surface{position:absolute;left:9%;right:9%;bottom:12%;height:36%;border-radius:3px 3px 50% 50%;background:#17202A;box-shadow:0 -55px 90px rgba(255,255,255,.22) inset}
.system-figure .liquid{position:absolute;left:38%;top:18%;width:24%;height:48%;border-radius:50% 50% 42% 42%;background:linear-gradient(115deg,rgba(255,255,255,.9),rgba(150,150,140,.08));transform:rotate(16deg);border:1px solid rgba(255,255,255,.5)}
.system-figure .label{position:absolute;left:13%;top:13%;font-family:"Inter",ui-sans-serif,system-ui,sans-serif;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#56636D}
.system-figure .arrowline{position:absolute;left:14%;right:14%;top:60%;border-top:1px solid rgba(255,255,255,.65)}
.system-figure .arrowline:after{content:"";position:absolute;right:0;top:-5px;border:5px solid transparent;border-left-color:#fff}

.productgrid{
  display:grid;grid-template-columns:repeat(12,1fr);
  background:transparent;border:0;gap:0;border-top:1px solid var(--line)
}
.product{
  grid-column:span 6;background:transparent;border-bottom:1px solid var(--line);
  padding:26px 28px 26px 0;min-height:300px;display:grid;
  grid-template-columns:150px 1fr;gap:28px;align-items:center;
  text-decoration:none;transition:background var(--motion) var(--ease)
}
.product:nth-child(even){border-left:1px solid var(--line);padding-left:28px}
.product:hover{background:rgba(8,20,38,.035)}
.product figure{margin:0;background:#DDE2E4;height:255px;display:grid;place-items:center;overflow:hidden}
.product figure img{width:100%;height:100%;object-fit:cover}
.product-copy{align-self:center}
.product h3{font-size:27px;letter-spacing:-.035em;margin:8px 0 6px;font-weight:600}
.product p{color:#4F5E67}
.product span{font-family:"Inter",ui-sans-serif,system-ui,sans-serif;font-size:9px;letter-spacing:.07em}
.productnum{float:right;color:var(--grey)}

.product-hero{padding-bottom:100px;background:var(--navy);color:var(--white)}
.product-hero .wrap{display:grid;grid-template-columns:7fr 5fr;gap:var(--gutter);align-items:end}
.product-hero .hero-copy h1{max-width:800px}
.product-hero .product-proposition{color:var(--white)}
.product-descriptor{color:#C7D0D5!important}
.product-hero .pack{justify-self:end;width:min(330px,100%);height:390px;background:#DDE2E4;border:1px solid rgba(238,240,239,.22);display:grid;place-items:center;padding:24px}
.product-hero .pack img{max-height:340px;max-width:100%;object-fit:contain}

.product-summary{display:grid;grid-template-columns:repeat(12,1fr);border-top:1px solid var(--line)}
.summary-cell{grid-column:span 3;background:var(--white);padding:30px 28px 30px 0;min-height:170px;border-bottom:1px solid var(--line)}
.summary-cell+.summary-cell{border-left:1px solid var(--line);padding-left:28px}
.summary-cell b{display:block;font-family:"Inter",ui-sans-serif,system-ui,sans-serif;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--grey);margin-bottom:12px}
.summary-cell strong{font-family:"Inter",ui-sans-serif,system-ui,sans-serif;font-size:18px;font-weight:600}

.application-list{display:grid;grid-template-columns:repeat(12,1fr);border-top:1px solid var(--line)}
.application-list>div,.application-list>article{grid-column:span 4;background:var(--white);padding:28px 28px 28px 0;min-height:130px;border-bottom:1px solid var(--line)}
.application-list>article:nth-child(3n+2),.application-list>article:nth-child(3n+3){border-left:1px solid var(--line);padding-left:28px}
.application-list b{font-family:"Inter",ui-sans-serif,system-ui,sans-serif;font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.application-list p{margin:8px 0 0;color:#4F5E67}

.product-process{display:grid;grid-template-columns:repeat(12,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.product-process div{grid-column:span 3;padding:24px 18px 24px 0;border-bottom:1px solid var(--line)}
.product-process div+div{border-left:1px solid var(--line);padding-left:18px}
.product-process b{font-family:"Inter",ui-sans-serif,system-ui,sans-serif;font-size:10px;letter-spacing:.1em}.product-process span{display:block;color:#4F5E67;margin-top:6px;font-size:13px}
.mechanism-visual{margin-top:48px;border-top:1px solid var(--line);padding-top:32px}.mechanism-visual img{width:100%;display:block;max-width:1100px;margin:auto}

.performance-grid{display:grid;grid-template-columns:repeat(12,1fr);border-top:1px solid var(--line)}
.performance-grid>div{grid-column:span 6;padding:26px 28px 30px 0;border-bottom:1px solid var(--line);min-height:120px}
.performance-grid>div:nth-child(even){border-left:1px solid var(--line);padding-left:28px}
.performance-grid b{display:block;font-family:"Inter",ui-sans-serif,system-ui,sans-serif;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.performance-grid span{display:block;margin-top:8px;color:#4F5E67;font-size:13px}

.usp-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}
.usp-strip span{border:1px solid rgba(238,240,239,.35);padding:7px 10px;font-family:"Inter",ui-sans-serif,system-ui,sans-serif;font-size:9px;letter-spacing:.1em;text-transform:uppercase}
.boundary-list{max-width:900px;padding-left:18px}.boundary-list li{margin:0 0 10px;color:#4F5E67}
.verify-box{display:flex;justify-content:space-between;gap:32px;align-items:end;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:36px 0}
.verify-box h2{margin:8px 0 10px;font-family:"Inter",ui-sans-serif,system-ui,sans-serif}.verify-box p{color:#4F5E67}
.cta{display:inline-block;text-decoration:none;border-bottom:1px solid currentColor;padding:10px 0;font-weight:600;transition:transform var(--motion) var(--ease)}
.cta:hover{transform:translateX(5px)}
.badge{display:inline-block;border:1px solid rgba(238,240,239,.35);padding:6px 9px;font-family:"Inter",ui-sans-serif,system-ui,sans-serif;font-size:9px;text-transform:uppercase;letter-spacing:.13em}

.matrix{width:100%;border-collapse:collapse;font-size:14px}.matrix th,.matrix td{text-align:left;padding:16px 14px;border-bottom:1px solid var(--line);vertical-align:top}.matrix th{font-family:"Inter",ui-sans-serif,system-ui,sans-serif;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--grey)}
.note{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;color:#4F5E67}
.notice{border:1px solid var(--line);padding:26px;max-width:900px;color:#4F5E67}
.compatibility-note{margin-top:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;display:flex;gap:18px;flex-wrap:wrap}
.compatibility-note b{font-family:"Inter",ui-sans-serif,system-ui,sans-serif;font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.compatibility-note span{color:#4F5E67;font-size:13px}
footer{background:var(--navy);border-top:1px solid rgba(238,240,239,.18);color:#C7D0D5}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:44px;padding:54px 0 42px}.footer-brand p{max-width:430px;margin:20px 0 18px;color:#AEB9C0;font-size:13px;line-height:1.7}.footer-brand strong{display:block;color:var(--white);font-family:"Inter",ui-sans-serif,system-ui,sans-serif;font-size:14px;letter-spacing:.02em}.footer-logo{color:var(--white);font-size:20px}.footer-nav,.footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.footer-label{margin-bottom:10px;color:var(--gold);font-family:"Inter",ui-sans-serif,system-ui,sans-serif;font-size:9px;text-transform:uppercase;letter-spacing:.14em}.footer-nav a,.footer-contact a{color:#C7D0D5;text-decoration:none;font-size:12px}.footer-nav a:hover,.footer-contact a:hover{color:var(--white)}.footer-contact p{margin:0;color:#AEB9C0;font-size:12px;line-height:1.55}.footer-contact a{margin-top:2px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-top:1px solid rgba(238,240,239,.12);font-family:"Inter",ui-sans-serif,system-ui,sans-serif;font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#8F9BA3}@media (max-width:1023px){.footer-grid{grid-template-columns:1.4fr 1fr;gap:40px}.footer-contact{grid-column:1/-1}}@media (max-width:599px){.footer-grid{grid-template-columns:1fr;gap:34px;padding:42px 0 32px}.footer-contact{grid-column:auto}.footer-bottom{flex-direction:column;gap:7px}}

/* Direction / capability index — explicit grid prevents inline label collisions */
.indexline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(238,240,239,.42);border-bottom:1px solid rgba(238,240,239,.42)}
.indexline>div{min-width:0;min-height:180px;padding:38px 28px 34px 0;color:var(--white)}
.indexline>div+div{border-left:1px solid rgba(238,240,239,.42);padding-left:28px}
.indexline b{display:block;font-family:"IBM Plex Mono",monospace;font-size:10px;line-height:1.3;letter-spacing:.1em;text-transform:uppercase;color:var(--white);margin-bottom:24px}
.indexline span{display:block;max-width:34ch;color:#6F7D87;font-size:15px;line-height:1.55}


.tag{display:inline-flex;align-items:center;gap:8px;font-family:"Inter",ui-sans-serif,system-ui,sans-serif;font-size:10px;text-transform:uppercase;letter-spacing:.12em}
.tag:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}

/* Semantic verification/status UI — only use when source evidence supports the status */
.status{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;color:#fff;font-family:"Inter",ui-sans-serif,system-ui,sans-serif;font-size:9px;letter-spacing:.1em;text-transform:uppercase}
.status.verified{background:var(--verified)}
.status.hold{background:var(--hold)}
.status.critical{background:var(--critical)}


/* Required page structures retained from the product/application system */
.manufacturing-flow{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.manufacturing-flow>div{padding:26px 20px 30px 0;min-height:145px;border-bottom:1px solid var(--line)}
.manufacturing-flow>div+div{border-left:1px solid var(--line);padding-left:20px}
.manufacturing-flow small{display:block;margin-bottom:28px}
.manufacturing-flow b{display:block;font-size:12px;letter-spacing:.1em}
.manufacturing-flow span{display:block;color:#4F5E67;font-size:12px;margin-top:7px}
.application-map{display:grid;grid-template-columns:repeat(12,1fr);border-top:1px solid var(--line)}
.application-map article{grid-column:span 4;min-height:205px;padding:28px 28px 32px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column}
.application-map article:nth-child(3n+2),.application-map article:nth-child(3n+3){border-left:1px solid var(--line);padding-left:28px}
.map-index{font-family:"Inter",ui-sans-serif,system-ui,sans-serif;font-size:10px;letter-spacing:.12em;margin-bottom:34px;color:var(--grey)}
.application-map h3{font-family:"Inter",ui-sans-serif,system-ui,sans-serif;font-size:27px;letter-spacing:-.03em;margin:0 0 10px;font-weight:600}
.application-map p{color:#4F5E67;max-width:34ch;margin:0 0 22px}
.map-products{margin-top:auto;display:flex;flex-wrap:wrap;gap:8px}
.map-products a{font-size:12px;letter-spacing:.04em;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:3px}
.process-board{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr}
.process-board>div{padding:22px 20px 22px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:150px 1fr;gap:20px}
.process-board>div:nth-child(even){border-left:1px solid var(--line);padding-left:20px}
.process-board b{font-family:"Inter",ui-sans-serif,system-ui,sans-serif;font-size:10px;letter-spacing:.06em}
.process-board span{font-size:12px;letter-spacing:.08em;color:#4F5E67}
.process-large{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.process-large>div{padding:1.15rem .8rem;min-height:86px}.process-large>div+div{border-left:1px solid var(--line)}
.process-large b{font-family:"Inter",ui-sans-serif,system-ui,sans-serif;font-size:10px;letter-spacing:.08em}.process-large span{display:block;margin-top:.45rem;font-size:12px;color:#4F5E67}
.product-nav{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);padding-top:1.4rem}.product-nav a{text-decoration:none}.product-nav small{display:block;color:var(--grey);text-transform:uppercase;letter-spacing:.1em;font-size:10px;margin-bottom:.35rem}

/* Export/print only: Paper is never an on-screen text background */
@media print{
  body{background:var(--white);color:#000}
  .print-paper{background:var(--paper)!important}
}

/* Motion: one curve, 400–600ms, reduced-motion ends directly */
@media (prefers-reduced-motion:no-preference){
  .hero h1,.sectionhead,.product,.mechanism-visual,.verify-box{animation:pi-reveal var(--motion) var(--ease) both}
  .sectionhead{animation-delay:80ms}
  .product{animation-delay:120ms}
}
@keyframes pi-reveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition:none!important;scroll-behavior:auto!important}
}

/* 3 locked breakpoints: mobile ≤599, tablet 600–1023, desktop-wide ≥1024 */
@media (max-width:1023px){
  :root{--gutter:24px}
  .sectionhead{grid-template-columns:1fr;gap:18px}
  .editorial{grid-template-columns:1fr;gap:60px}
  .world{grid-column:span 6}
  .world:nth-child(even){border-left:1px solid var(--line);padding-left:28px}
  .grid .card{grid-column:span 6}
  .grid .card:nth-child(3n+2),.grid .card:nth-child(3n+3){border-left:0;padding-left:0}
  .grid .card:nth-child(even){border-left:1px solid var(--line);padding-left:28px}
  .sequence .step{grid-column:span 6}
  .sequence .step:nth-child(even){border-left:1px solid var(--line);padding-left:28px}
  .tech{grid-column:span 6}
  .tech:nth-child(even){border-left:1px solid var(--line);padding-left:28px}
  .product{grid-column:span 6}
  .summary-cell{grid-column:span 6}
  .summary-cell:nth-child(odd){border-left:0;padding-left:0}
  .summary-cell:nth-child(even){border-left:1px solid var(--line);padding-left:28px}
  .application-list>div,.application-list>article{grid-column:span 6}
  .application-list>article:nth-child(3n+2),.application-list>article:nth-child(3n+3){border-left:0;padding-left:0}
  .application-list>article:nth-child(even){border-left:1px solid var(--line);padding-left:28px}
  .product-process div{grid-column:span 6}
  .product-process div:nth-child(odd){border-left:0;padding-left:0}
  .product-process div:nth-child(even){border-left:1px solid var(--line);padding-left:18px}
  .performance-grid>div{grid-column:span 6}
  .product-hero .wrap{grid-template-columns:1fr 1fr}
  .system-visual{grid-template-columns:1fr;gap:36px}
  .flow{grid-template-columns:1fr}
  .flow .arrow{min-height:36px}
  .stack{grid-template-columns:repeat(2,1fr)}
  .system-copy{padding:36px 0}
  .manufacturing-flow{grid-template-columns:repeat(3,1fr)}
  .application-map article{grid-column:span 6}
  .application-map article:nth-child(3n+2),.application-map article:nth-child(3n+3){border-left:0;padding-left:0}
  .application-map article:nth-child(even){border-left:1px solid var(--line);padding-left:28px}
  .process-board{grid-template-columns:1fr}
  .process-board>div{grid-template-columns:150px 1fr}
  .process-board>div:nth-child(even){border-left:0;padding-left:0}
  .process-board>div:nth-child(odd){border-right:1px solid var(--line)}
  .process-large{grid-template-columns:repeat(3,1fr)}
  .process-large>div:nth-child(4){border-left:0}
  .process-large>div:nth-child(n+4){border-top:1px solid var(--line)}
}

@media (max-width:599px){
  :root{--gutter:15px}
  .nav{min-height:68px}
  .menu-toggle{display:block;position:absolute;right:0;top:10px}
  .nav{position:relative}
  .links{display:none;flex-direction:column;gap:12px;padding:14px 0 8px;width:100%;align-items:flex-start}
  .links.open{display:flex}
  .links a{font-size:11px}
  .hero{min-height:540px;padding:88px 0 72px}
  .hero h1{font-size:54px}
  .hero p{font-size:18px}
  .hero{min-height:610px;padding:116px 0 84px}
  .hero-context{gap:10px;margin-top:32px}
  .hero-side{display:none}.hero-image{background-position:62% center}
  .section{padding:76px 0}
  .stack{grid-template-columns:1fr}

  .sectionhead{margin-bottom:42px}
  .grid .card,.world,.sequence .step,.tech{grid-column:span 12;border-left:0!important;padding:24px 0!important;min-height:0}
  .productgrid{grid-template-columns:1fr}
  .product{grid-column:span 12;border-left:0!important;padding:20px 0;min-height:260px;grid-template-columns:105px 1fr;gap:18px}
  .product figure{height:220px}
  .product h3{font-size:24px}
  .summary-cell,.application-list>div,.application-list>article,.performance-grid>div,.product-process div{grid-column:span 12;border-left:0!important;padding-left:0!important}
  .product-hero .wrap{grid-template-columns:1fr;gap:36px}
  .product-hero .pack{justify-self:start;width:min(290px,100%);height:320px}
  .product-hero .pack img{max-height:285px}
  .verify-box{flex-direction:column;align-items:flex-start}
  .product-nav{flex-direction:column}
  .foot{flex-direction:column;gap:8px}
  .process-large{grid-template-columns:1fr}
  .process-large>div+div{border-left:0;border-top:1px solid var(--line)}
  .application-map article,.application-map article:nth-child(even){grid-column:span 12;border-left:0;padding-left:0}
  .manufacturing-flow{grid-template-columns:1fr 1fr}
  .manufacturing-flow>div+div{border-left:0;padding-left:0}
  .process-board>div{grid-template-columns:1fr;gap:7px}
  .process-board>div:nth-child(odd){border-right:0}
}

/* Product-page visual system — deliberate image / pack hierarchy */
.product-hero{background:var(--navy);color:var(--white);position:relative;overflow:hidden;padding-bottom:0}
.product-hero .wrap{position:relative;z-index:2}
.product-hero .hero-copy{padding:92px 0 88px}
.product-hero .pack{background:#DDE2E4;border:1px solid rgba(238,240,239,.22);box-shadow:0 24px 70px rgba(0,0,0,.28);padding:24px;align-self:stretch;min-height:470px;display:grid;place-items:center;margin:0}
.product-hero .pack img{max-height:410px;width:auto;max-width:100%;object-fit:contain}
.product-hero .product-proposition{max-width:720px}
.product-hero .product-descriptor{max-width:520px}
.product-sku-rail{border-top:1px solid rgba(238,240,239,.22);display:grid;grid-template-columns:repeat(4,1fr);background:rgba(8,20,38,.96);position:relative;z-index:3}
.product-sku-rail .sku-cell{padding:22px 24px 24px;border-left:1px solid rgba(238,240,239,.16)}
.product-sku-rail .sku-cell:first-child{border-left:0}
.product-sku-rail b{display:block;font-family:"IBM Plex Mono",monospace;font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:#9AA6AF;margin-bottom:8px}
.product-sku-rail strong{font-family:"Inter",sans-serif;font-size:16px;font-weight:600;color:#EEF0EF}
.product-surface-stage{display:grid;grid-template-columns:1fr 1.35fr;min-height:390px;border-bottom:1px solid var(--line);background:#DDE2E4}
.product-surface-stage .surface-copy{padding:72px max(24px,calc((100vw - var(--max))/2)) 72px max(24px,calc((100vw - var(--max))/2));display:flex;flex-direction:column;justify-content:center}
.product-surface-stage .surface-copy .kicker{margin-bottom:14px}
.product-surface-stage .surface-copy h2{max-width:520px;margin:0 0 16px}
.product-surface-stage .surface-copy p{max-width:520px;color:#4F5E67}
.product-surface-stage figure{margin:0;min-height:390px;overflow:hidden}
.product-surface-stage img{width:100%;height:100%;display:block;object-fit:cover}
.figure-caption{max-width:1100px;margin:14px auto 0;font-family:"IBM Plex Mono",monospace;font-size:9px;line-height:1.5;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}



/* TYPOGRAPHY LOCK — Rev 5.2 / Rev 5.3 art direction */
.logo{font-family:"Inter",sans-serif;font-weight:700}
h1,h2,h3,.hero h1,.sectionhead h2,.editorial .big,.product h3,.world h3,.tech h3,.proposition h3{font-family:"Inter",sans-serif}
.hero h1{font-weight:700}
.sectionhead h2,.editorial .big,.product h3,.world h3,.tech h3,.proposition h3{font-weight:600}
.product span,.summary-cell b,.application-list b,.product-process b,.performance-grid b,.usp-strip span,.badge,.kicker,.eyebrow,.tag,.label,.footer-label{font-family:"IBM Plex Mono",monospace}

@media (max-width:1023px){
 .product-sku-rail{grid-template-columns:1fr 1fr}
 .product-sku-rail .sku-cell:nth-child(3){border-left:0;border-top:1px solid rgba(238,240,239,.16)}
 .product-sku-rail .sku-cell:nth-child(4){border-top:1px solid rgba(238,240,239,.16)}
 .product-surface-stage{grid-template-columns:1fr;min-height:0}
 .product-surface-stage .surface-copy{padding:56px 28px}
 .product-surface-stage figure{min-height:320px}
}
@media (max-width:599px){
 .product-hero .hero-copy{padding:64px 0 42px}
 .product-hero .pack{min-height:350px;padding:18px}
 .product-hero .pack img{max-height:315px}
 .product-sku-rail{grid-template-columns:1fr}
 .product-sku-rail .sku-cell,.product-sku-rail .sku-cell:nth-child(3),.product-sku-rail .sku-cell:nth-child(4){border-left:0;border-top:1px solid rgba(238,240,239,.16)}
 .product-sku-rail .sku-cell:first-child{border-top:0}
 .product-surface-stage .surface-copy{padding:44px 20px}
 .product-surface-stage figure{min-height:240px}
}


/* PRIME portfolio pages — four SKUs per page, large enough for product identity and SKU information */
.prime-portfolio-hero{min-height:560px;padding:128px 0 88px;display:flex;align-items:flex-end}
.prime-portfolio-hero .hero-context{margin-top:34px}
.prime-portfolio{background:#fff}
.prime-grid{display:grid;grid-template-columns:1fr;border-top:1px solid var(--line)}
.prime-card{display:grid;grid-template-columns:minmax(0,46%) minmax(0,54%);min-width:0;border-bottom:1px solid var(--line);padding:0}
.prime-card:nth-child(even){border-left:0;padding-left:0}
.prime-card-visual{margin:0;background:#DDE2E4;height:390px;min-height:390px;display:grid;place-items:center;overflow:hidden;border-right:1px solid var(--line)}
.prime-card-visual img{width:100%;height:100%;object-fit:cover;object-position:center}
.prime-card-body{padding:42px 0 42px 42px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.prime-card-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}
.prime-index,.prime-status{font-family:"IBM Plex Mono",monospace;font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:var(--grey)}
.prime-status{color:var(--gold)}
.prime-card h2{font-family:"Inter",sans-serif;font-size:clamp(32px,3.1vw,52px);line-height:.98;letter-spacing:-.045em;margin:0 0 10px;font-weight:600}
.prime-descriptor{font-size:16px;margin:0 0 14px;color:#42515B}
.prime-proposition{font-family:"IBM Plex Mono",monospace;font-size:10px;line-height:1.65;letter-spacing:.1em;text-transform:uppercase;margin:0 0 28px;color:#5D6972}
.prime-meta{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin-bottom:22px}
.prime-meta>div{padding:14px 14px 14px 0;border-bottom:1px solid var(--line)}
.prime-meta>div:nth-child(even){padding-left:14px;border-left:1px solid var(--line)}
.prime-meta small{display:block;font-family:"IBM Plex Mono",monospace;font-size:8px;letter-spacing:.12em;color:var(--grey);margin-bottom:6px}
.prime-meta strong{display:block;font-family:"Inter",sans-serif;font-size:13px;line-height:1.25;font-weight:600}
.prime-page-nav{display:flex;justify-content:space-between;gap:28px;border-top:1px solid var(--line);padding-top:24px;margin-top:48px}
.prime-page-link{text-decoration:none;font-family:"Inter",sans-serif;font-size:15px;font-weight:600}
.prime-page-link span{display:block;font-family:"IBM Plex Mono",monospace;font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:var(--grey);margin-top:6px}
@media(max-width:1023px){
 .indexline{grid-template-columns:1fr}
 .indexline>div{min-height:0;padding:26px 0}
 .indexline>div+div{border-left:0;border-top:1px solid rgba(238,240,239,.42);padding-left:0}
 .prime-card{grid-template-columns:minmax(0,44%) minmax(0,56%)}
 .prime-card-visual{height:340px;min-height:340px}
 .prime-card-body{padding:34px 0 34px 30px}
}
@media(max-width:599px){
 .prime-portfolio-hero{min-height:520px;padding:108px 0 70px}
 .prime-grid{grid-template-columns:1fr}
 .prime-card,.prime-card:nth-child(even){grid-template-columns:1fr;border-left:0;padding:0}
 .prime-card-visual{height:300px;min-height:300px;border-right:0;border-bottom:1px solid var(--line)}
 .prime-card-body{padding:24px 0 34px}
 .prime-card h2{font-size:38px}
 .prime-meta{grid-template-columns:1fr}
 .prime-meta>div,.prime-meta>div:nth-child(even){padding:13px 0;border-left:0}
 .prime-page-nav{flex-direction:column}
}

.prime-home-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.prime-home-card{min-height:560px;display:grid;grid-template-columns:1fr 1fr;align-items:stretch;padding:0 28px 0 0;border-bottom:1px solid var(--line);text-decoration:none}
.prime-home-card:nth-child(even){border-left:1px solid var(--line);padding-left:28px}
.prime-home-card figure{margin:0;background:#DDE2E4;min-height:560px;overflow:hidden}
.prime-home-card figure img{width:100%;height:100%;object-fit:cover}
.prime-home-card .product-copy{padding:38px 0 34px 28px;align-self:end}
.prime-home-card .productnum{float:none;display:block;margin-bottom:22px}
.prime-home-card h3{font-size:clamp(30px,3.2vw,46px)}
.prime-home-links{display:flex;gap:34px;flex-wrap:wrap;padding-top:28px}
.prime-page-cards{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.prime-page-cards a{display:flex;flex-direction:column;gap:12px;padding:32px 28px 36px 0;text-decoration:none;border-bottom:1px solid var(--line)}
.prime-page-cards a+a{border-left:1px solid var(--line);padding-left:28px}
.prime-page-cards span,.prime-page-cards small{font-family:"IBM Plex Mono",monospace;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--grey)}
.prime-page-cards strong{font-family:"Inter",sans-serif;font-size:32px;line-height:1.05;letter-spacing:-.035em}
.prime-page-cards em{font-style:normal;font-family:"IBM Plex Mono",monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-top:auto}
.prime-note{margin:18px 0 0;color:#5D6972;font-size:12px}
@media(max-width:1023px){.prime-home-card{min-height:470px}.prime-home-card figure{min-height:470px}.prime-home-card .product-copy{padding-left:20px}.prime-page-cards strong{font-size:27px}}
@media(max-width:599px){.prime-home-grid,.prime-page-cards{grid-template-columns:1fr}.prime-home-card,.prime-home-card:nth-child(even){grid-template-columns:105px 1fr;min-height:280px;border-left:0;padding:20px 0}.prime-home-card figure{min-height:240px}.prime-home-card .product-copy{padding:12px 0 12px 18px}.prime-home-card .productnum{margin-bottom:10px}.prime-home-card h3{font-size:28px}.prime-page-cards a,.prime-page-cards a+a{border-left:0;padding:26px 0}.prime-home-links{gap:18px}}

/* Contact enquiry form — production component */
.enquiry-section{padding-top:120px;padding-bottom:120px}
.enquiry-layout{grid-template-columns:5fr 7fr;gap:clamp(56px,8vw,120px)}
.enquiry-intro .big{max-width:620px}
.enquiry-lead{max-width:560px;margin:28px 0 0;color:#56636D;font-size:15px;line-height:1.7}
.enquiry-panel{border-top:1px solid var(--line);padding-top:18px}
.form-label{font-family:"IBM Plex Mono",monospace;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--grey);margin-bottom:26px}
.form{display:flex;flex-direction:column;gap:22px}
.form-grid{display:grid;gap:20px}
.form-grid.two{grid-template-columns:1fr 1fr}
.form label{display:flex;flex-direction:column;gap:8px;font-family:"IBM Plex Mono",monospace;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#56636D}
.form .required{color:var(--gold);margin-left:3px}
.form input,.form select,.form textarea{width:100%;border:1px solid #AEB7BC;border-radius:0;background:#F7F8F6;color:var(--navy);padding:14px 15px;font-family:"Inter",sans-serif;font-size:14px;line-height:1.4;letter-spacing:0;transition:border-color 180ms ease,box-shadow 180ms ease,background 180ms ease}
.form textarea{min-height:170px;resize:vertical}
.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--navy);background:#fff;outline:0;box-shadow:0 0 0 3px rgba(178,138,53,.14)}
.form input:invalid:not(:placeholder-shown),.form select:invalid,.form textarea:invalid:not(:placeholder-shown){border-color:#9A6B5D}
.form select{appearance:auto}
.form textarea::placeholder{color:#8A969E}
.form-actions{display:flex;align-items:flex-start;gap:24px;margin-top:2px}
.form-submit{appearance:none;border:0;border-bottom:1px solid var(--navy);background:transparent;color:var(--navy);padding:10px 0 9px;cursor:pointer;font-family:"Inter",sans-serif;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.form-submit span{display:inline-block;margin-left:12px;font-size:18px;transition:transform 180ms ease}
.form-submit:hover span{transform:translateX(5px)}
.formnote{margin:8px 0 0;color:#68757D;font-size:11px;line-height:1.6;max-width:500px}
.formnote a{color:inherit}
.form-feedback{min-width:0;max-width:560px}.form-status{margin:4px 0 0;font-size:15px;line-height:1.55;font-weight:500;min-height:0}.form-status.is-pending{color:#68757D}.form-status.is-success{color:#355E42;font-weight:600}.form-status.is-error{color:#8A3B32;font-weight:600}.form-submit:disabled{opacity:.55;cursor:wait}.form-submit:disabled span{transform:none}
@media(max-width:1023px){.enquiry-layout{grid-template-columns:1fr;gap:60px}.enquiry-intro .big{max-width:760px}}
@media(max-width:599px){.enquiry-section{padding-top:78px;padding-bottom:78px}.form-grid.two{grid-template-columns:1fr}.form-actions{flex-direction:column;gap:18px}.form-submit{align-self:flex-start}.form textarea{min-height:190px}}

/* REV 5.8 fixes — source-controlled proposition hierarchy and balanced interaction table */
.product-hero .product-proposition br{display:block}
.interaction-grid{grid-template-columns:repeat(12,1fr)}
.interaction-grid .card{grid-column:span 6;min-height:185px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.interaction-grid .card:nth-child(3n+2),.interaction-grid .card:nth-child(3n+3){border-left:0;padding-left:0}
.interaction-grid .card:nth-child(even){border-left:1px solid var(--line);padding-left:28px}
.product-surface-stage img{object-position:center 50%}
@media(max-width:1023px){.interaction-grid .card{grid-column:span 6}.interaction-grid .card:nth-child(even){border-left:1px solid var(--line);padding-left:28px}.interaction-grid .card:nth-child(odd){border-left:0;padding-left:0}}
@media(max-width:599px){.interaction-grid .card{grid-column:span 12;border-left:0!important;padding-left:0!important;min-height:0}.interaction-grid .card+ .card{border-top:0}}

/* REV 5.10 — PRIME SKU hero and procurement identity lock */
.product-hero{padding:0 0 0;background:var(--navy);color:var(--white);overflow:hidden}
.product-hero-grid{display:grid;grid-template-columns:minmax(0,0.92fr) minmax(0,1.08fr);gap:clamp(42px,6vw,96px);align-items:center;min-height:0}
.product-hero .hero-copy{padding:clamp(72px,8vw,120px) 0 clamp(64px,7vw,100px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.product-hero .hero-copy h1{max-width:100%;margin-bottom:20px}
.product-hero .product-proposition{max-width:620px;color:var(--white);font-size:clamp(25px,3vw,42px);line-height:1.1;letter-spacing:-.025em;margin:0 0 18px}
.product-hero .product-descriptor{max-width:520px;margin:0 0 16px;color:#EEF0EF;font-size:18px;line-height:1.45}
.product-hero-intro{max-width:570px;margin:0 0 28px;color:#AEB9C0;font-size:15px;line-height:1.7}
.product-hero-cta{color:#EEF0EF;border-color:#EEF0EF}
.hero-visual{margin:0;width:100%;aspect-ratio:1200 / 546;display:flex;align-items:stretch;overflow:hidden;background:#101B28;border-left:1px solid rgba(238,240,239,.16);align-self:center}
.hero-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:none}
.product-sku-line{display:flex;align-items:baseline;gap:16px;padding:18px 0 20px;border-top:1px solid rgba(238,240,239,.2);color:#9FAAB2}
.product-sku-line span{font-family:"IBM Plex Mono",monospace;font-size:9px;letter-spacing:.16em;text-transform:uppercase}
.product-sku-line strong{font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.08em;color:#EEF0EF}
.product-sku-rail{display:none!important}
.form label{display:flex;flex-direction:column;gap:8px}
.form .field-label{display:block;min-height:14px;line-height:1.3}
.form .required{display:inline;color:var(--gold);margin-left:4px}
@media(max-width:1023px){.product-hero-grid{grid-template-columns:1fr;gap:0}.product-hero .hero-copy{padding-bottom:56px}.hero-visual{aspect-ratio:1200 / 546;border-left:0;border-top:1px solid rgba(238,240,239,.16)}.product-sku-line{padding-left:0;padding-right:0}}
@media(max-width:599px){.product-hero .hero-copy{padding:58px 0 44px}.product-hero .product-proposition{font-size:26px}.product-hero-intro{font-size:14px}.hero-visual{aspect-ratio:1200 / 546}.product-sku-line{gap:12px;padding:14px 0 16px}}

/* PRIME SKU HERO RESPONSIVE LOCK — Rev 5.11
   Desktop: sales story + hero visual. Mobile: single-column, no horizontal overflow. */
html, body { max-width:100%; overflow-x:hidden; }
.product-hero-grid { width:100%; max-width:var(--max); box-sizing:border-box; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(32px,5vw,72px); align-items:stretch; }
.product-hero .hero-copy { min-width:0; width:100%; box-sizing:border-box; padding:clamp(64px,8vw,112px) 0 clamp(56px,7vw,88px); }
.product-hero .hero-copy h1 { font-size:clamp(52px,6vw,96px); line-height:.94; overflow-wrap:break-word; }
.product-hero .product-proposition { max-width:620px; font-size:clamp(25px,3vw,42px); line-height:1.08; }
.product-hero .product-descriptor { max-width:560px; margin-bottom:12px; }
.product-technology { margin:0 0 22px; max-width:620px; color:#F1C40F; font-family:"IBM Plex Mono",monospace; font-size:12px; line-height:1.5; letter-spacing:.10em; text-transform:uppercase; }
.product-hero-intro { max-width:590px; }
.hero-visual { min-width:0; width:100%; height:auto; aspect-ratio:4/3; align-self:stretch; overflow:hidden; border-left:1px solid rgba(238,240,239,.16); }
.hero-visual img { width:100%; height:100%; max-width:100%; object-fit:cover; object-position:center; }
.product-sku-line { max-width:var(--max); width:100%; box-sizing:border-box; }
@media (max-width:1023px){
  .product-hero-grid { grid-template-columns:1fr; gap:0; }
  .product-hero .hero-copy { padding-bottom:52px; }
  .hero-visual { border-left:0; border-top:1px solid rgba(238,240,239,.16); aspect-ratio:16/9; }
}
@media (max-width:599px){
  :root { --gutter:20px; }
  .product-hero-grid { width:100%; padding-left:var(--gutter); padding-right:var(--gutter); }
  .product-hero .hero-copy { padding:52px 0 36px; }
  .product-hero .hero-copy h1 { font-size:clamp(42px,12vw,58px); line-height:.95; margin-bottom:18px; }
  .product-hero .product-proposition { font-size:26px; line-height:1.08; margin-bottom:16px; }
  .product-hero .product-descriptor { font-size:17px; line-height:1.4; }
  .product-technology { font-size:10px; letter-spacing:.08em; margin-bottom:18px; }
  .product-hero-intro { font-size:14px; line-height:1.65; }
  .hero-visual { width:100%; aspect-ratio:4/3; border-left:0; }
  .product-sku-line { padding-left:var(--gutter); padding-right:var(--gutter); }
}


/* REV 5.12 — PRIME SKU identity hierarchy and mobile title control */
.product-hero .hero-copy h1{display:block;max-width:100%;white-space:nowrap;overflow:visible;overflow-wrap:normal;word-break:normal;}
.product-hero .trademark{font-size:.36em;line-height:0;vertical-align:super;letter-spacing:0;margin-left:.08em;position:relative;top:-.05em;}
.product-sku-inline{display:flex;align-items:baseline;gap:12px;margin:0 0 22px;color:#9FAAB2;font-family:"IBM Plex Mono",monospace;}
.product-sku-inline span{font-size:9px;letter-spacing:.16em;text-transform:uppercase;}
.product-sku-inline strong{font-size:12px;letter-spacing:.08em;color:#EEF0EF;font-weight:600;}
.product-hero .product-descriptor{margin-bottom:12px;}
.product-hero .product-technology{margin:0 0 20px;}
.product-hero-intro{margin-top:0;}
@media(max-width:599px){
  .product-hero .hero-copy h1{font-size:clamp(40px,11vw,54px);white-space:nowrap;line-height:.95;letter-spacing:-.035em;}
  .product-hero .trademark{font-size:.34em;margin-left:.06em;}
  .product-sku-inline{gap:10px;margin-bottom:20px;}
  .product-sku-inline strong{font-size:11px;}
}

/* REV 5.13 — PRIME proposition hierarchy lock: SKU → proposition → descriptor → technology */
.proposition-product{
  margin:0 0 12px;
  color:#EEF0EF;
  font-family:"Inter",sans-serif;
  font-size:clamp(28px,3vw,42px);
  line-height:1.05;
  font-weight:600;
  letter-spacing:-.025em;
}
.proposition-product .trademark{font-size:.34em;vertical-align:super;line-height:0;margin-left:.08em}
.proposition h3{margin:0 0 14px;}
.proposition-descriptor{
  margin:0 0 10px;
  color:#C7D0D5;
  font-size:clamp(17px,1.6vw,22px);
  line-height:1.4;
}
.proposition-technology{
  margin:0;
  color:#F1C40F;
  font-family:"IBM Plex Mono",monospace;
  font-size:12px;
  line-height:1.5;
  letter-spacing:.10em;
  text-transform:uppercase;
}
@media(max-width:599px){
  .proposition-product{font-size:28px;margin-bottom:10px;}
  .proposition h3{font-size:26px;line-height:1.08;margin-bottom:14px;}
  .proposition-descriptor{font-size:17px;line-height:1.4;margin-bottom:10px;}
  .proposition-technology{font-size:10px;letter-spacing:.08em;}
}

/* BLACKRESET™ cinematic technology master — Rev 5.15 */
.technology-cinematic-section{background:#07111e;color:#EEF0EF;border-top:1px solid rgba(238,240,239,.12);border-bottom:1px solid rgba(238,240,239,.12)}
.technology-cinematic-section .sectionhead{border-color:rgba(238,240,239,.16)}
.technology-cinematic-section .sectionhead h2{color:#EEF0EF}
.technology-cinematic-section .lead{color:#AEB9C0}
.technology-master-visual{margin:42px 0 0;border:1px solid rgba(238,240,239,.16);background:#03080f;box-shadow:0 28px 80px rgba(0,0,0,.32);overflow:hidden}
.technology-master-visual img{display:block;width:100%;height:auto}
.technology-master-visual figcaption{padding:13px 18px 15px;border-top:1px solid rgba(238,240,239,.14);font-family:"IBM Plex Mono",monospace;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#8E9AA3}
.technology-stage-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:28px;border-top:1px solid rgba(238,240,239,.16);border-bottom:1px solid rgba(238,240,239,.16)}
.technology-stage-grid article{padding:24px 22px 28px 0;min-height:170px}
.technology-stage-grid article+article{border-left:1px solid rgba(238,240,239,.16);padding-left:22px}
.technology-stage-grid span{display:block;color:#C99A2E;font-family:"IBM Plex Mono",monospace;font-size:10px;letter-spacing:.12em}
.technology-stage-grid h3{margin:9px 0 10px;color:#EEF0EF;font-family:"Inter",sans-serif;font-size:18px;letter-spacing:.02em}
.technology-stage-grid p{margin:0;color:#AEB9C0;font-size:13px;line-height:1.65;max-width:260px}
@media(max-width:767px){
 .technology-master-visual{margin-top:30px}
 .technology-master-visual figcaption{font-size:8px;line-height:1.5}
 .technology-stage-grid{grid-template-columns:1fr 1fr}
 .technology-stage-grid article{min-height:0;padding:20px 14px 22px 0}
 .technology-stage-grid article+article{padding-left:14px}
 .technology-stage-grid article:nth-child(3){border-left:0;border-top:1px solid rgba(238,240,239,.16)}
 .technology-stage-grid article:nth-child(4){border-top:1px solid rgba(238,240,239,.16)}
 .technology-stage-grid h3{font-size:15px}
 .technology-stage-grid p{font-size:12px;line-height:1.55}
}

/* HOME ART DIRECTION — Rev 5.21 */
.home-hero-clean .hero-image{background-position:center right}.home-hero-clean{min-height:700px}.home-hero-clean .hero-image:after{background:linear-gradient(0deg,rgba(8,20,38,.68) 0%,transparent 34%,transparent 76%,rgba(8,20,38,.18) 100%)}
.home-intro{padding-bottom:120px}
.home-system{display:grid;grid-template-columns:5fr 7fr;gap:56px;align-items:stretch}
.home-system-copy{padding:28px 0 18px;display:flex;flex-direction:column;justify-content:center}
.home-system-line{font-size:clamp(30px,3.5vw,54px);line-height:1.03;letter-spacing:-.045em;margin:16px 0 20px;max-width:760px}
.home-system-copy>p:last-of-type{color:#4F5E67;max-width:560px;margin-bottom:28px}
.home-system-image{margin:0;min-height:390px;overflow:hidden;background:#DDE2E4}
.home-system-image img{display:block;width:100%;height:100%;object-fit:cover}
.home-secondary-visual{padding-top:0}
.home-secondary-layout{display:grid;grid-template-columns:7fr 5fr;gap:72px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:0}
.home-secondary-image{margin:0;min-height:500px;overflow:hidden;background:#DDE2E4}
.home-secondary-image img{display:block;width:100%;height:100%;min-height:500px;object-fit:cover;object-position:center}
.home-secondary-copy{padding:40px 0}
.home-secondary-copy h2{font-size:clamp(42px,5vw,72px);line-height:.98;letter-spacing:-.05em;max-width:650px;margin:14px 0 24px}
.home-secondary-copy .lead{max-width:500px;margin-bottom:28px}
.home-routes .sectionhead h2{color:#EEF0EF}
.home-routes .lead{color:#C7D0D5}
.home-worlds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(238,240,239,.25);border-bottom:1px solid rgba(238,240,239,.25)}
.home-world{padding:32px 28px 36px 0;min-height:285px;display:flex;flex-direction:column}
.home-world+.home-world{border-left:1px solid rgba(238,240,239,.25);padding-left:28px}
.home-world small{color:#9FAAB1;font-size:9px;letter-spacing:.14em}
.home-world h3{font-size:clamp(28px,3vw,42px);letter-spacing:-.035em;margin:18px 0 10px;color:#EEF0EF}
.home-world p{color:#AEB9C0;max-width:31ch;margin:0 0 28px}
.home-world .cta{margin-top:auto;color:#EEF0EF}
.home-platform-layout{display:grid;grid-template-columns:7fr 5fr;gap:80px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:42px 0}
.home-platform-statement{font-size:clamp(34px,4.2vw,62px);line-height:1;letter-spacing:-.05em;max-width:900px}
.home-platform-actions{align-self:end}
.home-platform-actions p{color:#4F5E67;max-width:420px;margin:0 0 24px}
.home-prime .sectionhead h2,.home-prime .lead{color:#EEF0EF}
.home-prime-route{display:grid;grid-template-columns:1fr auto;column-gap:48px;border-top:1px solid rgba(238,240,239,.24);border-bottom:1px solid rgba(238,240,239,.24)}
.home-prime-route>div{padding:28px 0 30px}
.home-prime-route>div:nth-of-type(2){border-top:1px solid rgba(238,240,239,.24)}
.home-prime-route>div span{display:block;color:#C99A2E;font-family:"Inter",ui-sans-serif,system-ui,sans-serif;font-size:9px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px}
.home-prime-route strong{display:block;color:#EEF0EF;font-size:22px;font-weight:600;margin-bottom:8px}
.home-prime-route p{margin:0;color:#AEB9C0;font-size:14px}
.home-prime-route>a{align-self:center;color:#EEF0EF}
.home-prime-route>a:nth-of-type(2){grid-row:2}
.home-close-layout{display:grid;grid-template-columns:7fr 5fr;gap:80px;align-items:end;border-top:1px solid var(--line);padding-top:42px}
.home-close-statement{font-size:clamp(36px,4.5vw,68px);line-height:.98;letter-spacing:-.05em;max-width:850px;margin:12px 0 0}
.home-close-layout .lead{margin-bottom:26px}
@media(max-width:900px){
 .home-system,.home-secondary-layout,.home-platform-layout,.home-close-layout{grid-template-columns:1fr;gap:34px}
 .home-worlds{grid-template-columns:1fr 1fr}
 .home-world:nth-child(3){border-left:0;border-top:1px solid rgba(238,240,239,.25)}
 .home-world:nth-child(4){border-top:1px solid rgba(238,240,239,.25)}
 .home-world:nth-child(3),.home-world:nth-child(4){padding-top:28px}
 .home-world:nth-child(4){padding-left:28px;border-left:1px solid rgba(238,240,239,.25)}
}
@media(max-width:599px){
 .home-system-image{min-height:250px}
 .home-secondary-image,.home-secondary-image img{min-height:320px}
 .home-worlds{grid-template-columns:1fr}
 .home-world,.home-world+.home-world,.home-world:nth-child(3),.home-world:nth-child(4){border-left:0;padding:26px 0 30px;min-height:0}
 .home-world+.home-world{border-top:1px solid rgba(238,240,239,.25)}
 .home-prime-route{grid-template-columns:1fr}
 .home-prime-route>div:nth-of-type(2){border-top:1px solid rgba(238,240,239,.24)}
 .home-prime-route>a{padding:0 0 28px}
 .home-prime-route>a:nth-of-type(2){grid-row:auto}
}

/* Rev 5.24 — campaign image integration */
.home-campaign{padding-top:0}
.home-campaign-frame{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#081426}
.home-campaign-frame img{display:block;width:100%;height:auto;max-height:560px;object-fit:cover;object-position:center}
.home-campaign-caption{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0}
.home-campaign-caption>div{font-family:"Inter",ui-sans-serif,system-ui,sans-serif;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#C99A2E}
@media(max-width:720px){.home-campaign-frame img{min-height:190px;object-fit:cover}.home-campaign-caption{align-items:flex-start;flex-direction:column;gap:14px}}


/* REV 5.25 — PRIME technology process copy */
.product-process span{line-height:1.55;color:#5f6c75}
.technology-process-close{max-width:820px;margin:26px 0 0;color:#5f6c75;font-size:14px;line-height:1.7}
@media(max-width:599px){.technology-process-close{font-size:13px;line-height:1.65;margin-top:20px}}

/* REV 5.26 — PRIME technology hierarchy lock
   SKU name remains the dominant display type. Technology names are deliberately subordinate. */
.prime-technology-section .sectionhead h2{
  font-family:"Inter",sans-serif;
  font-size:clamp(30px,3.2vw,48px);
  line-height:1;
  letter-spacing:-.035em;
  font-weight:600;
}
@media(max-width:599px){
  .prime-technology-section .sectionhead h2{font-size:28px;line-height:1.04}
}
/* BLACKRESET™ uses the same display hierarchy: SKU name >> technology name. */
.br-tech-heading h2{font-family:"Inter",sans-serif;font-size:clamp(30px,3.2vw,48px);line-height:1;letter-spacing:-.035em;font-weight:600}
@media(max-width:599px){.br-tech-heading h2{font-size:28px;line-height:1.04}}

/* ===== PRORITE SALES SYSTEM REV 6.0 ===== */
.sales-bridge{padding:clamp(3.5rem,7vw,7rem) 0;border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,#081426 0%,#0b1729 100%)}
.sales-bridge-grid{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.8fr);gap:clamp(2rem,6vw,6rem);align-items:start}
.sales-bridge h2{max-width:12ch;margin:0}.sales-bridge p{max-width:70ch}.sales-bridge-points{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.12);margin-top:2rem}.sales-point{background:#0b1729;padding:1.35rem}.sales-point b{display:block;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.6rem}.sales-point span{display:block;color:var(--muted,#aeb8c7);line-height:1.55}
.sales-route-note{margin-top:1.4rem;max-width:60ch;color:var(--muted,#aeb8c7)}
.product-buy-case{padding:clamp(3rem,6vw,6rem) 0;background:#f3f5f7;border-top:1px solid #dfe4e9;border-bottom:1px solid #dfe4e9}.product-buy-case .buy-case-grid{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.7fr);gap:clamp(2rem,6vw,6rem)}.buy-case-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#d7dde3}.buy-case-item{background:#f3f5f7;padding:1.4rem}.buy-case-item b{display:block;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.5rem}.buy-case-item span{display:block;color:#4e5967;line-height:1.55}
.sales-close{padding:clamp(4rem,8vw,8rem) 0;background:#081426;color:#fff}.sales-close-inner{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:end}.sales-close h2{margin:.35rem 0 .6rem}.sales-close p{max-width:55ch;color:#b7c1ce}
@media(max-width:760px){.sales-bridge-grid,.product-buy-case .buy-case-grid,.sales-close-inner{grid-template-columns:1fr}.sales-bridge-points,.buy-case-list{grid-template-columns:1fr}.sales-close .cta{width:max-content}}

/* REV 6.2 sales-system additions */
.text-link{display:inline-block;margin-top:14px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:3px}.text-link:hover{border-color:var(--gold);color:var(--ink)}
.br-close-proposition{margin-top:12px;font-size:18px;line-height:1.08;letter-spacing:.02em}.br-close-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.section.dark .text-link{color:var(--white);border-color:rgba(238,240,239,.35)}
@media(max-width:1023px){.links{gap:16px}}

/* REV 6.3 — BLACKRESET architectural parity with PRIME product pages.
   Scoped only to BLACKRESET; global PRIME architecture remains unchanged. */
.product-hero .hero-copy h1{font-family:"Inter",sans-serif;font-weight:800;font-size:clamp(52px,5.2vw,82px);line-height:.88;letter-spacing:-.055em;}
.blackreset-product .product-hero .product-proposition{font-size:clamp(25px,3vw,42px);line-height:1.08;letter-spacing:-.025em}


/* PRIME SKU technology-stage illustrations — controlled visual system */
.sku-stage-illustrations{margin-top:48px;border-top:1px solid var(--line);padding-top:32px}
.sku-stage-illustrations-head{display:grid;grid-template-columns:3fr 9fr;gap:28px;margin-bottom:20px;align-items:end}
.sku-stage-illustrations-head p{margin:0;color:#5f6c75;font-size:13px;line-height:1.55}
.sku-stage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sku-stage-card{margin:0;padding:0 18px 22px 0;min-width:0}
.sku-stage-card+.sku-stage-card{border-left:1px solid var(--line);padding-left:18px}
.sku-stage-card figure{margin:0;background:#0b1422;aspect-ratio:1.22/1;overflow:hidden}
.sku-stage-card figure img{display:block;width:100%;height:100%;object-fit:cover}
.sku-stage-meta{display:flex;align-items:baseline;gap:10px;margin-top:14px}
.sku-stage-meta span{font-family:"IBM Plex Mono",monospace;font-size:9px;letter-spacing:.12em;color:var(--gold)}
.sku-stage-meta h3{margin:0;font-size:15px;letter-spacing:.02em}
.sku-stage-card p{margin:8px 0 0;color:#5f6c75;font-size:12px;line-height:1.55}
.sku-stage-illustrations .figure-caption{margin:12px 0 0;color:#7a858c;font-family:"IBM Plex Mono",monospace;font-size:8px;letter-spacing:.08em;text-transform:uppercase}
.sku-stage-grid:has(.sku-stage-card:nth-child(6)){grid-template-columns:repeat(6,minmax(0,1fr))}
.sku-stage-grid:has(.sku-stage-card:nth-child(6)) .sku-stage-card{padding-right:12px}
.sku-stage-grid:has(.sku-stage-card:nth-child(6)) .sku-stage-card+.sku-stage-card{padding-left:12px}
@media(max-width:1023px){
 .sku-stage-illustrations-head{grid-template-columns:1fr;gap:8px}
 .sku-stage-grid,.sku-stage-grid:has(.sku-stage-card:nth-child(6)){grid-template-columns:repeat(2,minmax(0,1fr))}
 .sku-stage-card:nth-child(odd){padding-left:0}
 .sku-stage-card:nth-child(even){border-left:1px solid var(--line);padding-left:18px}
 .sku-stage-card:nth-child(n+3){border-top:1px solid var(--line);padding-top:18px}
}
@media(max-width:599px){
 .sku-stage-grid,.sku-stage-grid:has(.sku-stage-card:nth-child(6)){grid-template-columns:1fr}
 .sku-stage-card,.sku-stage-grid:has(.sku-stage-card:nth-child(6)) .sku-stage-card{padding:18px 0;border-left:0!important}
 .sku-stage-card:first-child{padding-top:0}
 .sku-stage-card+.sku-stage-card{border-left:0;border-top:1px solid var(--line)}
 .sku-stage-card figure{aspect-ratio:1.55/1}
}


/* REV 6.7 — PRIME technology graphic system: reference-led stage illustration layout */
.prime-tech-showcase{
  background:#07111e;
  color:#eef0ef;
  padding:clamp(78px,8vw,118px) 0 clamp(74px,8vw,108px);
  border-top:1px solid rgba(238,240,239,.10);
  border-bottom:1px solid rgba(238,240,239,.10);
}
.prime-tech-showcase .wrap{max-width:1160px}
.prime-tech-heading{
  display:grid;
  grid-template-columns:minmax(150px,.72fr) minmax(0,3fr);
  gap:32px 72px;
  align-items:end;
  margin-bottom:42px;
}
.prime-tech-heading .kicker{
  color:#9aa6ae;
  align-self:end;
  padding-bottom:4px;
}
.prime-tech-heading-copy h2{
  margin:0;
  color:#eef0ef;
  font-family:"Inter",sans-serif;
  font-size:clamp(42px,5.1vw,70px);
  line-height:.93;
  letter-spacing:-.052em;
  font-weight:700;
}
.prime-tech-intro{
  max-width:850px;
  margin:18px 0 0;
  color:#aeb9c0;
  font-size:15px;
  line-height:1.72;
}
.prime-tech-stage-grid{
  display:grid;
  gap:0;
  border-top:1px solid rgba(238,240,239,.16);
  border-bottom:1px solid rgba(238,240,239,.16);
}
.prime-tech-stage-grid.stage-count-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.prime-tech-stage-grid.stage-count-6{grid-template-columns:repeat(3,minmax(0,1fr))}
.prime-tech-stage{
  min-width:0;
  padding:0 18px 30px 0;
}
.prime-tech-stage + .prime-tech-stage{
  border-left:1px solid rgba(238,240,239,.14);
  padding-left:18px;
}
.prime-tech-stage:nth-child(n+4){ }
.prime-tech-stage-grid.stage-count-6 .prime-tech-stage:nth-child(4),
.prime-tech-stage-grid.stage-count-6 .prime-tech-stage:nth-child(5),
.prime-tech-stage-grid.stage-count-6 .prime-tech-stage:nth-child(6){
  border-top:1px solid rgba(238,240,239,.14);
  padding-top:24px;
}
.prime-tech-stage-grid.stage-count-6 .prime-tech-stage:nth-child(4){border-left:0;padding-left:0}
.prime-tech-stage figure{
  margin:0 -1px 22px 0;
  aspect-ratio:490/415;
  overflow:hidden;
  background:#101f32;
}
.prime-tech-stage img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.prime-tech-stage-meta{
  display:flex;
  align-items:baseline;
  gap:14px;
}
.prime-tech-stage-meta span{
  color:#c99a2e;
  font-family:"IBM Plex Mono",monospace;
  font-size:10px;
  letter-spacing:.10em;
}
.prime-tech-stage-meta h3{
  margin:0;
  color:#eef0ef;
  font-family:"Inter",sans-serif;
  font-size:12px;
  line-height:1.1;
  letter-spacing:.14em;
  font-weight:700;
}
.prime-tech-stage p{
  margin:13px 0 0;
  color:#aeb9c0;
  font-size:13px;
  line-height:1.62;
  max-width:330px;
}
.prime-tech-close{
  max-width:900px;
  margin:29px 0 0;
  color:#b8c2c9;
  font-size:14px;
  line-height:1.7;
}
.prime-tech-caption{
  margin-top:25px;
  color:#7f8b94;
  font-family:"IBM Plex Mono",monospace;
  font-size:8px;
  letter-spacing:.13em;
  text-transform:uppercase;
}
@media(max-width:1023px){
  .prime-tech-heading{grid-template-columns:1fr;gap:12px}
  .prime-tech-heading-copy h2{font-size:clamp(38px,6vw,58px)}
  .prime-tech-stage-grid.stage-count-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .prime-tech-stage-grid.stage-count-4 .prime-tech-stage:nth-child(3),
  .prime-tech-stage-grid.stage-count-4 .prime-tech-stage:nth-child(4){border-top:1px solid rgba(238,240,239,.14);padding-top:24px}
  .prime-tech-stage-grid.stage-count-4 .prime-tech-stage:nth-child(3){border-left:0;padding-left:0}
  .prime-tech-stage-grid.stage-count-6{grid-template-columns:repeat(2,minmax(0,1fr))}
  .prime-tech-stage-grid.stage-count-6 .prime-tech-stage:nth-child(3){border-left:0;padding-left:0}
  .prime-tech-stage-grid.stage-count-6 .prime-tech-stage:nth-child(3),
  .prime-tech-stage-grid.stage-count-6 .prime-tech-stage:nth-child(4),
  .prime-tech-stage-grid.stage-count-6 .prime-tech-stage:nth-child(5),
  .prime-tech-stage-grid.stage-count-6 .prime-tech-stage:nth-child(6){border-top:1px solid rgba(238,240,239,.14);padding-top:24px}
  .prime-tech-stage-grid.stage-count-6 .prime-tech-stage:nth-child(4){border-left:1px solid rgba(238,240,239,.14);padding-left:18px}
  .prime-tech-stage-grid.stage-count-6 .prime-tech-stage:nth-child(5){border-left:0;padding-left:0}
}
@media(max-width:599px){
  .prime-tech-showcase{padding:68px 0 74px}
  .prime-tech-heading-copy h2{font-size:38px}
  .prime-tech-intro{font-size:14px}
  .prime-tech-stage-grid.stage-count-4,.prime-tech-stage-grid.stage-count-6{grid-template-columns:1fr}
  .prime-tech-stage,
  .prime-tech-stage + .prime-tech-stage,
  .prime-tech-stage-grid.stage-count-4 .prime-tech-stage:nth-child(3),
  .prime-tech-stage-grid.stage-count-4 .prime-tech-stage:nth-child(4),
  .prime-tech-stage-grid.stage-count-6 .prime-tech-stage:nth-child(n){
    border-left:0;
    border-top:1px solid rgba(238,240,239,.14);
    padding:22px 0 28px;
  }
  .prime-tech-stage:first-child{border-top:0;padding-top:0}
  .prime-tech-stage figure{margin-bottom:17px;aspect-ratio:490/415}
  .prime-tech-stage p{font-size:13px}
}


/* REV 6.8 — unified PRIME product section navigation + technology art direction */
.prime-product-nav{
  position:sticky;top:58px;z-index:18;
  background:rgba(6,16,28,.96);
  border-top:1px solid rgba(238,240,239,.10);
  border-bottom:1px solid rgba(238,240,239,.14);
  backdrop-filter:blur(10px);
}
.prime-product-nav-inner{
  display:flex;align-items:stretch;overflow-x:auto;scrollbar-width:none;
}
.prime-product-nav-inner::-webkit-scrollbar{display:none}
.prime-product-nav a{
  flex:0 0 auto;padding:14px 15px 13px;color:#9da9b0;text-decoration:none;
  font-family:"IBM Plex Mono",monospace;font-size:9px;letter-spacing:.07em;
  border-bottom:2px solid transparent;white-space:nowrap;
}
.prime-product-nav a:hover,.prime-product-nav a:focus,.prime-product-nav a.active{color:#eef0ef;border-bottom-color:#c99a2e}
.prime-tech-heading-copy{min-width:0}
.prime-tech-heading-copy h2{max-width:100%}
.prime-tech-showcase .prime-tech-stage-grid{background:#07111e}
.prime-tech-stage figure{border:1px solid rgba(238,240,239,.14);box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)}
.prime-tech-stage img{filter:none}
.prime-tech-stage-meta span{font-size:9px}
.prime-tech-caption{opacity:.85}
@media(max-width:1023px){
 .prime-product-nav{top:56px}
 .prime-product-nav a{padding-left:12px;padding-right:12px}
}
@media(max-width:599px){
 .prime-product-nav{top:54px}
 .prime-product-nav a{font-size:8px;padding:11px 11px 10px}
}
/* REV 6.8 technology heading target block */
.prime-tech-heading{position:relative}
.prime-tech-target{align-self:start;justify-self:end;min-width:180px;padding:2px 0 2px 22px;border-left:1px solid rgba(238,240,239,.55);display:flex;flex-direction:column;gap:7px;margin-top:2px}
.prime-tech-target span{color:#aeb9c0;font-family:"IBM Plex Mono",monospace;font-size:8px;letter-spacing:.18em;line-height:1.25}
@media(max-width:1023px){.prime-tech-target{justify-self:start;margin-top:12px}}


/* REV 6.9 — PRIME PRODUCT HERO / TRUE WEBSITE HERO
   The technology sequence remains a content section below the hero.
   Product hero is an immersive commercial entry point using the approved SKU visual. */
.product-hero{
  position:relative;
  isolation:isolate;
  min-height:clamp(600px,72vh,780px);
  padding:0;
  background:#06101b;
  color:var(--white);
  overflow:hidden;
}
.product-hero-grid{
  position:relative;
  width:100%;
  max-width:none;
  min-height:clamp(600px,72vh,780px);
  display:grid;
  grid-template-columns:minmax(0,48%) minmax(0,52%);
  gap:0;
  align-items:stretch;
}
.product-hero .hero-copy{
  position:relative;
  z-index:3;
  width:auto;
  max-width:760px;
  padding:clamp(72px,9vw,132px) clamp(28px,6vw,96px) clamp(72px,8vw,112px) max(24px,calc((100vw - var(--max))/2));
  justify-content:center;
  background:linear-gradient(90deg,#06101b 0%,#06101b 72%,rgba(6,16,27,.92) 88%,rgba(6,16,27,0) 100%);
}
.product-hero .hero-copy h1{
  font-size:clamp(56px,7vw,108px);
  line-height:.9;
  letter-spacing:-.058em;
  margin:0 0 22px;
  max-width:none;
  white-space:nowrap;
}
.product-hero .product-proposition{
  font-size:clamp(25px,3.1vw,46px);
  line-height:1.02;
  max-width:650px;
  margin:0 0 20px;
}
.product-hero .product-descriptor{font-size:18px;max-width:560px;margin:0 0 14px}
.product-hero-intro{max-width:590px;font-size:15px;line-height:1.7;margin:0 0 30px;color:#b8c2ca}
.product-hero .product-technology{margin:0 0 18px;color:#d5dde2;font-family:"IBM Plex Mono",monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.hero-visual{
  position:relative;
  z-index:1;
  width:100%;
  height:100%;
  min-height:inherit;
  margin:0;
  aspect-ratio:auto;
  overflow:hidden;
  border:0;
  background:#0b1522;
}
.hero-visual::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(6,16,27,.92) 0%,rgba(6,16,27,.42) 16%,rgba(6,16,27,.04) 48%,rgba(6,16,27,.10) 100%),linear-gradient(0deg,rgba(0,0,0,.18),transparent 35%,rgba(0,0,0,.12));
  pointer-events:none;
}
.hero-visual img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transform:scale(1.015);
}
/* BLACKRESET uses its approved hero without altering the source image. */
.blackreset-product .hero-visual img{object-position:center}
@media(max-width:1023px){
  .product-hero,.product-hero-grid{min-height:0}
  .product-hero-grid{grid-template-columns:1fr}
  .product-hero .hero-copy{max-width:none;padding:72px 28px 58px;background:#06101b}
  .product-hero .hero-copy h1{white-space:normal}
  .hero-visual{height:auto;min-height:0;aspect-ratio:1200/546}
  .hero-visual::after{background:linear-gradient(0deg,rgba(6,16,27,.22),transparent 50%,rgba(6,16,27,.12))}
}
@media(max-width:599px){
  .product-hero .hero-copy{padding:58px 20px 46px}
  .product-hero .hero-copy h1{font-size:clamp(46px,15vw,72px)}
  .product-hero .product-proposition{font-size:27px}
  .product-hero .product-descriptor{font-size:16px}
  .product-hero-intro{font-size:14px}
}

/* Rev 6.12 — PRIME technology master graphics: prominent proof visual, not hero */
.prime-tech-master-graphic{margin:2.5rem 0 3rem;display:flex;justify-content:center;border-top:1px solid rgba(255,255,255,.10);border-bottom:1px solid rgba(255,255,255,.10);padding:2.25rem 0;background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(0,0,0,.08));}
.prime-tech-master-graphic img{display:block;width:min(100%,760px);height:auto;max-height:none;object-fit:contain;box-shadow:0 18px 50px rgba(0,0,0,.28);}
@media (max-width:760px){.prime-tech-master-graphic{margin:1.5rem 0 2rem;padding:1rem 0}.prime-tech-master-graphic img{width:100%;box-shadow:none}}


/* REV 6.13 — PRIME technology visual system: master graphic as dominant website visual */
.prime-tech-visual-system{display:block;margin:clamp(38px,5vw,64px) 0 34px;}
.prime-tech-visual-system .prime-tech-master-graphic{margin:0;width:100%;display:block;border:1px solid rgba(238,240,239,.14);padding:0;background:#05090d;box-shadow:0 30px 80px rgba(0,0,0,.42);}
.prime-tech-visual-system .prime-tech-master-graphic img{display:block;width:100%;max-width:none;height:auto;box-shadow:none;object-fit:contain;}
.prime-tech-process-readout{margin-top:clamp(28px,4vw,46px);border-top:1px solid rgba(238,240,239,.14);border-bottom:1px solid rgba(238,240,239,.14);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:clamp(20px,3vw,44px);}
.prime-tech-readout-head{grid-column:1 / -1;padding:0 0 15px;color:#9aa6ae;font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid rgba(238,240,239,.12);}
.prime-tech-readout-item{padding:22px 0 20px;border-bottom:1px solid rgba(238,240,239,.10);}
.prime-tech-readout-item:last-child{border-bottom:0;}
.prime-tech-readout-meta{display:flex;align-items:baseline;gap:14px;margin-bottom:9px;}
.prime-tech-readout-meta span{color:#caa43a;font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.08em;}
.prime-tech-readout-meta h3{margin:0;color:#eef0ef;font-size:20px;letter-spacing:-.015em;}
.prime-tech-readout-item p{margin:0;max-width:620px;color:#aeb9c0;font-size:14px;line-height:1.65;}
.prime-tech-visual-system + .prime-tech-close{margin-top:28px;}
@media(max-width:900px){.prime-tech-process-readout{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:0;}.prime-tech-readout-item{padding-right:4px;}}
@media(max-width:599px){.prime-tech-visual-system{margin-top:28px;}.prime-tech-visual-system .prime-tech-master-graphic{border-left:0;border-right:0;}.prime-tech-process-readout{grid-template-columns:1fr;margin-top:24px;}.prime-tech-readout-item{padding:18px 0;}.prime-tech-readout-meta h3{font-size:18px;}}
/* Remove the old photographic stage-card presentation from the technology system. */
.prime-tech-showcase .prime-tech-stage-grid{display:none !important;}

/* REV 6.18 — approved PRIME technology graphics restored as the principal Technology visual */
.prime-tech-master-visual{margin:42px 0 32px;display:grid;grid-template-columns:minmax(0,760px) minmax(300px,1fr);gap:clamp(30px,5vw,72px);align-items:start;}
.prime-tech-master-visual figure{margin:0;background:#07111e;border:1px solid rgba(238,240,239,.12);padding:18px;display:flex;justify-content:center;}
.prime-tech-master-visual figure img{display:block;width:100%;max-width:720px;height:auto;object-fit:contain;}
.prime-tech-master-visual .prime-tech-process-readout{border-top:1px solid rgba(238,240,239,.14);border-bottom:1px solid rgba(238,240,239,.14);display:flex;flex-direction:column;}
.prime-tech-master-visual .prime-tech-readout-head{padding:0 0 15px;border-bottom:1px solid rgba(238,240,239,.12);}
.prime-tech-master-visual .prime-tech-readout-item{padding:22px 0 20px;border-bottom:1px solid rgba(238,240,239,.10);}
.prime-tech-master-visual .prime-tech-readout-item:last-child{border-bottom:0;}
@media(max-width:1000px){.prime-tech-master-visual{grid-template-columns:1fr;}.prime-tech-master-visual figure{max-width:760px;margin:0 auto;}.prime-tech-master-visual .prime-tech-process-readout{margin-top:4px;}}
@media(max-width:599px){.prime-tech-master-visual{margin-top:26px;gap:24px}.prime-tech-master-visual figure{padding:8px;}}

/* REV 6.20 — Technology imagery removed. Product technology sections are text/process only. */
.prime-tech-master-visual{display:block !important;margin:42px 0 32px !important}
.prime-tech-master-visual figure{display:none !important}
.prime-tech-master-visual .prime-tech-process-readout{width:100%;max-width:none !important}

/* REV 6.27.3 — UNIFORM PRIME SKU TITLE SYSTEM
   All PRIME SKU names use the BLACKRESET title treatment as the canonical style. */
.product-hero .hero-copy h1{
  font-family:"Inter",sans-serif;
  font-weight:800;
  font-size:clamp(52px,5.2vw,82px);
  line-height:.88;
  letter-spacing:-.055em;
}
@media(max-width:599px){
  .product-hero .hero-copy h1{
    font-size:50px;
    line-height:.88;
    letter-spacing:-.055em;
    white-space:nowrap;
  }
}


/* =========================================================
   PRORITE ART-DIRECTION UPGRADE — REV 6.28
   SURFACE INTERFACE / SYSTEM-FIRST EXPERIENCE
   ========================================================= */
:root{--pr-gold:#C99A2E;--pr-line:rgba(8,20,38,.16);--pr-dark-line:rgba(238,240,239,.15)}
header{background:rgba(8,20,38,.88);backdrop-filter:blur(18px) saturate(.9);border-bottom-color:rgba(238,240,239,.12)}
.nav{min-height:72px}.logo{font-weight:800;letter-spacing:.075em}.links{gap:24px}.links a,.nav-dropdown-toggle{font-size:10px;letter-spacing:.11em;text-transform:uppercase}.nav-enquire{border-left:1px solid rgba(238,240,239,.18);padding-left:20px}
.home-stripe .home-hero{min-height:min(860px,calc(100vh - 72px));padding:0;display:flex;align-items:flex-end;background:#05090d;border-bottom:0;position:relative;overflow:hidden}
.home-stripe .home-hero-media{position:absolute;inset:0;overflow:hidden;background:#05090d;filter:saturate(.78) contrast(1.08);transform:scale(1.02)}.home-stripe .home-hero-media img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center right;transform:scale(1.02);animation:none}
.home-stripe .home-hero-media:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(3,7,11,.96) 0%,rgba(3,7,11,.86) 28%,rgba(3,7,11,.38) 56%,rgba(3,7,11,.12) 78%,rgba(3,7,11,.34) 100%),linear-gradient(0deg,rgba(3,7,11,.88),transparent 45%,rgba(3,7,11,.16))}.home-stripe .home-hero-media:after{z-index:2}.home-stripe .home-hero-media:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 68% 50%,transparent 0,rgba(3,7,11,.18) 34%,rgba(3,7,11,.62) 100%)}
.home-stripe .home-hero-inner{position:relative;z-index:2;min-height:inherit;display:grid;grid-template-columns:minmax(0,7fr) minmax(260px,3fr);gap:60px;align-items:end;padding-top:120px;padding-bottom:92px;width:min(var(--max),calc(100% - 2*var(--gutter)));margin:auto}
.home-stripe .home-hero-copy{max-width:880px}.home-stripe .home-hero-kicker{font-family:"IBM Plex Mono",monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#b9c3c9;margin-bottom:24px}.home-stripe .home-hero h1{font-size:clamp(60px,8.4vw,124px);line-height:.84;letter-spacing:-.075em;font-weight:800;max-width:980px;margin:0 0 28px;color:#fff}.home-stripe .home-hero-sub{max-width:680px;color:#c2ccd1;font-size:clamp(16px,1.55vw,21px);line-height:1.5;margin:0}.home-stripe .home-hero-actions{margin-top:34px;display:flex;gap:12px;flex-wrap:wrap}.home-stripe .home-hero-actions .cta{border-color:rgba(238,240,239,.38);background:rgba(4,9,14,.12);color:#fff}.home-stripe .home-hero-actions .cta.primary{background:#fff;color:#081426;border-color:#fff}.home-stripe .home-hero-note{align-self:end;max-width:420px;border-left:1px solid var(--pr-gold);padding-left:18px;color:#aeb9c0;font-family:"IBM Plex Mono",monospace;font-size:9px;line-height:1.7;letter-spacing:.12em;text-transform:uppercase}.home-stripe .home-hero-note strong{display:block;color:#eef0ef;font-size:10px;margin-bottom:6px}
.home-stripe .home-hero-annotations{position:absolute;z-index:3;right:max(24px,calc((100vw - var(--max))/2));top:24%;display:flex;flex-direction:column;gap:32px;font-family:"IBM Plex Mono",monospace;font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:rgba(238,240,239,.72)}.home-stripe .home-hero-annotations span{display:flex;align-items:center;gap:12px;white-space:nowrap}.home-stripe .home-hero-annotations span:before{content:"";display:block;width:42px;height:1px;background:rgba(201,154,46,.8)}.home-stripe .home-hero-annotations b{color:var(--pr-gold);font-weight:500}
.home-stripe .home-trustline.home-system-rail{background:#05090d;color:#eef0ef;border-bottom:1px solid rgba(238,240,239,.14)}.home-stripe .home-system-rail .wrap{grid-template-columns:repeat(7,1fr);border-top:0}.home-stripe .home-system-rail .home-trust-item{min-height:96px;padding:22px 18px 20px 0;border-top:0;border-right:1px solid rgba(238,240,239,.12)}.home-stripe .home-system-rail .home-trust-item:last-child{border-right:0}.home-stripe .home-system-rail .home-trust-item+.home-trust-item{border-left:0;padding-left:18px}.home-stripe .home-system-rail .home-trust-item b{display:block;color:var(--pr-gold);font-family:"IBM Plex Mono",monospace;font-size:8px;letter-spacing:.16em;font-weight:500;margin-bottom:9px}.home-stripe .home-system-rail .home-trust-item span{font-family:"IBM Plex Mono",monospace;font-size:8px;letter-spacing:.13em;color:#aeb9c0}
.home-stripe .home-section{padding:clamp(100px,11vw,164px) 0}.home-stripe .home-section-head{margin-bottom:70px}.home-stripe .home-index{font-family:"IBM Plex Mono",monospace;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#6f7b84}.home-stripe .home-section-head h2{font-size:clamp(48px,6.2vw,92px);line-height:.91;letter-spacing:-.065em;font-weight:750;max-width:950px}.home-stripe .home-section-head p{font-size:16px;line-height:1.65;max-width:660px;color:#52616b}
.home-stripe .home-system-panel{background:#f0f3f4;position:relative;overflow:hidden}.home-stripe .home-system-panel:before{content:"SYSTEM / 01";position:absolute;top:24px;right:24px;font-family:"IBM Plex Mono",monospace;font-size:8px;letter-spacing:.18em;color:#5F6B73}.home-stripe .home-system-equation{font-size:clamp(28px,3.3vw,52px);line-height:1.05;letter-spacing:-.045em;font-weight:650;max-width:800px}.home-stripe .home-system-visual{min-height:560px;position:relative;overflow:hidden}.home-stripe .home-system-visual:after{content:"SURFACE INTERFACE / CONTROLLED LIGHT / MATERIAL RESPONSE";position:absolute;left:22px;bottom:18px;font-family:"IBM Plex Mono",monospace;font-size:8px;letter-spacing:.16em;color:rgba(238,240,239,.74)}.home-stripe .home-system-visual img{transform:scale(1.04);filter:saturate(.72) contrast(1.08);transition:transform 1.2s var(--ease),filter 1.2s var(--ease)}.home-stripe .home-system:hover .home-system-visual img{transform:scale(1.08);filter:saturate(.84) contrast(1.1)}
.home-stripe .home-section.dark{background:#05090d}.home-stripe .home-solutions{border-top:1px solid rgba(238,240,239,.18);border-bottom:1px solid rgba(238,240,239,.18)}.home-stripe .home-solution{min-height:360px;padding-top:34px}.home-stripe .home-solution h3{font-size:clamp(42px,5vw,74px);letter-spacing:-.06em;line-height:.92;font-weight:800}.home-stripe .home-solution .tag{font-family:"IBM Plex Mono",monospace;color:#8f9ba3}.home-stripe .home-solution p{max-width:31ch;color:#aeb9c0}
.prorite-page .sectionhead .kicker:after{content:"";display:inline-block;width:34px;height:1px;background:var(--pr-gold);vertical-align:middle;margin-left:12px}
.prime-portfolio-hero{min-height:620px;align-items:flex-end;padding-bottom:96px;background:#081426}.prime-portfolio-hero h1{font-size:clamp(72px,11vw,150px);letter-spacing:-.08em;font-weight:800}.prime-portfolio-hero p{max-width:900px;font-size:clamp(17px,1.7vw,23px);line-height:1.5;color:#c5ced3}.prime-card{background:#f1f4f5;border:1px solid #b8c1c6;transition:transform .45s var(--ease),border-color .45s var(--ease),box-shadow .45s var(--ease)}.prime-card:hover{transform:translateY(-6px);border-color:#8c979e;box-shadow:0 24px 70px rgba(8,20,38,.14)}.prime-card h2{font-size:clamp(34px,4.3vw,62px);font-weight:800;letter-spacing:-.065em;line-height:.9}
.product-hero .hero-copy h1{font-size:clamp(54px,8.2vw,116px);line-height:.84;letter-spacing:-.075em;font-weight:800;white-space:nowrap;max-width:none}.product-hero .hero-copy h1 .trademark{font-size:.22em;vertical-align:top;letter-spacing:0;margin-left:.05em}.product-hero .product-sku-inline{font-family:"IBM Plex Mono",monospace;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#9aa6af}.product-hero .product-technology{font-family:"IBM Plex Mono",monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#c99a2e}.product-hero .hero-visual{position:relative;min-height:520px;overflow:hidden}.product-hero .hero-visual:after{content:"SURFACE / APPLICATION / PERFORMANCE";position:absolute;left:18px;bottom:16px;font-family:"IBM Plex Mono",monospace;font-size:8px;letter-spacing:.16em;color:rgba(8,20,38,.65)}.product-hero .hero-visual img{transition:transform .9s var(--ease),filter .9s var(--ease)}.product-hero:hover .hero-visual img{transform:scale(1.025);filter:saturate(.95) contrast(1.05)}
.performance-grid>div{position:relative;min-height:190px;padding:28px 28px 28px 0;border-top:1px solid var(--line)}.performance-grid>div:before{content:"OBSERVED / DEFINED";display:block;font-family:"IBM Plex Mono",monospace;font-size:8px;letter-spacing:.15em;color:#7b8790;margin-bottom:18px}
footer{border-top:1px solid rgba(238,240,239,.22)}.footer-brand .footer-logo{font-size:28px;font-weight:800;letter-spacing:-.035em}.footer-brand strong{font-family:"IBM Plex Mono",monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#eef0ef}
/* REV 6.72 — LCP paint optimization */
body.hero-motion-ready .home-stripe .home-hero-media img{animation:pr-home-surface 18s ease-in-out infinite alternate}

@keyframes pr-home-surface{0%{transform:scale(1.02) translate3d(0,0,0)}100%{transform:scale(1.055) translate3d(-.8%,.5%,0)}}
@media(max-width:1023px){.home-stripe .home-hero-inner{grid-template-columns:1fr;gap:38px;padding-top:120px}.home-stripe .home-hero-annotations{right:24px;top:20%;gap:24px}.home-stripe .home-system-rail .wrap{grid-template-columns:repeat(4,1fr)}.home-stripe .home-system-rail .home-trust-item:nth-child(4){border-right:0}.home-stripe .home-system-rail .home-trust-item:nth-child(n+5){border-top:1px solid rgba(238,240,239,.12)}.product-hero .hero-copy h1{font-size:clamp(52px,8vw,90px)}}
@media(max-width:700px){.links a,.nav-dropdown-toggle{font-size:10px}.home-stripe .home-hero{min-height:760px}.home-stripe .home-hero-inner{padding-top:94px;padding-bottom:72px}.home-stripe .home-hero h1{font-size:clamp(54px,15vw,82px)}.home-stripe .home-hero-annotations{display:none}.home-stripe .home-system-rail .wrap{grid-template-columns:1fr 1fr}.home-stripe .home-system-rail .home-trust-item{min-height:72px}.home-stripe .home-system-rail .home-trust-item:nth-child(odd){border-right:1px solid rgba(238,240,239,.12)}.home-stripe .home-system-rail .home-trust-item:nth-child(even){border-right:0}.home-stripe .home-section-head{margin-bottom:48px}.home-stripe .home-section-head h2{font-size:clamp(44px,12vw,68px)}.home-stripe .home-system-visual{min-height:360px}.prime-portfolio-hero{min-height:520px;padding-bottom:70px}.prime-portfolio-hero h1{font-size:clamp(64px,18vw,96px)}.product-hero .hero-copy h1{font-size:clamp(46px,12.5vw,74px);white-space:normal;overflow-wrap:break-word}}@media(prefers-reduced-motion:reduce){.home-stripe .home-hero-media{animation:none}.home-stripe .home-system-visual img,.product-hero .hero-visual img{transition:none}}

/* =========================================================
   REV 6.30 — VISUAL QA / INTERACTION POLISH
   Preserve the established art direction while correcting small
   consistency, accessibility and mobile-entry issues found in QA.
   ========================================================= */
/* The technical mono system is a first-class brand typeface, not a fallback. */
/* Product enquiry labels inherit the same mono system used across SKU metadata. */

/* Keep the immersive entry gate usable on short mobile viewports. */
@media(max-width:700px) and (max-height:700px){
  .prorite-entry{align-items:flex-start;overflow-y:auto;min-height:100dvh;height:100dvh}
  .prorite-entry-content{padding-top:24px;padding-bottom:112px}
  .prorite-entry-mark{margin-bottom:22px}
  .prorite-entry .prorite-entry-title{font-size:clamp(42px,11.8vw,62px)}
  .prorite-entry-doctrine{margin-top:20px}
  .prorite-entry-rule{margin:20px 0 16px}
  .prorite-entry-content p{margin-bottom:20px}
}

/* Give the focus destination after entering the site a real focus target. */
#main[tabindex="-1"]{outline:0}

/* =========================================================
   REV 6.29 — GLOBAL CONTRAST / LIGHT-SURFACE LEGIBILITY PASS
   Light surfaces must use dark technical text. Gold remains an accent;
   darkened gold is used where the accent itself carries text meaning.
   ========================================================= */
:root{
  --light-text:#4F5E67;
  --light-text-strong:#081426;
  --light-meta:#4F5E67;
  --light-accent:#765B1E;
}

/* Residual light-surface components outside the generic .section wrapper */
.product-buy-case .kicker,
.application-map .map-index{
  color:var(--light-meta);
}

/* Shared light-background metadata / labels */
.section:not(.dark) .eyebrow,
.section:not(.dark) .kicker,
.section:not(.dark) .techno,
.section:not(.dark) .productnum,
.section:not(.dark) .meta,
.section:not(.dark) small,
.flow .arrow,
.step .n,
.tech.defined:before,
.system-figure .label,
.productnum{
  color:var(--light-meta);
}

/* Main product surface/application panel — the flagged component */
.product-surface-stage .kicker,
.product-surface-stage .eyebrow,
.product-surface-stage .meta,
.product-surface-stage small{
  color:var(--light-meta);
}
.product-surface-stage .surface-copy h2{
  color:var(--light-text-strong);
}

/* PRIME portfolio / product metadata on light backgrounds */
.prime-index,
.prime-meta small,
.prime-page-cards span,
.prime-page-cards small,
.prime-page-link span{
  color:var(--light-meta);
}
.prime-status{
  color:var(--light-accent);
}

/* Generic light product/content grids */
.product span,
.summary-cell b,
.application-list b,
.product-process b,
.performance-grid b,
.matrix th,
.form-label{
  color:var(--light-meta);
}

/* Small technical annotations on light panels */
.home-stripe .home-index,
.home-stripe .home-system-panel:before,
.home-stripe .home-system-panel .home-system-copy .kicker,
.home-stripe .home-system-panel .home-system-copy .eyebrow,
.performance-grid>div:before{
  color:var(--light-meta);
}

/* Do not use the pale global grey for semantic text on light surfaces. */
.section:not(.dark) .tech.pending:before{
  color:#7A481E;
}

/* Gold is decorative on light surfaces; when it carries text, darken it. */
.section:not(.dark) .gold,
.section:not(.dark) .accent-text,
.prime-portfolio .prime-status,
.prime-page-cards em{
  color:var(--light-accent);
}

/* White-background proof / evidence modules */
.home-proof-grid .kicker,
.home-proof-grid .eyebrow,
.home-proof-grid .meta,
.home-proof-grid small{
  color:var(--light-meta);
}

/* Light product/application copy */
.product-surface-stage .surface-copy p,
.product-surface-stage .surface-copy li,
.prime-descriptor,
.prime-proposition,
.prime-note,
.prime-meta strong,
.prime-card-body p,
.home-stripe .home-section:not(.dark) .home-section-head p{
  color:#4F5E67;
}

/* Keep dark art-directed product pages unchanged. */
.page-blackreset .br-eyebrow,
.page-blackreset .br-section-index,
.page-blackreset .productnum{
  color:#BFC8CD;
}


/* REV 6.34 — SOILLIFT technology visual simplification */
.prime-tech-heading{grid-template-columns:minmax(150px,.42fr) minmax(0,3.58fr);align-items:end;}
.prime-tech-heading-copy h2{max-width:100%;}
.prime-tech-visual-system{margin-top:clamp(34px,4vw,54px);}
.prime-tech-visual-system .prime-tech-master-graphic{overflow:hidden;}
.prime-tech-visual-system .prime-tech-master-graphic img{width:100%;max-width:none;display:block;}
@media(max-width:1023px){.prime-tech-heading{grid-template-columns:1fr;gap:12px;}}
/* REV 6.37 — DASHGLAZE+ POLYMERIC HYBRID TECHNOLOGY visual */
.dashglaze-tech-section .dashglaze-tech-heading{grid-template-columns:minmax(150px,.42fr) minmax(0,3.58fr);align-items:end;}
.dashglaze-tech-graphic{margin:42px 0 0;border:1px solid rgba(238,240,239,.14);background:#05090d;overflow:hidden;}
.dashglaze-tech-graphic img{display:block;width:100%;height:auto;max-width:none;}
@media(max-width:1023px){.dashglaze-tech-section .dashglaze-tech-heading{grid-template-columns:1fr;gap:12px;}}
@media(max-width:599px){.dashglaze-tech-graphic{margin-top:26px;border-left:0;border-right:0;}}

.technology-process-visual{width:100%;margin-top:2rem;} .technology-process-visual img{display:block;width:100%;height:auto;}


/* REV 6.41 — FOAMFORGE technology visual cleanup */
.prime-tech-showcase .prime-tech-heading{margin-bottom:clamp(28px,4vw,46px);}
.prime-tech-showcase .technology-process-visual{width:100%;margin:0;}
.prime-tech-showcase .technology-process-visual img{display:block;width:100%;height:auto;}

/* GLASSVUE™ OPTIFLOW™ technology visual — BLACKRESET™ architecture adapted to glass cleaning */
.prime-tech-showcase .prime-tech-master-graphic{
  margin:clamp(30px,4vw,48px) 0 0;
  width:100%;
  display:block;
  border:1px solid rgba(238,240,239,.14);
  padding:0;
  background:#05090d;
  box-shadow:0 30px 80px rgba(0,0,0,.42);
  overflow:hidden;
}
.prime-tech-showcase .prime-tech-master-graphic img{
  display:block;
  width:100%;
  max-width:none;
  height:auto;
  object-fit:contain;
  box-shadow:none;
}
@media(max-width:599px){
  .prime-tech-showcase .prime-tech-master-graphic{margin-top:26px;border-left:0;border-right:0;}
}
/* Rev 6.43 — GREASECUT X-CUT technology visual */
.prime-tech-master-visual:has(img){
  width:100%;
  margin-top:3rem;
}
.prime-tech-master-visual:has(img) img{
  display:block;
  width:100%;
  height:auto;
  border:1px solid rgba(184,192,197,.22);
}

/* REV 6.52 — INTRAGLOW™ INTRALIFT™ technology mechanism visual */
.prime-tech-showcase .prime-tech-master-graphic{margin:42px 0 32px;width:100%;display:block;border:1px solid rgba(238,240,239,.14);padding:0;background:#05090d;overflow:hidden;}
.prime-tech-showcase .prime-tech-master-graphic img{display:block;width:100%;height:auto;max-width:none;object-fit:contain;}
@media(max-width:599px){.prime-tech-showcase .prime-tech-master-graphic{margin-top:26px;border-left:0;border-right:0;}}

/* POLYGLOW™ technology graphic — mechanism-focused, page-level title retained above graphic. */
.polyglow-tech-section .polyglow-tech-heading{grid-template-columns:minmax(150px,.42fr) minmax(0,3.58fr);align-items:end;}
.polyglow-tech-graphic{margin:42px 0 0;border:1px solid rgba(238,240,239,.14);background:#05090d;overflow:hidden;}
.polyglow-tech-graphic img{display:block;width:100%;height:auto;max-width:none;}
@media(max-width:1023px){.polyglow-tech-section .polyglow-tech-heading{grid-template-columns:1fr;gap:12px;}}
@media(max-width:599px){.polyglow-tech-graphic{margin-top:26px;border-left:0;border-right:0;}}

/* REV 6.79 — Image interaction deterrence */
img {
  -webkit-user-drag: none;
  user-drag: none;
}


/* =========================================================
   REV 6.83 — MOBILE UI / SPACING / CONTACT COPY POLISH
   Correct mobile navigation alignment, reduce excessive vertical
   spacing between editorial blocks, and keep section hierarchy tight.
   ========================================================= */
@media(max-width:1023px){
  .sectionhead{
    display:flex;
    flex-direction:column;
    gap:14px;
    margin-bottom:42px;
  }
  .sectionhead > div{min-width:0;margin:0;}
  .sectionhead .kicker{margin:0;}
  .section{padding:88px 0;}
  .editorial{gap:42px;}
}

@media(max-width:599px){
  /* Mobile header becomes a deliberate two-column header with the
     expanded navigation occupying a clean full-width row below it. */
  .nav{
    display:grid;
    grid-template-columns:minmax(0,1fr) 42px;
    align-items:center;
    gap:0;
    min-height:68px;
  }
  .menu-toggle{
    position:static;
    grid-column:2;
    grid-row:1;
    justify-self:end;
  }
  .links,
  .links.open{
    grid-column:1 / -1;
    grid-row:2;
    width:100%;
    box-sizing:border-box;
    align-items:stretch;
    justify-content:flex-start;
    gap:0;
    padding:10px 0 14px;
  }
  .links a,
  .links>a,
  .nav-dropdown,
  .nav-dropdown-toggle{
    width:100%;
    box-sizing:border-box;
  }
  .links a,
  .nav-dropdown-toggle{
    padding:8px 0;
    line-height:1.35;
  }
  .nav-dropdown-toggle{text-align:left;}
  .nav-dropdown-menu{padding:3px 0 3px 14px;}
  .nav-dropdown-menu a{padding:7px 0!important;}
  .nav-enquire{padding-top:10px!important;}

  .section{padding:64px 0;}
  .sectionhead{gap:12px;margin-bottom:34px;}
  .sectionhead .kicker:before{margin-bottom:12px;}
  .editorial{gap:34px;}
  .enquiry-section{padding-top:64px;padding-bottom:64px;}
}


/* REV 6.84 — visual-first PRIME SKU architecture
   Product imagery is the first encounter; SKU identity and proposition follow.
   This is a structural hierarchy change, not a decorative spacing change. */
.product-hero-grid{
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
}
.product-hero .hero-copy{
  order:2;
  background:#06101b;
  padding-left:clamp(32px,5vw,84px);
  padding-right:max(24px,calc((100vw - var(--max))/2));
}
.product-hero .hero-visual{
  order:1;
  border-right:1px solid rgba(238,240,239,.16);
  border-left:0;
}
.product-hero .hero-visual::after{
  background:linear-gradient(270deg,rgba(6,16,27,.34) 0%,rgba(6,16,27,.08) 32%,rgba(6,16,27,0) 62%,rgba(0,0,0,.08) 100%),linear-gradient(0deg,rgba(0,0,0,.16),transparent 35%,rgba(0,0,0,.08));
}
.product-hero .hero-copy h1{font-weight:700;}
.prime-portfolio-hero h1{font-weight:700;}
@media(max-width:1023px){
  .product-hero-grid{grid-template-columns:1fr;}
  .product-hero .hero-visual{order:1;border-right:0;border-left:0;border-top:0;}
  .product-hero .hero-copy{order:2;padding-left:var(--gutter);padding-right:var(--gutter);}
  .product-hero .hero-visual::after{background:linear-gradient(0deg,rgba(6,16,27,.16),transparent 52%,rgba(0,0,0,.08));}
}
@media(max-width:599px){
  .product-hero .hero-copy{padding-top:38px;padding-bottom:38px;}
  .product-hero .hero-copy h1{font-weight:700;}
  .prime-portfolio-hero{min-height:470px;padding-top:96px;padding-bottom:58px;}
  .prime-portfolio-hero h1{font-size:clamp(54px,17vw,88px);font-weight:700;letter-spacing:-.055em;line-height:.9;}
}

/* REV 6.84 — mobile rhythm: preserve premium negative space without empty scroll zones */
@media(max-width:599px){
  .product-hero ~ .section{padding-top:52px;padding-bottom:52px;}
  .product-hero ~ .section .sectionhead{margin-bottom:26px;}
  .product-buy-case{padding-top:44px;padding-bottom:44px;}
  .sales-close{padding-top:64px;padding-bottom:64px;}
}


/* =========================================================
   REV 6.86 — QA CORRECTIONS (consolidated, keep this block last)
   Each rule below fixes a verified rendering defect. When the
   stylesheet is next consolidated, fold these into their components
   and delete the superseded declarations further up.
   ========================================================= */

/* Entry gate: shown once per browser session, only when JS has
   decided to show it. Without JS, visitors go straight to content. */
html:not(.show-entry) .prorite-entry{display:none}
html.show-entry body:not(.site-entered){overflow:hidden}
.prorite-entry-title{display:block}

/* PRIME SKU titles: size to the copy column so every name fits.
   15.4cqi keeps the longest name (DASHGLAZE+™) inside the column;
   all eight SKUs share one size at any given viewport. */
.product-hero .hero-copy{container-type:inline-size}
@media(min-width:1024px){.product-hero .hero-copy{max-width:none}}
.product-hero .hero-copy h1{font-size:clamp(34px,15.4cqi,104px);white-space:nowrap}

/* Dark "sales bridge" intro band: text colour was never set, so it
   inherited body navy on a navy background. */
.sales-bridge{color:#EEF0EF}
.sales-bridge h2{color:#FFFFFF}
.sales-bridge .kicker{color:#9AA6AF}
.sales-bridge .lead,.sales-bridge p{color:#C7D0D5}
.sales-point b{color:#EEF0EF}
.sales-point span{color:#AEB8C7}

/* Why-this-product grid: an odd last item spans the row instead of
   leaving a grey filler cell. */
.buy-case-item:last-child:nth-child(odd){grid-column:1 / -1}

/* Performance grid: drop the automatic "OBSERVED / DEFINED" label
   (these are defined requirements, not published observations) and
   make the benefit itself readable. */
.performance-grid>div{min-height:0;padding-top:26px;padding-bottom:28px}
.performance-grid>div:before{content:none;display:none}
.performance-grid b{font-family:"Inter",ui-sans-serif,system-ui,sans-serif;font-size:clamp(17px,1.5vw,21px);font-weight:600;letter-spacing:-.015em;line-height:1.25;text-transform:none;color:#081426}
.performance-grid span{font-size:14px;line-height:1.6;margin-top:10px}

/* Application list: the scope note spans the full row, aligned. */
.application-list>.compatibility-note{grid-column:1 / -1;margin-top:0;border-top:0;padding:18px 0;background:transparent;min-height:0}

/* Workflow steps: columns match the number of steps on desktop. */
@media(min-width:1024px){
  .process-large{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
}
.process-large b{color:#765B1E}

/* Contact form: only flag a field after the visitor has interacted
   with it or tried to submit, never on page load. */
.form input:invalid:not(:placeholder-shown),.form select:invalid,.form textarea:invalid:not(:placeholder-shown){border-color:#AEB7BC}
.form input:user-invalid,.form select:user-invalid,.form textarea:user-invalid,.form.was-submitted input:invalid,.form.was-submitted select:invalid,.form.was-submitted textarea:invalid{border-color:#9A3B2E;box-shadow:0 0 0 3px rgba(154,59,46,.12)}

/* Company capabilities: six cards as two rows of three. */
.grid.six{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1023px){.grid.six{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:599px){.grid.six{grid-template-columns:1fr}}

/* Home engineering rail on mobile: two even columns, no stray indents. */
@media(max-width:700px){
  .home-stripe .home-system-rail .home-trust-item,
  .home-stripe .home-system-rail .home-trust-item+.home-trust-item{padding:18px 14px 16px 0;border-left:0}
  .home-stripe .home-system-rail .home-trust-item:nth-child(even){padding-left:14px;border-left:1px solid rgba(238,240,239,.12)}
  .home-stripe .home-system-rail .home-trust-item:nth-child(odd){border-right:0}
}

/* Keyboard focus: visible everywhere, never removed. */
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #C99A2E;outline-offset:3px}

/* Cards inside dark sections (Technology, Performance): light text. */
.section.dark .card{background:transparent}
.section.dark .card b{color:#EEF0EF}
.section.dark .card p{color:#C7D0D5}

/* SKU title: clear space below the PRIME eyebrow. */
.product-hero .hero-copy .eyebrow+h1{margin-top:18px}


/* =========================================================
   REV 6.87 — AUDIT CORRECTIONS
   ========================================================= */

/* Technology band is dark but not .dark, so the light-surface label
   rule (REV 6.29) made its section label unreadable. */
.section.prime-technology-section .kicker{color:#9AA6AF}

/* Surface / Application band without a second photograph. */
.product-surface-stage.no-media{display:block;min-height:0}
.product-surface-stage.no-media .surface-copy{width:min(var(--max),calc(100% - 2*var(--gutter)));max-width:none;margin:0 auto;padding:clamp(48px,6vw,84px) 0;display:grid;grid-template-columns:minmax(150px,.42fr) minmax(0,3.58fr);gap:clamp(20px,4vw,48px);align-items:baseline}
.product-surface-stage.no-media .surface-copy h2{margin:0;max-width:24ch;font-size:clamp(26px,3vw,40px);line-height:1.08;letter-spacing:-.03em}
@media(max-width:767px){.product-surface-stage.no-media .surface-copy{grid-template-columns:1fr;gap:12px;padding:44px 0}}

/* Legibility floor: no running text below 11px. Scoped to the
   components that were set at 8–10px; the ® mark is left alone. */
.links a,.nav-dropdown-toggle,.nav-dropdown-menu a,.nav-enquire,
.kicker,.eyebrow,.footer-label,.footer-bottom span,.footer-brand strong,
.prime-product-nav a,.product-sku-inline span,.product-hero .product-technology,
.form label,.field-label,.form-label,
.usp-strip span,.compatibility-note b,.process-large b,.techno,.map-index,.matrix th,
.manufacturing-flow small,.world small,.node small,.product-nav small,
.prime-index,.prime-status,.prime-proposition,.prime-details summary,.prime-portfolio-count,
.home-stripe .home-index,.home-stripe .home-hero-kicker,.home-stripe .home-hero-note,.home-stripe .home-hero-note strong,
.home-stripe .home-system-panel .small,.home-stripe .home-solution .tag,.home-stripe .home-proof b,.home-stripe .home-audience b,
.home-stripe .home-trust-item b,.home-stripe .home-trust-item span{font-size:11px!important}
.links a,.nav-dropdown-toggle,.nav-enquire,.form label,.field-label,.footer-bottom span{font-size:11px!important}
.form label,.field-label{font-size:12px!important;letter-spacing:.08em}
.kicker,.eyebrow,.home-stripe .home-index,.home-stripe .home-trust-item b,.home-stripe .home-trust-item span,.manufacturing-flow small,.usp-strip span,.prime-product-nav a,.product-sku-inline span,.footer-label{font-size:11px!important}

/* Closing band labels sit on navy. */
.sales-close .wrap .kicker{color:#9AA6AF}

/* =========================================================
   REV 6.88 — CANONICAL TECHNOLOGY HEADER TREATMENT
   From the PRIME label system: one fading gold line above the
   header (none between header and graphic); the technology name is
   the bold gold phrase, the generic word is the regular white phrase.
   ========================================================= */
.prime-tech-heading-copy::before{
  content:"";display:block;width:clamp(140px,18vw,240px);height:1px;
  margin:0 0 clamp(18px,2vw,26px);
  background:linear-gradient(90deg,#C99A2E 0%,rgba(201,154,46,.55) 45%,rgba(201,154,46,0) 100%);
}
.tech-title .tech-name{color:#C99A2E;font-weight:800}
.tech-title .tech-kind{color:#EEF0EF;font-weight:400}

/* Light surfaces (Technology page table): same pairing, darkened gold
   for contrast, no line. */
.tech-title-cell .tech-name{color:#765B1E;font-weight:700}
.tech-title-cell .tech-kind{color:#081426;font-weight:400}

/* =========================================================
   REV 6.89 — SKU NAME / PROPOSITION HIERARCHY
   The SKU name carries full weight; the proposition steps back
   to a light weight so the two no longer compete.
   ========================================================= */
.product-hero .hero-copy h1{font-weight:900}
.product-hero .product-proposition{font-weight:300}

/* =========================================================
   REV 6.90 — WORDMARK + PROPOSITION BLOCK HIERARCHY
   ========================================================= */
/* Header wordmark uses the same face as the footer wordmark:
   Inter ExtraBold, tight tracking — at every breakpoint. */
header .logo,.page-prime header .logo{font-family:"Inter",sans-serif;font-weight:800;letter-spacing:-.035em}
header .logo span{letter-spacing:0;margin-left:3px}

/* Proposition block: name > proposition > descriptor > technology. */
.proposition .proposition-product{font-weight:900;font-size:clamp(40px,4.4vw,60px);line-height:.95;letter-spacing:-.05em;margin-bottom:clamp(14px,1.6vw,20px)}
.proposition h3{font-weight:300;font-size:clamp(22px,2.2vw,30px);line-height:1.12;letter-spacing:-.01em;margin:0 0 16px}
.proposition .proposition-descriptor{font-weight:400;font-size:clamp(15px,1.25vw,17px);color:#C7D0D5;margin:0 0 12px}

/* Clip sideways overflow without turning html/body into scroll
   containers, so a phone can never be panned off to the side.
   Browsers without overflow:clip keep the older hidden rule above. */
@supports (overflow:clip){html,body{overflow-x:clip}}

/* =========================================================
   REV 6.97 — PRODUCT HERO MAGNIFICATION ONLY
   Match the existing SKU proposition section hierarchy. Do
   not reinterpret typography; change only magnification.
   ========================================================= */
.product-hero .hero-copy h1{
  font-size:clamp(38px,15.9cqi,110px);
}
.product-hero .product-proposition,
.blackreset-product .product-hero .product-proposition{
  font-size:clamp(22.88px,6.38cqi,44px);
}
@media(max-width:700px){
  .product-hero .hero-copy h1{
    font-size:clamp(48px,13vw,76px);
  }
  .product-hero .product-proposition,
  .blackreset-product .product-hero .product-proposition{
    font-size:clamp(26.4px,7.57vw,36.96px);
  }
}

/* Header now stays pinned: product section menu docks directly
   below it, and in-page jumps stop below both bars. */
.prime-product-nav{top:72px}
main [id]{scroll-margin-top:88px}
main:has(.prime-product-nav) [id]{scroll-margin-top:132px}
@media(max-width:599px){
  .prime-product-nav{top:68px}
  main:has(.prime-product-nav) [id]{scroll-margin-top:122px}
}

/* =========================================================
   REV 6.91 — MOBILE MENU OPENS ON THE RIGHT
   A panel anchored to the right edge, directly under the
   hamburger, with items aligned toward it.
   ========================================================= */
@media(max-width:599px){
  header .nav{position:relative}
  .links,.links.open{
    position:absolute;top:100%;right:calc(-1 * var(--gutter));left:auto;
    grid-column:auto;grid-row:auto;
    width:min(190px,calc(100vw - 32px));
    padding:12px 16px 14px;
    gap:12px;
    align-items:flex-end;text-align:right;
    background:rgba(8,20,38,.98);
    border-left:1px solid rgba(238,240,239,.14);border-bottom:1px solid rgba(238,240,239,.14);
    box-shadow:-14px 18px 34px rgba(0,0,0,.28);
    z-index:60;
  }
  .links a,.links>a,.nav-dropdown,.nav-dropdown-toggle{width:auto;text-align:right}
  .nav-dropdown{display:flex;flex-direction:column;align-items:flex-end}
  .nav-dropdown-menu{padding:3px 14px 3px 0;text-align:right}
  .nav-dropdown-menu a{display:block}
  .nav-enquire{border-left:0;padding-left:0;margin-top:2px;border-top:1px solid rgba(238,240,239,.18);padding-top:10px!important;width:auto}
  .links.open{animation:pr-menu-in .22s ease-out}
}
@keyframes pr-menu-in{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.links.open{animation:none}}
@media(max-width:599px){
  .links,.links.open{background:#081426}
  .nav-dropdown-menu{border-left:0;border-right:1px solid rgba(238,240,239,.16)}
  .links a.active{padding-bottom:8px}
}

/* =========================================================
   REV 7.01 — HERO HIERARCHY: DESCRIPTION BELOW PROPOSITION
   Size only; typeface, weight and colour unchanged.
   Order: name > proposition > descriptor > description.
   ========================================================= */
.product-hero .product-hero-intro{font-size:17px;line-height:1.62}
@media(max-width:1023px){.product-hero .product-hero-intro{font-size:16px}}
@media(max-width:599px){.product-hero .product-hero-intro{font-size:15px;line-height:1.6}}

/* SKU names: REV 7.00 scale, capped so the longest name
   (DASHGLAZE+™) fits its column at every width. Mobile uses the
   same column-relative sizing as desktop. */
.product-hero .hero-copy h1{font-size:clamp(38px,15.5cqi,110px)}
@media(max-width:700px){.product-hero .hero-copy h1{font-size:clamp(38px,15.5cqi,76px)}}