/* Original theme is retained verbatim in original.css. These additions only widen layout and style the new product/diagram interactions. */
:root{--maxw:1380px}.wrap{padding-left:48px;padding-right:48px}.hero .wrap{grid-template-columns:1.08fr 1fr;gap:72px}.hero h1{max-width:620px;font-size:clamp(36px,3.8vw,54px)}.hero p.lead{max-width:570px}.preview-notice{font:12px var(--body);text-align:center;padding:8px;background:var(--fog);color:var(--steel)}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--signal);outline-offset:4px}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.catalog{padding-top:20px;padding-bottom:65px;scroll-margin-top:95px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}.section-top h2{font-size:30px;font-weight:600}.section-top .eyebrow{display:none}.section-top>p{font-size:14px;line-height:1.6;margin:0}.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--paper);padding:18px}.card img{width:100%;height:220px;object-fit:contain;background:var(--fog);padding:16px;border-radius:5px}.card small{font:14px var(--mono);color:var(--steel);margin-top:22px}.card h3{font-size:17px;line-height:1.5;font-weight:500;margin:9px 0 25px}.text-button{background:none;border:0;padding:0;color:var(--signal);font-size:14px;text-align:left}.card button{margin-top:auto;align-self:start}.card:hover{border-color:var(--signal)}#reset-parts{margin-top:14px}.map-zone{stroke:var(--steel);stroke-width:1.4;fill:transparent;cursor:pointer;transition:fill .2s}.map-zone:hover,.map-zone:focus,.map-zone.active{fill:rgba(61,139,212,.12);stroke:var(--signal)}.map-zone text{fill:var(--steel);stroke:none;font:10px var(--mono)}.map-zone .leader{fill:none;stroke:var(--brass);stroke-width:1}.diagram-outline{stroke-dasharray:900;stroke-dashoffset:900;animation:draw 1.8s ease forwards .2s}.component-buttons{position:relative;display:flex;gap:6px;margin-top:10px}.component-buttons button{flex:1;font:12px var(--mono);border:1px solid var(--line);background:var(--paper);color:var(--steel);border-radius:4px;padding:9px 4px}.component-buttons button:hover,.component-buttons button.active{border-color:var(--signal);color:var(--signal)}.diagram-note{position:relative;font:11px/1.6 var(--mono);color:var(--steel);margin:10px 0 0}.preview-footer{display:flex;justify-content:space-between;align-items:center;padding-top:28px;padding-bottom:30px;border-top:1px solid var(--line);font-size:13px}.dropdown{z-index:10}.item:focus-within .dropdown{opacity:1;pointer-events:auto}.trust{margin-top:0}dialog{color:var(--graphite);width:min(520px,calc(100% - 32px));border:1px solid var(--line);border-radius:10px;padding:36px;background:var(--paper)}dialog::backdrop{background:rgba(15,27,45,.55)}dialog h2{font-size:28px}dialog p{font-size:15px;line-height:1.6}dialog label{display:block;margin:17px 0 6px}dialog input,dialog textarea{width:100%;border:1px solid var(--line);padding:12px;border-radius:4px}dialog .button{width:100%;margin-top:20px;background:var(--ink);color:#fff;border:0;border-radius:6px;padding:14px}.close{position:absolute;right:15px;top:10px;background:none;border:0;font-size:28px;color:var(--ink)}#feedback{font-size:13px}@media(max-width:900px){.wrap{padding-left:24px;padding-right:24px}.hero .wrap{grid-template-columns:1fr;gap:35px}.hero{padding-top:42px}.hero h1{font-size:40px}.products{grid-template-columns:repeat(2,minmax(0,1fr))}.blueprint-frame{max-width:620px;width:100%;margin:auto}}@media(max-width:600px){.section-top{display:block}.section-top>p{margin-top:16px}.products{gap:12px}.card{padding:12px}.card img{height:150px;padding:8px}.card h3{font-size:15px}.hero h1{font-size:35px}.hero .wrap{gap:28px}.component-buttons button{font-size:11px}.preview-footer{flex-wrap:wrap;gap:20px}}@media(prefers-reduced-motion:reduce){.diagram-outline{animation:none;stroke-dashoffset:0}}
/* Navigation revision: wider spacing, original blue/grey brand. */
.site-nav{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.wide-nav{width:100%;max-width:1560px;margin:auto;min-height:100px;padding:14px 48px;display:flex;align-items:center;justify-content:space-between;gap:35px}.brand-lockup{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand-lockup .brand-symbol{width:62px;height:62px;display:block}.brand-type{display:flex;flex-direction:column;gap:8px}.brand-word{font-family:var(--display);font-size:36px;letter-spacing:-1.4px;line-height:1;font-weight:600;display:flex}.brand-word>span:first-child{color:#092d70}.brand-word>span:last-child{color:#747779;font-weight:500}.brand-caption{color:var(--steel);font-family:var(--mono);font-size:9px;letter-spacing:1.3px;line-height:1.2}.primary-links{display:flex;align-items:center;gap:38px}.primary-links a{font-size:15px;font-weight:500;color:var(--ink);padding:12px 0;position:relative}.primary-links a::after{content:'';position:absolute;bottom:4px;left:0;right:0;height:1px;background:var(--signal);transform:scaleX(0);transition:transform .2s}.primary-links a:hover::after,.primary-links a:focus-visible::after{transform:scaleX(1)}.primary-links a:hover{color:var(--steel)}.nav-enquiry{font-size:14px;padding:13px 22px}#parts,#company{scroll-margin-top:125px}@media(min-width:1600px){.wide-nav{padding-left:56px;padding-right:56px}}@media(max-width:1100px){.wide-nav{gap:20px;padding:14px 28px}.primary-links{gap:23px}.brand-word{font-size:31px}.brand-caption{font-size:8px;letter-spacing:.8px}.brand-lockup .brand-symbol{width:54px;height:54px}.nav-enquiry{padding:12px 16px}}@media(max-width:800px){.wide-nav{flex-wrap:wrap;gap:6px 15px;padding:12px 24px;min-height:0}.primary-links{order:3;width:100%;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:5px;margin-top:8px}.primary-links a{font-size:14px;padding:9px 0}.brand-word{font-size:30px}.brand-lockup .brand-symbol{width:49px;height:49px}.brand-caption{font-size:7px;letter-spacing:.6px}.nav-enquiry{font-size:12px;padding:11px 12px}#parts,#company{scroll-margin-top:145px}}@media(max-width:390px){.wide-nav{padding:10px 16px}.brand-word{font-size:26px}.brand-caption{display:none}.brand-lockup{gap:5px}.nav-enquiry{padding:10px;font-size:11px}}
/* Approved A1 geometry; deeper business colours and concept 02 wordmark type. */
.brand-word{font-family:Arial,Helvetica,sans-serif;font-weight:800;letter-spacing:-1.4px;line-height:1.1}.brand-word>span:first-child{color:#102a4c;font-weight:800}.brand-word>span:last-child{color:#484e55;font-weight:800}
/* Softer intermediate tones with restrained gradients. */
.brand-word>span:first-child{color:#234369}.brand-word>span:last-child{color:#686e75}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
.brand-word>span:first-child{background:linear-gradient(125deg,#16365c 0%,#294d79 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand-word>span:last-child{background:linear-gradient(125deg,#777c82 0%,#5b6067 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
}
@media(forced-colors:active){.brand-word>span:first-child,.brand-word>span:last-child{background:none;color:CanvasText}}
/* Stronger contrast in the wordmark gradient, matched to the vector. */
@supports ((background-clip:text) or (-webkit-background-clip:text)){
.brand-word>span:first-child{background-image:linear-gradient(125deg,#102c53 0%,#4c7caf 100%)}
.brand-word>span:last-child{background-image:linear-gradient(125deg,#999fa7 0%,#454d57 100%)}
}