:root{--ink:#252a2d;--muted:#677078;--paper:#f6f5f2;--line:#d9dcd9;--accent:#b38b57;--dark:#152b3c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{color:#987342}img{max-width:100%;display:block}header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #e8e9e6}.head{max-width:1440px;margin:auto;display:flex;align-items:center;gap:26px;padding:10px 4%}.brand{display:flex;align-items:center;margin-right:auto}.brand img{width:134px;height:70px;object-fit:contain}.nav{display:flex;gap:21px;align-items:center;font-size:13px;font-weight:600}.nav a.active{border-bottom:2px solid var(--accent)}.btn{display:inline-block;padding:13px 23px;background:var(--dark);color:#fff;font-weight:600;font-size:13px;border:1px solid var(--dark);cursor:pointer}.btn:hover{background:#304d5d;color:#fff}.btn.light{background:transparent;border-color:#fff;color:#fff}.btn.light:hover{background:#fff;color:#222}.mobile-toggle{display:none;background:none;border:0;font-size:26px}.hero{min-height:700px;background:#102331;display:flex;align-items:center;color:#fff}.hero-inner{max-width:1440px;width:100%;padding:80px 5%;margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:.21em;font-size:11px;font-weight:700}.hero h1{font-size:clamp(39px,4.7vw,74px);line-height:1.1;max-width:890px;letter-spacing:-.055em;margin:20px 0}.hero p{max-width:620px;font-size:clamp(17px,1.5vw,22px);line-height:1.55}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.section{padding:100px 5%}.wrap{max-width:1280px;margin:auto}.section.soft{background:var(--paper)}.section h2{font-size:clamp(30px,3.1vw,48px);line-height:1.15;letter-spacing:-.035em;margin:12px 0 25px}.lede{font-size:18px;color:var(--muted);max-width:740px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.tile{border:1px solid var(--line);background:#fff;overflow:hidden}.tile img{width:100%;height:260px;object-fit:cover}.tile .content{padding:26px}.tile h3{margin:0 0 8px;font-size:24px}.tile p{margin:0;color:var(--muted)}.tag{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#8a6d4b;font-weight:bold}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.split img{height:450px;width:100%;object-fit:cover}.dark{background:var(--dark);color:#fff}.dark .lede{color:#cdd8df}.dark .btn{background:#fff;color:#162d40;border-color:#fff}.stats{display:flex;gap:70px;flex-wrap:wrap;margin-top:25px}.stat strong{display:block;font-size:40px;line-height:1.1}.stat span{font-size:13px;color:var(--muted)}.page-hero{padding:115px 5% 85px;background:var(--paper)}.page-hero h1{font-size:clamp(42px,5vw,72px);letter-spacing:-.055em;line-height:1.05;max-width:900px;margin:18px 0}.note{font-size:12px;color:var(--muted);margin-top:10px}.steps{counter-reset:step;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step{padding:28px;border-top:1px solid #bfc7c9}.step:before{counter-increment:step;content:'0' counter(step);display:block;color:#9c794f;font-weight:bold;margin-bottom:18px}.step h3{margin:0}.form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form label{display:block;font-size:13px;font-weight:700}.form input,.form select,.form textarea{display:block;width:100%;padding:14px;margin-top:6px;border:1px solid #cbd1d0;font:inherit;border-radius:0}.form .full{grid-column:1/-1}.footer{padding:65px 5% 30px;background:#142633;color:#d9e0e5}.footgrid{max-width:1280px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer a{display:block;margin:7px 0}.footer small{color:#aab6bf}.footer .brand img{background:#fff}.smallprint{max-width:1280px;margin:50px auto 0;border-top:1px solid #43525d;padding-top:22px;color:#aab6bf;font-size:12px}.pill{display:inline-block;border:1px solid #ccd1d1;padding:5px 10px;font-size:11px;margin:5px 5px 0 0}.warning{background:#f4f0e7;padding:16px;border-left:3px solid #b38b57;color:#66513b;font-size:13px}button{font:inherit}@media(max-width:1050px){.nav{display:none;position:absolute;top:90px;left:0;right:0;background:white;flex-direction:column;padding:25px;align-items:flex-start;box-shadow:0 20px 25px #0001}.nav.open{display:flex}.mobile-toggle{display:block}.head>.btn{margin-left:auto}.hero{min-height:640px}}@media(max-width:700px){.head{gap:8px}.brand img{width:110px;height:58px}.head>.btn{padding:10px;font-size:11px}.hero{min-height:650px;background-position:58% center}.hero-inner{padding:90px 6%;background:linear-gradient(90deg,#132d3db8,transparent)}.hero h1{font-size:42px}.section{padding:70px 6%}.grid,.grid.three,.split,.steps,.footgrid,.form{grid-template-columns:1fr}.form .full{grid-column:auto}.page-hero{padding:80px 6%}.tile img{height:230px}.stats{gap:30px}.split img{height:300px}}

/* V6 approved architectural-neutral design refinement */
:root{--paper:#f7f7f5;--dark:#252a2d;--accent:#b1845d}body{font-family:"Avenir Next",Avenir,"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;letter-spacing:.005em}h1,h2,h3{font-weight:500}h1,h2{letter-spacing:-.045em}header{background:#f7f7f5}.head{min-height:90px}.nav{font-weight:500}.btn{background:#252a2d;border-color:#252a2d}.btn:hover{background:#454c50}.section.soft,.page-hero{background:#f7f7f5}.hero{background-position:center right}.hero-inner{max-width:1320px}.hero h1{max-width:820px}.skip-link{position:absolute;left:-9999px;top:0;background:white;color:#111;padding:12px;z-index:100}.skip-link:focus{left:8px}.systems-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}.system-item{display:grid;grid-template-columns:95px 1fr 24px;gap:18px;align-items:center;padding:22px 8px;border-bottom:1px solid #d7dbd9;min-width:0}.system-item strong{font-size:18px;font-weight:500}.system-code{font-size:10px;color:#7b8285;letter-spacing:.08em}.technical-placeholder{min-height:310px;background:#e6e8e6;border:1px solid #d4d8d6;display:flex;flex-direction:column;justify-content:center;padding:45px;color:#555}.technical-placeholder span{letter-spacing:.2em;font-size:11px}.technical-placeholder p{max-width:360px}.tile{transition:transform .2s ease,box-shadow .2s ease}.tile:hover{transform:translateY(-3px);box-shadow:0 15px 30px #0000000d}.footer .brand img{padding:6px}.note{line-height:1.5}@media(max-width:700px){.systems-list{grid-template-columns:1fr}.system-item{grid-template-columns:60px 1fr 16px;gap:8px}.system-item strong{font-size:16px}.nav-quote{font-size:10px!important}.hero h1{font-size:clamp(34px,10vw,48px)}}

.honeypot{position:absolute!important;left:-9999px!important;opacity:0!important}.form button:disabled{opacity:.65;cursor:wait}#enquiry-status{min-height:1.5em}

/* V6 visual & interaction refinement */
:root{--dark:#152b3c;--accent:#b38b57;--paper:#f7f7f5}
body{font-family:"Avenir Next","Segoe UI",Arial,sans-serif;color:#24323b}h1,h2,h3{font-family:"Avenir Next","Helvetica Neue",Arial,sans-serif;font-weight:600}p{overflow-wrap:break-word}.hero{background-position:center center}.hero h1{text-wrap:balance}.nav a,.system-item,.tile,.btn{transition:color .2s,background-color .2s,border-color .2s,transform .2s}.nav a:focus-visible,.btn:focus-visible,.system-item:focus-visible,.mobile-toggle:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b38b57;outline-offset:3px}.system-map-controls{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}.map-filter{padding:10px 18px;border:1px solid #b7c0c3;background:white;color:#23333f;cursor:pointer}.map-filter[aria-pressed=true]{background:#152b3c;color:#fff;border-color:#152b3c}.system-map-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.map-card{border:1px solid #d9dcd9;padding:22px;display:flex;flex-direction:column;gap:9px;background:#fff;min-height:180px}.map-card:hover,.map-card:focus-visible{border-color:#b38b57;box-shadow:0 8px 25px #14263316}.map-card .symbol{font-size:30px;color:#b38b57;line-height:1}.map-card small{color:#65717a}.map-card strong{font-size:16px}.map-card[hidden]{display:none!important}.map-card .map-action{margin-top:auto;color:#986f3f;font-size:12px;font-weight:700}.mobile-toggle{cursor:pointer}.form [aria-live]{grid-column:1/-1}.status-note{font-size:13px;color:#6d7073}@media(max-width:900px){.system-map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.system-map-grid{grid-template-columns:1fr}.map-card{min-height:130px}.hero{background-position:62% center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* V6.0 detailed navigation and product information */
.role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:30px}.role-grid a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:23px 20px;background:#fff;border:1px solid #d9dfe3;color:#172b3a;text-decoration:none;font-weight:600;transition:border-color .2s,transform .2s}.role-grid a:hover,.role-grid a:focus-visible{border-color:#b59659;transform:translateY(-2px)}.role-grid span{color:#a78748}.map-card .symbol{display:block;color:#233e53;margin-bottom:12px}.map-card .symbol svg{max-width:100%}.spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}.spec-grid>div{padding:20px;background:#fff;border:1px solid #e0e4e7;display:flex;flex-direction:column;gap:9px}.spec-grid span{color:#66747f;font-size:.95rem}.technical-note{font-size:.91rem;color:#64727e;max-width:760px}.map-card[hidden]{display:none!important}@media(max-width:760px){.role-grid,.spec-grid{grid-template-columns:1fr}.role-grid a{padding:18px}}

/* Accessibility and typography polish — pre-launch */
html{scroll-padding-top:110px}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{overflow-wrap:normal}a,button{touch-action:manipulation}.nav a{padding-block:8px}.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center}.btn:disabled{opacity:.55;cursor:not-allowed}.form label{line-height:1.5}.form input,.form select,.form textarea{min-height:46px;border-radius:2px}.form textarea{min-height:150px}.form input:focus,.form textarea:focus,.form select:focus{border-color:#b38b57}.tile img{background:#e9eceb}.page-hero .lede{max-width:780px}.section h2{text-wrap:balance}@media(max-width:1050px){.nav{top:100%;max-height:calc(100vh - 90px);overflow-y:auto}.head{position:relative}}@media(max-width:700px){.head{min-height:70px}.nav{max-height:calc(100vh - 70px)}.page-hero h1{font-size:clamp(36px,10vw,54px)}.hero p{font-size:17px}.section h2{font-size:clamp(30px,8vw,40px)}.tile .content{padding:22px}.footgrid{gap:25px}}

/* Final integration: retain the approved architectural typography and palette. */
:root{--font:"Avenir Next",Avenir,"Helvetica Neue",Helvetica,Arial,sans-serif}
body,h1,h2,h3{font-family:var(--font)}
h1,h2,h3{font-weight:600}
header .brand img{width:122px;height:60px}
.head{gap:clamp(12px,1.5vw,24px)}
.nav{gap:clamp(9px,1.2vw,21px)}
.nav a,.head>.btn{white-space:nowrap}
:focus-visible{outline:2px solid #9c713e;outline-offset:4px}
.hero{min-height:clamp(535px,72svh,770px)}
.hero{position:relative;isolation:isolate;background:#102331}
.hero::before,.hero::after{content:"";position:absolute;inset:0;z-index:-1}
.hero::before{left:22%;background:url("banner-b-photo.webp") center right/cover no-repeat}
.hero::after{background:linear-gradient(90deg,#102331 22%,#102331b3 35%,#10233155 60%,#10233116)}
.hero h1{font-size:clamp(39px,4.6vw,74px);max-width:900px;text-wrap:initial}
.hero .note{font-size:12px}
.section{padding-block:clamp(56px,7vw,100px)}
.page-hero{padding-block:clamp(58px,7vw,105px)}
.homepage-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.homepage-grid .tile img{height:auto;aspect-ratio:4/3}
.homepage-grid .content{padding:20px}
.homepage-grid h3{font-size:20px;line-height:1.25}
.tile img{height:auto;aspect-ratio:16/9}
.visual{margin:0;min-width:0}
.visual img,.split .visual img{width:100%;height:auto;max-height:470px;object-fit:cover;border:1px solid var(--line)}
.visual figcaption{margin-top:8px;color:var(--muted);font-size:12px}
.steps{margin-top:30px}
.application-split{margin:24px 0 38px}
.checklist{margin:0;padding-left:1.25em}
.checklist li+li{margin-top:12px}
.breadcrumbs{display:flex;gap:10px;align-items:center;margin-bottom:24px;font-size:13px}
.breadcrumbs a,.text-link{color:#334e61;text-decoration:underline;text-underline-offset:3px}
.actions .text-link{align-self:center}
.tile .text-link{display:inline-block;margin-top:12px}
.form .warning,.form #enquiry-status{margin:0}
.form #enquiry-status:empty{display:none}
.footer .brand img{padding:10px;max-width:126px;height:auto}
.mobile-toggle{min-width:44px;min-height:44px}
[hidden]{display:none!important}
@media(max-width:1050px){
  .nav{max-height:calc(100dvh - 90px);gap:2px;padding:12px 5%}
  .nav a{width:100%;padding:11px 0;min-height:44px}
}
@media(max-width:950px){.homepage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
  header .brand img{width:98px;height:48px}
  .head{gap:8px}
  .nav{max-height:calc(100dvh - 70px)}
  .hero{min-height:570px;background-position:60% center}
  .hero::before{left:0;background-position:57% center}
  .hero::after{background:linear-gradient(90deg,#132d3da8,#132d3d1a)}
  .hero-inner{padding-block:65px;background:none}
  .hero h1{font-size:clamp(32px,7.5vw,46px)}
  .split{gap:25px}
  .step{padding:20px 0}
}
@media(max-width:480px){
  .homepage-grid{grid-template-columns:1fr}
  .homepage-grid .tile img{aspect-ratio:16/10}
  .hero .actions{gap:10px}
  .hero .actions .btn{padding-inline:14px}
}

/* Product and enquiry layouts keep the next step close to the heading. */
.product-hero,.manufacturing-hero,.contact-hero{padding-block:clamp(38px,5vw,75px)}
.product-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:clamp(22px,4vw,62px);align-items:center}
.product-hero h1,.manufacturing-hero h1{font-size:clamp(36px,4.15vw,60px);text-wrap:balance;overflow-wrap:anywhere}
.product-hero .visual img{height:clamp(240px,28vw,425px);object-fit:contain;background:#fff}
.product-hero .actions{margin-top:24px}
.manufacturing-hero .factory-visual img{max-height:340px;object-fit:contain;background:#e9e9e6}
.contact-hero .warning{margin-top:20px;max-width:780px}
.enquiry-notice{color:#fff;max-width:max-content;background:#102331;padding:5px 9px}
.contact-details .split{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.enquiry-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;grid-column:1/-1;border:0;padding:0;margin:0;min-width:0}
.enquiry-fields:disabled input,.enquiry-fields:disabled select,.enquiry-fields:disabled textarea{background:#f7f7f5;color:#56616a}
.selection-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:24px 0 0;border:1px solid var(--line);background:var(--line)}
.selection-checklist div{padding:20px;background:#fff}
.selection-checklist dt{font-weight:600}
.selection-checklist dd{margin:8px 0 0;color:var(--muted)}
@media(max-width:700px){
  .hero::after{background:linear-gradient(90deg,#102331e8 0%,#102331bd 58%,#10233176 100%)}
  .hero-inner{padding-block:48px}
  .hero .eyebrow{max-width:260px;letter-spacing:.14em}
  .product-hero-grid,.contact-details .split,.enquiry-fields,.selection-checklist{grid-template-columns:1fr}
  .product-hero .visual img{height:auto;max-height:310px}
  .product-hero .actions{margin-top:20px}
}