/* Silton Rubber site stylesheet. Shared by every page; page-specific styles stay in each page. */
/* Colour palette. Every page uses these names; change a colour here and it changes site-wide. */
:root{
 --c-ink:#030B18; /* Headings and main dark text */
 --c-ink-2:#05101E; /* Dark text, secondary */
 --c-strong:#141F2F; /* Strong body text */
 --c-body:#1A2636; /* Body text */
 --c-muted:#212E3E; /* Secondary text */
 --c-subtle:#374455; /* Captions and small print */
 --c-silver:#818893; /* Large step numbers (Process page) */
 --c-line-dark:#8E98A6; /* Strong borders and outlines */
 --c-line:#B2BCC8; /* Card and table borders */
 --c-mist:#D4DAE2; /* Soft dividers */
 --c-panel:#DEE6F1; /* Grey section backgrounds */
 --c-page:#EBF1FB; /* Light section backgrounds */
 --c-paper:#F5FAFF; /* Near-white panels */
 --c-white:#FFFFFF; /* White: text on teal, buttons, form fields */
 --c-surface:#F5F8FD; /* Light panels and white sections: a paler version of --c-page (AJ, Oct 2026) */
 --c-teal:#00737E; /* Brand teal: links, labels, accents */
 --c-teal-deep:#00666F; /* Small teal text on grey */
 --c-teal-dark:#004E55; /* Dark teal: hover and pressed */
 --c-teal-bright:#0FB0BC; /* Bright teal on dark backgrounds */
 --c-teal-glow:#4FC3CB; /* Teal highlights */
 --c-night:#0B2A2E; /* Dark teal section background */
 --c-night-text:#9FB6B6; /* Text on dark teal sections */
 --c-rust:#C4621F; /* Warning / heat accent */
}
/* Phone reading sizes and stacked tables (≤600px) */
@media (max-width:600px){
html.mtune h1{font-size:1.875rem !important;line-height:1.02 !important}
html.mtune h2{font-size:1.4375rem !important;line-height:1.05 !important}
html.mtune h3{font-size:1rem !important}
html.mtune p{font-size:0.96875rem !important;line-height:1.65 !important}
html.mtune section{padding-top:40px !important;padding-bottom:40px !important}
html.mtune div[style*="font-size:4rem"]{font-size:2.375rem !important}
html.mtune [data-mcol]{position:relative;max-height:430px;overflow:hidden}
html.mtune [data-mcol="open"]{max-height:none;overflow:visible}
html.mtune [data-mcol]:not([data-mcol="open"])::after{content:"";position:absolute;left:0;right:0;bottom:0;height:110px;background:linear-gradient(180deg,rgba(240,244,248,0),rgba(240,244,248,.96));pointer-events:none}
html.mtune .mcards{display:grid;gap:3px}
html.mtune .mcard{background:var(--c-white);padding:16px 16px 6px}
html.mtune .mcard h4{margin:0 0 10px;font-size:1rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--c-teal)}
html.mtune .mrow{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-top:1px solid #EBF0F5}
html.mtune .mrow span:first-child{font-size:0.875rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--c-muted);font-weight:700}
html.mtune .mrow span:last-child{font-size:0.90625rem;color:var(--c-ink);font-weight:600;text-align:right;white-space:nowrap}
}
/* Header, menus, mobile drawer and contact bar */
/* ---- type system (Manrope throughout) ---- */
h1,
h2,
h3,
h4,
header a,
header a span,
header nav > div > span,
footer a,
footer a span,
footer > div > span:first-child,
footer > div > span:first-child span,
#gndrawer a,
#gndrawer .gndh span,
#gndrawer .gndsl,
.gnpl,
.mlbl,
a.h2,
a.h3,
div[style*="font-size:4rem"]{font-family:Manrope, sans-serif !important;font-weight:400 !important}
h1,h2,h3{letter-spacing:0.03em}

/* ---- glass header bar ---- */
header#gnhdr{position:sticky;top:14px;z-index:230;max-width:min(1360px,calc(100% - 28px));margin:14px auto 0;
 background:transparent !important;background-image:none !important;box-shadow:none !important;border:0 !important}
.gnbar{position:relative;display:flex;align-items:center;gap:16px;min-height:68px;padding:5px 14px 5px 20px;
 background:linear-gradient(135deg,rgba(15,52,57,.93),rgba(11,42,46,.90) 58%,rgba(15,52,57,.90));
 -webkit-backdrop-filter:blur(34px);backdrop-filter:blur(34px);
 border:1px solid rgba(255,255,255,.14);border-radius:31px 31px 18px 31px;
 box-shadow:inset 2px 2px 1px rgba(255,255,255,.16),inset -2px -2px 1px rgba(79,195,203,.22),inset 0 0 0 5px rgba(255,255,255,.035),0 2px 0 rgba(0,0,0,.18),0 18px 42px rgba(11,42,46,.42)}
.gnbar::before{content:"";position:absolute;left:28px;right:28px;top:1px;height:2px;border-radius:2px;pointer-events:none;
 background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.34) 22%,rgba(255,255,255,.34) 78%,rgba(255,255,255,0))}
.gnbar::after{content:"";position:absolute;right:24px;bottom:0;width:76px;height:2px;pointer-events:none;
 background:linear-gradient(90deg,rgba(23,162,174,0),var(--c-teal-bright))}
.gnlogo{display:flex;flex-direction:column;justify-content:center;min-height:44px;line-height:1;flex:0 0 auto;padding-right:18px;border-right:1px solid rgba(255,255,255,.10)}
.gnnav{display:flex;align-items:center;gap:2px;flex-wrap:nowrap;min-height:0;padding:0;margin:0;max-width:none}
.gnitem{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:10px 12px;border-radius:14px;
 font-size:0.9375rem;letter-spacing:0.08em;text-transform:uppercase;font-weight:600;color:var(--c-night-text);white-space:nowrap;
 transition:background .16s ease,box-shadow .16s ease}
.gnitem:hover{background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.04));
 box-shadow:inset 1px 1px 0 rgba(255,255,255,.20),inset -1px -1px 0 rgba(0,0,0,.20)}
.gnpar{padding-right:28px}
.gnpar::before{content:"";position:absolute;right:12px;top:50%;margin-top:-2px;border:4px solid transparent;border-top-color:currentColor;opacity:.85}
.gnitem.gnon{color:var(--c-teal-bright)}
.gnitem.gnon::after{content:"";position:absolute;left:12px;right:12px;bottom:7px;height:2px;background:var(--c-teal-bright)}
.gndd{position:relative}
.gndd::after{content:"";position:absolute;left:0;right:0;top:100%;height:12px}
.gnpanel{position:absolute;left:0;top:calc(100% + 10px);min-width:252px;padding:15px;z-index:5;
 opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease,visibility .18s;
 background:linear-gradient(145deg,rgba(15,52,57,.97),rgba(11,42,46,.95) 55%,rgba(15,52,57,.95));
 -webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);
 border:1px solid rgba(255,255,255,.16);border-radius:23px 23px 14px 23px;
 box-shadow:inset 2px 2px 1px rgba(255,255,255,.14),inset -2px -2px 1px rgba(79,195,203,.20),0 26px 65px rgba(11,42,46,.50)}
.gndd:hover .gnpanel,.gndd:focus-within .gnpanel{opacity:1;visibility:visible;transform:translateY(0)}
.gnpl{margin:3px 10px 8px;font-size:0.875rem;letter-spacing:0.08em;text-transform:uppercase;color:#3F4F4F;font-weight:700}
.gnpi{display:block;padding:11px 12px;border-radius:12px;font-size:0.9375rem;letter-spacing:0.08em;text-transform:uppercase;
 font-weight:600;color:#AEBDD2;white-space:nowrap;transition:padding-left .16s ease,background .16s ease}
.gnpi:hover{padding-left:15px;background:rgba(255,255,255,.08)}
.gnpi.gnon{color:var(--c-teal-bright)}
.gncta{position:relative;margin-left:auto;display:inline-flex;align-items:center;min-height:47px;padding:0 24px;
 background:var(--c-teal-bright);color:var(--c-white);font-size:0.875rem;letter-spacing:0.08em;text-transform:uppercase;font-weight:700;white-space:nowrap;
 border-radius:17px;border:1px solid rgba(255,255,255,.28);
 box-shadow:inset 1px 1px 0 rgba(255,255,255,.30),inset -1px -1px 0 rgba(0,0,0,.18),0 13px 29px rgba(11,42,46,.28)}
#gnbtn{display:none;margin-left:auto;flex:0 0 auto;width:48px;height:48px;padding:0;cursor:pointer;
 align-items:center;justify-content:center;border-radius:16px;border:1px solid rgba(255,255,255,.20);
 background:linear-gradient(160deg,rgba(255,255,255,.17),rgba(255,255,255,.05));
 box-shadow:inset 1px 1px 0 rgba(255,255,255,.24),inset -1px -1px 0 rgba(0,0,0,.18)}
#gnbtn > span{display:block;width:20px;height:2px;background:var(--c-white);box-shadow:0 6px 0 var(--c-white),0 -6px 0 var(--c-white)}

/* ---- mobile drawer ---- */
#gnovl{position:fixed;inset:0;background:rgba(11,42,46,.55);z-index:210;display:none}
html.gn-open #gnovl{display:block}
html.gn-open,html.gn-open body{overflow:hidden !important}
#gndrawer{display:none}
.gndh{padding:25px 0 22px;border-bottom:1px solid rgba(255,255,255,.10);flex:0 0 auto}
.gndh > span:first-child{display:block;font-size:1.5rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--c-white);white-space:nowrap}
.gndh > span:last-child{display:block;font-size:0.875rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--c-night-text);margin-top:5px}
.gndl{display:flex;align-items:center;min-height:50px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.10);
 font-size:1.25rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--c-white);flex:0 0 auto}
.gndl.gnon{color:var(--c-teal-bright)}
.gndsub{display:flex;flex-direction:column;margin:12px 0 14px;padding-left:16px;border-left:2px solid var(--c-teal-bright);flex:0 0 auto}
.gndsl{font-size:0.875rem;letter-spacing:0.08em;text-transform:uppercase;color:#3F4F4F;padding-bottom:4px}
.gndsub a{display:flex;align-items:center;min-height:44px;padding:13px 0;font-size:1rem;letter-spacing:0.08em;
 text-transform:uppercase;color:#AEBDD2}
.gndsub a.gnon{color:var(--c-teal-bright)}
.gndcta{display:flex;align-items:center;justify-content:center;min-height:54px;margin-top:20px;flex:0 0 auto;
 background:var(--c-teal-bright);color:var(--c-white);font-size:1rem;letter-spacing:0.08em;text-transform:uppercase;
 border-radius:17px;border:1px solid rgba(255,255,255,.28);box-shadow:inset 1px 1px 0 rgba(255,255,255,.30)}

/* ---- sticky action pill + back to top ---- */
#mbot{position:fixed;right:14px;bottom:14px;z-index:180;display:flex;gap:8px}
#mbot a{display:flex;align-items:center;justify-content:center;width:56px;min-height:56px;text-decoration:none;
 color:var(--c-white);border-radius:17px;border:1px solid rgba(255,255,255,.22);
 background:linear-gradient(160deg,rgba(15,52,57,.94),rgba(11,42,46,.90));
 -webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);
 box-shadow:inset 1px 1px 0 rgba(255,255,255,.22),inset -1px -1px 0 rgba(79,195,203,.20),0 13px 29px rgba(11,42,46,.35);
 transition:transform .16s ease,background .16s ease}
#mbot a:hover{transform:translateY(-2px)}
#mbot a.wa{background:var(--c-teal)}
#mbot a.tel{display:none}
#mbot svg{width:27px;height:27px;display:block;fill:currentColor}
#mtop{display:none}

@media (max-width:1000px){
 header#gnhdr{top:10px;margin-top:10px;max-width:calc(100% - 20px)}
 .gnbar{min-height:60px;padding:5px 8px 5px 16px;border-radius:26px 26px 16px 26px;gap:10px}
 .gnbar::before{left:22px;right:22px}
 .gnlogo{border-right:0;padding-right:0}
 .gnlogo > span:first-child{font-size:1.625rem !important;letter-spacing:0.08em !important}
 .gnlogo > span:last-child{font-size:0.875rem !important;letter-spacing:0.08em !important;margin-top:1px !important}
 .gnnav,.gncta{display:none !important}
 #gnbtn{display:inline-flex !important}
 #gndrawer{display:flex;flex-direction:column;position:fixed;top:10px;right:10px;bottom:10px;width:min(90vw,410px);
  z-index:240;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:0 25px 30px;box-sizing:border-box;
  border-radius:30px;border:1px solid rgba(255,255,255,.16);
  background:linear-gradient(155deg,rgba(15,52,57,.98),rgba(11,42,46,.96) 55%,rgba(15,52,57,.96));
  -webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);
  box-shadow:inset 2px 2px 1px rgba(255,255,255,.14),inset -2px -2px 1px rgba(79,195,203,.20),0 25px 80px rgba(11,42,46,.60);
  transform:translateX(calc(100% + 24px));opacity:0;pointer-events:none;
  transition:transform .26s cubic-bezier(.2,.7,.2,1),opacity .26s cubic-bezier(.2,.7,.2,1)}
 html.gn-open #gndrawer{transform:none;opacity:1;pointer-events:auto}
 #mbot{left:10px;right:10px;bottom:10px}
 #mbot a{flex:1}
 #mbot a.tel{display:flex}
 html.gn-ready body{padding-bottom:82px}
 #mtop{position:fixed;right:14px;bottom:76px;z-index:170;width:46px;height:46px;align-items:center;justify-content:center;
  background:rgba(11,42,46,.9);color:var(--c-white);border:1px solid rgba(255,255,255,.18);border-radius:14px;
  font:700 18px/1 inherit;cursor:pointer;display:none}
 #mtop.on{display:flex}
}
@media (min-width:1001px) and (max-width:1240px){
 .gnbar{gap:10px;padding-left:16px}
 .gnlogo{padding-right:14px}
 .gnlogo > span:first-child{font-size:2rem !important;letter-spacing:0.08em !important}
 .gnlogo > span:last-child{font-size:0.875rem !important;letter-spacing:0.08em !important}
 .gnitem{padding:10px 9px;font-size:0.875rem;letter-spacing:0.08em}
 .gnpar{padding-right:24px}
 .gnpar::before{right:9px}
 .gnitem.gnon::after{left:9px;right:9px}
 .gncta{padding:0 18px;font-size:0.875rem}
}
@media (max-width:520px){
 .gnlogo > span:last-child{display:none !important}
}
@media (prefers-reduced-motion: reduce){
 #gndrawer,.gnpanel,.gnitem,.gnpi{transition:none !important}
}

/* ---- carried over from the previous mobile tuning ---- */
:target,[id]{scroll-margin-top:96px}
@media (max-width:900px){
 :target,[id]{scroll-margin-top:86px}
 html.gn-ready body{background-attachment:scroll !important}
 html.gn-ready h1,html.gn-ready h2,html.gn-ready h3{text-wrap:balance}
 html.gn-ready svg text[font-size="9"]{font-size:0.875rem}
 html.gn-ready svg text[font-size="10"]{font-size:0.875rem}
 html.gn-ready svg text[font-size="11"]{font-size:0.9375rem}
 html.gn-ready svg text[font-size="13"]{font-size:1.0625rem}
 html.gn-ready svg text[font-size="15"]{font-size:1.1875rem}
 html.gn-ready svg text[font-size="17"]{font-size:1.3125rem}
 html.gn-ready svg text{letter-spacing:.5px !important}
}
@media (max-width:600px){
 html.gn-ready .h6{grid-template-columns:1fr !important}
 html.gn-ready .h6 > div:first-child{min-height:44px;font-size:1.875rem !important;justify-content:flex-start !important;padding:4px 19px}
 html.gn-ready .h6 > div:last-child{padding:20px 19px 22px !important}
 html.gn-ready div[style*="grid-template-columns:120px 1fr"]{grid-template-columns:1fr !important;gap:10px !important}
}
/* Base components */
/* Silton redesign with Manrope throughout. */
:root{--ink:var(--c-ink);--teal:var(--c-teal)}
body{font-size:1rem;line-height:1.65}
html body,body :where(*),body ::before,body ::after{font-family:Manrope,sans-serif!important}
h1,h2,h3,h4{text-transform:none!important;text-wrap:balance}
h1{font-size:clamp(2.25rem,4.4vw,4rem)!important;line-height:1.12!important;letter-spacing:-.035em!important}
h2{font-size:clamp(1.875rem,3.1vw,2.75rem)!important;line-height:1.2!important;letter-spacing:-.025em!important;max-width:24ch}
h3{font-size:1.375rem!important;line-height:1.35!important;letter-spacing:-.025em!important}
h4{font-size:1.125rem!important;line-height:1.4!important;letter-spacing:-.015em!important}
p{font-weight:400!important}p,li{font-size:1rem!important;line-height:1.75!important}
.gnlogo{border:0;padding-right:24px}
.gnlogo>span:first-child{font-size:1.625rem!important;letter-spacing:-.065em!important;color:var(--ink)!important;font-weight:800!important;text-transform:none!important}
.gnlogo>span:first-child>span{color:var(--teal)!important;font-weight:500!important;margin-left:5px}
.gnlogo>span:last-child{font-size:.875rem!important;letter-spacing:.06em!important;color:#434D5B!important;margin-top:8px!important}
.gnitem{font-size:.875rem;letter-spacing:0;text-transform:none;color:#404E5F;min-height:44px;box-sizing:border-box;border-radius:4px;padding:10px}.gnitem.gnon{color:var(--teal)}
.gnpi{color:#394758;font-size:.875rem;letter-spacing:0;text-transform:none;border-radius:3px}.gndl,.gndsub a{letter-spacing:0;text-transform:none}
main>section{scroll-margin-top:110px}
main>section[aria-label="Hero"]>div{padding-top:76px!important;padding-bottom:80px!important;gap:48px!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important}
main>section[aria-label="Hero"] h1{max-width:14ch}main>section[aria-label="Hero"] h1 span{display:inline!important}
main>section[aria-label="Hero"] p{font-size:1.125rem!important;line-height:1.7!important;max-width:47ch!important;color:var(--c-body)!important}
main>section[aria-label="Hero"] [data-reveal]{border-radius:6px;aspect-ratio:1/1}main>section[aria-label="Hero"] img{height:100%!important;object-fit:cover}
main>section[aria-label="Hero"] span[style*="white-space"]{white-space:normal!important;font-size:.875rem!important;letter-spacing:.06em!important}
a.h2,
a.h3{border-radius:4px;font-size:.9375rem!important;letter-spacing:0!important;text-transform:none!important;padding:16px 23px!important;line-height:1.4}
.hgrid{gap:20px}.hgrid article{border:1px solid #DEE6F2!important;border-radius:6px;transition:transform .2s,border-color .2s}.hgrid article:hover{transform:translateY(-3px);border-color:var(--teal)!important;background:var(--c-white)!important}
section[aria-label="Worth knowing"]>div>div:last-child{gap:24px!important}section[aria-label="Worth knowing"]>div>div:last-child>div{border-left:0!important;border-top:2px solid var(--teal);border-radius:0 0 6px 6px}section[aria-label="Worth knowing"] h3{font-size:1.25rem!important}
input:not([type=range]):not([type=checkbox]):not([type=radio]),textarea,select{border-radius:4px}
input,select,textarea,button{font-size:1rem!important;line-height:1.5!important}label,th,td,summary,.mlbl,.gnpl,.gnpi,.gnitem,.gncta{font-size:.875rem;line-height:1.5}
details{border-radius:4px}summary{font-size:1.0625rem!important;line-height:1.5}summary span{font-size:inherit!important;letter-spacing:0!important;text-transform:none!important}img{animation:none!important}:focus-visible{outline:3px solid var(--c-teal)!important;outline-offset:4px!important}
.mrow span:first-child,.mrow span:last-child{font-size:.875rem!important}
@media(min-width:1001px) and (max-width:1240px){.gnlogo{padding-right:8px}.gnitem{padding:10px 8px;font-size:.875rem}}
@media(max-width:1000px){.gnlogo>span:first-child{font-size:1.625rem!important}.gnlogo>span:last-child{font-size:.875rem!important}}
@media(max-width:760px){main>section[aria-label="Hero"]>div{grid-template-columns:minmax(0,1fr)!important;padding-top:42px!important;padding-bottom:44px!important;gap:30px!important}main>section[aria-label="Hero"] h1{max-width:18ch}main>section[aria-label="Hero"] [data-reveal]{aspect-ratio:4/3}html.mtune h1,main>section[aria-label="Hero"] h1{font-size:clamp(2.125rem,8vw,3rem)!important;line-height:1.15!important}html.mtune h2{font-size:1.875rem!important;line-height:1.2!important}html.mtune h3{font-size:1.25rem!important;line-height:1.35!important}html.mtune p{font-size:1rem!important;line-height:1.75!important}main>section[aria-label="Hero"] p{font-size:1.0625rem!important}.gnlogo>span:first-child{font-size:1.5rem!important}.gnlogo>span:last-child{font-size:.875rem!important}.gndsub a{font-size:1rem;line-height:1.5}a.h2,a.h3{white-space:normal!important}.hgrid{gap:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Original glass surfaces; Manrope wordmarks and compact product navigation. */
.gnlogo>span:first-child{color:var(--c-white)!important}
.gnlogo>span:last-child{color:var(--c-night-text)!important}
.gnitem{color:#BACADE}.gnitem.gnon{color:var(--c-teal-glow)}
.gnitem:hover{color:var(--c-white)!important}
.gnpar{padding-right:28px}
.gnpi{color:#C5D5EB}
.gncta,.gndcta{letter-spacing:0;text-transform:none;font-size:.875rem}
#gndrawer .gndh>span:first-child{font-family:Manrope,sans-serif!important;font-size:1.5rem!important;font-weight:800!important;letter-spacing:-.065em!important;text-transform:none!important;line-height:1.2}
#gndrawer .gndh>span:first-child>span{font-family:Manrope,sans-serif!important;font-weight:500!important;margin-left:5px;letter-spacing:-.065em!important;text-transform:none!important;color:var(--c-teal)!important}
#gndrawer .gndh>span:last-child{font-size:.875rem;letter-spacing:.06em}
.gndsub{flex-direction:row;flex-wrap:wrap;gap:8px;margin:12px 0 18px;padding-left:0;border-left:0}
.gndsl{flex-basis:100%;font-size:.875rem;letter-spacing:.06em}
.gndsub a,.gnpanel .gnpi{display:inline-flex;align-items:center;justify-content:center;width:fit-content;max-width:100%;box-sizing:border-box;min-height:44px;padding:8px 12px;font-size:.875rem;line-height:1.35;letter-spacing:0;text-transform:none;white-space:normal;border:1px solid #ffffff26;border-radius:10px;background:#ffffff0a}
.gnpanel{min-width:0;width:260px;padding:12px;display:flex;flex-wrap:wrap;gap:8px}
.gnpanel .gnpl{flex-basis:100%;margin:0 0 2px}
.gnpanel .gnpi:hover,.gndsub a:hover{padding-left:12px;background:#ffffff18;color:var(--c-white)}
/* Footer wordmark matches the header and drawer. */
footer>div>span:first-child{font-family:Manrope,sans-serif!important;font-size:1.5rem!important;font-weight:800!important;letter-spacing:-.065em!important;text-transform:none!important;line-height:1.2}
footer>div>span:first-child>span{font-family:Manrope,sans-serif!important;font-weight:500!important;letter-spacing:-.065em!important;text-transform:none!important;margin-left:5px;color:var(--c-teal)!important}

/* Frosted glass: navigation surfaces only. */
.gnbar,#gndrawer,.gnpanel,footer,#mbot a,#mtop{
 background:linear-gradient(135deg,rgba(255,255,255,.60),rgba(226,243,255,.30) 42%,rgba(199,215,237,.34))!important;
 -webkit-backdrop-filter:blur(28px) saturate(160%)!important;
 backdrop-filter:blur(28px) saturate(160%)!important;
 border:1px solid rgba(255,255,255,.72)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 1px 0 0 rgba(255,255,255,.50),inset 0 -1px 0 rgba(43,99,101,.14),0 12px 36px rgba(16,58,61,.16)!important;
}
.gnbar{border-radius:28px!important}
.gnbar::before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent)!important}
.gnbar::after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.80))!important}
#gndrawer{border-radius:30px!important}
#gnovl{background:rgba(23,30,38,.05)!important}
footer{border-left:0!important;border-right:0!important;border-bottom:0!important}
.gnlogo>span:first-child,#gndrawer .gndh>span:first-child,footer>div>span:first-child{color:#123d40!important}
.gnlogo>span:last-child,#gndrawer .gndh>span:last-child,footer>div>span:not(:first-child){color:#305254!important}
.gnitem,.gndl,.gndsub a,.gnpi,footer a:not([href="contact.html"]){color:#234e51!important}
.gnpl,.gndsl{color:#335152!important}
.gnlogo,.gndh,.gndl{border-color:rgba(37,96,99,.16)!important}
.gnitem.gnon,.gndl.gnon,.gnitem[aria-current="page"],.gndl[aria-current="page"]{color:#075b64!important;background:rgba(255,255,255,.40)!important}
.gnitem:hover,.gndl:hover,.gnpi:hover,footer .h1:hover{color:#063f46!important;background:rgba(255,255,255,.52)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.65)}
.gncta,.gndcta,footer a[href="contact.html"]{
 background:linear-gradient(145deg,rgba(17,123,133,.88),rgba(8,87,98,.92))!important;
 color:var(--c-white)!important;border:1px solid rgba(255,255,255,.50)!important;border-radius:16px!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.48),0 5px 16px rgba(17,77,82,.15)!important;
}
#gnbtn{background:rgba(255,255,255,.28)!important;border:1px solid rgba(255,255,255,.70)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important}
#gnbtn>span{background:#19494d!important;box-shadow:0 6px 0 #19494d,0 -6px 0 #19494d!important}
#mbot a,#mtop{color:#124d54!important;border-radius:18px!important}
#mbot a:hover,#mtop:hover{background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(221,238,255,.56))!important}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 .gnbar,#gndrawer,.gnpanel,footer,#mbot a,#mtop{background:linear-gradient(135deg,#EDF6FF,#D7E7FD)!important}
}
@media(prefers-reduced-transparency:reduce){
 .gnbar,#gndrawer,.gnpanel,footer,#mbot a,#mtop{background:#E3F0FF!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
}
/* Compact phone menu: content height, with scrolling only on short screens. */
@media(max-width:1000px){
 #gndrawer{bottom:auto;height:auto;max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px);width:min(88vw,360px);padding:0 20px 18px;overflow-y:auto;overscroll-behavior:contain}
 #gndrawer .gndh{padding:18px 0 14px}
 #gndrawer .gndl{box-sizing:border-box;min-height:48px;padding:10px 0;font-size:1rem;line-height:1.5}
 #gndrawer .gndcta{box-sizing:border-box;min-height:46px;margin-top:14px;padding:10px 18px!important;font-size:1rem!important;line-height:1.5}
}
/* Audit fixes: subtitles remain separate; media cannot widen a phone grid. */
main>section[aria-label="Hero"] h1>span[style*="font-size"]{display:block!important;font-size:clamp(1.125rem,1.6vw,1.5rem)!important;line-height:1.45!important;letter-spacing:0!important;margin-top:16px}
h2[style*="text-align:center"],section[style*="text-align:center"] h2{margin-left:auto!important;margin-right:auto!important}
main>section[aria-label="Hero"]>div>div{min-width:0}
@media(max-width:760px){
 main>section[aria-label="Hero"] [data-reveal]{min-height:0!important}
 main>section[aria-label="Hero"] img{min-height:0!important;max-width:100%}
}
@media(max-width:1000px){
 #gndrawer{visibility:hidden}
 html.gn-open #gndrawer{visibility:visible}
}
/* Shared glass action buttons. */
body .sbtn{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px;
 box-sizing:border-box!important;min-height:50px!important;max-width:100%;padding:14px 24px!important;
 border-radius:16px!important;border:1px solid rgba(255,255,255,.65)!important;
 font-size:.9375rem!important;font-weight:650!important;line-height:1.45!important;letter-spacing:0!important;text-transform:none!important;text-align:center!important;
 cursor:pointer;text-decoration:none!important;white-space:normal!important;
 -webkit-backdrop-filter:blur(18px) saturate(145%);backdrop-filter:blur(18px) saturate(145%);
 transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;
}
body .sbtn-primary,body .sbtn-primary:hover{
 background:linear-gradient(145deg,rgba(21,139,149,.96),rgba(7,92,103,.98))!important;color:var(--c-white)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(0,49,56,.2),0 5px 14px rgba(9,87,94,.18)!important;
}
body .sbtn-secondary,body .sbtn-secondary:hover{
 background:linear-gradient(140deg,rgba(255,255,255,.88),rgba(220,236,255,.76))!important;color:#164e53!important;
 border-color:rgba(40,113,117,.28)!important;
 box-shadow:inset 0 1px 0 var(--c-white),0 4px 12px rgba(27,77,77,.10)!important;
}
@media(hover:hover){body .sbtn:hover{transform:translateY(-2px);filter:brightness(1.04)}}
body .sbtn:active{transform:translateY(1px) scale(.985);filter:brightness(.97)}
body .sbtn svg{flex-shrink:0}
#picker button:not(.sbtn){border-radius:12px!important;letter-spacing:0!important;text-transform:none!important;box-shadow:inset 0 1px 0 #ffffff66;transition:box-shadow .16s}
[data-faq-btn]{border-radius:14px!important;background:linear-gradient(135deg,#ffffff99,#E6F2FF4d)!important;border:1px solid #ffffff8c!important}
[data-faq-btn]>span:first-child{text-transform:none!important;letter-spacing:0!important;line-height:1.5!important}
/* Option 2: separate, labelled contact buttons. */
#mbot{gap:8px!important}
#mbot a{border:1px solid #ffffffed!important;border-radius:20px!important;background:linear-gradient(145deg,#fffffff2,#DBEBFFe0)!important;box-shadow:inset 0 1px 0 white,0 7px 20px #16484a35!important;-webkit-backdrop-filter:blur(24px) saturate(160%)!important;backdrop-filter:blur(24px) saturate(160%)!important;color:#154f54!important}
#mbot a.wa,#mbot a.wa:hover{background:linear-gradient(145deg,#168e96,#07646e)!important;color:var(--c-white)!important;border-color:#ffffff88!important}
#mbot .contact-label{display:none}
#mbot a:active{transform:scale(.96)}
@media(max-width:1000px){
 #mbot{left:12px!important;right:12px!important;bottom:calc(14px + env(safe-area-inset-bottom,0px))!important}
 #mbot a{box-sizing:border-box;flex:1;flex-direction:column;gap:5px;width:auto!important;min-height:64px!important;padding:10px 8px!important;text-decoration:none!important;font-size:.8125rem!important;font-weight:700!important;line-height:1.2!important;letter-spacing:0!important}
 #mbot .contact-label{display:block}
 #mbot svg{width:23px!important;height:23px!important;flex-shrink:0}
 html.gn-ready body{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))!important}
 #mtop{bottom:calc(94px + env(safe-area-inset-bottom,0px))!important}
 #gndrawer .gndcta{min-height:46px!important;padding:10px 18px!important}
}
@media(max-width:600px){
 main>section[aria-label="Hero"] .sbtn{width:100%}
}
@media(prefers-reduced-motion:reduce){body .sbtn{transition:none!important}body .sbtn:hover,body .sbtn:active{transform:none}}
@media(prefers-reduced-transparency:reduce){body .sbtn-secondary,#mbot a:not(.wa),[data-faq-btn]{background:#E3F0FF!important;backdrop-filter:none!important}}
/* Clear contact contrast and a narrower, gently highlighted menu. */
#mbot a:not(.wa),#mbot a:not(.wa):hover{
 background:linear-gradient(145deg,rgba(18,100,111,.98),rgba(8,67,80,.99))!important;
 color:var(--c-white)!important;border-color:rgba(255,255,255,.65)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.40),0 7px 20px rgba(8,53,64,.30)!important;
}
#gndrawer .gndl{border-bottom:0!important;border-radius:12px;padding-left:12px;padding-right:12px}
#gndrawer .gndl.gnon,#gndrawer .gndl[aria-current="page"]{background:rgba(13,121,133,.13)!important;color:#075b64!important;box-shadow:inset 0 0 0 1px rgba(13,121,133,.14)}
#gndrawer .gndl:hover{background:rgba(13,121,133,.07)!important;box-shadow:none}
#gndrawer .gndcta{align-self:flex-start;width:auto;min-width:128px}
@media(max-width:1000px){
 #gndrawer{width:min(80vw,304px);padding:0 16px 16px}
 #gndrawer .gndh{padding-left:10px;padding-right:10px}
 #gndrawer .gndl{padding:10px 12px}
 #gndrawer .gndcta{margin-left:10px;padding:10px 24px!important}
}
@media(min-width:1001px) and (max-width:1240px){
 .gnbar{gap:8px;padding-left:16px;padding-right:10px}
 .gnlogo{padding-right:8px}
 .gnitem{padding-left:7px;padding-right:7px;font-size:.875rem}
 .gncta.sbtn{padding-left:16px!important;padding-right:16px!important}
}
/* Neutral menu glass and a compact, single-colour contact row. */
#gndrawer{
 background:linear-gradient(135deg,rgba(255,255,255,.48),rgba(255,255,255,.38))!important;
 -webkit-backdrop-filter:blur(12px) saturate(85%)!important;
 backdrop-filter:blur(12px) saturate(85%)!important;
 border-color:rgba(255,255,255,.9)!important;
 box-shadow:inset 0 1px 0 var(--c-white),inset 1px 0 0 rgba(255,255,255,.65),0 12px 36px rgba(0,0,0,.14)!important;
}
#gndrawer .gndl:not(.gnon):not([aria-current="page"]){background:transparent!important;color:#15383b!important;font-weight:600;text-shadow:0 1px 1px rgba(255,255,255,.4)}
#gndrawer .gndl:not(.gnon):not([aria-current="page"]):hover{background:rgba(255,255,255,.6)!important}
#mbot a,#mbot a.wa,#mbot a:not(.wa),#mbot a:hover,#mbot a.wa:hover,#mbot a:not(.wa):hover{
 background:#086b76!important;color:var(--c-white)!important;border:1px solid rgba(255,255,255,.55)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 3px 9px rgba(0,0,0,.18)!important;
}
@media(max-width:1000px){
 #mbot{left:8px!important;right:8px!important;bottom:env(safe-area-inset-bottom,0px)!important;gap:6px!important}
 #mbot a{min-height:48px!important;padding:5px 8px!important;gap:3px!important;border-radius:13px!important}
 #mbot svg{width:20px!important;height:20px!important}
 #mbot .contact-label{font-size:.8125rem;line-height:1.15}
 html.gn-ready body{padding-bottom:calc(62px + env(safe-area-inset-bottom,0px))!important}
 #mtop{bottom:calc(60px + env(safe-area-inset-bottom,0px))!important}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){#gndrawer{background:#f7f7f7!important}}
@media(prefers-reduced-transparency:reduce){#gndrawer{background:#f7f7f7!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}
/* Matching dark translucent glass on all three contact actions. */
#mbot a,#mbot a.wa,#mbot a:not(.wa),#mbot a:hover,#mbot a.wa:hover,#mbot a:not(.wa):hover{
 background:linear-gradient(145deg,rgba(12,76,86,.65),rgba(5,39,49,.76))!important;
 color:var(--c-white)!important;border:1px solid rgba(255,255,255,.48)!important;
 -webkit-backdrop-filter:blur(22px) saturate(135%)!important;
 backdrop-filter:blur(22px) saturate(135%)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.38),inset 0 -1px 0 rgba(0,0,0,.12),0 3px 10px rgba(16,27,42,.22)!important;
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 #mbot a,#mbot a.wa,#mbot a:not(.wa){background:#164e59!important}
}
@media(prefers-reduced-transparency:reduce){
 #mbot a,#mbot a.wa,#mbot a:not(.wa){background:#164e59!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
}
/* Permanent navigation on every page, independent of section scroll bounds. */
header#gnhdr{
 position:fixed!important;top:14px!important;left:14px!important;right:14px!important;
 width:auto!important;max-width:1360px!important;margin:0 auto!important;
 z-index:230!important;visibility:visible!important;opacity:1!important;transform:none!important;
}
body{padding-top:var(--site-header-space,110px)!important}
html{scroll-padding-top:var(--site-header-space,110px)}
main [id]{scroll-margin-top:16px}
#mbot{position:fixed!important;z-index:250!important;visibility:visible!important;opacity:1!important;transform:none!important}
@media(max-width:1000px){header#gnhdr{top:10px!important;left:10px!important;right:10px!important}}
/* Short homepage: existing surfaces, a compact product overview and clear next steps. */
.home-inner{max-width:1160px;margin:0 auto}
.home-summary h2{font-size:clamp(1.875rem,3.2vw,2.75rem);line-height:1.2;margin:12px 0 20px}
.home-summary p{max-width:760px;font-size:1.0625rem;line-height:1.7;color:var(--c-body);margin:0 0 24px}
.home-eyebrow{font-size:.875rem;font-weight:700;color:var(--c-teal);letter-spacing:.06em;text-transform:uppercase}
.home-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:28px 0}
.home-trust h3{font-size:1.25rem;line-height:1.35}
.home-trust a,.home-links a{color:var(--c-teal);font-weight:700}
.home-short .home-products{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
.reading-group{min-width:0;scroll-margin-top:110px}
.reading-toggle{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;margin:4px 0 12px;border:0;background:transparent;color:var(--c-teal);font:700 .875rem/1.4 Manrope,sans-serif;cursor:pointer}
.reading-toggle[hidden]{display:none!important}
@media(max-width:600px){
 .reading-collapsed{max-height:var(--reading-height);overflow:hidden}
 .reading-collapsed>p:first-child{margin-top:0!important}
 .home-short>section{padding-top:36px!important;padding-bottom:36px!important}
 .home-short .home-products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
 .home-short .home-products h3{font-size:.9375rem!important;line-height:1.35!important}
 .home-short .home-products article>div:last-child{padding:12px!important}
 .home-trust{grid-template-columns:1fr;gap:8px}
 .home-trust article{padding-bottom:16px;border-bottom:1px solid var(--c-line-dark)}
 .home-short .home-links{font-size:.875rem!important;line-height:2!important}
}
.home-short .home-products .sbtn-primary span{color:var(--c-white)!important}
/* Compact mobile hero spacing and a consistent footer navigation grid. */
@media(max-width:600px){
 main.home-short>section[aria-label="Hero"]{padding-top:0!important}
 main.home-short>section[aria-label="Hero"]>div{padding-top:6px!important}
}
footer{align-items:flex-start!important;gap:28px 48px!important}
footer>div:first-child{flex:1 1 280px;gap:10px!important}
footer>div:first-child>span:not(:first-child){font-size:.8125rem!important;line-height:1.6!important;letter-spacing:.01em!important;font-weight:500!important;max-width:380px}
footer [aria-label="Footer"]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 24px!important;align-items:start!important;width:min(100%,420px)}
footer [aria-label="Footer"] a{display:flex!important;align-items:center!important;justify-content:flex-start!important;min-height:44px!important;margin:0!important;padding:8px 0!important;font-size:.9375rem!important;line-height:1.4!important;letter-spacing:0!important;text-transform:none!important;white-space:normal!important;text-align:left!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#234e51!important;transform:none!important}
footer [aria-label="Footer"] a:hover,footer [aria-label="Footer"] a[aria-current="page"]{background:transparent!important;box-shadow:none!important;color:#063f46!important;text-decoration:underline;text-underline-offset:5px}
@media(max-width:600px){
 footer{padding:28px 5% 20px!important;gap:20px!important}
 footer>div:first-child{flex-basis:100%}
 footer [aria-label="Footer"]{width:100%;gap:2px 20px!important;padding-top:16px;border-top:1px solid rgba(54,91,94,.16)}
}
footer [aria-label="Footer"] a::before,footer [aria-label="Footer"] a::after{display:none!important} footer [aria-label="Footer"] a{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
/* Approved footer: aligned navigation, quiet arrows and legal details below. */
footer.site-footer{display:block!important;padding:32px 5% 26px!important}
footer.site-footer>.footer-content{display:block!important;max-width:1160px;margin:0 auto}
.site-footer .footer-brand{font-family:Manrope,sans-serif;font-size:1.6875rem;font-weight:800;line-height:1.2;letter-spacing:-.065em;color:#123d40;margin:0 0 24px}
.site-footer .footer-brand span{font-weight:500;color:var(--c-teal);margin-left:5px}
footer.site-footer [aria-label="Footer"]{width:100%;max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px!important;row-gap:0!important;border-top:1px solid rgba(23,62,65,.15);padding:10px 0 14px}
footer.site-footer [aria-label="Footer"] a{font-weight:500!important;font-size:.9375rem!important;justify-content:space-between!important;gap:16px;min-height:46px!important;text-decoration:none!important}
footer.site-footer [aria-label="Footer"] a span{font-size:1.0625rem;color:#3D4E50;font-weight:400}
footer.site-footer [aria-label="Footer"] a:hover{text-decoration:underline!important;text-underline-offset:5px}
.site-footer .footer-legal{border-top:1px solid rgba(23,62,65,.13);padding-top:18px;color:#434C58}
.site-footer .footer-legal p{font-size:.75rem!important;font-weight:400!important;line-height:1.8!important;letter-spacing:0!important;margin:0 0 7px!important}
@media(max-width:600px){
 footer.site-footer{padding:30px 6% 26px!important}
 footer.site-footer [aria-label="Footer"]{grid-template-columns:1fr!important;padding:10px 0 14px!important;gap:0!important}
 .site-footer .footer-legal p{max-width:280px}
}

/* Explicit mobile drawer exit, reachable without tapping outside the panel. */
#gndrawer .gnclose{position:absolute;top:10px;right:8px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #DBE4EF;border-radius:50%;background:rgba(255,255,255,.72);color:#214b50;font:400 26px/1 Manrope,sans-serif;cursor:pointer}
#gndrawer .gndh{padding-right:30px}
@media(max-width:360px){#gndrawer .gndh>span:first-child{font-size:22px!important}}
/* Muted glass action palette shared with the fixed contact dock. */
html body .sbtn-primary,html body .sbtn-primary:hover,html body .home-short .hero-compound-cta,html body .home-short .hero-compound-cta:hover,html body .pw-next,html body .pw-next:hover,html body .gndcta,html body .gncta{
 background:linear-gradient(145deg,rgba(12,76,86,.65),rgba(5,39,49,.76))!important;color:var(--c-white)!important;border:1px solid rgba(255,255,255,.48)!important;backdrop-filter:blur(22px) saturate(135%)!important;-webkit-backdrop-filter:blur(22px) saturate(135%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.38),inset 0 -1px 0 rgba(0,0,0,.12),0 3px 10px rgba(16,27,42,.22)!important;
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){html body .sbtn-primary,html body .home-short .hero-compound-cta,html body .pw-next,html body .gndcta,html body .gncta{background:#315a62!important}}
@media(prefers-reduced-transparency:reduce){html body .sbtn-primary,html body .home-short .hero-compound-cta,html body .pw-next,html body .gndcta,html body .gncta{background:#315a62!important;backdrop-filter:none!important}}

/* Structured Why Silton cards, preserving the existing copy and destinations. */
.home-short #capabilities .home-trust{gap:18px;margin:30px 0 18px;align-items:stretch}
.home-short #capabilities .home-trust article{display:flex;flex-direction:column;min-width:0;padding:26px;border:1px solid rgba(162,178,198,.45);border-radius:20px;background:linear-gradient(135deg,rgba(245,248,253,.83),rgba(239,245,253,.62));box-shadow:inset 0 1px 0 var(--c-white),0 5px 20px #294b5007;backdrop-filter:blur(10px)}
.home-short #capabilities .home-trust h3{font-size:21px!important;line-height:1.35!important;margin:0 0 16px}
.home-short #capabilities .home-trust p{font-size:16px!important;line-height:1.65!important;margin:0 0 24px}
.home-short #capabilities .home-trust a{margin-top:auto;padding-top:16px;border-top:1px solid #BBCADF77;font-size:14px;line-height:1.5;color:#2B5259;text-decoration:none}
.home-short #capabilities .home-trust a:hover{text-decoration:underline;text-underline-offset:4px}
.home-short #capabilities .home-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;max-width:none;padding:8px 0;margin:0;border:1px solid #B9C9DE70;border-radius:16px;background:#ffffff70}
.home-short #capabilities .home-links a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:10px 22px;color:#2B5259;font-size:14px;line-height:1.5;text-decoration:none;border-right:1px solid #B9C9DE70}
.home-short #capabilities .home-links a:last-child{border-right:0}.home-short #capabilities .home-links a::after{content:'↗';font-size:17px;font-weight:400;opacity:.7}.home-short #capabilities .home-links a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){.home-short #capabilities .home-trust{grid-template-columns:1fr;gap:12px;margin-top:24px}.home-short #capabilities .home-trust article{padding:20px}.home-short #capabilities .home-trust h3{font-size:20px!important;margin-bottom:10px}.home-short #capabilities .home-trust p{margin-bottom:14px}.home-short #capabilities .home-trust a{padding-top:12px}.home-short #capabilities .home-links{grid-template-columns:1fr;padding:0}.home-short #capabilities .home-links a{border-right:0;border-bottom:1px solid #B9C9DE70;padding:12px 20px}.home-short #capabilities .home-links a:last-child{border-bottom:0}}

/* Keep the manufacturing fork aligned with the two production lanes. */
.route-choice{padding:40px 5% 24px;background:rgba(245,248,253,.93)}
.route-choice-inner{max-width:1360px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:24px 40px;align-items:center}
.route-choice-step{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;color:#3A5053;margin-bottom:12px}
.route-choice h2{font-size:clamp(26px,3vw,38px)!important;line-height:1.2!important;margin:0!important;text-align:left;max-width:480px}
.route-choice .route-choice-intro{font-size:16px!important;line-height:1.7!important;margin:0!important;color:#424D5C;max-width:620px}
.route-choice .process-routes{grid-column:1/-1;gap:20px}
.route-choice .process-routes a{padding:22px 24px;background:linear-gradient(135deg,#ffffffc9,#ffffff80);border:1px solid #BCCCE0;border-radius:16px;box-shadow:inset 0 1px 0 var(--c-white);transition:border-color .2s,box-shadow .2s}
.route-choice .process-routes a:hover,.route-choice .process-routes a:focus-visible{border-color:#537a80;box-shadow:0 4px 16px #173e4112}
.route-choice .process-routes a strong{font-size:21px!important;line-height:1.35!important}
.route-choice .process-routes a span{font-size:14px!important;line-height:1.5!important}
.route-choice .process-routes a>span:first-child{font-size:12px!important;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#3C4F51}
.route-choice .process-routes a>span:last-child{display:flex;justify-content:space-between;gap:12px;align-items:center}
.route-choice .process-routes b{font-size:22px;font-weight:400}
@media(max-width:700px){.route-choice-inner{grid-template-columns:1fr;gap:18px}.route-choice .process-routes{grid-template-columns:1fr;gap:10px}.route-choice .process-routes a{padding:18px}.route-choice .route-choice-intro{font-size:15px!important}.route-choice h2{max-width:none}}

.home-short .hero-mobile-photo{display:none!important}
@media(max-width:760px){
 .home-short .hero-desktop-photo{display:none!important}
 main.home-short>section[aria-label="Hero"] .hero-mobile-photo{display:block!important;width:100%;height:clamp(160px,48vw,240px)!important;min-height:0!important;object-fit:cover;object-position:center 58%;border-radius:18px;margin:0 0 20px;border:1px solid #ffffffb0}
}

/* Compact footer navigation: desktop dividers, two plain mobile columns. */
footer.site-footer .footer-brand{margin-bottom:14px}
footer.site-footer nav[aria-label="Footer"]{display:flex!important;flex-wrap:wrap;align-items:center!important;gap:0!important;border-top:0;padding:0 0 16px!important}
footer.site-footer nav[aria-label="Footer"] a{position:relative;justify-content:flex-start!important;min-height:44px!important;padding:8px 18px!important;gap:0!important}
footer.site-footer nav[aria-label="Footer"] a:first-child{padding-left:0!important}
footer.site-footer nav[aria-label="Footer"] a+a::before{content:"";display:block!important;position:absolute;left:0;top:50%;transform:translateY(-50%);height:14px;width:1px;background:rgba(54,91,94,.23)}
footer.site-footer .footer-legal{padding-top:14px}
@media(max-width:760px){
 footer.site-footer{padding:26px 6% 22px!important}
 footer.site-footer nav[aria-label="Footer"]{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:repeat(4,auto);grid-auto-flow:column;gap:0 22px!important;align-items:start!important;padding:0 0 14px!important}
 footer.site-footer nav[aria-label="Footer"] a{padding:9px 0!important;font-size:15px!important;line-height:1.45!important;min-height:44px!important}
 footer.site-footer nav[aria-label="Footer"] a+a::before{display:none!important}
 footer.site-footer .footer-legal p{max-width:none}
}
@media(max-width:760px){footer.site-footer nav[aria-label="Footer"] a:nth-child(5){grid-column:2;grid-row:2}footer.site-footer nav[aria-label="Footer"] a:nth-child(6){grid-column:2;grid-row:1}footer.site-footer nav[aria-label="Footer"] a:nth-child(7){grid-column:2;grid-row:3}}
/* Document layout */
/* WEBSITE.docx review: shared content rails and the specified layout repairs. */
:root{--content-width:1160px;--content-gutter:max(24px,calc((100% - var(--content-width))/2))}
body main>section{padding-left:var(--content-gutter)!important;padding-right:var(--content-gutter)!important;box-sizing:border-box;max-width:none!important;width:100%}
body main>section>div[style*="max-width"],body main>section>.home-inner,body main>section>.route-choice-inner,body main>section>.picker-intro,body main>section>.picker-wizard{max-width:var(--content-width)!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}
body main>section[aria-label="Hero"]>div{padding-left:0!important;padding-right:0!important}
body main>section[aria-label="Hero"]>nav{padding-left:0!important;padding-right:0!important;max-width:var(--content-width)!important}
body main[data-page="about"]>section:first-of-type>div{padding-left:0!important;padding-right:0!important}
body main>nav[aria-label="Breadcrumb"]>div{max-width:var(--content-width)!important;padding-left:0!important;padding-right:0!important}body main>nav[aria-label="Breadcrumb"]{padding-inline:var(--content-gutter)}
body #temperature-ranges,body #weathering{margin:0;width:100%;max-width:none}
body .materials-heading{max-width:760px}
body .materials-ranges,body .weather-study.wx-lab{max-width:var(--content-width);width:100%;box-sizing:border-box}
body .picker-intro{margin-bottom:24px!important}
body .home-short .hero-actions{display:flex!important;flex-direction:column;align-items:flex-start;gap:12px!important}
body .home-short .hero-actions .hero-compound-cta{max-width:100%}
body main[data-page="unfilled-silicone"]>section{padding-top:40px!important;padding-bottom:40px!important}
body main[data-page="unfilled-silicone"]>section[aria-label="Hero"]{padding-top:0!important}
body main[data-page="unfilled-silicone"]>section[aria-label="Hero"]>div{padding-top:32px!important;padding-bottom:0!important}
body main[data-page="unfilled-silicone"]>section[aria-label="Hero"] [data-reveal]{aspect-ratio:3/2;min-height:0!important}
body main[data-page="unfilled-silicone"]>section[aria-label="Hero"] img{height:auto!important;min-height:0!important;aspect-ratio:3/2;object-fit:contain!important;border-radius:16px}
.policy-layout{max-width:760px!important;margin:auto}.policy-art{margin:0}.policy-art img{display:block;width:100%;height:auto;border:1px solid #D4DEEC;border-radius:12px}.policy-transcript{margin-top:12px;font-size:15px;color:#2E5156}.policy-transcript summary{cursor:pointer;min-height:44px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:4px}.policy-transcript h2{font-size:26px!important}.policy-transcript h3{font-size:18px!important;margin-top:20px}.policy-transcript p{font-size:16px!important;line-height:1.6!important}
body main[data-page="unfilled-silicone"] .tape-photo{width:100%!important;height:auto!important;object-fit:contain!important;display:block}
body main[data-page="unfilled-silicone"] figure:has(.tape-photo)>div{height:auto!important;aspect-ratio:auto!important}
@media(max-width:760px){:root{--content-gutter:20px}body main>section{padding-left:20px!important;padding-right:20px!important}body main[data-page="unfilled-silicone"]>section{padding-top:26px!important;padding-bottom:26px!important}body main.home-short>section[aria-label="Hero"] .hero-actions .sbtn-secondary{width:auto!important}body .policy-transcript summary{font-size:14px}}

body #policy .policy-layout{max-width:760px!important}body .process-film[data-film="tooling"]>svg{max-height:430px;aspect-ratio:520/400}body .process-film[data-film="tooling"] svg text{font-size:10px!important;letter-spacing:.04em!important}

body .dispatch-study>h2{text-align:center}
/* Product page sections */
body main[data-page="product-detail"]>section{padding-top:40px!important;padding-bottom:40px!important}
body main[data-page="product-detail"]>section[aria-label="Hero"]{padding-top:0!important}
body main[data-page="product-detail"]>section[aria-label="Hero"]>div{padding-top:32px!important;padding-bottom:40px!important}
@media(max-width:760px){body main[data-page="product-detail"]>section{padding-top:26px!important;padding-bottom:26px!important}}
/* Products dropdown */
header#gnhdr .gndd .gnpanel{width:280px;display:flex;flex-direction:column;flex-wrap:nowrap;gap:0;padding:12px 10px;background:#F2FAFF!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:1px solid rgba(35,78,81,.14)!important;box-shadow:0 18px 40px rgba(11,42,46,.18)!important}header#gnhdr .gndd .gnpanel .gnpl{margin:4px 12px 6px}header#gnhdr .gndd .gnpanel .gnpi{display:flex!important;width:100%!important;justify-content:flex-start!important;min-height:40px;padding:9px 12px!important;border:0!important;border-radius:8px!important;background:transparent!important}header#gnhdr .gndd .gnpanel .gnpi.gnon{color:var(--c-teal)!important;font-weight:700}#gndrawer .gndsub[data-menu]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#gndrawer .gndsub[data-menu] .gndsl{grid-column:1 / -1}#gndrawer .gndsub[data-menu] a{width:100%!important;justify-content:flex-start!important;padding:8px 9px!important;font-size:.875rem!important;white-space:normal!important;border:1px solid rgba(35,78,81,.18)!important;background:rgba(255,255,255,.55)!important}#gndrawer .gndsub[data-menu] a.gnon{border-color:var(--c-teal)!important;color:var(--c-teal)!important}
/* Layout fixes */
/* Layout repairs, September 2026. Loaded after the legacy page styles. */
#gndrawer .gndsub[data-menu] { min-width:0; }
#gndrawer .gndsub[data-menu] a { min-width:0; white-space:normal!important; overflow-wrap:break-word; line-height:1.45; }
header#gnhdr .gndd .gnpanel { max-height:calc(100dvh - 125px); overflow-y:auto; overscroll-behavior:contain; }
body main[data-page="product-detail"]>section[aria-label="Hero"] { padding-bottom:0!important; }
body main[data-page="product-detail"]>section[aria-label="Hero"] h1 { max-width:none; }
body main[data-page="product-detail"]>section[aria-label="Hero"] h1 span { display:block!important; font-size:1.125rem!important; line-height:1.5!important; letter-spacing:0!important; margin-top:16px!important; }
body main[data-page="product-detail"]>section[aria-label="Hero"] [data-reveal] { aspect-ratio:16/10; min-width:0; }
body main[data-page="product-detail"] dl { margin-top:24px!important; }
body main[data-page="product-detail"] dd { margin-left:0; overflow-wrap:break-word; }
body main[data-page="product-detail"] [data-faq-btn] { gap:16px; text-align:left; }
body main[data-page="product-detail"] [data-faq-mark] { flex-shrink:0; }
@media(max-width:1000px) {

  #gndrawer { max-height:calc(100dvh - 20px); overflow-y:auto; overscroll-behavior:contain; padding-bottom:max(20px,env(safe-area-inset-bottom))!important; }
  #gndrawer .gndcta { flex-shrink:0; }
}
@media(max-width:760px) {
  body main[data-page="product-detail"]>section { padding-top:32px!important; padding-bottom:32px!important; }
  body main[data-page="product-detail"]>section[aria-label="Hero"] { padding-top:0!important; padding-bottom:0!important; }
  body main[data-page="product-detail"]>section[aria-label="Hero"]>div { padding-top:24px!important; padding-bottom:32px!important; gap:24px!important; }
  body main[data-page="product-detail"]>section[aria-label="Hero"]>nav { font-size:.75rem!important; line-height:1.7; letter-spacing:.04em!important; padding-top:8px!important; }
  body main[data-page="product-detail"]>section[aria-label="Hero"] h1 { margin-bottom:16px!important; }
  body main[data-page="product-detail"]>section[aria-label="Hero"] h1 span { margin-top:12px!important; }
  body main[data-page="product-detail"]>section[aria-label="Hero"] p { margin-bottom:24px!important; }
  body main[data-page="product-detail"] .sbtn { box-sizing:border-box; max-width:100%; white-space:normal!important; }
  body main[data-page="contact"] #contact { padding-top:32px!important; }
  body main[data-page="contact"] #contact>div>div[style*="display:grid"] { margin-top:32px!important; gap:32px!important; }
  body main[data-page="contact"] #contact div[style*="flex-direction:column"]>h2 { margin-bottom:0!important; }
}
/* The heading link covers the product image and card surface. Existing detail links remain accessible. */
main .product-linked-card {position:relative;}
main .product-linked-card h3 .product-card-link {color:inherit;text-decoration:none;}
main .product-linked-card .product-card-link::after {content:"";position:absolute;inset:0;z-index:1;}
main .product-linked-card a:not(.product-card-link) {position:relative;z-index:2;}
main .product-linked-card:hover h3 .product-card-link {color:var(--c-teal);text-decoration:underline;text-underline-offset:4px;}
main .product-linked-card:focus-within {outline:2px solid var(--c-teal);outline-offset:2px;}

/* Single floating contact bar: proposed layout, reference teal and white palette. */
html body #mbot {
 display:flex!important;align-items:stretch!important;gap:0!important;
 padding:10px 3px!important;box-sizing:border-box;overflow:hidden!important;
 background:linear-gradient(135deg,rgba(83,132,139,.94),rgba(66,79,97,.97))!important;
 border:1px solid rgba(218,247,247,.55)!important;border-radius:18px!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 5px 18px rgba(20,54,64,.26)!important;
 backdrop-filter:blur(22px) saturate(120%)!important;-webkit-backdrop-filter:blur(22px) saturate(120%)!important;
}
html body #mbot a,html body #mbot a:hover,html body #mbot a.wa,html body #mbot a.wa:hover,html body #mbot a:not(.wa),html body #mbot a:not(.wa):hover {
 position:relative!important;display:flex!important;flex:1 1 0;min-width:0;width:auto!important;
 flex-direction:row!important;align-items:center!important;justify-content:center!important;
 min-height:44px!important;padding:2px 8px!important;gap:8px!important;box-sizing:border-box;
 background:transparent!important;color:var(--c-white)!important;border:0!important;border-radius:0!important;
 box-shadow:none!important;transform:none!important;text-decoration:none!important;
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
html body #mbot a+a::before {
 content:""!important;display:block!important;position:absolute!important;
 left:0!important;top:5px!important;bottom:5px!important;width:1px!important;
 background:rgba(245,254,255,.65)!important;box-shadow:1px 0 0 rgba(30,43,58,.2)!important;
}
html body #mbot a:hover,html body #mbot a.wa:hover,html body #mbot a:not(.wa):hover {background:rgba(255,255,255,.1)!important;}
html body #mbot a:active {background:rgba(11,23,37,.12)!important;}
html body #mbot a:focus-visible {outline:2px solid white;outline-offset:-3px;}
html body #mbot svg {display:block;width:27px!important;height:27px!important;flex-shrink:0;color:var(--c-white)!important;fill:currentColor!important;background:none!important;padding:0!important;border:0!important;box-shadow:none!important;}
html body #mbot .contact-label {display:block!important;font-size:13px!important;font-weight:700!important;line-height:1.2!important;}
@media(min-width:1001px){html body #mbot {width:380px;right:16px!important;bottom:16px!important;}}
@media(max-width:1000px){
 html body #mbot {left:10px!important;right:10px!important;width:auto!important;bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;}
 html.gn-ready body {padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))!important;}
 html body #mtop {bottom:calc(88px + env(safe-area-inset-bottom,0px))!important;}
}
@media(max-width:350px){html body #mbot a {gap:5px!important;padding-inline:4px!important;}html body #mbot .contact-label {font-size:12px!important;}html body #mbot svg {width:23px!important;height:23px!important;}}
@supports not (backdrop-filter:blur(1px)){html body #mbot {background:#456a74!important;}}
@media(prefers-reduced-transparency:reduce){html body #mbot {background:#456a74!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}}

/* Approved restoration: desktop has WhatsApp and Email only. */
@media(min-width:1001px){html body #mbot a.tel {display:none!important;}}
/* Keep restored reading controls above the approved whole-card link. */
main .product-linked-card .reading-toggle {position:relative;z-index:2;}
/* Slide the contact bar clear of the mobile menu, then back on dismissal. */
@media(max-width:1000px){
 html body #mbot {
  transform:translateY(0)!important;visibility:visible!important;
  transition:transform .28s cubic-bezier(.22,.7,.3,1),visibility 0s linear 0s!important;
 }
 html.gn-open body #mbot {
  transform:translateY(calc(100% + 30px + env(safe-area-inset-bottom,0px)))!important;
  visibility:hidden!important;pointer-events:none!important;
  transition:transform .28s cubic-bezier(.22,.7,.3,1),visibility 0s linear .28s!important;
 }
}
@media(prefers-reduced-motion:reduce){html body #mbot,html.gn-open body #mbot {transition:none!important;}}

/* Phone: equal gap between the header bar and the first text on every page (22/09/2026).
   Benchmark = product pages: 37px header to first letters, 37.5px breadcrumb to heading. Delete this block to undo. */
@media(max-width:760px){
  body main[data-page="about"]>nav[aria-label="Breadcrumb"]>div{padding-top:6px!important;padding-bottom:6px!important}
  body main[data-page="about"]>nav[aria-label="Breadcrumb"]+section{padding-top:0!important}
  body main[data-page="about"]>nav[aria-label="Breadcrumb"]+section>div{padding-top:17px!important}
  body main[data-page="unfilled-silicone"]>section[aria-label="Hero"]>div{padding-top:24px!important}
  body main[data-page="unfilled-silicone"] nav[aria-label="Breadcrumb"]{padding-top:6px!important}
  body main[data-page="contact"] #contact{padding-top:6px!important}
  body main[data-page="materials"]>section:first-of-type,
  body main[data-page="process"]>section:first-of-type,
  body main[data-page="products"]>section:first-of-type{padding-top:6px!important}
  body main[data-page="404"]>section[aria-label="Hero"]{padding-top:0!important}
  body main[data-page="404"]>section[aria-label="Hero"]>div{padding-top:6px!important}
  body main[data-page="index"]>section[aria-label="Hero"]>div{padding-top:6px!important}
}

/* Home hero: space under the "Find the right compound" button matches the other home
   sections (40px up to 600px, 64px wider). Added 22/09/2026 after removing the "3 quick steps"
   line and the Request a Quote button. Delete this block to undo. */
@media(max-width:600px){
  body main[data-page="index"]>section[aria-label="Hero"]{padding-bottom:39px!important}
  body main[data-page="index"]>section[aria-label="Hero"]>div{padding-bottom:0!important}
}
@media(min-width:601px){
  body main[data-page="index"]>section[aria-label="Hero"]>div{padding-bottom:63px!important}
}
/* Oct 2026 refresh: logo, cards, quote button, section menu, form */
/* Silton refresh, Oct 2026: SR mark, header quote button, unified cards, section menu. Loaded last. */

/* ---- SR mark beside the wordmark ---- */
.gnlogo{display:grid!important;grid-template-columns:auto auto;column-gap:12px;align-content:center;align-items:center}
.gnlogo>span{grid-column:2}
.gnlogo::before,#gndrawer .gndh::before{content:"";grid-column:1;grid-row:1/span 2;width:46px;height:33px;background:url(images/sr-mark-rubber.webp) center/contain no-repeat}
#gndrawer .gndh{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center}
#gndrawer .gndh>span{grid-column:2}
#gndrawer .gndh::before{width:40px;height:29px}
.site-footer .footer-brand::before{content:"";display:inline-block;width:40px;height:29px;margin-right:12px;vertical-align:-5px;background:url(images/sr-mark-rubber.webp) center/contain no-repeat}
@media(max-width:1000px){.gnlogo::before{width:38px;height:27px}.gnlogo{column-gap:10px}}

/* ---- Header quote button ---- */
header#gnhdr .gncta{flex:0 0 auto;margin-left:auto;white-space:nowrap!important}
@media(max-width:1000px){header#gnhdr .gncta{display:none!important}}
@media(min-width:1001px) and (max-width:1180px){.gnnav>a[href="index.html"],.gnnav>a[href="/"]{display:none}}

/* ---- Cards: one style on every page (option 1b) ---- */
html body main [style*="gap:3px"]{gap:14px!important}
html body main dl[style*="gap:3px"]>div,
html body main [style*="gap:3px"]>[style*="background:var(--c-white)"],
html body main [style*="gap:3px"]>[style*="background:var(--c-page)"],
html body main div[style*="border-left:3px solid var(--c-teal)"],
html body main [data-faq]{
 position:relative;overflow:hidden;border-radius:16px!important;
 border:1px solid rgba(162,178,198,.5)!important;
 background:linear-gradient(135deg,rgba(245,248,253,.92),rgba(239,245,253,.75))!important;
 box-shadow:inset 0 1px 0 var(--c-white),0 4px 16px rgba(41,75,80,.05)!important}
html body main dl[style*="gap:3px"]>div{padding-top:24px!important}
html body main dl[style*="gap:3px"]>div::before,
html body main div[style*="border-left:3px solid var(--c-teal)"]:not([data-faq])::before{
 content:"";position:absolute;left:22px;top:0;width:40px;height:3px;border-radius:0 0 3px 3px;background:var(--c-teal)}
html body main [data-faq]:has([aria-expanded="true"]){border-color:var(--c-teal)!important}
html body main div[style*="border-left:3px solid var(--c-teal)"]>div[style*="text-transform:uppercase"]:not(.mlbl){
 text-transform:none!important;letter-spacing:0!important;font-size:1.0625rem!important}
.hgrid article,.home-facts li,.home-short #capabilities .home-trust article{border-radius:16px!important}

/* ---- Tablet: keep small labels on one line ---- */
html body main div[style*="display:flex"][style*="gap:10px"]>span[style*="text-transform:uppercase"],
html body .home-eyebrow,html body .pw-eyebrow{white-space:nowrap!important}

/* ---- Section menu (option 1d): side list on wide screens, chip bar below ---- */
.sr-toc{display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none;
 position:sticky;top:calc(var(--site-header-space,110px) - 14px);z-index:120;
 box-sizing:border-box;width:min(1360px,90%);margin:16px auto;padding:6px;border-radius:16px;
 background:linear-gradient(135deg,rgba(245,248,253,.93),rgba(231,239,251,.74));
 -webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);
 border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px 0 var(--c-white),0 8px 24px rgba(16,58,61,.10)}
.sr-toc::-webkit-scrollbar{display:none}
.sr-toc-h{display:none}
.sr-toc a{flex:0 0 auto;display:inline-flex;align-items:center;min-height:40px;padding:6px 14px;border-radius:10px;box-sizing:border-box;
 font-size:.875rem;font-weight:600;line-height:1.3;color:#234e51;white-space:nowrap;text-decoration:none;transition:background .15s}
.sr-toc a:hover{background:rgba(255,255,255,.7);color:#063f46}
.sr-toc a[aria-current="true"]{background:var(--c-teal);color:var(--c-white)}
.sr-toc a.sr-toc-quote{color:var(--c-teal);font-weight:700}
.sr-toc a.sr-toc-quote[aria-current="true"]{color:var(--c-white)}
main.sr-has-toc>section{scroll-margin-top:72px!important}
@media(min-width:1200px){
 .sr-toc{flex-direction:column;align-items:stretch;gap:2px;overflow:visible;
  position:fixed;left:max(14px,calc((100vw - 1360px)/2 + 14px));top:calc(var(--site-header-space,110px) + 8px);
  width:200px;margin:0;padding:12px;border-radius:18px;opacity:0;visibility:hidden;transform:translateX(-8px);
  transition:opacity .2s,transform .2s,visibility .2s}
 html.sr-toc-on .sr-toc{opacity:1;visibility:visible;transform:none}
 .sr-toc-h{display:block;padding:2px 12px 8px;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#335152}
 .sr-toc a{white-space:normal;min-height:38px;padding:6px 12px}
 .sr-toc a[aria-current="true"]{background:rgba(14,124,134,.12);color:#075b64;font-weight:700}
 .sr-toc a.sr-toc-quote{position:relative;margin-top:9px}
 .sr-toc a.sr-toc-quote::before{content:"";position:absolute;left:12px;right:12px;top:-5px;height:1px;background:rgba(14,124,134,.18)}
 .sr-toc a.sr-toc-quote[aria-current="true"]{color:#075b64}
 main.sr-has-toc>section:not([aria-label="Hero"]){padding-left:max(calc(5% + 230px),calc((100vw - 1360px)/2 + 246px))!important}
 main.sr-has-toc>section{scroll-margin-top:0!important}
}
@media(prefers-reduced-motion:reduce){.sr-toc,.sr-toc a{transition:none!important}}
/* Section-menu product lists (Products page): listed under their section on wide screens, a dropdown on smaller ones. */
.sr-toc-sub{display:none}
.sr-toc-more{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:44px;min-height:44px;margin-left:-6px;padding:0;border:0;border-radius:10px;background:transparent;color:var(--c-teal);font:700 .875rem/1 Manrope,sans-serif;cursor:pointer}
.sr-toc-more[aria-expanded="true"]{background:rgba(14,124,134,.12)}
.sr-toc-more[aria-expanded="true"] span{display:inline-block;transform:rotate(180deg)}
.sr-toc-pop{position:fixed;z-index:130;width:260px;max-width:calc(100vw - 24px);max-height:60vh;overflow-y:auto;box-sizing:border-box;padding:6px;border-radius:14px;
 background:rgba(245,248,253,.97);-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);
 border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px 0 var(--c-white),0 12px 32px rgba(16,58,61,.16)}
.sr-toc-pop[hidden]{display:none}
.sr-toc-pop a{display:flex;align-items:center;min-height:44px;padding:8px 12px;border-radius:10px;box-sizing:border-box;font-size:.9375rem;font-weight:600;line-height:1.3;color:#234e51;text-decoration:none}
.sr-toc-pop a:hover,.sr-toc-pop a:focus-visible{background:rgba(14,124,134,.10);color:#063f46}
@media(min-width:1200px){
 .sr-toc{max-height:calc(100vh - var(--site-header-space,110px) - 24px);overflow-y:auto;scrollbar-width:thin}
 .sr-toc-more{display:none}
 .sr-toc-sub{display:flex;flex-direction:column;gap:0;margin:0 0 6px 12px;padding-left:8px;border-left:1px solid rgba(14,124,134,.22)}
 .sr-toc .sr-toc-sub a{min-height:0;padding:3px 10px;font-size:.8125rem;font-weight:500;line-height:1.3;color:#315053}
 .sr-toc .sr-toc-sub a:hover{color:#063f46}
}

/* ---- Contact form with file upload ---- */
#enquiry-form input[type=file]{width:100%;box-sizing:border-box;min-height:44px;padding:12px 14px;background:var(--c-white);border:1px dashed #A2B2C6;border-radius:4px;font-size:1rem;color:var(--c-ink);cursor:pointer}
#enquiry-form input[type=file]::file-selector-button{margin-right:12px;padding:8px 14px;border:1px solid var(--c-line-dark);border-radius:10px;background:var(--c-page);color:var(--c-ink);font:600 .875rem/1.3 Manrope,sans-serif;cursor:pointer}
#enquiry-form .enq-hint{margin:6px 0 0!important;font-size:.875rem!important;line-height:1.5!important;color:var(--c-muted)}
#enquiry-form .enq-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}
#enq-status{margin:0!important;padding:14px 16px;border-radius:12px;font-size:1rem!important;line-height:1.5!important;font-weight:600}
#enq-status[data-state="ok"]{background:#E2F1FF;color:#075b64;border:1px solid #ADC9E5}
#enq-status[data-state="err"]{background:#E3F1FF;color:#8A2E1F;border:1px solid #E6B9AF}
#enq-status[data-state="busy"]{background:var(--c-white);color:#234e51;border:1px solid var(--c-line-dark)}

/* Bigger tap area for the ESG link on About, no visual change */
main a[href^="mailto:"][href*="ESG"]{position:relative}
main a[href^="mailto:"][href*="ESG"]::after{content:"";position:absolute;left:0;right:0;top:-9px;bottom:-9px}

/* Phones and tablets: 44px tap areas. Section-menu pills grow inside the same bar height; homepage card links get an invisible larger hit area. */
@media(max-width:1199px){.sr-toc{padding:4px}.sr-toc a{min-height:44px}}
@media(max-width:1000px){main.home-short article>a[href]:last-child{position:relative}main.home-short article>a[href]:last-child::after{content:"";position:absolute;left:0;right:0;top:-6px;bottom:-6px}}

/* Crisper contrast layer */
html{text-rendering:optimizeLegibility}
html body .sbtn{border-width:1.5px!important;font-weight:700!important}
html body .sbtn-primary,html body .sbtn-primary:hover,html body .home-short .hero-compound-cta,html body .home-short .hero-compound-cta:hover,html body .pw-next,html body .pw-next:hover,html body .gndcta,html body .gncta{background:linear-gradient(160deg,#00757F,#005A64)!important;color:var(--c-white)!important;border:1.5px solid #005A63!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 2px 0 #004C54,0 8px 18px rgba(0,96,106,.28)!important}
html body .sbtn-secondary,html body .sbtn-secondary:hover{background:var(--c-white)!important;color:#004950!important;border-color:var(--c-teal)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:0 2px 0 rgba(0,90,99,.18),0 6px 14px rgba(0,70,78,.10)!important}
#mbot a,#mbot a.wa,#mbot a:not(.wa),#mbot a:hover,#mbot a.wa:hover,#mbot a:not(.wa):hover{background:linear-gradient(160deg,#00757F,#005A64)!important;border:1px solid #005A63!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html body [data-faq-btn]{background:var(--c-white)!important;border:1px solid var(--c-line)!important}
/* Chemistry pattern across the site (Oct 2026). Boxes let the page pattern show through:
   white boxes faintly, grey boxes more, text areas (tables, fields, FAQs) least. Teal tiles get light lines.
   The pattern stays still on computers and scrolls with the page on phones and tablets. */
@media (hover:none),(max-width:1000px){html body{background-attachment:scroll!important}}
footer.site-footer{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
/* White areas: solid white with a faint trace of the pattern (AJ, Oct 2026). */
html body main [style*="background:rgba(255,255,255,.93)"]:not(nav),
html body main .home-acc-wrap,html body main .route-choice,
html body main section[style*="background:var(--c-white)"],
html body main div[style*="background:var(--c-white)"],
html body main article[style*="background:var(--c-white)"],
html body main li[style*="background:var(--c-white)"],
html body main [style*="background:var(--c-paper)"]:not(img){background-color:var(--c-surface)!important;background-image:linear-gradient(rgba(245,248,253,.55),rgba(245,248,253,.55)),url(images/bg-polymer-tile.webp)!important;background-size:auto,1254px 1254px!important;background-repeat:repeat!important}
@media (hover:hover) and (min-width:1001px){html body main [style*="background:rgba(255,255,255,.93)"]:not(nav),html body main .home-acc-wrap,html body main .route-choice,html body main section[style*="background:var(--c-white)"],html body main div[style*="background:var(--c-white)"],html body main article[style*="background:var(--c-white)"],html body main li[style*="background:var(--c-white)"],html body main [style*="background:var(--c-paper)"]:not(img){background-attachment:scroll,fixed!important}}
html body main div[style*="background:var(--c-panel)"],html body main section[style*="background:var(--c-panel)"]{background-color:rgba(208,218,232,.5)!important}
html body main div[style*="background:var(--c-page)"],html body main section[style*="background:var(--c-page)"]{background-color:rgba(235,241,251,.5)!important}
html body main dl[style*="gap:3px"]>div,
html body main [style*="gap:3px"]>[style*="background:var(--c-white)"],
html body main [style*="gap:3px"]>[style*="background:var(--c-page)"],
html body main div[style*="border-left:3px solid var(--c-teal)"]:not([data-faq]){background:linear-gradient(135deg,rgba(245,248,253,.88),rgba(241,245,252,.8))!important}
.home-short #capabilities .home-trust article{background:linear-gradient(135deg,rgba(245,248,253,.86),rgba(241,245,252,.78));-webkit-backdrop-filter:none;backdrop-filter:none}
.weather-study,.materials-ranges{background:linear-gradient(135deg,rgba(245,248,253,.86),rgba(241,245,252,.78))!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.picker-wizard{background:linear-gradient(135deg,rgba(245,248,253,.88),rgba(241,245,252,.8))!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html body main table{background-color:rgba(245,248,253,.9)}
html body main input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]),html body main select,html body main textarea{background-color:rgba(255,255,255,.86)!important}
html body main div[style*="background:var(--c-teal)"],html body main div[style*="background:var(--c-teal-dark)"],html body main div[style*="background:var(--c-night)"],html body main div[style*="background:var(--c-ink)"]{background-image:url(images/bg-chem-light.webp)!important;background-size:1254px 1254px!important}
@media (hover:hover) and (min-width:1001px){html body main div[style*="background:var(--c-teal)"],html body main div[style*="background:var(--c-teal-dark)"],html body main div[style*="background:var(--c-night)"],html body main div[style*="background:var(--c-ink)"]{background-attachment:fixed!important}}

/* Frosted blur kept on these panels (AJ, Oct 2026) */
.home-short #capabilities .home-trust article{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}
.weather-study,.materials-ranges{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important}
.picker-wizard{-webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important}
footer.site-footer{background:linear-gradient(135deg,rgba(255,255,255,.60),rgba(226,243,255,.30) 42%,rgba(199,215,237,.34))!important;-webkit-backdrop-filter:blur(28px) saturate(160%)!important;backdrop-filter:blur(28px) saturate(160%)!important}

/* Contact Us, phone-menu Contact and the WhatsApp / Email / Call bar use the site's main teal button colours (AJ, Oct 2026). */
html body header#gnhdr .gncta,html body header#gnhdr .gncta:hover,html body .gndcta,html body .gndcta:hover,html body #mbot{background:linear-gradient(160deg,#00757F,#005A64)!important;color:var(--c-white)!important;border:1.5px solid #005A63!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 2px 0 #004C54,0 8px 18px rgba(0,96,106,.28)!important}
html body header#gnhdr .gncta:hover,html body .gndcta:hover{background:linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.1)),linear-gradient(160deg,#00757F,#005A64)!important}
html body #mbot a,html body #mbot a.wa,html body #mbot a:not(.wa){background:transparent!important}
html body #mbot a:hover,html body #mbot a.wa:hover,html body #mbot a:not(.wa):hover{background:rgba(255,255,255,.1)!important}
@supports not (backdrop-filter:blur(1px)){html body header#gnhdr .gncta,html body .gndcta,html body #mbot{background:linear-gradient(160deg,#00757F,#005A64)!important}}
@media(prefers-reduced-transparency:reduce){html body header#gnhdr .gncta,html body .gndcta,html body #mbot{background:linear-gradient(160deg,#00757F,#005A64)!important}}

/* Standard button (AJ, Oct 2026): white, dark-teal text, 2px teal border. Used for every button except the header Contact Us, the phone-menu Contact and the WhatsApp / Email / Call bar. */
html body .sbtn:not(.gndcta),html body .pw-next,html body .pw-back{background:var(--c-white)!important;color:#004950!important;border:2px solid var(--c-teal)!important;border-radius:16px!important;font-family:Manrope,sans-serif!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important;text-decoration:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:0 2px 0 rgba(0,90,99,.18),0 6px 14px rgba(0,70,78,.10)!important;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}
html body .sbtn:not(.gndcta):hover,html body .pw-next:hover,html body .pw-back:hover{background:#F0F8F8!important;color:#003D43!important;transform:translateY(-1px);box-shadow:0 3px 0 rgba(0,90,99,.2),0 9px 18px rgba(0,70,78,.13)!important}
html body .sbtn:not(.gndcta):active,html body .pw-next:active,html body .pw-back:active{transform:translateY(1px);box-shadow:0 1px 0 rgba(0,90,99,.2)!important}
html body .sbtn:not(.gndcta):focus-visible,html body .pw-next:focus-visible,html body .pw-back:focus-visible{outline:3px solid rgba(0,117,127,.35);outline-offset:2px}
html body .pw-next:disabled,html body .pw-next[aria-disabled="true"]{opacity:.5;cursor:not-allowed;transform:none}
html body .home-short .hero-compound-cta .hero-cta-arrow{background:rgba(0,117,127,.08)!important;border:2px solid var(--c-teal)!important;color:#004950!important}
@media(prefers-reduced-motion:reduce){html body .sbtn:not(.gndcta):hover,html body .pw-next:hover,html body .pw-back:hover{transform:none}}

/* Header logo intro (AJ, Oct 2026): the approved SR squeeze plays once, on the first Home page load of a visit. The class is added by the Home page head script. */
@keyframes srSqueeze{0%{transform:scale(1,1)}1.25%{transform:scale(1.001,0.998)}2.5%{transform:scale(1.002,0.992)}3.75%{transform:scale(1.005,0.983)}5%{transform:scale(1.009,0.97)}6.25%{transform:scale(1.014,0.954)}7.5%{transform:scale(1.02,0.935)}8.75%{transform:scale(1.027,0.913)}10%{transform:scale(1.034,0.889)}11.25%{transform:scale(1.042,0.863)}12.5%{transform:scale(1.051,0.835)}13.75%{transform:scale(1.06,0.805)}15%{transform:scale(1.07,0.774)}16.25%{transform:scale(1.08,0.742)}17.5%{transform:scale(1.09,0.709)}18.75%{transform:scale(1.101,0.675)}20%{transform:scale(1.112,0.64)}21.25%{transform:scale(1.122,0.606)}22.5%{transform:scale(1.133,0.571)}23.75%{transform:scale(1.144,0.537)}25%{transform:scale(1.154,0.503)}26.25%{transform:scale(1.164,0.47)}27.5%{transform:scale(1.174,0.438)}28.75%{transform:scale(1.184,0.407)}30%{transform:scale(1.193,0.378)}31.25%{transform:scale(1.201,0.35)}32.5%{transform:scale(1.209,0.324)}33.75%{transform:scale(1.217,0.301)}35%{transform:scale(1.223,0.28)}36.25%{transform:scale(1.229,0.262)}37.5%{transform:scale(1.234,0.247)}38.75%{transform:scale(1.237,0.235)}40%{transform:scale(1.24,0.226)}41.25%{transform:scale(1.241,0.221)}42.5%{transform:scale(1.242,0.22)}43.75%{transform:scale(1.242,0.22)}45%{transform:scale(1.242,0.22)}46.25%{transform:scale(1.242,0.22)}47.5%{transform:scale(1.242,0.22)}48.75%{transform:scale(1.242,0.22)}50%{transform:scale(1.242,0.22)}51.25%{transform:scale(1.242,0.22)}52.5%{transform:scale(1.242,0.22)}53.75%{transform:scale(1.206,0.335)}55%{transform:scale(1.137,0.559)}56.25%{transform:scale(1.074,0.761)}57.5%{transform:scale(1.022,0.929)}58.75%{transform:scale(0.984,1.052)}60%{transform:scale(0.962,1.124)}61.25%{transform:scale(0.959,1.131)}62.5%{transform:scale(0.979,1.068)}63.75%{transform:scale(1.001,0.996)}65%{transform:scale(1.016,0.949)}66.25%{transform:scale(1.018,0.94)}67.5%{transform:scale(1.012,0.961)}68.75%{transform:scale(1.003,0.992)}70%{transform:scale(0.995,1.016)}71.25%{transform:scale(0.992,1.025)}72.5%{transform:scale(0.994,1.02)}73.75%{transform:scale(0.997,1.008)}75%{transform:scale(1.001,0.996)}76.25%{transform:scale(1.003,0.99)}77.5%{transform:scale(1.003,0.99)}78.75%{transform:scale(1.002,0.995)}80%{transform:scale(1,1)}81.25%{transform:scale(0.999,1.004)}82.5%{transform:scale(0.999,1.004)}83.75%{transform:scale(0.999,1.003)}85%{transform:scale(1,1.001)}86.25%{transform:scale(1,0.999)}87.5%{transform:scale(1.001,0.998)}88.75%{transform:scale(1,0.998)}90%{transform:scale(1,0.999)}91.25%{transform:scale(1,1)}92.5%{transform:scale(1,1.001)}93.75%{transform:scale(1,1.001)}95%{transform:scale(1,1)}96.25%{transform:scale(1,1)}97.5%{transform:scale(1,1)}98.75%{transform:scale(1,1)}100%{transform:scale(1,1)}}
html.sr-intro .gnlogo::before{transform-origin:50% 50%;animation:srSqueeze 3.2s linear .3s 1 both}
@media(prefers-reduced-motion:reduce){html.sr-intro .gnlogo::before{animation:none}}

html body main nav[style*="background:rgba(255,255,255,.93)"]{background:rgba(245,248,253,.93)!important}

/* Materials guide: each polymer has its own section-menu link. */
@media(max-width:1199px){main.sr-has-toc [data-toc][id]{scroll-margin-top:72px!important}}

/* Products menu: gasket types sit indented under Gaskets & Seals (desktop dropdown). */
header#gnhdr .gndd .gnpanel .gnpi.gnpi-sub{min-height:34px;padding:6px 12px 6px 30px!important;font-size:.8125rem;position:relative}
header#gnhdr .gndd .gnpanel .gnpi.gnpi-sub::before{content:"";position:absolute;left:16px;top:50%;width:7px;height:1px;background:currentColor;opacity:.5}

/* Consistent hover and focus (Oct 2026). Hover effects apply only on devices with a mouse. */
@media (hover:hover){
 html body .sbtn-primary:not(.gndcta):hover,html body .pw-next:hover,html body header#gnhdr .gncta:hover{background:linear-gradient(160deg,#00666F,#004E55)!important;color:var(--c-white)!important;transform:translateY(-1px)!important;box-shadow:0 3px 0 rgba(0,60,66,.25),0 9px 18px rgba(0,70,78,.16)!important}
 html body .sbtn-primary:not(.gndcta):hover span{color:var(--c-white)!important}
 html body .sbtn-secondary:hover,html body .pw-back:hover{background:#F0F8F8!important;color:#003D43!important;transform:translateY(-1px)!important;box-shadow:0 3px 0 rgba(0,90,99,.2),0 9px 18px rgba(0,70,78,.13)!important}
 html body main :is(p,li,dd,td,figcaption,address) a:not(.sbtn):hover,html body main a.txtlink:not(.sbtn):hover,html body main a.h1:not(.sbtn):hover,html body main a.h7:not(.sbtn):hover{color:var(--c-teal-dark)!important;text-decoration:underline!important;text-decoration-thickness:1px!important;text-underline-offset:3px!important}
 html body header#gnhdr .gnitem:hover{color:#063f46!important}
 html body header#gnhdr a.gnlogo:hover{color:var(--c-teal)!important}
 html body main .link-card:hover{background:var(--c-panel)!important;border-bottom-color:var(--c-teal)!important}
 html body main .link-card:hover h3,html body main .link-card:hover h3 a{color:var(--c-teal)!important;text-decoration:underline;text-underline-offset:4px}
 html body [data-faq-btn]:hover>span:first-child,html body main summary:hover{color:var(--c-teal)!important}
 html body .film-controls button:hover{color:var(--c-teal)!important}
}
html body form :is(input:not([type=hidden]):not([type=file]),select,textarea):focus{border-color:var(--c-teal)!important}

/* Quiet in-text product links (AJ, Oct 2026): same colour as the text with a faint underline; teal on hover. */
html body main :is(p,li,dd) a.inlink:not(.sbtn){color:inherit!important;font-weight:inherit!important;text-decoration:underline!important;text-decoration-thickness:1px!important;text-underline-offset:3px;text-decoration-color:rgba(26,38,54,.35)!important}
@media(hover:hover){html body main :is(p,li,dd) a.inlink:not(.sbtn):hover{color:var(--c-teal)!important;text-decoration-color:currentColor!important}}