:root{--blue:#0b4074;--navy:#17233c;--ink:#23324a;--muted:#56627a;--pale:#f2f4fc;--line:#dce2f1;--white:#fff;--radius:12px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65;color:var(--ink);background:#fff}h1,h2,h3{color:var(--navy);line-height:1.15;letter-spacing:-.025em;margin:0 0 16px}h1{font-size:clamp(32px,4vw,58px);max-width:850px}h2{font-size:clamp(26px,2.6vw,38px)}h3{font-size:21px}p{margin:0 0 18px}a{color:var(--blue);text-underline-offset:4px;text-decoration-thickness:1px}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary,[tabindex]{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #0b4074}img{display:block;width:100%;height:auto}figure{margin:0}ul,ol{padding-left:22px}li{margin:7px 0}.wrap{width:min(1480px,calc(100% - 80px));margin-inline:auto}.topbar{background:var(--navy);color:white;font-size:12px}.topbar .wrap{display:flex;justify-content:space-between;gap:20px;padding-block:7px}.topbar a{color:white}.header{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--line);z-index:10}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:88px}.brand{text-decoration:none;color:var(--navy);display:inline-flex;flex-direction:column;flex-shrink:0;line-height:1.1}.brand:hover{text-decoration:none}.brand strong{font-size:22px;letter-spacing:-.035em}.brand strong span{color:var(--blue);margin-left:4px}.brand small{font-size:9px;letter-spacing:.22em;margin-top:7px}.header nav{display:flex;align-items:center;gap:23px}.header nav a{font-size:14px;font-weight:600;text-decoration:none;color:var(--ink);white-space:nowrap;padding-block:30px}.header nav a[aria-current]{color:var(--blue)}.header .button{font-size:13px;padding:11px 16px}.menu-toggle{display:none;background:white;border:1px solid var(--line);border-radius:6px;padding:9px 14px;color:var(--navy)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 22px;background:var(--blue);border:1px solid var(--blue);border-radius:7px;color:#fff;font-weight:700;line-height:1.35;text-decoration:none;text-align:center;cursor:pointer;max-width:100%}.button:hover{background:#00258a;color:white;text-decoration:none}.button.secondary{background:#fff;color:var(--blue);border-color:#7785a3}.button.secondary:hover{background:#e7ecfc}.button:disabled{opacity:.6;cursor:wait}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.eyebrow{display:block;color:var(--blue);font-weight:700;font-size:12px;letter-spacing:.12em;margin:0 0 13px}.section{padding:60px 0}.section.pale{background:var(--pale)}.section.blue{background:#f2f4fc}.section-heading{max-width:850px;margin-bottom:28px}.section-heading p{font-size:17px;color:var(--muted);margin:0}.grid{display:grid;gap:24px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.split{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}.split>*{min-width:0}.home-hero{background:linear-gradient(100deg,#fff 40%,#f2f4fc);padding:44px 0 38px}.hero-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:48px;align-items:center}.home-hero h1{font-size:clamp(38px,4.2vw,64px);line-height:1.04}.home-hero p{max-width:540px;font-size:18px}.hero-links{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;font-weight:700}.hero-mosaic{display:grid;grid-template-columns:1.15fr 1fr;gap:14px;position:relative}.hero-mosaic>div{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.hero-mosaic .mosaic-0{grid-column:1/-1}.hero-mosaic .photo{border:0;border-radius:0;flex:1;background:#f6f7fc}.hero-mosaic .photo img{aspect-ratio:1.2;object-fit:contain;padding:18px;height:100%}.hero-mosaic>div>span{padding:8px 14px;background:white;font-size:13px;font-weight:700;color:var(--navy)}.hero-mosaic .mosaic-0 img{aspect-ratio:2.7;object-fit:cover;padding:0;max-height:250px}.home-hero .photo-note{grid-column:1/-1;font-size:11px;color:var(--muted);margin:0;max-width:none}.photo{background:#f6f7fc;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.photo img{aspect-ratio:4/3;object-fit:contain;padding:20px;max-height:530px}.photo.scene img{object-fit:cover;padding:0;aspect-ratio:3/2}.photo figcaption{padding:11px 14px;background:white;font-size:12px;line-height:1.5;color:var(--muted);border-top:1px solid var(--line)}.photo figcaption a{margin-left:7px;white-space:nowrap}.product-card{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}.product-card .photo{border:0;border-radius:0}.product-card .photo img{aspect-ratio:4/3;padding:24px}.card-copy{padding:24px;display:flex;flex-direction:column;flex:1}.card-copy h3 a{color:var(--navy);text-decoration:none}.card-copy p{color:var(--muted)}.card-copy .button{margin-top:auto;align-self:flex-start}.chips{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 22px}.chips span{font-size:11px;background:#e7ecfc;border-radius:4px;padding:4px 8px;color:var(--blue);font-weight:600}.featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.featured-grid .text-link{display:block;margin-top:10px}.text-link{font-weight:700;font-size:14px}.panel{padding:26px;background:white;border:1px solid var(--line);border-radius:var(--radius)}.panel p:last-child{margin:0}.panel h2{font-size:23px}.panel p,.panel li{font-size:15px;color:var(--muted)}.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:30px 0 0}.steps li{background:var(--pale);border-top:3px solid var(--blue);padding:23px;margin:0;border-radius:0 0 10px 10px}.steps span{font-size:13px;font-weight:bold;color:var(--blue);display:block;margin-bottom:12px}.steps h3{margin-bottom:9px}.steps p{font-size:14px;margin:0}.checklist{list-style:none;padding:0}.checklist li{padding-left:18px;position:relative}.checklist li:before{content:'';position:absolute;left:0;top:11px;width:6px;height:6px;border-radius:50%;background:var(--blue)}.guide-card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:26px;display:flex;flex-direction:column}.guide-card>.photo{margin:-26px -26px 20px;border:0;border-radius:12px 12px 0 0}.guide-card>.photo img{aspect-ratio:16/10}.square-summary{background:linear-gradient(135deg,#f2f4fc,#fff)}.square-summary .card-copy{justify-content:center}.guide-card h3{font-size:23px;line-height:1.3}.guide-card h3 a{text-decoration:none;color:var(--navy)}.guide-card p{font-size:15px;color:var(--muted)}.guide-card .text-link{margin-top:auto}.faq{max-width:1050px}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;font-size:17px;font-weight:700;color:var(--navy)}.faq details p{margin:16px 0 5px;color:var(--muted);max-width:950px}.quote-band{display:flex;justify-content:space-between;align-items:center;gap:35px}.quote-band h2{max-width:800px}.quote-band p{max-width:850px;margin:0}.quote-band>div:last-child{flex-shrink:0;display:flex;align-items:center;flex-direction:column;gap:14px}.breadcrumb{display:flex;gap:10px;font-size:12px;color:var(--muted);padding-top:20px;overflow-wrap:anywhere}.page-intro{padding:34px 0 30px;background:white}.page-intro p{max-width:850px;color:var(--muted);font-size:18px;margin:0}.page-intro h1{font-size:clamp(32px,3.7vw,52px)}.page-intro+.section{padding-top:22px}.category-nav,.anchor-nav{display:flex;flex-wrap:wrap;gap:10px;margin-block:15px 20px}.category-nav a,.anchor-nav a{border:1px solid var(--line);border-radius:6px;padding:8px 14px;font-size:13px;font-weight:700;text-decoration:none;background:var(--pale)}.category-nav a:hover,.anchor-nav a:hover{background:#e7ecfc}.product-hero{padding:32px 0;background:linear-gradient(100deg,#fff,#f2f4fc)}.product-hero h1{font-size:clamp(31px,3.6vw,51px)}.product-hero p{font-size:17px;color:var(--muted)}.product-hero .fine{font-size:12px;margin:0}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-bottom:28px}.gallery .photo img{aspect-ratio:4/3}.table-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:8px;margin:20px 0}table{border-collapse:collapse;width:100%;background:white;font-size:14px;min-width:550px}th,td{text-align:left;vertical-align:top;padding:16px;border-bottom:1px solid var(--line)}thead th{background:#e7ecfc;color:var(--navy)}tbody th{color:var(--navy);width:22%;background:#f6f7fc}tr:last-child>*{border-bottom:0}.spec-disclosure{border:1px solid var(--line);padding:18px;border-radius:8px;margin:25px 0}.spec-disclosure summary{cursor:pointer;color:var(--blue);font-weight:bold}.fine{color:var(--muted);font-size:12px}.video-card{min-width:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:white}.video-stage{position:relative;aspect-ratio:16/9;background:#17233c}.video-stage img,.video-stage iframe{width:100%;height:100%;object-fit:cover;border:0;display:block}.video-play{position:absolute;inset:0;margin:auto;width:140px;height:48px;background:#0b4074;color:white;border:2px solid white;border-radius:7px;font-weight:700;cursor:pointer;box-shadow:0 4px 18px #0006}.video-card figcaption{padding:16px;font-size:12px;color:var(--muted)}.video-card figcaption strong,.video-card figcaption span{display:block;margin-bottom:7px}.video-card figcaption strong{color:var(--navy);font-size:15px}.cap-card{border:1px solid var(--line);border-radius:12px;overflow:hidden}.cap-card .photo{border:0;border-radius:0}.cap-card>div{padding:25px}.cap-card h2{font-size:27px}.cap-card h2 a{text-decoration:none;color:var(--navy)}.link-list{display:flex;gap:12px 24px;flex-wrap:wrap;margin:20px 0}.link-list a{font-weight:700;font-size:14px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:60px;padding-top:30px;padding-bottom:55px}.article-body{max-width:980px;min-width:0}.article-body>section{margin:0 0 35px}.article-body h2{font-size:28px;line-height:1.3}.article-body p{line-height:1.8}.article-body .gallery{grid-template-columns:1fr 1fr}.article-aside{align-self:start;position:sticky;top:112px;border:1px solid var(--line);padding:23px;border-radius:10px;background:var(--pale)}.article-aside h2{font-size:18px;margin-top:20px}.article-aside h2:first-child{margin-top:0}.article-aside>a{display:block;font-size:13px;margin-bottom:10px}.article-aside .button{font-size:14px;margin-top:25px}.contact-layout{display:grid;grid-template-columns:1fr 1.7fr;gap:45px}.contact-panel{background:var(--pale);padding:30px;border-radius:12px;align-self:start}.contact-list{display:flex;flex-direction:column;gap:12px;margin:20px 0;overflow-wrap:anywhere}.contact-panel h2,.form-panel h2{font-size:30px}.contact-panel li{font-size:14px}.form-panel{min-width:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-size:14px;font-weight:700;margin:0 0 18px}input,select,textarea{display:block;width:100%;padding:12px;margin-top:7px;border:1px solid #7785a3;border-radius:6px;background:#fff;color:var(--ink);min-width:0}textarea{resize:vertical}.form-grid label{margin-bottom:2px}.form-grid{margin-bottom:20px}.consent{display:flex;gap:12px;font-size:13px;font-weight:400;align-items:flex-start}.consent input{width:19px;height:19px;flex-shrink:0;margin-top:3px}.honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-error{color:#9d2525}.form-success{color:#0b4074}#form-status{margin-top:15px}footer{background:#f6f7fc;border-top:1px solid var(--line);padding-top:45px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr .8fr;gap:35px}.footer-grid h2{font-size:16px;margin-bottom:19px}.footer-grid>div>a:not(.brand){display:block;font-size:13px;margin-bottom:12px}.footer-grid p{font-size:13px;color:var(--muted);margin-top:17px}.footer-grid .contact-list{font-size:13px}.footer-bottom{display:flex;flex-wrap:wrap;gap:25px;border-top:1px solid var(--line);padding-block:20px;margin-top:35px;font-size:12px;color:var(--muted)}.skip{position:fixed;left:20px;top:-100px;z-index:20;background:white;padding:12px}.skip:focus{top:10px}.reverse>.photo{order:2}.reverse>div{order:1}@media(min-width:1900px){.wrap{width:min(1560px,calc(100% - 120px))}.home-hero{padding-block:58px}.home-hero h1{font-size:68px}.hero-mosaic .mosaic-0 img{max-height:280px}}@media(max-width:1250px){.header-inner{gap:15px}.header nav{gap:15px}.header nav a{font-size:13px}.brand strong{font-size:19px}.header .button{padding-inline:12px}.wrap{width:calc(100% - 56px)}.hero-grid{gap:30px}.split{gap:32px}.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1350px){.header-inner{min-height:75px;position:relative}.menu-toggle{display:block;margin-left:auto}.header nav{display:none;position:absolute;top:75px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:white;border:1px solid var(--line);border-radius:0 0 10px 10px;padding:8px 20px;box-shadow:0 14px 25px #17233c12;max-height:calc(100vh - 120px);overflow-y:auto}.header nav.is-open{display:flex}.header nav a{padding:12px 4px;font-size:15px;border-bottom:1px solid var(--line)}.header nav a:last-child{border:0}.hero-mosaic .mosaic-0 img{max-height:210px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{gap:17px}.card-copy{padding:18px}.product-card h3{font-size:20px}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:minmax(0,1fr) 245px;gap:30px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-layout{grid-template-columns:1fr 1.5fr;gap:25px}}@media(max-width:767px){.wrap{width:calc(100% - 36px)}.topbar .wrap{justify-content:center}.topbar a{display:none}.topbar span{font-size:10px}.header-inner{gap:10px;min-height:69px}.header nav{top:69px}.header .button{font-size:11px;min-height:39px;padding:8px 10px}.brand strong{font-size:17px}.brand small{font-size:8px;letter-spacing:.15em}.menu-toggle{font-size:12px;padding:8px 9px}.hero-grid{grid-template-columns:1fr;gap:28px}.home-hero{padding:30px 0}.home-hero h1{font-size:45px;line-height:1.05}.home-hero p{font-size:16px}.hero-mosaic .mosaic-0 img{max-height:210px}.hero-mosaic{gap:10px}.hero-mosaic>div>span{font-size:11px;padding:7px 10px}.hero-mosaic .photo img{padding:12px}.section{padding:38px 0}.split,.grid.three,.grid.two{grid-template-columns:1fr;gap:24px}.grid.four{gap:15px}.section-heading p{font-size:16px}.section-heading{margin-bottom:22px}.product-card{display:grid;grid-template-columns:.9fr 1.1fr}.product-card .photo img{height:100%;aspect-ratio:1;min-height:200px;padding:12px}.card-copy{padding:18px 16px}.card-copy h3{font-size:21px}.card-copy p{font-size:14px}.card-copy .eyebrow{font-size:10px}.card-copy .button{font-size:12px;padding:10px 12px}.chips{gap:5px;margin-bottom:15px}.chips span{font-size:10px;padding:3px 5px}.panel{padding:22px}.panel p{font-size:14px}.gallery{gap:14px}.photo img{padding:12px}.photo figcaption{font-size:11px;padding:10px}.photo figcaption a{white-space:normal}.featured-grid{gap:15px}.steps{gap:15px}.steps li{padding:20px}.quote-band{flex-direction:column;align-items:stretch;gap:25px}.quote-band>div:last-child{align-items:flex-start}.breadcrumb{font-size:11px}.page-intro{padding-top:26px}.page-intro p{font-size:16px}.product-hero{padding-top:26px}.product-hero .photo{max-width:540px}.product-hero .photo img{max-height:380px}.anchor-nav a,.category-nav a{font-size:12px;padding:7px 10px}.article-layout{grid-template-columns:1fr;padding-top:20px;gap:25px}.article-aside{position:static;order:-1}.article-aside>a{display:inline-block;margin-right:15px}.article-aside h2{font-size:16px}.article-aside .button{display:inline-flex;margin:12px 0 0}.article-body h2{font-size:25px}.contact-layout{grid-template-columns:1fr}.form-grid{gap:14px}.contact-panel{padding:25px}.reverse>.photo,.reverse>div{order:initial}.footer-grid{gap:30px}.footer-grid .brand strong{font-size:18px}.footer-bottom{gap:15px}.video-card figcaption strong{font-size:14px}}@media(max-width:390px){.wrap{width:calc(100% - 28px)}.header-inner{gap:7px}.brand strong{font-size:14px}.brand small{font-size:7px}.header .button{font-size:10px;padding:8px}.menu-toggle{font-size:11px;padding:7px}.home-hero h1{font-size:39px}.hero-links{gap:9px;font-size:11px}.hero-mosaic .mosaic-0 img{max-height:180px}.hero-mosaic .photo img{padding:8px}.hero-mosaic>div>span{font-size:10px}.product-card{grid-template-columns:1fr}.product-card .photo img{aspect-ratio:4/3;min-height:0;max-height:280px}.card-copy{padding:20px}.gallery,.grid.four{grid-template-columns:1fr}.featured-grid{gap:12px}.featured-grid .photo img{padding:9px}.featured-grid .text-link{font-size:12px}.featured-grid .photo figcaption{font-size:10px}.form-grid{grid-template-columns:1fr}.steps{gap:12px}.steps li{padding:15px}.steps h3{font-size:19px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px 18px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{grid-column:1/-1}.article-body .gallery{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}[hidden]{display:none!important}

/* Procurement and inspection tools share the existing white / blue design system. */
.breadcrumb>a,.breadcrumb>span:not(:last-child){flex-shrink:0}.breadcrumb>span:last-child{min-width:0}
.article-mobile-toc{display:none}.download-link{margin-top:12px;font-size:14px}
body[data-page="/products/"] .page-intro{padding-bottom:12px}body[data-page="/products/"] .page-intro h1{max-width:1200px;font-size:clamp(32px,3.2vw,46px)}body[data-page="/products/"] .page-intro p{font-size:17px}body[data-page="/products/"] #product-families{padding-top:22px}.hero-mosaic .mosaic-1{grid-column:1/-1}.hero-mosaic .mosaic-1 img{aspect-ratio:2.7;max-height:230px;object-fit:contain}.home-hero .hero-mosaic{gap:12px}.product-hero .photo figcaption{font-size:12px}.section h3{line-height:1.25}
.nav-group{position:relative}.nav-group summary{font-size:14px;font-weight:600;padding:30px 0;cursor:pointer;color:var(--ink)}.nav-group summary.is-current{color:var(--blue)}.nav-submenu{position:absolute;left:-18px;top:100%;width:265px;padding:10px 18px;background:white;border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 24px #17233c15}.header .nav-submenu a{display:block;white-space:normal;padding:11px 0;border-bottom:1px solid var(--line);font-size:14px}.header .nav-submenu a:last-child{border:0}
.format-filters{display:flex;flex-wrap:wrap;gap:10px}.format-filters button{border:1px solid #7785a3;border-radius:7px;padding:11px 17px;min-height:44px;background:white;color:var(--blue);font-size:14px;font-weight:700;cursor:pointer}.format-filters button[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:white}.filter-status{font-size:13px;color:var(--muted);margin:12px 0 22px}.comparison-tools{display:flex;flex-wrap:wrap;gap:10px 25px}.comparison-tools label{display:flex;align-items:center;gap:9px;margin:0;font-size:14px;cursor:pointer;min-height:44px}.comparison-tools input{width:19px;height:19px;margin:0;accent-color:var(--blue)}.compare-status{margin:8px 0}.brief-builder{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:start}.brief-fields{background:white;padding:26px;border:1px solid var(--line);border-radius:12px}.brief-fields .fine{margin:14px 0 0}.brief-fields .form-grid{margin-bottom:20px}.format-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.format-facts>div{border-left:3px solid #7785a3;background:#fff;padding:9px 12px;min-width:0}.format-facts dt{font-weight:700;color:var(--navy);font-size:12px}.format-facts dd{font-size:13px;color:var(--muted);margin:3px 0 0}.family-switch{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-top:20px;font-size:13px}.family-switch span{color:var(--muted)}.family-switch a{font-weight:700}.gallery-help{color:var(--muted);font-size:14px;margin:0 0 22px}.photo figcaption{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.photo figcaption a{margin-left:0}.photo-open{font-weight:700}.photo-viewer{width:min(1100px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:22px;background:white;border:1px solid var(--line);border-radius:12px;overflow:auto;color:var(--ink)}.photo-viewer::backdrop{background:#17233cbb}.viewer-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:15px}.viewer-toolbar h2{font-size:22px;line-height:1.3;margin:0}.viewer-close{flex-shrink:0;min-height:44px;border:1px solid #7785a3;background:#f2f4fc;color:var(--blue);border-radius:7px;padding:9px 18px;font-weight:700;cursor:pointer}.viewer-image{width:100%;height:min(62vh,620px);object-fit:contain;background:#f6f7fc}.viewer-note{font-size:13px;color:var(--muted);margin:14px 0 8px}.viewer-credit{font-size:14px}.enquiry-context{background:var(--pale);border-left:3px solid var(--blue);padding:12px 15px;font-size:13px;overflow-wrap:anywhere}.product-hero .split{align-items:start}.article-aside h2:first-child{margin-top:0}
@media(max-width:1250px){.nav-group summary{font-size:13px}.brief-builder{gap:30px}}
@media(max-width:1350px){.header .nav-group summary{padding:12px 4px;font-size:15px;border-bottom:1px solid var(--line)}.nav-submenu{position:static;width:auto;border:0;border-radius:0;box-shadow:none;background:var(--pale);padding:4px 14px;margin-bottom:6px}.header .nav-submenu a{padding:11px 4px;font-size:14px}.nav-group{width:100%}}
@media(max-width:767px){.brief-builder{grid-template-columns:1fr;gap:24px}.brief-fields{padding:22px}.format-filters{gap:8px}.format-filters button{font-size:12px;padding:10px 13px}.format-facts{gap:9px}.photo-viewer{padding:16px}.viewer-toolbar h2{font-size:18px}.viewer-image{height:52vh}.family-switch{gap:10px 18px}.article-aside{order:initial}.article-body{width:100%}.article-layout .article-aside{border-top:3px solid var(--blue)}.comparison-tools{gap:4px 18px}}
@media(max-width:390px){.format-facts{grid-template-columns:1fr 1fr}.format-facts>div{padding:8px}.format-facts dd{font-size:12px}.viewer-toolbar{align-items:flex-start}.viewer-close{padding:8px 13px}.featured-grid{grid-template-columns:1fr}.photo-viewer{width:calc(100% - 20px);padding:12px}}
@media(max-width:767px){.article-mobile-toc{display:block;padding-top:12px}.article-mobile-toc details{background:var(--pale);border:1px solid var(--line);padding:13px 16px;border-radius:8px;font-size:14px}.article-mobile-toc summary{font-weight:700;color:var(--blue);cursor:pointer}.article-mobile-toc a{display:block;margin-top:10px}}
@media(max-width:767px){.product-hero .split{gap:14px}.product-hero .split>div{display:contents}.product-hero .split .eyebrow{order:0;margin:0}.product-hero h1{order:1;margin:0}.product-hero .split>div>p:first-of-type{order:2;margin:0}.product-hero .split>.photo{order:3;max-width:none}.product-hero .actions{order:4;margin:5px 0}.product-hero .checklist{order:5;margin:0}.product-hero .format-facts{order:6;margin:4px 0}.product-hero .fine{order:7}.product-hero .photo img{max-height:340px}.product-hero .split>.photo img{aspect-ratio:4/3}}

/* Buyer worksheet and continuous photograph inspection. */
[hidden]{display:none!important}.footprint-tool{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;align-items:start}.footprint-tool form,.tool-result{background:white;border:1px solid var(--line);border-radius:12px;padding:24px;min-width:0}.footprint-tool fieldset{border:1px solid var(--line);border-radius:8px;margin:0 0 18px;padding:18px;min-width:0}.footprint-tool legend{font-weight:700;color:var(--navy);padding-inline:7px}.tool-top{display:flex;gap:20px;align-items:center}.tool-top label{flex:1}.tool-top .fine{flex:1}.tool-result .table-scroll{background:white;margin:18px 0}.tool-result th,.tool-result td{padding:12px;min-width:0;white-space:normal}.tool-result-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.tool-method{border-top:1px solid var(--line);margin-top:24px;padding-top:18px;font-size:14px}.tool-method summary{cursor:pointer;font-weight:700;color:var(--navy);margin-bottom:14px}.tool-method p:last-child{margin:0}.selection-path{display:grid;grid-template-columns:1fr 1fr;gap:18px;list-style:none;padding:0}.selection-path li{display:flex;align-items:start;gap:15px;border:1px solid var(--line);border-radius:10px;padding:22px;margin:0}.step-number{flex:0 0 34px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--pale);color:var(--blue);font-weight:700}.selection-path h3{font-size:20px}.selection-path p{font-size:15px;margin:0}.viewer-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;flex-wrap:wrap}.viewer-controls button{font:inherit;min-height:44px;padding:9px 16px;border:1px solid #7785a3;background:var(--pale);color:var(--blue);border-radius:7px;font-size:14px;cursor:pointer}.viewer-controls button:disabled{opacity:.45;cursor:default}.viewer-position{font-size:13px;color:var(--muted)}.another-enquiry{margin-left:12px}.footprint-tool .fine{overflow-wrap:anywhere}
@media(max-width:1024px){.footprint-tool{grid-template-columns:1fr}.tool-result{padding:22px}}
@media(max-width:767px){.selection-path{grid-template-columns:1fr}.footprint-tool form{padding:18px}.footprint-tool fieldset{padding:15px}.tool-top{align-items:start;flex-direction:column;gap:0}.tool-top label{width:100%}.tool-result th,.tool-result td{font-size:12px;padding:8px}.viewer-controls{gap:7px}.viewer-controls button{font-size:12px;padding:8px 10px}.viewer-position{order:3;flex-basis:100%;text-align:center}.another-enquiry{margin:12px 0 0}.footprint-tool .actions,.tool-result-actions{align-items:stretch;flex-direction:column}}

.article-body .section{padding:24px 0}.article-body .section>.wrap{width:100%}.article-body .selection-path{margin:0 0 24px}.footprint-tool button:disabled{opacity:.55;cursor:default}

/* Product range photographs and feature-filtered catalogue. */
.range-photo-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:white;min-width:0}.range-photo-card>.photo{border:0;border-radius:0}.range-photo-card .panel{border:0;border-radius:0;padding:24px}.range-photo-card .photo img{aspect-ratio:4/3;object-fit:contain;background:#f6f7fc}.photo-filters{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.photo-filters button{font:inherit;font-weight:600;min-height:44px;border:1px solid #7785a3;background:white;color:var(--blue);border-radius:7px;padding:10px 16px;cursor:pointer}.photo-filters button[aria-pressed="true"]{background:var(--blue);color:white;border-color:var(--blue)}.photo-catalogue{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.photo-catalogue-card{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden;min-width:0}.photo-catalogue-card>.photo{border:0;border-radius:0}.photo-catalogue-copy{padding:20px}.photo-catalogue-copy p{font-size:15px;min-height:70px}.photo-catalogue-copy .actions{gap:10px;margin:15px 0 0;align-items:stretch}.photo-catalogue-copy .button{font-size:13px;min-height:44px;padding:10px 13px}.custom-process-visual{margin-top:34px}.photo-catalogue-card .photo img{aspect-ratio:4/3;object-fit:contain;background:#f6f7fc}
@media(max-width:1024px){.photo-catalogue{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.photo-catalogue{grid-template-columns:1fr}.photo-catalogue-copy p{min-height:0}.photo-catalogue-copy .actions{flex-direction:row;flex-wrap:wrap}.photo-filters button{font-size:13px;padding:9px 12px}.range-photo-card .panel{padding:20px}}

/* Buyer brief and searchable content library. */
.product-brief-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:32px;align-items:start}.product-brief-fields{background:white;border:1px solid var(--line);padding:28px;border-radius:12px;min-width:0}.product-brief-fields label,.photo-search-label,.resource-search-tools>label{display:flex;flex-direction:column;gap:8px;font-weight:600;margin:0 0 20px}.product-brief-fields input,.product-brief-fields textarea,.photo-search-label input,.resource-search-tools input{box-sizing:border-box;width:100%;max-width:100%;min-width:0;padding:12px 14px;font:inherit;color:var(--ink);border:1px solid #7785a3;border-radius:7px;background:#fff;min-height:46px}.product-brief-fields textarea{resize:vertical}.brief-context{margin-top:0;padding:12px;background:#f2f4fc;color:#0b4074}.brief-checklist{background:#fff;border:1px solid var(--line);padding:28px;border-radius:12px}.brief-checklist h3{margin-top:0}.brief-checklist ol{padding-left:20px}.brief-checklist li{margin-bottom:14px}.brief-checklist>a{display:block;margin-top:12px}.photo-search-label{max-width:600px;margin-top:24px}.resource-search-tools{max-width:850px;margin:24px 0}.resource-result{min-width:0}.resource-result>.guide-card,.resource-result>.video-card{height:100%;box-sizing:border-box}.resource-no-results{margin-top:24px}.resource-result[hidden],.photo-catalogue-card[hidden]{display:none}.photo-no-results{padding:18px;background:#fff;border:1px solid var(--line);border-radius:8px}
@media(max-width:767px){.product-brief-layout{grid-template-columns:1fr;gap:18px}.product-brief-fields,.brief-checklist{padding:20px}.product-brief-fields .form-grid{grid-template-columns:1fr}.product-brief-fields .button{width:100%}}

/* Media controls and a prominent, restrained dedicated watch page. */
.video-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px}.video-actions a{min-height:30px;display:inline-flex;align-items:center}.video-stop{min-height:38px;border:1px solid #7785a3;background:#f2f4fc;color:var(--blue);padding:7px 13px;border-radius:6px;cursor:pointer;font:inherit;font-weight:700}.watch-page .page-intro{padding:22px 0 8px}.watch-page .page-intro h1{font-size:clamp(28px,3vw,43px);max-width:1080px;margin-bottom:12px}.watch-page .page-intro p{font-size:16px;max-width:1000px}.watch-page #watch{padding:16px 0 34px}.watch-page #watch>.wrap{max-width:1000px}.watch-page #watch .video-stage{min-height:0}.watch-page .breadcrumb{padding-top:14px}#selection-evidence .section-heading,#approval-matrix .section-heading{max-width:1000px}#custom-video .video-card{max-width:1000px;margin:0 auto}#custom-video .video-stage img{object-fit:contain}#selection-evidence table,#approval-matrix table{min-width:570px}
@media(max-width:767px){.watch-page .page-intro{padding-top:15px}.watch-page .page-intro h1{font-size:29px}.watch-page #watch{padding-top:8px}.watch-page .breadcrumb{font-size:10px}.video-actions{gap:7px 14px}.video-actions a{min-height:36px}.watch-page .video-card figcaption{padding:13px}.watch-page .video-card figcaption strong{font-size:14px}}


/* Complete purchase briefs with an explicit, local review step. */
.brief-fields textarea{width:100%;min-width:0;border:1px solid #7785a3;border-radius:7px;padding:12px 14px;resize:vertical;background:#fff;color:var(--ink);font:inherit}.procurement-fields input{font-size:15px}.brief-review{margin-top:24px;padding:18px;background:var(--pale);border:1px solid #7785a3;border-radius:8px;min-width:0}.brief-review summary{font-weight:700;color:var(--navy);cursor:pointer;min-height:36px}.brief-review[open] summary{margin-bottom:14px}.brief-review textarea{width:100%;min-width:0;resize:vertical;background:#fff;font:14px/1.6 ui-monospace,Consolas,monospace;padding:14px;border:1px solid #7785a3;border-radius:6px;color:var(--ink)}.brief-save-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.brief-save-actions .button{font-size:13px;padding:9px 13px}.brief-review .fine{margin-bottom:0}.viewer-image-status{margin:0 0 10px}.viewer-image-status:empty{display:none}.video-actions a{min-height:44px}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:9px}
@media(max-width:767px){.procurement-fields{grid-template-columns:1fr}.brief-review{padding:15px}.brief-save-actions{flex-direction:column}.brief-save-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(max-width:1024px){.brief-builder,.product-brief-layout{grid-template-columns:1fr}.brief-builder{gap:24px}.product-brief-layout{gap:22px}}

/* Shape and feature filters remain separate and wrap at small widths. */
.photo-family-filters{margin-bottom:8px}.photo-reset{margin-top:18px}.viewer-quote-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px;margin-top:16px}.viewer-quote-actions .button{font-size:14px}.viewer-note{line-height:1.6}.photo-viewer{max-height:94dvh;overflow:auto}.viewer-image{display:block;width:auto;max-width:100%;height:auto;max-height:54dvh;margin-inline:auto}@media(max-width:650px){.viewer-quote-actions{align-items:stretch;flex-direction:column}.viewer-quote-actions .button{width:100%}}

/* Preserve the native detail of licensed research photographs; never upscale them as hero images. */
.photo[data-photo^="research-iml-"] img{align-self:center;flex:none}
.photo[data-photo^="research-iml-"]{display:flex;flex-direction:column;justify-content:center}.photo[data-photo^="research-iml-"] img{width:auto;max-width:100%;height:auto;max-height:169px;aspect-ratio:auto;object-fit:contain;padding:0;margin:24px auto}.photo[data-photo^="research-iml-"] figcaption{margin-top:auto}.research-note{margin-top:24px}.home-hero .mosaic-0 img{object-fit:contain;background:#f6f7fc;padding:10px}

/* Complete licensed decoration comparison retains all original panels and branding. */
.photo[data-photo="yogurt-decoration-comparison-2025"] img{aspect-ratio:2155/662;object-fit:contain;padding:0;background:#fff}#decoration-process-video .video-card{max-width:1000px;margin-inline:auto}#square-purchase-matrix .section-heading{max-width:1000px}#square-purchase-matrix table{min-width:650px}

/* Container route comparison uses confirmed buyer inputs, never assumed catalogue values. */
#container-customization-routes .section-heading{max-width:1000px}#container-customization-routes table{min-width:620px}.container-route-answer{max-width:1050px;font-size:18px;line-height:1.75;margin:0 0 28px}

/* Preview controls report player state without claiming a completed playback. */
.video-player-status{margin:12px 0 0;line-height:1.6}.video-player-status:empty{display:none}

/* Preserve complete research photos and native aspect ratios. */
.sample-review-visual{margin-bottom:28px;align-items:start}.sample-review-visual .photo img{width:auto;max-width:100%;height:auto;max-height:578px;aspect-ratio:auto;padding:14px;margin:auto;object-fit:contain}#label-to-pack .photo img,#label-film-review .photo img,#manufacturing-reference .photo img{height:auto;aspect-ratio:auto;object-fit:contain}#defect-review .gallery{grid-template-columns:repeat(2,minmax(0,1fr))}#defect-review .photo img{height:auto;aspect-ratio:auto;object-fit:contain;max-height:500px}@media(max-width:650px){#defect-review .gallery{grid-template-columns:1fr}.sample-review-visual .photo img{max-height:450px}}

/* Keep the complete independent retail-pail photograph and its native ratio. */
.market-reference-visual{align-items:start;margin-bottom:28px}.market-reference-visual .photo img{width:auto;max-width:100%;height:auto;max-height:600px;aspect-ratio:auto;object-fit:contain;margin:auto}.market-reference-visual .button{margin:6px 8px 6px 0}@media(max-width:650px){.market-reference-visual .photo img{max-height:500px}}

/* Buyer-entered capacity worksheet, isolated from SKU data. */
.working-fill-tool{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:28px;align-items:start}.working-fill-tool form{padding:24px;border:1px solid var(--line);background:white;border-radius:12px;min-width:0}.working-fill-tool label{display:flex;flex-direction:column;gap:7px;margin-bottom:16px;font-weight:600}.working-fill-tool input,.working-fill-tool select{width:100%;min-width:0;box-sizing:border-box;padding:12px;font:inherit;min-height:46px;border:1px solid #7785a3;border-radius:7px;background:#fff;color:var(--ink)}.working-fill-tool .fill-density-field[hidden]{display:none}.working-fill-tool .form-grid{align-items:start}.working-fill-tool .actions{flex-wrap:wrap}.fill-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);margin:18px 0;gap:0}.fill-summary dt,.fill-summary dd{padding:11px 0;border-bottom:1px solid var(--line);margin:0;overflow-wrap:anywhere}.fill-summary dt{font-weight:700;padding-right:14px}.fill-method{margin-top:24px}.fill-method summary{cursor:pointer;font-weight:700;min-height:44px}.fill-method p{max-width:1000px}#working-fill .section-heading{max-width:1000px}@media(max-width:768px){.working-fill-tool{grid-template-columns:1fr;gap:18px}.working-fill-tool form{padding:18px}}@media(max-width:430px){.working-fill-tool .form-grid{grid-template-columns:1fr}.working-fill-tool .actions .button{width:100%}.working-fill-tool form{padding:15px}.fill-summary{grid-template-columns:1fr}.fill-summary dt{padding-bottom:0;border-bottom:0}.fill-summary dd{padding-top:5px}}

.capacity-guide-preview{padding:24px;background:#f2f4fc;border-bottom:1px solid var(--line);min-height:170px;display:flex;flex-direction:column;justify-content:center}.capacity-guide-preview strong{font-size:22px;color:var(--blue)}.capacity-guide-preview dl{display:grid;grid-template-columns:1fr 1.7fr;gap:7px;margin:14px 0 0}.capacity-guide-preview dt{font-weight:700}.capacity-guide-preview dd{margin:0;overflow-wrap:anywhere}

/* Application journeys: scrollable navigation and tables retain text at narrow widths. */
.application-nav{display:flex;flex-wrap:wrap;gap:10px;padding-block:12px 24px}.application-nav a{border:1px solid #dce2f1;border-radius:8px;padding:10px 16px;color:#0b4074;font-weight:650;background:#f6f7fc}.application-nav a:hover,.application-nav a:focus-visible{background:#e7ecfc} @media(max-width:430px){.application-nav{display:grid;grid-template-columns:1fr 1fr}.application-nav a{padding:10px;font-size:.9rem}}

/* Shared reading navigation; native details remains usable without JavaScript. */
.page-navigation{margin-block:18px 26px}.page-jump{background:#f6f7fc;border:1px solid var(--line);border-radius:10px;padding:14px 18px}.page-jump>summary{font-weight:700;color:var(--navy);cursor:pointer;min-height:44px;align-content:center}.page-jump nav{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.page-jump nav a{display:flex;align-items:center;min-height:44px;border:1px solid #dce2f1;border-radius:7px;padding:9px 13px;background:white;font-size:14px;font-weight:600;text-decoration:none;line-height:1.35}.page-jump nav a:hover,.page-jump nav a:focus-visible{background:#e7ecfc}.page-jump nav a[aria-current="location"]{border-color:var(--blue);color:var(--blue)}.breadcrumb [aria-current]{overflow-wrap:anywhere}.article-aside .button{display:flex}.table-mobile-hint{display:none;font-size:12px;color:var(--muted);padding:8px 12px;margin:0;background:#f6f7fc}.page-jump>summary:focus-visible{outline:3px solid #0b4074}.article-layout .article-aside{min-width:0}
@media(max-width:767px){.page-navigation{margin-block:12px 20px}.page-jump{padding:8px 14px}.page-jump nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.page-jump nav a{font-size:13px;padding:10px;overflow-wrap:anywhere}.table-mobile-hint{display:block}.article-aside{order:initial!important}.article-aside>a{display:block;margin-right:0;min-height:44px;padding-block:8px}.article-body .gallery{gap:15px}}@media(max-width:350px){.page-jump nav{grid-template-columns:1fr}}
.page-jump nav a,.page-jump>summary{scroll-margin-top:112px;scroll-margin-bottom:24px}

/* Consecutive sections share a background: use one compact visual boundary. */
.section.pale:has(+ .section.pale){padding-bottom:28px}.section.pale+.section.pale{padding-top:28px}@media(max-width:767px){.section.pale:has(+ .section.pale){padding-bottom:20px}.section.pale+.section.pale{padding-top:20px}}

/* A licensed montage preview; the original complete image remains available in View Larger. External CSS preserves the existing style-src self policy. */
.photo.preview-top img{object-fit:cover;object-position:50% 0;padding:0}

/* v15: category-led catalogue. Real colors and full product outlines are preserved. */
.v15-home-hero,.v15-category-hero{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.v15-home-hero h1{font-size:clamp(36px,4vw,62px)}.v15-category-hero h1{font-size:clamp(32px,3.2vw,48px)}.lead{font-size:18px;line-height:1.65}.v15-key-points{padding-left:20px;margin-block:20px}.v15-key-points li{margin-bottom:9px}.v15-hero-links{display:flex;flex-wrap:wrap;gap:12px 20px;padding-top:20px;font-size:14px}.v15-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.v15-category-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;min-width:0}.v15-category-card .card-copy{padding:24px}.v15-category-card h3,.v15-category-card h2{font-size:23px}.v15-category-card p{font-size:14px}.v15-category-card .photo img,.v15-feature-card .photo img{aspect-ratio:4/3;width:100%;height:auto;object-fit:contain;padding:22px;background:#f6f7fc;max-height:none;min-height:0}.v15-category-card .photo{border:0;border-radius:0;margin:0}.v15-category-card .photo.scene img{padding:0;background:#f6f7fc;object-fit:contain}.v15-category-hero .photo img,.v15-home-visual .photo img{aspect-ratio:4/3;object-fit:contain;padding:24px;background:#f6f7fc;width:100%;max-height:none}.v15-category-hero .photo figcaption{background:white}.v15-product-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}.v15-product-visual{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden;min-width:0}.v15-product-visual .photo{border:0;border-radius:0;margin:0}.v15-product-visual .photo img{aspect-ratio:4/3;object-fit:contain;padding:18px;background:#f6f7fc;max-height:none}.v15-product-visual .photo.preview-top img{object-fit:contain;object-position:center;aspect-ratio:4/3}.v15-photo-context{padding:18px}.v15-photo-context p{font-size:13px;line-height:1.65;margin-bottom:12px}.v15-photo-context>a:not(.button){display:block;font-size:12px;margin-bottom:12px}.v15-photo-context .button{font-size:13px}.v15-feature-card{border:1px solid var(--line);border-radius:12px;padding-bottom:24px;overflow:hidden;background:white;display:flex;flex-direction:column;gap:14px}.v15-feature-card h3,.v15-feature-card>a{margin-inline:24px}.v15-feature-card .photo{margin:0;border:0;border-radius:0}.v15-spec-status{padding:24px;margin-top:24px;background:var(--pale);border-left:4px solid var(--blue);border-radius:8px}.v15-anchor{display:block;scroll-margin-top:120px}.v15-resource-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.v15-resource-categories>a{display:flex;flex-direction:column;gap:10px;padding:22px;border:1px solid var(--line);border-radius:10px}.v15-resource-categories>a[aria-current]{background:var(--pale);border-color:var(--blue)}.v15-resource-categories span{font-size:13px;color:var(--muted)}.related-format-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.v15-category-grid .panel h2{font-size:22px}.guide-card h2{font-size:23px}.resource-links{display:flex;flex-wrap:wrap;gap:12px}.v15-category-grid .photo img{height:auto}.v15-category-hero,.v15-home-hero{min-width:0}.v15-category-hero>*,.v15-home-hero>*{min-width:0}.v15-category-grid .fine{font-size:12px}.section{padding-block:48px}.page-intro p{max-width:850px}.section-heading{max-width:950px}
@media(max-width:1250px){.v15-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v15-home-hero,.v15-category-hero{gap:28px}}@media(max-width:900px){.v15-product-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.v15-resource-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.v15-home-hero,.v15-category-hero{grid-template-columns:1fr}.related-format-grid{grid-template-columns:1fr}.v15-category-hero .photo{max-width:650px;margin-inline:auto}.v15-home-hero h1{font-size:clamp(34px,6vw,52px)}}@media(max-width:540px){.v15-category-grid,.v15-product-gallery{grid-template-columns:1fr}.v15-resource-categories{gap:10px}.v15-resource-categories>a{padding:16px}.v15-category-card .card-copy{padding:22px}.v15-product-visual .photo img{padding:16px}.section{padding-block:34px}.v15-home-hero h1{font-size:36px}.v15-category-hero h1{font-size:32px}.v15-category-hero .photo img{padding:16px}.v15-category-hero .lead,.lead{font-size:16px}.v15-home-visual .fine{font-size:12px}}

body[data-page="/products/"] .page-intro{padding-block:22px 6px}body[data-page="/products/"] .page-intro h1{margin-bottom:12px}body[data-page="/products/"] #product-categories{padding-top:20px}body[data-page="/products/"] .page-navigation{margin-block:16px}body[data-page="/products/"] .v15-category-card .card-copy>p:not(.fine){font-size:14px}

/* Equal catalogue image frames override historical native research-photo previews. */
.v15-category-card .photo[data-photo] img,.v15-product-visual .photo[data-photo] img{margin:0;width:100%;height:auto;max-height:none;min-height:0;aspect-ratio:4/3;object-fit:contain;padding:22px;background:#f6f7fc}.v15-category-hero .photo[data-photo] img,.v15-home-visual .photo[data-photo] img{margin:0;width:100%;height:auto;max-height:none;aspect-ratio:4/3;object-fit:contain;padding:24px}.v15-category-card{display:flex;flex-direction:column}.v15-category-card .card-copy{display:flex;flex-direction:column;flex:1}.v15-category-card .card-copy>p:not(.fine){flex:1}.v15-category-card .card-copy>.button{align-self:flex-start}.v15-category-card .photo[data-photo]{display:block}.v15-product-visual .photo[data-photo]{display:block}.v15-category-card .fine{margin-top:12px}.v15-category-card .card-copy h3{min-height:3.45em}.v15-category-card .photo.scene[data-photo] img{padding:0}.v15-product-gallery .v15-photo-context .button{min-height:44px}
@media(max-width:540px){.v15-category-card .card-copy h3{min-height:0}.v15-category-card .photo[data-photo] img,.v15-product-visual .photo[data-photo] img{padding:18px}.v15-category-hero .photo[data-photo] img{padding:16px}}

.v15-gallery-video{margin-top:32px;max-width:1000px}.v15-gallery-video h3{font-size:26px}.v15-gallery-video>p{max-width:850px}.v15-gallery-video .video-stage{aspect-ratio:16/9}

/* Preview silhouette only: original photographic pixels, colors and text remain untouched. */
.photo[data-photo="rectangular-retail-pail-reference"]{background:#f6f7fc}
.photo[data-photo="rectangular-retail-pail-reference"] img{mask-image:url('/assets/rectangular-retail-pail-front-mask-v15.webp');mask-size:contain;mask-position:center;mask-repeat:no-repeat;mask-mode:alpha;mask-origin:content-box;mask-clip:content-box}
.photo[data-photo="rectangular-retail-pail-rear-reference"]{background:#f6f7fc}
.photo[data-photo="rectangular-retail-pail-rear-reference"] img{mask-image:url('/assets/rectangular-retail-pail-rear-mask-v15.webp');mask-size:contain;mask-position:center;mask-repeat:no-repeat;mask-mode:alpha;mask-origin:content-box;mask-clip:content-box}
.v15-product-gallery:has(>article:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:540px){.v15-product-gallery:has(>article:nth-child(2):last-child){grid-template-columns:1fr}}

/* Commercial navigation and image frame consistency. */
.header nav{gap:14px}.nav-group summary{white-space:nowrap}.header .button{white-space:nowrap}.commercial-image-source{font-size:12px}
@media(min-width:1351px){.header nav>a,.nav-group summary{font-size:13px}}
.v15-product-gallery:has(>article:first-child:last-child){grid-template-columns:minmax(0,380px)}
.photo[data-photo="plain-white-pail-handle"]{background:#f6f7fc}.photo[data-photo="plain-white-pail-handle"] img{mask-image:url('/assets/round-pail-mask-v16.webp');mask-size:contain;mask-position:center;mask-repeat:no-repeat;mask-mode:alpha;mask-origin:content-box;mask-clip:content-box}
.photo[data-photo="retail-icecream-tubs-v16"]{background:#f6f7fc}.photo[data-photo="retail-icecream-tubs-v16"] img{mask-image:url('/assets/icecream-tubs-mask-v16.webp');mask-size:contain;mask-position:center;mask-repeat:no-repeat;mask-mode:alpha;mask-origin:content-box;mask-clip:content-box}

/* A small source photograph and its process film share the desktop media row. */
.v16-media-pair{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:28px;align-items:start}.v16-media-pair>*{min-width:0}.v16-media-pair>.v15-gallery-video{margin-top:0}@media(max-width:900px){.v16-media-pair{grid-template-columns:1fr}}

/* Stable photograph references are shareable quote contexts, not SKU identifiers. */
.v15-product-visual[id]{scroll-margin-top:140px}.v15-photo-context .reference-id{overflow-wrap:anywhere;font-size:12px;color:var(--muted)}

/* Klein blue brand theme: approved colour-only update, 2026-10-27. */
.topbar{background:var(--blue)}
.topbar a:focus-visible{outline-color:#fff}
.button.secondary{border-color:var(--blue)}
.button.secondary:hover{color:#00258a}
.section.blue:has(.quote-band){background:var(--blue);color:#fff}
.section.blue:has(.quote-band) :is(h2,.eyebrow,p){color:#fff}
.section.blue:has(.quote-band) a:not(.button){color:#fff}
.section.blue:has(.quote-band) .button{background:#fff;color:var(--blue);border-color:#fff}
.section.blue:has(.quote-band) .button:hover{background:var(--pale);color:#00258a}
.section.blue:has(.quote-band) :is(button,a):focus-visible{outline-color:#fff}
.application-nav a{color:var(--blue)}

/* Larger Klein blue surfaces; existing photo pixels, copy and layout are retained. */
.header{background:var(--blue);border-color:#ffffff40}
.header .brand,.header .brand strong span,.header .brand small,.header nav a,.header .nav-group summary,.header .nav-group summary.is-current{color:#fff}
.header nav a[aria-current],.header .nav-group summary.is-current{color:#fff;text-decoration:underline;text-underline-offset:6px}
.header .button{background:#fff;color:var(--blue);border-color:#fff}
.header .button:hover{background:#e7ecfc;color:#00258a}
.header .menu-toggle{background:transparent;border-color:#fff;color:#fff}
.header nav,.header nav.is-open,.header .nav-submenu{background:var(--blue);border-color:#ffffff40}
.header :is(a,button,summary):focus-visible{outline-color:#fff}
body[data-page="/"] #hero,body[data-page="/"] #custom-iml{background:var(--blue);color:#fff}
body[data-page="/"] #hero :is(h1,.eyebrow,.lead),body[data-page="/"] #custom-iml :is(h2,h3,.eyebrow,.section-heading p,.steps span,.steps p){color:#fff}
body[data-page="/"] #hero .v15-hero-links a,body[data-page="/"] #hero .v15-home-visual>.fine,body[data-page="/"] #hero .v15-home-visual>.fine a{color:#fff}
body[data-page="/"] #custom-iml .steps li{background:transparent;border-color:#ffffff80}
body[data-page="/"] :is(#hero,#custom-iml) .button{background:#fff;color:var(--blue);border-color:#fff}
body[data-page="/"] :is(#hero,#custom-iml) .button:hover{background:#e7ecfc;color:#00258a}
body[data-page="/"] :is(#hero,#custom-iml) .button.secondary{background:transparent;color:#fff;border-color:#fff}
body[data-page="/"] :is(#hero,#custom-iml) .button.secondary:hover{background:#ffffff20;color:#fff}
body[data-page="/"] :is(#hero,#custom-iml) a:focus-visible{outline-color:#fff}
body[data-page="/"] #hero .photo a:focus-visible{outline-color:var(--blue)}
.page-intro{background:var(--blue);color:#fff}
.page-intro :is(h1,p,.eyebrow){color:#fff}
section#overview:has(.v15-category-hero){background:var(--blue);color:#fff}
.v15-category-hero>div:first-child :is(h1,p,.eyebrow,.fine),.v15-category-hero>div:first-child a:not(.button),.v15-category-hero>div:last-child>.fine,.v15-category-hero>div:last-child>.fine a{color:#fff}
.v15-category-hero>div:first-child .button{background:#fff;color:var(--blue);border-color:#fff}
.v15-category-hero>div:first-child .button:hover{background:#e7ecfc;color:#00258a}
.v15-category-hero>div:first-child .button.secondary{background:transparent;color:#fff;border-color:#fff}
.v15-category-hero>div:first-child .button.secondary:hover{background:#ffffff20;color:#fff}
.v15-category-hero>div:first-child a:focus-visible,.v15-category-hero>div:last-child>.fine a:focus-visible{outline-color:#fff}
footer{background:var(--blue);color:#fff;border-color:#ffffff40}
footer .footer-grid h2,footer .footer-grid p,footer .footer-grid a,footer .brand,footer .brand strong span,footer .brand small,footer .footer-bottom,footer .footer-bottom a{color:#fff}
footer .footer-bottom{border-color:#ffffff40}
footer a:focus-visible{outline-color:#fff}

/* Blue-white balance: blue brand areas, white reading/card/form surfaces. */
.section.pale{background:#f1f4f6}
.v15-category-card,.v15-feature-card,.guide-card{border-color:#d4dde5}


/* v17 staged shared chrome. Append after the existing site styles. */
.v17-chrome{--v17-blue:#0b4074;--v17-blue-deep:#00258a;--v17-white:#fff;--v17-rule:#ffffff38;--v17-ink:#17233c;--v17-pale:#f1f4f6}
.v17-chrome a{text-decoration:none}
.v17-chrome :is(a,button,summary):focus-visible{outline:2px solid currentColor;outline-offset:5px}
.v17-chrome .wrap{width:min(1320px,calc(100% - 64px));max-width:none}
.v17-topbar{background:var(--v17-blue-deep);color:var(--v17-white);font-size:11px;line-height:1.4;border-bottom:1px solid #ffffff1f}
.v17-topbar .v17-topbar-inner{min-height:33px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:6px}
.v17-business-line{letter-spacing:.025em}
.v17-topbar-contacts{display:flex;align-items:center;gap:22px;min-width:0}
.v17-topbar-contacts a{display:inline-flex;align-items:center;gap:7px;color:var(--v17-white);white-space:nowrap}
.v17-topbar-contacts a:hover{text-decoration:underline;text-underline-offset:3px}
.v17-contact-label{display:none}
.header.v17-header{position:sticky;top:0;z-index:40;color:var(--v17-white);background:var(--v17-blue);border-bottom:1px solid var(--v17-rule)}
.v17-header .v17-header-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:82px}
.v17-chrome .v17-brand{display:inline-flex;flex-direction:column;flex-shrink:0;max-width:100%;color:var(--v17-white);line-height:1.1;text-decoration:none}
.v17-brand strong{font-size:22px;letter-spacing:-.045em;font-weight:800;white-space:nowrap}
.v17-brand strong span{margin-left:5px}
.v17-brand small{font-size:8px;letter-spacing:.25em;margin-top:8px;white-space:nowrap}
.v17-header nav.v17-navigation{display:flex;align-items:center;justify-content:flex-end;position:static;flex:1;gap:27px;min-width:0;width:auto;max-height:none;padding:0;border:0;border-radius:0;box-shadow:none;overflow:visible;background:transparent}
.v17-header .v17-nav-group{position:relative;flex:0 0 auto;width:auto;margin:0;min-width:0}
.v17-header .v17-nav-group>summary,.v17-header nav.v17-navigation>a{display:flex;align-items:center;gap:7px;min-height:82px;padding:0;border:0;color:var(--v17-white);font-size:13px;font-weight:600;line-height:1.3;white-space:nowrap;text-decoration:none;cursor:pointer;list-style:none}
.v17-header .v17-nav-group>summary::-webkit-details-marker{display:none}
.v17-header .v17-nav-group>summary::marker{content:""}
.v17-header .v17-nav-group>summary::after{content:"";width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .16s ease}
.v17-header .v17-nav-group[open]>summary::after{transform:translateY(1px) rotate(225deg)}
.v17-header .v17-nav-group>summary.is-current,.v17-header nav.v17-navigation>a[aria-current="page"]{color:var(--v17-white);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}
.v17-header .v17-nav-group>summary:hover,.v17-header nav.v17-navigation>a:hover{color:#d9e4ff}
.v17-header .v17-nav-submenu{position:absolute;left:-19px;top:calc(100% - 1px);width:260px;max-width:calc(100vw - 48px);margin:0;padding:10px 19px;background:var(--v17-white);color:var(--v17-ink);border:1px solid #d4dde5;border-top:3px solid #98b2ff;border-radius:0 0 3px 3px;box-shadow:0 14px 32px #001b6030}
.v17-header .v17-nav-group:last-child .v17-nav-submenu{left:auto;right:-19px}
.v17-header nav.v17-navigation .v17-nav-submenu a{display:block;padding:12px 0;min-height:44px;border:0;border-bottom:1px solid #e7ebf5;color:var(--v17-ink);font-size:13px;font-weight:500;line-height:1.45;white-space:normal;overflow-wrap:anywhere}
.v17-header nav.v17-navigation .v17-nav-submenu a:last-child{border-bottom:0}
.v17-header nav.v17-navigation .v17-nav-submenu a:hover,.v17-header nav.v17-navigation .v17-nav-submenu a[aria-current="page"]{color:var(--v17-blue);text-decoration:underline;text-underline-offset:4px}
.v17-header .v17-nav-submenu a:focus-visible{outline-color:var(--v17-blue)}
.v17-header .button.v17-quote-cta{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:16px;min-height:44px;margin:0;padding:12px 17px;border:1px solid var(--v17-white);border-radius:2px;background:var(--v17-white);color:var(--v17-blue);font-size:12px;font-weight:700;line-height:1.3;white-space:nowrap;text-decoration:none}
.v17-header .button.v17-quote-cta:hover{background:#eaf0ff;border-color:#eaf0ff;color:var(--v17-blue-deep)}
.v17-quote-arrow{font-size:17px;line-height:1}
.v17-quote-short{display:none}
.v17-header .menu-toggle.v17-menu-toggle{display:none}
.v17-footer{padding:64px 0 0;background:var(--v17-blue);color:var(--v17-white);border-top:1px solid var(--v17-rule)}
.v17-footer .v17-footer-grid{display:grid;grid-template-columns:1.45fr 1fr 1.2fr 1fr;gap:48px;align-items:start}
.v17-footer-grid>div{min-width:0}
.v17-footer .v17-brand strong{font-size:25px}
.v17-footer p{max-width:310px;margin:21px 0;color:#e1e8ff;font-size:13px;line-height:1.75}
.v17-footer .v17-footer-contacts{display:flex;flex-direction:column;gap:9px;font-size:13px;line-height:1.6}
.v17-footer .v17-footer-contacts :is(a,span){color:var(--v17-white);overflow-wrap:anywhere}
.v17-footer .v17-footer-column h2{margin:0 0 22px;color:var(--v17-white);font-size:13px;font-weight:700;line-height:1.4;letter-spacing:.035em}
.v17-footer .v17-footer-column>a{display:block;width:fit-content;max-width:100%;margin-bottom:13px;color:#e1e8ff;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.v17-footer a:hover{color:var(--v17-white);text-decoration:underline;text-underline-offset:4px}
.v17-social-links{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:21px;font-size:11px;line-height:1.6}
.v17-social-links a{color:#e1e8ff}
.v17-footer p.v17-shared-note{margin-top:15px;font-size:11px;line-height:1.65;color:#cbd9ff}
.v17-footer .v17-footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px 24px;margin-top:48px;padding:22px 0;border-top:1px solid var(--v17-rule);font-size:11px;line-height:1.6;color:#d7e2ff}
.v17-footer-bottom>a{color:var(--v17-white)}
@media(min-width:1150px){.v17-header .menu-toggle.v17-menu-toggle{display:none}.v17-header nav.v17-navigation,.v17-header nav.v17-navigation.is-open{display:flex;flex-direction:row;align-items:center;position:static;overflow:visible;max-height:none;background:transparent}.v17-header .v17-nav-group{width:auto}.v17-header .v17-nav-submenu{position:absolute}}
@media(min-width:1150px) and (max-width:1279px){.v17-header .v17-header-inner{gap:20px}.v17-header nav.v17-navigation{gap:19px}.v17-brand strong{font-size:20px}.v17-header .v17-nav-group>summary,.v17-header nav.v17-navigation>a{font-size:12px}.v17-header .button.v17-quote-cta{gap:10px;padding-inline:13px}}
@media(max-width:1149px){.v17-chrome .wrap{width:calc(100% - 48px)}.v17-header .v17-header-inner{gap:16px;min-height:72px}.v17-header .menu-toggle.v17-menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;order:2;flex:0 0 auto;min-height:44px;margin-left:auto;padding:10px 12px;background:transparent;color:var(--v17-white);border:1px solid #ffffff80;border-radius:2px;font-size:12px;font-weight:600;line-height:1.3}.v17-menu-icon{position:relative;width:15px;height:10px;border-top:1.5px solid currentColor;border-bottom:1.5px solid currentColor}.v17-menu-icon::after{content:"";position:absolute;left:0;right:0;top:3px;border-top:1.5px solid currentColor}.v17-header .button.v17-quote-cta{order:3}.v17-header nav.v17-navigation{display:none;position:absolute;top:100%;left:-24px;right:-24px;flex:none;flex-direction:column;align-items:stretch;gap:0;width:auto;max-height:calc(100dvh - 112px);overflow-y:auto;overscroll-behavior:contain;padding:8px 24px 20px;background:var(--v17-blue);border:0;border-top:1px solid var(--v17-rule);border-bottom:1px solid var(--v17-rule);border-radius:0;box-shadow:0 18px 22px #001b6028}.v17-header nav.v17-navigation.is-open{display:flex}.v17-header .v17-nav-group{width:100%}.v17-header .v17-nav-group>summary,.v17-header nav.v17-navigation>a{justify-content:space-between;min-height:50px;padding:13px 2px;border-bottom:1px solid var(--v17-rule);font-size:14px}.v17-header .v17-nav-group>summary.is-current,.v17-header nav.v17-navigation>a[aria-current="page"]{text-underline-offset:5px}.v17-header .v17-nav-submenu,.v17-header .v17-nav-group:last-child .v17-nav-submenu{position:static;left:auto;right:auto;top:auto;width:auto;max-width:none;margin:0 0 10px;padding:3px 15px;background:#00258a;border:0;border-left:2px solid #8eaaff;border-radius:0;box-shadow:none}.v17-header nav.v17-navigation .v17-nav-submenu a{min-height:44px;padding:11px 0;border-color:var(--v17-rule);color:var(--v17-white);font-size:13px}.v17-header nav.v17-navigation .v17-nav-submenu a:hover,.v17-header nav.v17-navigation .v17-nav-submenu a[aria-current="page"]{color:var(--v17-white)}.v17-header .v17-nav-submenu a:focus-visible{outline-color:var(--v17-white)}.v17-footer .v17-footer-grid{grid-template-columns:1.4fr 1fr;gap:36px 56px}.v17-footer{padding-top:48px}}
@media(max-width:599px){.v17-chrome .wrap{width:calc(100% - 32px)}.v17-topbar .v17-topbar-inner{justify-content:space-between;min-height:29px;gap:12px}.v17-business-line{font-size:9px;letter-spacing:0}.v17-topbar-contacts{gap:14px;font-size:10px}.v17-contact-label{display:inline}.v17-contact-value{display:none}.v17-header .v17-header-inner{min-height:68px;gap:10px}.v17-header .v17-brand strong{font-size:18px}.v17-header .v17-brand small{font-size:7px;letter-spacing:.18em;margin-top:6px}.v17-header .menu-toggle.v17-menu-toggle{width:42px;min-width:42px;padding:10px}.v17-menu-label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.v17-header .button.v17-quote-cta{padding:11px 12px;font-size:12px;gap:8px}.v17-quote-full{display:none}.v17-quote-short{display:inline}.v17-quote-arrow{font-size:15px}.v17-header nav.v17-navigation{left:-16px;right:-16px;max-height:calc(100dvh - 100px);padding:8px 18px 18px}.v17-footer .v17-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 22px}.v17-footer .v17-footer-brand{grid-column:1/-1}.v17-footer .v17-footer-column h2{margin-bottom:18px;font-size:12px}.v17-footer .v17-footer-column>a{font-size:11px;margin-bottom:12px}.v17-footer p{max-width:100%}.v17-footer .v17-footer-bottom{margin-top:30px;align-items:flex-start;gap:12px;flex-direction:column}.v17-footer-bottom>span:nth-child(2){display:none}}
@media(max-width:359px){.v17-header .v17-brand strong{font-size:16px}.v17-header .v17-brand small{font-size:6px}.v17-header .v17-header-inner{gap:8px}.v17-header .button.v17-quote-cta{padding-inline:10px;gap:6px}.v17-business-line{font-size:8px}}
@media(prefers-reduced-motion:reduce){.v17-header .v17-nav-group>summary::after{transition:none}}


/* Stage-only homepage and product-directory compositions. */
body[data-page="/"] .v17-page,
body[data-page="/products/"] .v17-page {
  --v17-blue: #0b4074;
  --v17-blue-deep: #00258a;
  --v17-ink: #17233c;
  --v17-muted: #58657a;
  --v17-line: #d4dde5;
  --v17-pale: #f1f4f6;
  background: #fff;
  color: var(--v17-ink);
  font-size: 17px;
  line-height: 1.65;
}

.v17-page *,
.v17-page *::before,
.v17-page *::after { box-sizing: border-box; }
.v17-page :where(h1, h2, h3, p, figure, ol, ul) { margin-top: 0; }
.v17-page :where(h1, h2, h3) { color: inherit; font-weight: 650; }
.v17-page :where(h1, h2, h3, p, a) { overflow-wrap: break-word; }
.v17-page :where(h1, h2, h3) { text-wrap: balance; }
.v17-page :where(a) { text-underline-offset: .2em; }
.v17-page :where(a, summary):focus-visible { outline: 3px solid var(--v17-blue); outline-offset: 5px; }
.v17-page [id] { scroll-margin-top: 120px; }
.v17-page .v17-anchor { display: block; width: 0; height: 0; }
.v17-page .v17-wrap { width: min(1240px, calc(100% - 64px)); margin-inline: auto; min-width: 0; }
.v17-page .v17-section { padding-block: clamp(64px, 6vw, 96px); background: #fff; }
.v17-page .v17-section--pale { background: var(--v17-pale); }
.v17-page .v17-section-heading { max-width: 830px; margin-bottom: 40px; }
.v17-page .v17-eyebrow { display: block; margin-bottom: 15px; color: var(--v17-blue); font-size: 12px; line-height: 1.4; font-weight: 750; letter-spacing: .12em; }
.v17-page .v17-section-heading h2 { margin-bottom: 18px; font-size: clamp(31px, 3.2vw, 46px); line-height: 1.12; letter-spacing: -.035em; }
.v17-page .v17-section-heading p { max-width: 750px; margin-bottom: 0; color: var(--v17-muted); font-size: 18px; }
.v17-page .v17-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 28px; }
.v17-page .v17-button { display: inline-flex; justify-content: center; align-items: center; min-height: 48px; max-width: 100%; padding: 13px 21px; border: 1px solid var(--v17-blue); border-radius: 3px; background: var(--v17-blue); color: #fff; font-size: 15px; font-weight: 650; line-height: 1.35; text-align: center; white-space: normal; text-decoration: none; box-shadow: none; }
.v17-page .v17-button:hover { background: var(--v17-blue-deep); border-color: var(--v17-blue-deep); color: #fff; }
.v17-page .v17-button.secondary { background: transparent; color: var(--v17-blue); }
.v17-page .v17-button.secondary:hover { background: var(--v17-pale); color: var(--v17-blue-deep); }
.v17-page .v17-text-link { display: inline-block; max-width: 100%; color: var(--v17-blue); font-size: 15px; line-height: 1.5; font-weight: 650; text-decoration-thickness: 1px; }
.v17-page .v17-text-link span { white-space: nowrap; }
.v17-page .v17-text-link:hover { color: var(--v17-blue-deep); }
.v17-page .v17-media-note { margin: 13px 0 0; color: var(--v17-muted); font-size: 12px; line-height: 1.6; }
.v17-page .photo { margin: 0; overflow: hidden; border: 1px solid var(--v17-line); border-radius: 3px; background: #fff; color: var(--v17-ink); box-shadow: none; }
.v17-page .photo img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; padding: 18px; object-fit: contain; background: transparent; }
.v17-page .photo figcaption { margin: 0; padding: 11px 15px; border-top: 1px solid var(--v17-line); background: #fff; color: var(--v17-muted); font-size: 11px; line-height: 1.55; text-align: left; }
.v17-page .photo figcaption a { display: inline-block; margin-left: .35em; color: var(--v17-blue); }

body[data-page="/"] .v17-page #hero.v17-hero { padding-block: clamp(56px, 6vw, 88px); background: var(--v17-blue); color: #fff; }
.v17-page .v17-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); align-items: center; gap: clamp(36px, 5vw, 72px); }
.v17-page .v17-hero-copy { min-width: 0; }
.v17-page .v17-hero-copy .v17-eyebrow { color: #cbd8ff; }
.v17-page .v17-hero-copy h1 { max-width: 660px; margin-bottom: 25px; color: #fff; font-size: clamp(42px, 4.8vw, 68px); font-weight: 650; line-height: 1.04; letter-spacing: -.05em; }
.v17-page .v17-hero-copy h1 span { color: #fff; }
.v17-page .v17-hero-copy > p { max-width: 580px; color: #e3eaff; font-size: clamp(17px, 1.45vw, 20px); line-height: 1.65; }
.v17-page .v17-hero .v17-button { background: #fff; border-color: #fff; color: var(--v17-blue); }
.v17-page .v17-hero .v17-button:hover { background: #e9efff; border-color: #e9efff; color: var(--v17-blue-deep); }
.v17-page .v17-hero .v17-button.secondary { background: transparent; border-color: #9ab3f4; color: #fff; }
.v17-page .v17-hero .v17-button.secondary:hover { border-color: #fff; background: #ffffff12; color: #fff; }
.v17-page .v17-hero :where(a, summary):focus-visible { outline-color: #fff; }
.v17-page .v17-hero-foot { display: flex; flex-wrap: wrap; gap: 9px 18px; margin-top: 34px; padding-top: 22px; border-top: 1px solid #ffffff38; color: #dce6ff; font-size: 13px; }
.v17-page .v17-hero-foot span + span::before { content: "/"; margin-right: 18px; color: #91acf0; }
.v17-page .v17-hero-media { min-width: 0; padding: clamp(18px, 2vw, 28px); border: 1px solid #ffffff38; border-radius: 4px; background: var(--v17-pale); color: var(--v17-ink); }
.v17-page .v17-hero-media .photo { border: 0; background: #f6f7fc; }
.v17-page .v17-hero-media .photo img { padding: 8px; }
.v17-page .v17-hero-media .photo figcaption { padding-inline: 0; background: transparent; }
.v17-page .v17-hero-media .photo figcaption a:focus-visible { outline-color: var(--v17-blue); }
.v17-page .v17-hero-media .v17-media-note { margin-top: 12px; color: #4d5970; }

.v17-page .v17-format-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px; }
.v17-page .v17-format-card { min-width: 0; display: flex; flex-direction: column; border: 1px solid var(--v17-line); border-radius: 4px; background: #fff; overflow: hidden; }
.v17-page .v17-format-media { min-width: 0; background: #f6f7fc; }
.v17-page .v17-format-media .photo { border: 0; border-radius: 0; background: #f6f7fc; }
.v17-page .v17-format-media .photo img { height: clamp(260px, 22vw, 320px); aspect-ratio: auto; padding: 20px; }
.v17-page .v17-format-media .photo figcaption { padding-inline: 24px; background: #f6f7fc; }
.v17-page .v17-format-copy { display: flex; flex-direction: column; flex: 1; padding: 27px 28px 29px; min-width: 0; }
.v17-page .v17-format-copy .v17-eyebrow { margin-bottom: 13px; }
.v17-page .v17-format-copy :where(h2, h3) { margin-bottom: 13px; font-size: clamp(25px, 2.25vw, 31px); line-height: 1.17; letter-spacing: -.025em; }
.v17-page .v17-format-copy :where(h2, h3) a { color: var(--v17-ink); text-decoration: none; }
.v17-page .v17-format-copy :where(h2, h3) a:hover { color: var(--v17-blue); text-decoration: underline; }
.v17-page .v17-format-focus { margin-bottom: 0; color: #435168; font-size: 17px; }
.v17-page .v17-format-copy .v17-media-note { margin-top: 14px; }
.v17-page .v17-card-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 23px; margin-top: 24px; }
.v17-page .v17-format-copy .v17-card-actions { margin-top: auto; padding-top: 24px; }
.v17-page .v17-check-list { padding: 0; margin: 21px 0 0; list-style: none; }
.v17-page .v17-check-list li { position: relative; margin: 9px 0; padding-left: 20px; font-size: 15px; }
.v17-page .v17-check-list li::before { content: ""; position: absolute; left: 0; top: .65em; width: 6px; height: 6px; border-radius: 0; background: var(--v17-blue); }

.v17-page .v17-custom-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px; align-items: stretch; }
.v17-page .v17-custom-card { min-width: 0; overflow: hidden; border: 1px solid var(--v17-line); border-radius: 4px; background: #fff; }
.v17-page .v17-custom-photo .photo { border: 0; border-radius: 0; }
.v17-page .v17-custom-photo .photo img { height: 290px; aspect-ratio: auto; }
.v17-page .v17-custom-copy { padding: 31px; }
.v17-page .v17-custom-copy h3 { margin-bottom: 20px; font-size: clamp(30px, 3vw, 42px); line-height: 1.12; letter-spacing: -.035em; }
.v17-page .v17-custom-copy > p:not(.v17-media-note) { color: #435168; font-size: 17px; }
.v17-page .v17-custom-card--iml { display: flex; flex-direction: column; background: var(--v17-blue); border-color: var(--v17-blue); color: #fff; }
.v17-page .v17-custom-card--iml .v17-eyebrow { color: #cbd8ff; }
.v17-page .v17-custom-card--iml .v17-custom-copy { flex: 1; display: flex; flex-direction: column; }
.v17-page .v17-custom-card--iml .v17-custom-copy > p { color: #e3eaff; }
.v17-page .v17-custom-card--iml .v17-card-actions { margin-top: auto; padding-top: 26px; }
.v17-page .v17-custom-card--iml .v17-text-link { color: #fff; }
.v17-page .v17-custom-card--iml .v17-button { border-color: #fff; background: #fff; color: var(--v17-blue); }
.v17-page .v17-custom-card--iml .v17-button:hover { background: #e9efff; border-color: #e9efff; }
.v17-page .v17-custom-card--iml :where(a, summary):focus-visible { outline-color: #fff; }
.v17-page .v17-custom-card--iml .v17-check-list li::before { background: #fff; }
.v17-page .v17-iml-diagram { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; min-height: 290px; padding: 34px 36px; border-bottom: 1px solid #ffffff35; font-size: clamp(28px, 3.5vw, 50px); font-weight: 600; line-height: 1.2; letter-spacing: -.025em; }
.v17-page .v17-iml-diagram span { display: block; padding-left: 20px; border-left: 2px solid #abc0f7; }
.v17-page .v17-iml-diagram span + span { margin-top: 10px; }

.v17-page .v17-application-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, .55fr); gap: 36px; align-items: end; margin-bottom: 36px; }
.v17-page .v17-application-heading .v17-section-heading { margin-bottom: 0; }
.v17-page .v17-application-heading > p { margin: 0 0 3px; color: var(--v17-muted); }
.v17-page .v17-application-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--v17-line); border-bottom: 1px solid var(--v17-line); }
.v17-page .v17-application { position: relative; display: block; min-width: 0; padding: 30px 29px 34px 0; color: var(--v17-ink); text-decoration: none; }
.v17-page .v17-application + .v17-application { padding-left: 29px; border-left: 1px solid var(--v17-line); }
.v17-page .v17-application h3 { max-width: 290px; margin-bottom: 15px; padding-right: 20px; font-size: 25px; line-height: 1.2; letter-spacing: -.02em; }
.v17-page .v17-application p { max-width: 325px; margin-bottom: 0; padding-right: 16px; color: var(--v17-muted); font-size: 15px; }
.v17-page .v17-application > span { position: absolute; top: 26px; right: 21px; color: var(--v17-blue); font-size: 24px; }
.v17-page .v17-application:hover h3 { color: var(--v17-blue); text-decoration: underline; }
.v17-page .v17-industrial-link { margin: 24px 0 0; color: var(--v17-muted); font-size: 14px; }
.v17-page .v17-industrial-link .v17-text-link { margin-left: 8px; font-size: inherit; }

.v17-page .v17-evidence-grid { display: grid; grid-template-columns: minmax(240px, .65fr) minmax(0, 1fr); gap: clamp(40px, 6vw, 90px); align-items: center; }
.v17-page .v17-evidence-visual { max-width: 430px; min-width: 0; }
.v17-page .v17-evidence-visual .photo { background: #fff; }
.v17-page .v17-evidence-visual .photo img { height: 280px; aspect-ratio: auto; }
.v17-page .v17-evidence-copy { min-width: 0; }
.v17-page .v17-evidence-copy .v17-section-heading { margin-bottom: 30px; }
.v17-page .v17-review-steps { padding: 0; margin: 0; list-style: none; }
.v17-page .v17-review-steps li { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 16px; padding: 22px 0; border-top: 1px solid var(--v17-line); }
.v17-page .v17-review-steps li > span { padding-top: 3px; color: var(--v17-blue); font-size: 13px; font-weight: 750; }
.v17-page .v17-review-steps h3 { margin-bottom: 8px; font-size: 23px; line-height: 1.25; letter-spacing: -.02em; }
.v17-page .v17-review-steps p { margin-bottom: 0; color: var(--v17-muted); font-size: 15px; }
.v17-page .v17-evidence-links { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-top: 22px; padding-top: 24px; border-top: 1px solid var(--v17-line); }

.v17-page .v17-heading-row { display: flex; justify-content: space-between; gap: 32px; align-items: end; margin-bottom: 40px; }
.v17-page .v17-heading-row .v17-section-heading { margin-bottom: 0; }
.v17-page .v17-heading-row > div:last-child { flex-shrink: 0; padding-bottom: 5px; }
.v17-page .v17-guide-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; }
.v17-page .v17-guide-card { min-width: 0; position: relative; padding: 30px 0 24px; border-top: 2px solid var(--v17-blue); }
.v17-page .v17-guide-index { display: block; margin-bottom: 25px; color: #d7e0f6; font-size: 56px; font-weight: 600; line-height: 1; letter-spacing: -.055em; }
.v17-page .v17-guide-card .v17-eyebrow { margin-bottom: 12px; }
.v17-page .v17-guide-card h3 { margin-bottom: 15px; font-size: 24px; line-height: 1.25; letter-spacing: -.02em; }
.v17-page .v17-guide-card h3 a { color: var(--v17-ink); text-decoration: none; }
.v17-page .v17-guide-card h3 a:hover { color: var(--v17-blue); text-decoration: underline; }
.v17-page .v17-guide-card p { color: var(--v17-muted); font-size: 15px; }
.v17-page .v17-faq-strip { position: relative; display: grid; grid-template-columns: minmax(220px, .6fr) minmax(0, 1fr); gap: 48px; margin-top: 55px; padding-top: 34px; border-top: 1px solid var(--v17-line); }
.v17-page .v17-faq-strip > .v17-anchor { position: absolute; top: 0; left: 0; }
.v17-page .v17-faq-strip h3 { font-size: 26px; line-height: 1.2; letter-spacing: -.02em; }
.v17-page .v17-faq-item { border-bottom: 1px solid var(--v17-line); background: transparent; color: var(--v17-ink); border-radius: 0; box-shadow: none; }
.v17-page .v17-faq-item summary { padding: 17px 3px; cursor: pointer; font-size: 17px; font-weight: 650; }
.v17-page .v17-faq-item p { margin: 0; padding: 0 3px 20px; color: var(--v17-muted); font-size: 15px; }

.v17-page .v17-directory-intro { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, .6fr); gap: clamp(35px, 6vw, 90px); align-items: center; }
.v17-page .v17-directory-intro h1 { margin-bottom: 25px; color: var(--v17-ink); font-size: clamp(39px, 5vw, 66px); line-height: 1.06; letter-spacing: -.045em; }
.v17-page .v17-intro-lead { max-width: 690px; color: var(--v17-muted); font-size: 19px; }
.v17-page .v17-directory-brief { min-width: 0; padding: clamp(28px, 3vw, 42px); border-radius: 3px; background: var(--v17-blue); color: #fff; }
.v17-page .v17-directory-brief .v17-eyebrow { color: #cbd8ff; }
.v17-page .v17-directory-brief p { margin-bottom: 26px; font-size: clamp(25px, 2.65vw, 35px); line-height: 1.3; letter-spacing: -.025em; }
.v17-page .v17-directory-brief > span:last-child { color: #e3eaff; font-size: 14px; }
.v17-page.v17-products .v17-format-grid { margin-top: 20px; }
.v17-page .v17-comparison-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(230px, .45fr); gap: 35px; align-items: end; margin-bottom: 36px; }
.v17-page .v17-comparison-heading .v17-section-heading { margin: 0; }
.v17-page .v17-comparison-heading > p { margin: 0 0 3px; color: var(--v17-muted); }
.v17-page .v17-comparison-table { width: 100%; overflow-x: auto; border-top: 1px solid var(--v17-line); border-bottom: 1px solid var(--v17-line); border-radius: 0; background: #fff; }
.v17-page .v17-comparison-table table { width: 100%; min-width: 630px; margin: 0; border-collapse: collapse; color: var(--v17-ink); background: #fff; font-size: 15px; line-height: 1.6; }
.v17-page .v17-comparison-table th,
.v17-page .v17-comparison-table td { padding: 21px 23px; border: 0; border-bottom: 1px solid var(--v17-line); text-align: left; vertical-align: top; background: #fff; color: var(--v17-ink); }
.v17-page .v17-comparison-table thead th { background: var(--v17-pale); color: var(--v17-blue); font-weight: 700; }
.v17-page .v17-comparison-table tbody th { width: 17%; font-weight: 700; }
.v17-page .v17-comparison-table tbody td { width: 41.5%; color: #435168; }
.v17-page .v17-comparison-table tr:last-child :where(th, td) { border-bottom: 0; }
.v17-page .v17-next-step { display: grid; grid-template-columns: minmax(0, 1fr) minmax(230px, .6fr); gap: 35px; margin-top: 36px; padding: 30px; background: var(--v17-pale); }
.v17-page .v17-next-step h3 { max-width: 560px; margin: 0; font-size: 27px; line-height: 1.25; letter-spacing: -.025em; }
.v17-page .v17-next-links { display: grid; gap: 12px; align-content: center; }
.v17-page .v17-industrial-review { margin-top: 32px; padding-left: 23px; border-left: 2px solid var(--v17-line); }
.v17-page .v17-industrial-review h3 { margin-bottom: 10px; font-size: 22px; line-height: 1.25; }
.v17-page .v17-industrial-review p { max-width: 890px; margin-bottom: 10px; color: var(--v17-muted); font-size: 15px; }
.v17-page .v17-products #product-range { padding-top: 25px; }

.v17-page .v17-quote .section { padding-block: clamp(58px, 6vw, 86px); background: var(--v17-blue); color: #fff; }
.v17-page .v17-quote .wrap { width: min(1240px, calc(100% - 64px)); margin-inline: auto; }
.v17-page .v17-quote .quote-band { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 45px; align-items: center; padding: 0; border: 0; background: transparent; }
.v17-page .v17-quote .eyebrow { color: #cbd8ff; }
.v17-page .v17-quote h2 { max-width: 820px; margin-bottom: 20px; color: #fff; font-size: clamp(33px, 3.6vw, 49px); line-height: 1.12; letter-spacing: -.035em; }
.v17-page .v17-quote p { max-width: 740px; margin: 0; color: #e3eaff; font-size: 18px; }
.v17-page .v17-quote .quote-band > div:last-child { display: flex; flex-direction: column; align-items: flex-start; gap: 13px; min-width: 0; }
.v17-page .v17-quote .button { min-height: 49px; max-width: 100%; border: 1px solid #fff; border-radius: 3px; background: #fff; color: var(--v17-blue); white-space: normal; }
.v17-page .v17-quote .button:hover { background: #e9efff; border-color: #e9efff; color: var(--v17-blue-deep); }
.v17-page .v17-quote .quote-band > div:last-child > a:not(.button) { color: #fff; font-size: 14px; overflow-wrap: anywhere; }
.v17-page .v17-quote :where(a, summary):focus-visible { outline-color: #fff; }

@media (max-width: 1000px) {
  .v17-page .v17-wrap,
  .v17-page .v17-quote .wrap { width: min(100%, calc(100% - 44px)); }
  .v17-page .v17-hero-grid { gap: 30px; }
  .v17-page .v17-hero-copy h1 { font-size: clamp(39px, 5.5vw, 57px); }
  .v17-page .v17-hero-copy > p { font-size: 17px; }
  .v17-page .v17-format-grid,
  .v17-page .v17-custom-grid { gap: 22px; }
  .v17-page .v17-format-copy { padding: 24px; }
  .v17-page .v17-custom-copy { padding: 27px; }
  .v17-page .v17-guide-grid { gap: 24px; }
  .v17-page .v17-guide-card h3 { font-size: 22px; }
  .v17-page .v17-application { padding-right: 23px; }
  .v17-page .v17-application + .v17-application { padding-left: 23px; }
}

@media (max-width: 760px) {
  .v17-page .v17-hero-grid,
  .v17-page .v17-custom-grid,
  .v17-page .v17-application-heading,
  .v17-page .v17-evidence-grid,
  .v17-page .v17-faq-strip,
  .v17-page .v17-directory-intro,
  .v17-page .v17-comparison-heading,
  .v17-page .v17-next-step,
  .v17-page .v17-quote .quote-band { grid-template-columns: minmax(0, 1fr); }
  .v17-page .v17-hero-copy h1 { max-width: 650px; font-size: clamp(40px, 8vw, 58px); }
  .v17-page .v17-hero-media { max-width: 600px; }
  .v17-page .v17-hero-media .photo img { max-height: 380px; aspect-ratio: 4 / 3; }
  .v17-page .v17-section-heading { margin-bottom: 30px; }
  .v17-page .v17-section-heading h2 { font-size: clamp(31px, 6vw, 40px); }
  .v17-page .v17-section-heading p { font-size: 16px; }
  .v17-page .v17-format-copy { padding: 22px; }
  .v17-page .v17-format-copy :where(h2, h3) { font-size: 25px; }
  .v17-page .v17-format-media .photo img { height: 245px; padding: 16px; }
  .v17-page .v17-format-media .photo figcaption { padding-inline: 17px; }
  .v17-page .v17-custom-photo .photo img { height: 285px; }
  .v17-page .v17-iml-diagram { min-height: 240px; font-size: 44px; }
  .v17-page .v17-application-heading { gap: 18px; }
  .v17-page .v17-application-row { grid-template-columns: minmax(0, 1fr); }
  .v17-page .v17-application,
  .v17-page .v17-application + .v17-application { padding: 25px 35px 25px 0; border-left: 0; }
  .v17-page .v17-application + .v17-application { border-top: 1px solid var(--v17-line); }
  .v17-page .v17-application h3 { max-width: none; font-size: 24px; }
  .v17-page .v17-application p { max-width: none; }
  .v17-page .v17-application > span { right: 5px; }
  .v17-page .v17-evidence-visual { max-width: 420px; }
  .v17-page .v17-evidence-grid { gap: 35px; }
  .v17-page .v17-heading-row { display: block; }
  .v17-page .v17-heading-row > div:last-child { margin-top: 22px; }
  .v17-page .v17-guide-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .v17-page .v17-guide-card { padding-top: 24px; }
  .v17-page .v17-guide-index { float: right; margin: 0 0 15px 20px; font-size: 43px; }
  .v17-page .v17-guide-card h3 { max-width: 650px; font-size: 25px; }
  .v17-page .v17-guide-card p { max-width: 650px; }
  .v17-page .v17-faq-strip { gap: 8px; margin-top: 30px; }
  .v17-page .v17-faq-strip h3 { margin-bottom: 12px; }
  .v17-page .v17-directory-intro { gap: 30px; }
  .v17-page .v17-directory-intro h1 { font-size: clamp(39px, 8vw, 58px); }
  .v17-page .v17-directory-brief { max-width: 580px; }
  .v17-page .v17-comparison-heading { gap: 15px; }
  .v17-page .v17-next-step { gap: 24px; }
  .v17-page .v17-quote .quote-band { gap: 30px; }
}

@media (max-width: 560px) {
  .v17-page .v17-wrap,
  .v17-page .v17-quote .wrap { width: calc(100% - 32px); }
  .v17-page .v17-section { padding-block: 52px; }
  body[data-page="/"] .v17-page #hero.v17-hero { padding-block: 46px; }
  .v17-page .v17-hero-copy h1 { font-size: clamp(37px, 10.8vw, 51px); }
  .v17-page .v17-hero-grid { gap: 34px; }
  .v17-page .v17-hero-media { padding: 15px; }
  .v17-page .v17-hero-foot { gap: 8px 13px; margin-top: 25px; font-size: 12px; }
  .v17-page .v17-hero-foot span + span::before { margin-right: 13px; }
  .v17-page .v17-format-grid { grid-template-columns: minmax(0, 1fr); }
  .v17-page .v17-format-media .photo img { height: 275px; }
  .v17-page .v17-format-copy { padding: 24px 21px; }
  .v17-page .v17-format-copy :where(h2, h3) { font-size: 28px; }
  .v17-page .v17-custom-copy { padding: 27px 23px; }
  .v17-page .v17-custom-copy h3 { font-size: 35px; }
  .v17-page .v17-custom-photo .photo img { height: 240px; padding: 15px; }
  .v17-page .v17-iml-diagram { min-height: 220px; padding: 28px 24px; font-size: 40px; }
  .v17-page .v17-card-actions { gap: 13px 20px; }
  .v17-page .v17-evidence-visual .photo img { height: 240px; }
  .v17-page .v17-review-steps li { grid-template-columns: 30px minmax(0, 1fr); gap: 10px; }
  .v17-page .v17-review-steps h3 { font-size: 22px; }
  .v17-page .v17-directory-intro h1 { font-size: clamp(37px, 10.5vw, 52px); }
  .v17-page .v17-intro-lead { font-size: 17px; }
  .v17-page .v17-directory-brief { padding: 28px 24px; }
  .v17-page .v17-directory-brief p { font-size: 30px; }
  .v17-page .v17-next-step { padding: 26px 21px; }
  .v17-page .v17-next-step h3 { font-size: 25px; }
  .v17-page .v17-comparison-table th,
  .v17-page .v17-comparison-table td { padding: 16px 18px; }
}

@media (prefers-reduced-motion: reduce) {
  .v17-page *,
  .v17-page *::before,
  .v17-page *::after { scroll-behavior: auto; transition-duration: 0s; animation-duration: 0s; }
}


/* A new commercial page architecture; blue brand areas and calm white reading surfaces. */
.v17-site{--pale:#f1f4f6;--line:#d4dde5;--radius:4px;background:#fff;color:#23324a;font-family:Arial,Helvetica,sans-serif}
.v17-site h1,.v17-site h2,.v17-site h3{letter-spacing:-.045em}
.v17-site .wrap{width:min(1360px,calc(100% - 80px))}
.v17-site .button{border-radius:3px;min-height:48px;padding:13px 23px;font-weight:700;font-size:14px}
.v17-site .section{padding:84px 0}
.v17-site .eyebrow{font-size:11px;letter-spacing:.17em}
.v17-site .breadcrumb{padding-block:17px;font-size:12px;color:#6c7588;gap:10px}
.v17-site .breadcrumb a{color:#6c7588}
.v17-site .panel,.v17-site .guide-card,.v17-site .contact-panel{border-radius:4px;box-shadow:none}
.v17-site section#overview:has(.v15-category-hero){padding:64px 0 70px}
.v17-site .v15-category-hero{grid-template-columns:1.05fr .95fr;gap:72px;align-items:center}
.v17-site .v15-category-hero h1{font-size:clamp(38px,4.1vw,64px);line-height:1.06;max-width:760px}
.v17-site .v15-category-hero .lead{font-size:18px;max-width:650px;line-height:1.65}
.v17-site .v15-category-hero .v15-key-points{display:flex;flex-wrap:wrap;gap:6px 18px;list-style:none;padding:0;margin:24px 0;font-size:12px;max-width:620px}
.v17-site .v15-category-hero .v15-key-points li{margin:0;padding-left:12px;position:relative}
.v17-site .v15-category-hero .v15-key-points li:before{content:'';position:absolute;left:0;top:.7em;width:4px;height:4px;background:currentColor}
.v17-site .v15-category-hero>.photo,.v17-site .v15-category-hero .photo{border-radius:3px;background:#fff;border:0}
.v17-site .v15-category-hero .photo img{height:340px;object-fit:contain;max-height:none;padding:28px}
.v17-site .v15-category-hero .photo figcaption{color:#4e5d76;background:#fff;font-size:11px}
.v17-site .v15-category-hero .fine{font-size:11px;line-height:1.6}
.v17-group-heading{max-width:780px;margin-bottom:38px}
.v17-group-heading h2{font-size:clamp(30px,3.1vw,46px);line-height:1.12;margin-bottom:16px}
.v17-group-heading>p{font-size:17px;color:#617088;max-width:680px;margin:0}
.v17-format-layout{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(250px,.85fr);gap:50px;align-items:start}
.v17-format-layout>*{min-width:0}
.v17-format-stage .section,.v17-decision-content .section,.v17-project-stage .section,.v17-next-stage .section{padding:0;background:transparent}
.v17-format-stage .section>.wrap,.v17-decision-content .section>.wrap,.v17-project-stage .section>.wrap,.v17-next-stage .section>.wrap{width:100%;max-width:none}
.v17-format-stage .section-heading{margin:0 0 22px}
.v17-format-stage .section-heading h3{font-size:25px;line-height:1.25}
.v17-format-stage .section-heading p{font-size:14px}
.v17-format-notes{padding:28px;background:#f1f4f6;border-top:3px solid #0b4074}
.v17-format-notes .grid.three{display:block}
.v17-format-notes .panel{padding:21px 0;border:0;border-top:1px solid #d4dde5;background:transparent}
.v17-format-notes .panel h4{font-size:17px;color:#17233c;margin:0 0 8px}
.v17-format-notes .panel p{font-size:14px;margin:0}
.v17-format-visual .v15-product-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.v17-format-visual .v15-product-visual{border-radius:3px}
.v17-format-visual .v15-product-visual .photo img{object-fit:contain;background:#fff}
.v17-format-visual .v15-photo-context{padding:19px 20px}
.v17-format-visual .v15-photo-context p{font-size:12px;line-height:1.65}
.v17-format-visual .v15-photo-context .button{font-size:12px;min-height:39px;padding:9px 14px}
.v17-format-visual .panel{padding:24px;margin-top:24px}
.v17-format-visual .table-scroll{font-size:13px}
.v17-format-visual .v15-gallery-video{margin-top:24px}
@media(max-width:767px){.v17-format-visual .v15-product-gallery{grid-template-columns:1fr}}
.v17-specification{background:#f1f4f6}
.v17-specification>.wrap{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.45fr);gap:72px;align-items:start}
.v17-specification-intro{position:sticky;top:120px}
.v17-inline-link{font-size:14px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:25px;padding-bottom:10px;border-bottom:1px solid #0b4074}
.v17-decisions{min-width:0;border-top:1px solid #aebbd8}
.v17-decision{border-bottom:1px solid #aebbd8}
.v17-decision>summary{display:flex;align-items:center;gap:18px;padding:25px 0;cursor:pointer;list-style:none;color:#17233c}
.v17-decision>summary::-webkit-details-marker{display:none}
.v17-decision>summary>span{font-size:11px;color:#667792;letter-spacing:.1em}
.v17-decision>summary strong{font-size:21px;font-weight:600;letter-spacing:-.025em}
.v17-decision>summary i{font-size:26px;font-weight:400;font-style:normal;margin-left:auto;color:#0b4074;transition:transform .18s}
.v17-decision[open]>summary i{transform:rotate(45deg)}
.v17-decision-content{padding:0 0 30px;min-width:0}
.v17-decision-content .section-heading{margin:0 0 20px}
.v17-decision-content .section-heading h3{font-size:22px}
.v17-decision-content .section-heading p,.v17-decision-content p{font-size:14px}
.v17-decision-content .grid.three{grid-template-columns:1fr}
.v17-decision-content .panel{padding:22px;background:#fff}
.v17-decision-content h4{font-size:17px;margin:0 0 9px}
.v17-decision-content .table-scroll{background:#fff;border-radius:2px}
.v17-decision-content table{font-size:13px;min-width:580px}
.v17-decision-content td,.v17-decision-content th{padding:15px 16px}
.v17-decision-content .v15-spec-status{padding:22px;background:#fff;border-left:2px solid #0b4074}
.v17-project-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px}
.v17-project-columns>div{min-width:0}
.v17-project-columns .section-heading h3{font-size:25px}
.v17-project-columns .section-heading p{font-size:15px}
.v17-project-columns .grid.three{display:block}
.v17-project-columns .panel{padding:20px 0;border:0;border-top:1px solid #d4dde5;background:transparent}
.v17-project-columns h4{font-size:18px;margin:0 0 8px}
.v17-project-columns .panel p{font-size:14px;margin-bottom:10px}
.v17-project-columns .steps{grid-template-columns:1fr 1fr;gap:15px}
.v17-project-columns .steps li{padding:20px 17px;border:1px solid #d4dde5;background:#f1f4f6;border-radius:3px}
.v17-project-columns .steps p{font-size:13px;margin-bottom:0}
.v17-tooling-note{margin-top:36px;padding:28px;background:#f1f4f6}
.v17-tooling-note .panel{padding:0;border:0;background:transparent}
.v17-tooling-note .section-heading h3{font-size:24px}
.v17-site .v17-project-stage+.section#faq{background:#f1f4f6}
.v17-site .faq details{border-radius:0;background:#fff;border:0;border-bottom:1px solid #d4dde5}
.v17-site .faq summary{padding:22px 25px}
.v17-site .faq details>p{padding-inline:25px}
.v17-next-columns{display:grid;grid-template-columns:1fr 1fr;gap:60px}
.v17-next-columns>*{min-width:0}
.v17-next-columns .section-heading h3{font-size:23px}
.v17-next-columns .grid.three{display:block}
.v17-next-columns .panel,.v17-next-columns .guide-card{border:0;border-top:1px solid #d4dde5;background:transparent;padding:22px 0}
.v17-next-columns h4{font-size:19px;line-height:1.3;margin:0 0 10px}
.v17-next-columns p{font-size:14px;margin-bottom:12px}
.v17-next-columns .button{padding:0;border:0;background:transparent;text-align:left;min-height:32px;font-size:13px;color:#0b4074;justify-content:flex-start}
.v17-site #quote .v16-project-brief{gap:50px}
.v17-site #quote form,.v17-site #quote .panel{border-radius:3px}
.v17-site .article-layout{grid-template-columns:minmax(0,850px) 260px;gap:64px}
.v17-site .article-body{font-size:17px;line-height:1.85}
.v17-site .article-body h2{margin-top:38px;font-size:30px;line-height:1.2}
.v17-site .article-aside{border-radius:3px;background:#f1f4f6;border:0;border-top:3px solid #0b4074}
@media(max-width:1056px){.v17-site .wrap{width:calc(100% - 48px)}.v17-site .v15-category-hero{gap:34px}.v17-site .v15-category-hero .photo img{height:290px;padding:18px}.v17-format-layout{grid-template-columns:minmax(0,1.6fr) minmax(220px,1fr);gap:28px}.v17-specification>.wrap{grid-template-columns:minmax(210px,.8fr) minmax(0,1.3fr);gap:35px}.v17-project-columns,.v17-next-columns{gap:35px}.v17-site .article-layout{gap:30px;grid-template-columns:minmax(0,1fr) 235px}}
@media(max-width:767px){.v17-site .wrap{width:calc(100% - 36px)}.v17-site .section{padding:48px 0}.v17-site .v15-category-hero{grid-template-columns:1fr;gap:27px}.v17-site section#overview:has(.v15-category-hero){padding:35px 0 40px}.v17-site .v15-category-hero h1{font-size:40px}.v17-site .v15-category-hero .lead{font-size:16px}.v17-site .v15-category-hero .photo img{height:290px}.v17-format-layout,.v17-specification>.wrap,.v17-project-columns,.v17-next-columns{grid-template-columns:1fr;gap:30px}.v17-format-notes{padding:23px}.v17-specification-intro{position:static}.v17-specification-intro .v17-group-heading{margin-bottom:23px}.v17-group-heading{margin-bottom:27px}.v17-group-heading h2{font-size:32px}.v17-group-heading>p{font-size:15px}.v17-decision>summary strong{font-size:19px}.v17-decision>summary{padding:21px 0}.v17-next-columns{gap:35px}.v17-site .article-layout{grid-template-columns:1fr}.v17-site .article-body{font-size:16px}.v17-site .article-aside{position:static}.v17-tooling-note{padding:23px}.v17-site .breadcrumb{padding-block:13px;font-size:11px}.v17-site .button{font-size:13px;padding:12px 17px}.v17-site #quote .v16-project-brief{gap:25px}}
@media(max-width:390px){.v17-site .wrap{width:calc(100% - 28px)}.v17-site .v15-category-hero h1{font-size:35px}.v17-group-heading h2{font-size:29px}.v17-decision>summary{gap:12px}.v17-decision>summary strong{font-size:17px}.v17-project-columns .steps{grid-template-columns:1fr}.v17-site .v15-category-hero .photo img{height:250px}}


/* Stage-only editorial directories; individual article layouts are untouched. */
body:is([data-page="/resources/"], [data-page="/resources/buying-guides/"], [data-page="/resources/iml-knowledge/"], [data-page="/resources/applications/"], [data-page="/resources/company-news/"]) .v17-r-page {
  --v17r-blue: #0b4074;
  --v17r-deep: #00258a;
  --v17r-ink: #17233c;
  --v17r-muted: #58657a;
  --v17r-pale: #f1f4f6;
  --v17r-line: #d4dde5;
  color: var(--v17r-ink);
  background: #fff;
  font-size: 17px;
  line-height: 1.65;
}
.v17-r-page *,
.v17-r-page *::before,
.v17-r-page *::after { box-sizing: border-box; }
.v17-r-page :where(h1, h2, h3, p) { margin-top: 0; }
.v17-r-page :where(h1, h2, h3) { color: inherit; font-weight: 650; text-wrap: balance; }
.v17-r-page :where(h1, h2, h3, p, a) { overflow-wrap: break-word; }
.v17-r-page a { text-underline-offset: .2em; }
.v17-r-page :where(a, summary):focus-visible { outline: 3px solid var(--v17r-blue); outline-offset: 5px; }
.v17-r-page [id] { scroll-margin-top: 120px; }
.v17-r-page .v17-r-wrap { width: min(1240px, calc(100% - 64px)); margin-inline: auto; min-width: 0; }
.v17-r-page .v17-r-section { padding-block: clamp(56px, 5.5vw, 85px); background: #fff; }
.v17-r-page .v17-r-section--pale { background: var(--v17r-pale); }
.v17-r-page .v17-r-eyebrow { display: block; color: var(--v17r-blue); margin-bottom: 13px; font-size: 12px; font-weight: 750; line-height: 1.45; letter-spacing: .115em; }
.v17-r-page .v17-r-text-link { display: inline-block; max-width: 100%; color: var(--v17r-blue); font-size: 14px; font-weight: 650; line-height: 1.5; text-decoration-thickness: 1px; }
.v17-r-page .v17-r-text-link:hover { color: var(--v17r-deep); }
.v17-r-page .v17-r-text-link span { white-space: nowrap; }
.v17-r-page .v17-r-button { display: inline-flex; align-items: center; justify-content: center; max-width: 100%; min-height: 48px; padding: 13px 21px; border: 1px solid var(--v17r-blue); border-radius: 3px; background: var(--v17r-blue); color: #fff; font-size: 15px; font-weight: 650; line-height: 1.35; white-space: normal; text-align: center; text-decoration: none; box-shadow: none; }
.v17-r-page .v17-r-button:hover { background: var(--v17r-deep); border-color: var(--v17r-deep); color: #fff; }
.v17-r-page .v17-r-button.secondary { color: var(--v17r-blue); background: transparent; }
.v17-r-page .v17-r-button.secondary:hover { color: var(--v17r-deep); background: #e9efff; }
.v17-r-page .v17-r-section-heading { max-width: 850px; margin-bottom: 37px; }
.v17-r-page .v17-r-section-heading h2 { margin-bottom: 17px; font-size: clamp(29px, 3vw, 42px); line-height: 1.15; letter-spacing: -.035em; }
.v17-r-page .v17-r-section-heading p { max-width: 800px; margin-bottom: 0; color: var(--v17r-muted); font-size: 17px; }
.v17-r-page .v17-r-intro { padding: clamp(50px, 5.5vw, 78px) 0 42px; background: #fff; }
.v17-r-page .v17-r-intro-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(240px, .36fr); gap: clamp(35px, 5.5vw, 80px); align-items: end; }
.v17-r-page .v17-r-intro h1 { max-width: 960px; margin-bottom: 22px; font-size: clamp(38px, 4.2vw, 59px); line-height: 1.09; letter-spacing: -.045em; }
.v17-r-page .v17-r-intro p { max-width: 820px; margin-bottom: 0; color: var(--v17r-muted); font-size: 18px; }
.v17-r-page .v17-r-intro-links { display: grid; gap: 14px; padding: 0 0 2px 25px; border-left: 2px solid var(--v17r-blue); }
.v17-r-page .v17-r-intro-links > a { display: flex; gap: 15px; align-items: baseline; color: var(--v17r-blue); text-decoration: none; }
.v17-r-page .v17-r-intro-links > a:hover { text-decoration: underline; }
.v17-r-page .v17-r-intro-links strong { min-width: 39px; font-size: 34px; font-weight: 600; line-height: 1.2; letter-spacing: -.035em; }
.v17-r-page .v17-r-intro-links > a > span { color: var(--v17r-muted); font-size: 14px; }
.v17-r-page .v17-r-intro-links .v17-r-text-link { font-size: 15px; }
.v17-r-page .v17-r-category-nav { display: flex; justify-content: space-between; align-items: center; gap: 22px; padding: 0 0 30px; border-bottom: 1px solid var(--v17r-line); }
.v17-r-page .v17-r-category-primary { display: flex; flex-wrap: wrap; gap: 12px; min-width: 0; }
.v17-r-page .v17-r-category-primary a { display: inline-flex; align-items: center; gap: 12px; padding: 13px 17px; border: 1px solid var(--v17r-line); border-radius: 3px; color: var(--v17r-ink); background: #fff; text-decoration: none; }
.v17-r-page .v17-r-category-primary strong { font-size: 16px; font-weight: 650; }
.v17-r-page .v17-r-category-primary span { color: var(--v17r-muted); font-size: 12px; white-space: nowrap; }
.v17-r-page .v17-r-category-primary a[aria-current="page"] { color: #fff; border-color: var(--v17r-blue); background: var(--v17r-blue); }
.v17-r-page .v17-r-category-primary a[aria-current="page"] span { color: #e3eaff; }
.v17-r-page .v17-r-category-primary a:hover { border-color: var(--v17r-blue); }
.v17-r-page .v17-r-category-secondary { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 9px 20px; }
.v17-r-page .v17-r-category-secondary a { color: var(--v17r-muted); font-size: 14px; }
.v17-r-page .v17-r-category-secondary a[aria-current="page"] { color: var(--v17r-blue); font-weight: 700; }
.v17-r-page .v17-r-category-secondary a:hover { color: var(--v17r-blue); }
.v17-r-page .v17-r-journey-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; }
.v17-r-page .v17-r-journey { min-width: 0; padding: 0 25px 0 0; }
.v17-r-page .v17-r-journey + .v17-r-journey { border-left: 1px solid var(--v17r-line); padding-left: 29px; }
.v17-r-page .v17-r-path-index { display: block; margin-bottom: 21px; color: var(--v17r-blue); font-size: 13px; font-weight: 750; letter-spacing: .08em; }
.v17-r-page .v17-r-journey h3 { margin-bottom: 15px; font-size: 28px; line-height: 1.2; letter-spacing: -.025em; }
.v17-r-page .v17-r-journey p { margin-bottom: 21px; color: var(--v17r-muted); font-size: 15px; }
.v17-r-page .v17-r-link-list { display: grid; gap: 11px; }
.v17-r-page .v17-r-guide-group + .v17-r-guide-group { margin-top: 72px; }
.v17-r-page .v17-r-group-heading { display: grid; grid-template-columns: minmax(180px, .65fr) minmax(0, 1fr) auto; gap: 30px; align-items: baseline; margin-bottom: 25px; padding-bottom: 22px; border-bottom: 2px solid var(--v17r-blue); }
.v17-r-page .v17-r-group-heading h2 { margin: 0; font-size: 35px; line-height: 1.15; letter-spacing: -.03em; }
.v17-r-page .v17-r-group-heading p { margin: 0; color: var(--v17r-muted); font-size: 15px; }
.v17-r-page .v17-r-group-heading > span { color: var(--v17r-blue); font-size: 13px; font-weight: 650; white-space: nowrap; }
.v17-r-page .v17-r-guide-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 44px; }
.v17-r-page .v17-r-guide { display: flex; flex-direction: column; min-width: 0; padding: 29px 0 31px; border-bottom: 1px solid var(--v17r-line); }
.v17-r-page .v17-r-guide-meta { display: flex; justify-content: space-between; gap: 20px; align-items: baseline; margin-bottom: 15px; }
.v17-r-page .v17-r-guide-meta .v17-r-eyebrow { margin: 0; font-size: 11px; }
.v17-r-page .v17-r-guide-number { color: #68768d; font-size: 12px; font-weight: 650; }
.v17-r-page .v17-r-guide h3 { max-width: 600px; margin-bottom: 16px; font-size: 26px; line-height: 1.25; letter-spacing: -.025em; }
.v17-r-page .v17-r-guide h3 a { color: var(--v17r-ink); text-decoration: none; }
.v17-r-page .v17-r-guide h3 a:hover { color: var(--v17r-blue); text-decoration: underline; }
.v17-r-page .v17-r-guide > p { margin-bottom: 21px; color: var(--v17r-muted); font-size: 15px; }
.v17-r-page .v17-r-owner { display: flex; flex-wrap: wrap; gap: 5px 9px; align-items: baseline; margin-top: auto; padding-top: 6px; font-size: 13px; }
.v17-r-page .v17-r-owner > span { color: var(--v17r-muted); }
.v17-r-page .v17-r-owner > a { color: var(--v17r-blue); font-weight: 650; }
.v17-r-page .v17-r-guide-actions { display: flex; flex-wrap: wrap; gap: 12px 22px; margin-top: 19px; }
.v17-r-page .v17-r-guide-actions .v17-r-text-link { font-size: 13px; }
.v17-r-page .v17-r-application-list { border-top: 1px solid var(--v17r-line); }
.v17-r-page .v17-r-application { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; gap: 22px; align-items: center; padding: 28px 0; border-bottom: 1px solid var(--v17r-line); }
.v17-r-page .v17-r-application .v17-r-path-index { margin: 0; align-self: start; padding-top: 4px; }
.v17-r-page .v17-r-application h3 { margin-bottom: 11px; font-size: 27px; line-height: 1.2; letter-spacing: -.025em; }
.v17-r-page .v17-r-application h3 a { color: var(--v17r-ink); text-decoration: none; }
.v17-r-page .v17-r-application h3 a:hover { color: var(--v17r-blue); text-decoration: underline; }
.v17-r-page .v17-r-application p { max-width: 770px; margin: 0; color: var(--v17r-muted); font-size: 15px; }
.v17-r-page .v17-r-format-strip { display: grid; grid-template-columns: minmax(220px, .6fr) minmax(0, 1fr); gap: 30px; margin-top: 35px; padding: 28px; border-left: 2px solid var(--v17r-blue); background: var(--v17r-pale); }
.v17-r-page .v17-r-format-strip h3 { margin: 0; font-size: 25px; line-height: 1.25; letter-spacing: -.02em; }
.v17-r-page .v17-r-format-strip .v17-r-link-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 24px; }
.v17-r-page .v17-r-empty { max-width: 830px; padding-left: 28px; border-left: 2px solid var(--v17r-blue); }
.v17-r-page .v17-r-empty h2 { margin-bottom: 17px; font-size: 32px; line-height: 1.2; letter-spacing: -.03em; }
.v17-r-page .v17-r-empty p { color: var(--v17r-muted); }
.v17-r-page .v17-r-inline-links { display: flex; flex-wrap: wrap; gap: 13px 25px; }
.v17-r-page .v17-r-video-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 38px; }
.v17-r-page .v17-r-video { display: grid; grid-template-columns: 160px minmax(0, 1fr); gap: 22px; min-width: 0; padding: 27px 0; border-top: 1px solid var(--v17r-line); align-items: start; }
.v17-r-page .v17-r-video-poster { position: relative; display: block; width: 160px; max-width: 100%; border-radius: 3px; overflow: hidden; background: #e5eafa; }
.v17-r-page .v17-r-video-poster img { display: block; width: 100%; height: 120px; object-fit: contain; }
.v17-r-page .v17-r-video-poster > span { position: absolute; right: 8px; bottom: 8px; display: grid; place-items: center; width: 29px; height: 29px; border-radius: 50%; background: var(--v17r-blue); color: #fff; font-size: 11px; line-height: 1; padding-left: 2px; }
.v17-r-page .v17-r-video-copy { min-width: 0; }
.v17-r-page .v17-r-video-copy .v17-r-eyebrow { margin-bottom: 11px; font-size: 10px; letter-spacing: .08em; }
.v17-r-page .v17-r-video h3 { margin-bottom: 16px; font-size: 21px; line-height: 1.3; letter-spacing: -.015em; }
.v17-r-page .v17-r-video h3 a { color: var(--v17r-ink); text-decoration: none; }
.v17-r-page .v17-r-video h3 a:hover { color: var(--v17r-blue); text-decoration: underline; }
.v17-r-page .v17-r-video .v17-r-link-list { gap: 8px; }
.v17-r-page .v17-r-video .v17-r-text-link { font-size: 12px; }
.v17-r-page .v17-r-video-entry { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 40px; align-items: center; }
.v17-r-page .v17-r-video-entry h2 { margin-bottom: 17px; font-size: 33px; line-height: 1.15; letter-spacing: -.03em; }
.v17-r-page .v17-r-video-entry p { max-width: 830px; margin-bottom: 0; color: var(--v17r-muted); font-size: 16px; }
.v17-r-page .v17-r-quote .section { padding-block: clamp(56px, 5.5vw, 82px); background: var(--v17r-blue); color: #fff; }
.v17-r-page .v17-r-quote .wrap { width: min(1240px, calc(100% - 64px)); margin-inline: auto; }
.v17-r-page .v17-r-quote .quote-band { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 40px; align-items: center; padding: 0; border: 0; background: transparent; }
.v17-r-page .v17-r-quote .eyebrow { color: #cbd8ff; }
.v17-r-page .v17-r-quote h2 { max-width: 830px; margin-bottom: 19px; color: #fff; font-size: clamp(32px, 3.5vw, 46px); line-height: 1.15; letter-spacing: -.035em; }
.v17-r-page .v17-r-quote p { max-width: 760px; margin: 0; color: #e3eaff; font-size: 17px; }
.v17-r-page .v17-r-quote .quote-band > div:last-child { display: flex; flex-direction: column; align-items: flex-start; gap: 13px; min-width: 0; }
.v17-r-page .v17-r-quote .button { max-width: 100%; min-height: 48px; border: 1px solid #fff; border-radius: 3px; background: #fff; color: var(--v17r-blue); white-space: normal; }
.v17-r-page .v17-r-quote .button:hover { background: #e9efff; border-color: #e9efff; color: var(--v17r-deep); }
.v17-r-page .v17-r-quote .quote-band > div:last-child > a:not(.button) { color: #fff; font-size: 14px; overflow-wrap: anywhere; }
.v17-r-page .v17-r-quote :where(a, summary):focus-visible { outline-color: #fff; }
.v17-r-page.v17-r-page--company-news .v17-r-intro { padding-block: 43px 30px; }
.v17-r-page.v17-r-page--company-news .v17-r-intro h1 { font-size: 45px; }
.v17-r-page.v17-r-page--company-news .v17-r-section { padding-block: 40px; }
.v17-r-page.v17-r-page--company-news .v17-r-video-entry h2 { font-size: 28px; }
.v17-r-page.v17-r-page--company-news .v17-r-quote .section { padding-block: 45px; }

@media (max-width: 1000px) {
  .v17-r-page .v17-r-wrap,
  .v17-r-page .v17-r-quote .wrap { width: calc(100% - 44px); }
  .v17-r-page .v17-r-intro-grid { grid-template-columns: minmax(0, 1fr) minmax(200px, .38fr); gap: 30px; }
  .v17-r-page .v17-r-category-nav { align-items: flex-start; }
  .v17-r-page .v17-r-category-primary { gap: 10px; }
  .v17-r-page .v17-r-category-primary a { padding: 12px 14px; }
  .v17-r-page .v17-r-category-secondary { padding-top: 9px; }
  .v17-r-page .v17-r-journey-grid { gap: 24px; }
  .v17-r-page .v17-r-journey { padding-right: 0; }
  .v17-r-page .v17-r-journey + .v17-r-journey { padding-left: 23px; }
  .v17-r-page .v17-r-journey h3 { font-size: 25px; }
  .v17-r-page .v17-r-guide-grid { gap: 0 30px; }
  .v17-r-page .v17-r-guide h3 { font-size: 24px; }
  .v17-r-page .v17-r-video-grid { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 760px) {
  .v17-r-page .v17-r-intro-grid,
  .v17-r-page .v17-r-journey-grid,
  .v17-r-page .v17-r-guide-grid,
  .v17-r-page .v17-r-format-strip,
  .v17-r-page .v17-r-video-entry,
  .v17-r-page .v17-r-quote .quote-band { grid-template-columns: minmax(0, 1fr); }
  .v17-r-page .v17-r-intro h1 { font-size: clamp(36px, 7vw, 49px); }
  .v17-r-page .v17-r-intro p { font-size: 17px; }
  .v17-r-page .v17-r-intro-links { display: flex; flex-wrap: wrap; gap: 20px 28px; padding-left: 20px; }
  .v17-r-page .v17-r-intro-links strong { font-size: 30px; }
  .v17-r-page .v17-r-category-nav { display: block; }
  .v17-r-page .v17-r-category-secondary { justify-content: flex-start; margin-top: 18px; padding-top: 0; }
  .v17-r-page .v17-r-journey + .v17-r-journey { padding-left: 0; padding-top: 25px; border-left: 0; border-top: 1px solid var(--v17r-line); }
  .v17-r-page .v17-r-path-index { margin-bottom: 12px; }
  .v17-r-page .v17-r-journey h3 { font-size: 28px; }
  .v17-r-page .v17-r-group-heading { grid-template-columns: minmax(0, 1fr) auto; gap: 13px 20px; }
  .v17-r-page .v17-r-group-heading h2 { font-size: 32px; }
  .v17-r-page .v17-r-group-heading p { grid-column: 1 / -1; grid-row: 2; }
  .v17-r-page .v17-r-guide-group + .v17-r-guide-group { margin-top: 52px; }
  .v17-r-page .v17-r-guide h3 { max-width: 700px; font-size: 27px; }
  .v17-r-page .v17-r-application { grid-template-columns: 30px minmax(0, 1fr); gap: 12px 20px; }
  .v17-r-page .v17-r-application > .v17-r-text-link { grid-column: 2; }
  .v17-r-page .v17-r-application h3 { font-size: 26px; }
  .v17-r-page .v17-r-format-strip { gap: 23px; }
  .v17-r-page .v17-r-format-strip .v17-r-link-list { grid-template-columns: minmax(0, 1fr); }
  .v17-r-page .v17-r-video-entry { gap: 25px; }
  .v17-r-page .v17-r-video-entry .v17-r-button { justify-self: start; }
  .v17-r-page .v17-r-quote .quote-band { gap: 28px; }
}

@media (max-width: 480px) {
  .v17-r-page .v17-r-wrap,
  .v17-r-page .v17-r-quote .wrap { width: calc(100% - 32px); }
  .v17-r-page .v17-r-section { padding-block: 47px; }
  .v17-r-page .v17-r-intro { padding-top: 43px; }
  .v17-r-page .v17-r-intro h1 { font-size: clamp(35px, 10vw, 44px); }
  .v17-r-page .v17-r-intro-links { gap: 16px 22px; }
  .v17-r-page .v17-r-intro-links > a { gap: 10px; }
  .v17-r-page .v17-r-intro-links > a > span { font-size: 12px; }
  .v17-r-page .v17-r-category-primary { display: grid; grid-template-columns: minmax(0, 1fr); }
  .v17-r-page .v17-r-category-primary a { justify-content: space-between; }
  .v17-r-page .v17-r-section-heading h2 { font-size: 31px; }
  .v17-r-page .v17-r-group-heading h2 { font-size: 30px; }
  .v17-r-page .v17-r-guide h3 { font-size: 25px; }
  .v17-r-page .v17-r-guide-actions { gap: 12px 18px; }
  .v17-r-page .v17-r-guide-actions .v17-r-text-link { font-size: 12px; }
  .v17-r-page .v17-r-video { grid-template-columns: 112px minmax(0, 1fr); gap: 16px; }
  .v17-r-page .v17-r-video-poster { width: 112px; }
  .v17-r-page .v17-r-video-poster img { height: 84px; }
  .v17-r-page .v17-r-video-poster > span { right: 6px; bottom: 6px; width: 24px; height: 24px; font-size: 9px; }
  .v17-r-page .v17-r-video h3 { font-size: 19px; }
  .v17-r-page .v17-r-video-copy .v17-r-eyebrow { font-size: 9px; }
  .v17-r-page .v17-r-format-strip { padding: 23px; }
  .v17-r-page .v17-r-empty { padding-left: 21px; }
  .v17-r-page .v17-r-empty h2 { font-size: 28px; }
  .v17-r-page .v17-r-inline-links { gap: 13px 20px; }
  .v17-r-page.v17-r-page--company-news .v17-r-intro h1 { font-size: 38px; }
}

@media (prefers-reduced-motion: reduce) {
  .v17-r-page *,
  .v17-r-page *::before,
  .v17-r-page *::after { scroll-behavior: auto; transition-duration: 0s; animation-duration: 0s; }
}


/* V18 shared chrome; append after earlier site styles. No inherited Klein surfaces. */
.v18-chrome{--v18-blue:#0b4074;--v18-navy:#052646;--v18-paper:#fcfcfc;--v18-gray:#f1f4f6;--v18-cyan:#5dcbf2;--v18-yellow:#ffdf30;--v18-line:#d9e2e9;--v18-heading:Manrope,Arial,sans-serif;--v18-body:Inter,Arial,sans-serif;font-family:var(--v18-body)}
.v18-chrome .wrap{width:min(1320px,calc(100% - 64px));max-width:none}
.v18-chrome a{text-decoration:none}
.v18-chrome :is(a,button,summary):focus-visible{outline:2px solid currentColor;outline-offset:5px}
.v18-announcement{background:var(--v18-gray);border-bottom:1px solid #e3e9ed;color:var(--v18-navy);font-size:11px;line-height:1.5}
.v18-announcement .v18-announcement-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:36px;padding-block:7px}
.v18-announcement-contact{display:flex;align-items:center;gap:24px;min-width:0}
.v18-announcement-contact a{display:inline-flex;align-items:center;gap:6px;color:var(--v18-navy);white-space:nowrap}
.v18-announcement-contact a:hover{text-decoration:underline;text-underline-offset:4px}
.v18-contact-label{display:none}
.header.v18-header{position:sticky;top:0;z-index:50;background:var(--v18-paper);color:var(--v18-navy);border-bottom:1px solid var(--v18-line)}
.v18-header .v18-header-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:92px}
.v18-chrome .v18-wordmark{display:inline-flex;align-items:center;gap:11px;flex-shrink:0;max-width:100%;color:var(--v18-navy);line-height:1.15;text-decoration:none}
.v18-wordmark-symbol{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;padding-bottom:3px;background:var(--v18-blue);border-radius:10px 10px 2px 10px;color:#fff;font-family:var(--v18-heading);font-size:24px;font-weight:800;letter-spacing:-.09em}
.v18-wordmark-symbol>span{position:absolute;right:5px;bottom:5px;width:5px;height:5px;border-radius:50%;background:var(--v18-cyan)}
.v18-wordmark-copy{display:flex;flex-direction:column;gap:7px}
.v18-wordmark-copy strong{font-family:var(--v18-heading);font-size:21px;font-weight:800;letter-spacing:-.045em;white-space:nowrap}
.v18-wordmark-copy small{font-size:7px;font-weight:600;letter-spacing:.2em;white-space:nowrap}
.v18-header nav.v18-navigation{position:static;display:flex;align-items:center;justify-content:flex-end;gap:27px;flex:1;min-width:0;width:auto;max-height:none;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.v18-header .v18-nav-group{position:static;flex:0 0 auto;width:auto;min-width:0;margin:0}
.v18-header .v18-nav-group>summary,.v18-header nav.v18-navigation>a{display:flex;align-items:center;gap:7px;min-height:92px;padding:0;border:0;color:var(--v18-navy);font-size:13px;font-weight:600;line-height:1.4;white-space:nowrap;text-decoration:none;list-style:none;cursor:pointer}
.v18-header .v18-nav-group>summary::-webkit-details-marker{display:none}
.v18-header .v18-nav-group>summary::marker{content:""}
.v18-header .v18-nav-group>summary::after{content:"";width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .16s ease}
.v18-header .v18-nav-group[open]>summary::after{transform:translateY(1px) rotate(225deg)}
.v18-header .v18-nav-group>summary.is-current,.v18-header nav.v18-navigation>a[aria-current="page"]{color:var(--v18-blue);text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px}
.v18-header .v18-nav-group>summary:hover,.v18-header nav.v18-navigation>a:hover{color:var(--v18-blue)}
.v18-header .v18-mega-menu{position:absolute;left:0;right:0;top:100%;width:auto;max-width:none;margin:0;padding:26px;background:var(--v18-paper);color:var(--v18-navy);border:1px solid var(--v18-line);border-top:0;border-radius:0 0 12px 12px;box-shadow:0 20px 35px #05264617}
.v18-mega-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px;padding-bottom:15px;border-bottom:1px solid var(--v18-line)}
.v18-mega-heading>span{color:var(--v18-blue);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.v18-mega-grid{display:grid;gap:14px}
.v18-mega-grid--formats{grid-template-columns:repeat(4,minmax(0,1fr))}
.v18-mega-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}
.v18-mega-grid--resources{grid-template-columns:repeat(3,minmax(0,1fr))}
.v18-mega-grid--company{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px 20px}
.v18-header nav.v18-navigation .v18-mega-menu a.v18-menu-item{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px;min-width:0;min-height:44px;margin:0;padding:17px;border:0;border-radius:8px;background:var(--v18-gray);color:var(--v18-navy);font-size:14px;font-weight:700;line-height:1.45;white-space:normal;overflow-wrap:anywhere;text-decoration:none}
.v18-header nav.v18-navigation .v18-mega-menu a.v18-menu-item small{display:block;max-width:31ch;color:#53677b;font-size:12px;font-weight:400;line-height:1.65}
.v18-header nav.v18-navigation .v18-mega-menu a.v18-menu-item:hover,.v18-header nav.v18-navigation .v18-mega-menu a.v18-menu-item[aria-current="page"]{background:#e6edf3;color:var(--v18-blue)}
.v18-header nav.v18-navigation .v18-mega-heading a.v18-menu-item{display:inline-flex;flex-direction:row;align-items:center;min-height:32px;padding:0;border-radius:0;background:transparent;color:var(--v18-blue);font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:4px}
.v18-header nav.v18-navigation .v18-mega-grid--company a.v18-menu-item{min-height:44px;padding:12px 15px;font-size:13px}
.v18-header .button.v18-quote-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;flex:0 0 auto;min-height:48px;margin:0;padding:14px 20px;background:var(--v18-blue);border:1px solid var(--v18-blue);border-radius:8px;color:#fff;font-size:12px;font-weight:600;line-height:1.4;white-space:nowrap;text-decoration:none}
.v18-header .button.v18-quote-button:hover{background:var(--v18-navy);border-color:var(--v18-navy);color:#fff}
.v18-header .v18-quote-button:focus-visible{outline-color:var(--v18-blue)}
.v18-quote-short{display:none}
.v18-header .menu-toggle.v18-menu-toggle{display:none}
.v18-footer{padding:0;background:var(--v18-navy);color:#fff;border-top:0}
.v18-footer .v18-footer-intro{position:relative;display:grid;grid-template-columns:1fr auto;gap:18px 48px;align-items:end;padding-top:65px;padding-bottom:48px;border-bottom:1px solid #ffffff24}
.v18-footer-intro>p{grid-column:1/-1;margin:0;color:var(--v18-cyan);font-size:10px;font-weight:600;letter-spacing:.15em}
.v18-footer .v18-footer-intro>h2{margin:0;color:#fff;font-family:var(--v18-heading);font-size:clamp(32px,3.8vw,54px);font-weight:600;line-height:1.12;letter-spacing:-.045em}
.v18-footer-intro>a.v18-footer-quote{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:48px;padding:14px 20px;border:1px solid #5dcbf26b;border-radius:8px;color:var(--v18-cyan);font-size:13px;font-weight:600;line-height:1.5}
.v18-footer-intro>a.v18-footer-quote:hover{background:#5dcbf21a;color:#fff}
.v18-footer .v18-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1.2fr 1fr;gap:48px;padding-top:52px;padding-bottom:46px}
.v18-footer-grid>div{min-width:0}
.v18-footer .v18-wordmark{color:#fff}
.v18-footer .v18-wordmark-symbol{background:var(--v18-cyan);color:var(--v18-navy)}
.v18-footer .v18-wordmark-symbol>span{background:var(--v18-navy)}
.v18-footer .v18-wordmark-copy strong{font-size:22px}
.v18-footer-identity>p{max-width:300px;margin:20px 0;color:#c3d0dc;font-size:12px;line-height:1.8}
.v18-footer-contact{display:flex;flex-direction:column;gap:9px;color:#fff;font-size:12px;line-height:1.65}
.v18-footer-contact :is(a,span){color:#fff;overflow-wrap:anywhere}
.v18-footer-contact a{color:var(--v18-cyan)}
.v18-footer-identity>p.v18-shared-channel{font-size:10px;line-height:1.8;color:#aabed0}
.v18-footer .v18-footer-column>h3{margin:1px 0 24px;color:#fff;font-family:var(--v18-heading);font-size:13px;font-weight:600;line-height:1.5}
.v18-footer .v18-footer-column>a.v18-menu-item{display:block;width:fit-content;max-width:100%;margin:0 0 14px;padding:0;color:var(--v18-cyan);font-size:12px;font-weight:400;line-height:1.6;overflow-wrap:anywhere}
.v18-footer .v18-footer-column>a.v18-menu-item:hover,.v18-footer .v18-footer-column>a.v18-menu-item[aria-current="page"]{color:#fff;text-decoration:underline;text-underline-offset:4px}
.v18-footer a:hover{color:var(--v18-cyan)}
.v18-footer .v18-footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px 28px;padding:24px 0;border-top:1px solid #ffffff24;color:#aabed0;font-size:10px;line-height:1.6}
.v18-footer-bottom>a,.v18-social-links>a{color:var(--v18-cyan)}
.v18-social-links{display:flex;flex-wrap:wrap;gap:8px 18px}
@media(min-width:1150px){.v18-header .menu-toggle.v18-menu-toggle{display:none}.v18-header nav.v18-navigation,.v18-header nav.v18-navigation.is-open{display:flex;position:static;flex-direction:row;align-items:center;max-height:none;overflow:visible;background:transparent}.v18-header .v18-nav-group{position:static;width:auto}.v18-header .v18-mega-menu{position:absolute}}
@media(min-width:1150px) and (max-width:1279px){.v18-header .v18-header-inner{gap:21px}.v18-header nav.v18-navigation{gap:19px}.v18-wordmark-copy strong{font-size:18px}.v18-wordmark-symbol{width:38px;height:38px;flex-basis:38px;font-size:22px}.v18-header .v18-nav-group>summary,.v18-header nav.v18-navigation>a{font-size:12px}.v18-header .button.v18-quote-button{gap:14px;padding-inline:16px}}
@media(max-width:1149px){.v18-chrome .wrap{width:calc(100% - 48px)}.v18-header .v18-header-inner{min-height:80px;gap:17px}.v18-header .menu-toggle.v18-menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;order:2;flex:0 0 auto;min-height:46px;margin-left:auto;padding:10px 13px;background:var(--v18-gray);border:1px solid var(--v18-line);border-radius:8px;color:var(--v18-navy);font-size:12px;font-weight:600;line-height:1.4}.v18-menu-lines{position:relative;width:15px;height:11px;border-top:1.5px solid currentColor;border-bottom:1.5px solid currentColor}.v18-menu-lines::after{content:"";position:absolute;left:0;right:0;top:4px;border-top:1.5px solid currentColor}.v18-header .button.v18-quote-button{order:3}.v18-header nav.v18-navigation{display:none;position:absolute;top:100%;left:-24px;right:-24px;flex:none;flex-direction:column;align-items:stretch;gap:0;width:auto;max-height:calc(100dvh - 120px);overflow-y:auto;overscroll-behavior:contain;padding:7px 24px 24px;border:0;border-top:1px solid var(--v18-line);border-bottom:1px solid var(--v18-line);border-radius:0 0 12px 12px;background:var(--v18-paper);box-shadow:0 16px 24px #05264614}.v18-header nav.v18-navigation.is-open{display:flex}.v18-header .v18-nav-group{position:relative;width:100%}.v18-header .v18-nav-group>summary,.v18-header nav.v18-navigation>a{justify-content:space-between;min-height:52px;padding:14px 2px;border-bottom:1px solid var(--v18-line);color:var(--v18-navy);font-size:14px}.v18-header .v18-mega-menu{position:static;left:auto;right:auto;top:auto;width:auto;margin:0;padding:15px 0 20px;border:0;border-radius:0;background:var(--v18-paper);box-shadow:none}.v18-mega-heading{gap:14px;margin-bottom:12px;padding-bottom:10px}.v18-mega-heading>span{font-size:10px}.v18-mega-grid--formats,.v18-mega-grid--company{grid-template-columns:repeat(2,minmax(0,1fr))}.v18-mega-grid--resources{grid-template-columns:1fr}.v18-header nav.v18-navigation .v18-mega-menu a.v18-menu-item{padding:14px;font-size:13px}.v18-header nav.v18-navigation .v18-mega-menu a.v18-menu-item small{max-width:none;font-size:11px}.v18-footer .v18-footer-grid{grid-template-columns:1.4fr 1fr;gap:35px 50px}.v18-footer .v18-footer-intro{padding-top:48px;padding-bottom:38px}}
@media(max-width:599px){.v18-chrome .wrap{width:calc(100% - 32px)}.v18-announcement .v18-announcement-inner{min-height:30px;gap:12px;padding-block:6px;font-size:9px}.v18-announcement-contact{gap:13px}.v18-contact-label{display:inline}.v18-contact-value{display:none}.v18-header .v18-header-inner{min-height:72px;gap:11px}.v18-header .v18-wordmark{gap:0}.v18-header .v18-wordmark-symbol{display:none}.v18-header .v18-wordmark-copy{gap:6px}.v18-header .v18-wordmark-copy strong{font-size:19px}.v18-header .v18-wordmark-copy small{font-size:6px;letter-spacing:.17em}.v18-header .menu-toggle.v18-menu-toggle{min-height:44px;width:42px;min-width:42px;padding:10px}.v18-menu-label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.v18-header .button.v18-quote-button{min-height:44px;gap:10px;padding:11px 13px;font-size:12px}.v18-quote-long{display:none}.v18-quote-short{display:inline}.v18-header nav.v18-navigation{left:-16px;right:-16px;padding:7px 17px 18px;max-height:calc(100dvh - 106px)}.v18-mega-grid--formats,.v18-mega-grid--two,.v18-mega-grid--company{grid-template-columns:1fr}.v18-header nav.v18-navigation .v18-mega-menu a.v18-menu-item{padding:12px 14px;gap:4px}.v18-footer .v18-footer-intro{grid-template-columns:1fr;gap:19px;padding-top:40px;padding-bottom:32px}.v18-footer .v18-footer-intro>h2{font-size:36px}.v18-footer-intro>a.v18-footer-quote{justify-self:start;gap:24px;font-size:12px}.v18-footer .v18-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 22px;padding-top:36px;padding-bottom:25px}.v18-footer .v18-footer-identity{grid-column:1/-1}.v18-footer-identity>p{max-width:100%}.v18-footer .v18-wordmark-copy strong{font-size:22px}.v18-footer .v18-footer-column>h3{margin-bottom:18px;font-size:12px}.v18-footer .v18-footer-column>a.v18-menu-item{margin-bottom:12px;font-size:11px}.v18-footer .v18-footer-bottom{align-items:flex-start;gap:16px;padding:21px 0;flex-direction:column}.v18-social-links{gap:8px 17px}}
@media(max-width:359px){.v18-header .v18-wordmark-copy strong{font-size:17px}.v18-header .v18-header-inner{gap:8px}.v18-header .button.v18-quote-button{gap:8px;padding-inline:10px}.v18-announcement .v18-announcement-inner{font-size:8px}.v18-announcement-contact{gap:11px}}
@media(prefers-reduced-motion:reduce){.v18-header .v18-nav-group>summary::after{transition:none}}


/* v18 stage-only original home / directory compositions. */
body[data-page="/"] .v18-page,
body[data-page="/products/"] .v18-page {
  --v18-blue: #0b4074;
  --v18-navy: #052646;
  --v18-paper: #fcfcfc;
  --v18-grey: #f1f4f6;
  --v18-yellow: #ffdf30;
  --v18-cyan: #5dcbf2;
  --v18-line: #d4dde5;
  --v18-muted: #526477;
  color: var(--v18-navy);
  background: var(--v18-paper);
  font-family: Inter, Arial, sans-serif;
  font-size: 17px;
  line-height: 1.65;
}
.v18-page *, .v18-page *::before, .v18-page *::after { box-sizing: border-box; }
.v18-page :where(h1, h2, h3, p, figure, ul) { margin-top: 0; }
.v18-page :where(h1, h2, h3) { color: inherit; font-family: Manrope, Inter, Arial, sans-serif; font-weight: 650; text-wrap: balance; }
.v18-page :where(h1, h2, h3, p, a) { overflow-wrap: break-word; }
.v18-page a { text-underline-offset: .2em; }
.v18-page :where(a, summary):focus-visible { outline: 3px solid var(--v18-blue); outline-offset: 5px; }
.v18-page [id] { scroll-margin-top: 112px; }
.v18-page .v18-anchor { display: block; width: 0; height: 0; }
.v18-page .v18-wrap { width: min(1320px, calc(100% - 96px)); margin-inline: auto; min-width: 0; }
.v18-page .v18-section { padding-block: clamp(76px, 7vw, 112px); background: var(--v18-paper); }
.v18-page .v18-section--grey { background: var(--v18-grey); }
.v18-page .v18-section--yellow { background: var(--v18-yellow); }
.v18-page .v18-section--navy { background: var(--v18-navy); color: #fff; }
.v18-page .v18-eyebrow { display: block; margin-bottom: 20px; color: var(--v18-blue); font-size: 12px; line-height: 1.4; font-weight: 750; letter-spacing: .14em; }
.v18-page .v18-heading { max-width: 920px; margin-bottom: 46px; }
.v18-page .v18-heading h2 { margin-bottom: 20px; font-size: clamp(36px, 4.5vw, 64px); line-height: 1.1; letter-spacing: -.045em; }
.v18-page .v18-heading p { max-width: 750px; margin-bottom: 0; color: var(--v18-muted); font-size: 19px; }
.v18-page .v18-heading-row { display: flex; justify-content: space-between; align-items: end; gap: 36px; margin-bottom: 44px; }
.v18-page .v18-heading-row .v18-heading { margin-bottom: 0; }
.v18-page .v18-heading-row > .v18-link { flex-shrink: 0; margin-bottom: 5px; }
.v18-page .v18-link { display: inline-block; max-width: 100%; color: var(--v18-blue); font-size: 15px; line-height: 1.5; font-weight: 650; text-decoration-thickness: 1px; }
.v18-page .v18-link span { white-space: nowrap; }
.v18-page .v18-link:hover { color: var(--v18-navy); }
.v18-page .v18-button { display: inline-flex; justify-content: center; align-items: center; max-width: 100%; min-height: 52px; padding: 15px 24px; border: 1px solid var(--v18-blue); border-radius: 8px; background: var(--v18-blue); color: #fff; box-shadow: none; font-size: 15px; line-height: 1.35; font-weight: 650; white-space: normal; text-decoration: none; text-align: center; }
.v18-page .v18-button:hover { border-color: var(--v18-navy); background: var(--v18-navy); color: #fff; }
.v18-page .v18-button.secondary { border-color: var(--v18-blue); background: #fff; color: var(--v18-blue); }
.v18-page .v18-button.secondary:hover { border-color: var(--v18-navy); background: var(--v18-grey); color: var(--v18-navy); }
.v18-page .v18-actions, .v18-page .v18-card-links { display: flex; flex-wrap: wrap; align-items: center; gap: 15px 24px; }
.v18-page .v18-note { margin: 22px 0 0; color: var(--v18-muted); font-size: 12px; line-height: 1.6; }
.v18-page .v18-note a { color: inherit; font-weight: 600; }
.v18-page .photo { margin: 0; overflow: hidden; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.v18-page .photo img { display: block; width: 100%; height: auto; object-fit: contain; }
.v18-page .v18-hero { position: relative; display: grid; min-height: clamp(620px, 48vw, 800px); isolation: isolate; overflow: hidden; background: var(--v18-navy); color: #fff; }
.v18-page .v18-hero-photo, .v18-page .v18-hero-shade { position: absolute; inset: 0; z-index: -2; }
.v18-page .v18-hero-photo .photo { width: 100%; height: 100%; }
.v18-page .v18-hero-photo .photo img { width: 100%; height: 100%; padding: 0; object-fit: cover; object-position: center; opacity: .94; mask: none; -webkit-mask: none; }
.v18-page .v18-hero-shade { z-index: -1; background: linear-gradient(180deg, #05264691 0%, #052646b8 55%, #052646eb 100%); }
.v18-page .v18-hero-content { display: flex; flex-direction: column; justify-content: center; align-items: center; padding-block: 72px 105px; text-align: center; }
.v18-page .v18-hero .v18-eyebrow { color: #fff; }
.v18-page .v18-hero h1 { max-width: 1100px; margin-bottom: 24px; color: #fff; font-size: clamp(50px, 6.8vw, 98px); line-height: 1.04; font-weight: 650; letter-spacing: -.055em; }
.v18-page .v18-hero-content > p { margin-bottom: 30px; color: #fff; font-size: clamp(19px, 2vw, 26px); line-height: 1.5; }
.v18-page .v18-hero-jump { display: inline-flex; align-items: center; gap: 24px; color: #fff; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-decoration: none; }
.v18-page .v18-hero-jump span { display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid #ffffff70; border-radius: 50%; font-size: 20px; }
.v18-page .v18-hero-credit { position: absolute; bottom: 20px; left: 28px; right: 28px; max-width: 960px; margin-inline: auto; color: #e2eaf1; font-size: 11px; line-height: 1.55; text-align: center; }
.v18-page .v18-hero-credit a { color: #fff; }
.v18-page .v18-hero :where(a, summary):focus-visible { outline-color: var(--v18-yellow); }
.v18-page .v18-hero-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.v18-page .v18-major-action { position: relative; display: flex; flex-direction: column; justify-content: center; min-width: 0; min-height: 184px; padding: 36px clamp(28px, 7vw, 110px); color: var(--v18-navy); text-decoration: none; }
.v18-page .v18-major-action--blue { background: var(--v18-blue); color: #fff; }
.v18-page .v18-major-action--white { background: #fff; }
.v18-page .v18-major-action > span:first-child { margin-bottom: 12px; padding-right: 34px; font-size: 11px; line-height: 1.4; font-weight: 750; letter-spacing: .13em; }
.v18-page .v18-major-action strong { max-width: 490px; padding-right: 30px; font-size: clamp(25px, 2.6vw, 36px); line-height: 1.15; font-weight: 600; letter-spacing: -.025em; }
.v18-page .v18-major-action > span:last-child { position: absolute; top: 50%; right: clamp(24px, 4vw, 64px); font-size: 28px; transform: translateY(-50%); }
.v18-page .v18-major-action--blue:hover { background: var(--v18-navy); color: #fff; }
.v18-page .v18-major-action--blue:focus-visible { outline-color: var(--v18-yellow); outline-offset: -7px; }
.v18-page .v18-major-action--white:hover { background: var(--v18-grey); }
.v18-page .v18-scope-heading { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .65fr); gap: 0 70px; align-items: end; }
.v18-page .v18-scope-heading .v18-eyebrow { grid-column: 1 / -1; color: var(--v18-navy); }
.v18-page .v18-scope-heading h2 { max-width: 800px; margin-bottom: 0; color: var(--v18-navy); font-size: clamp(45px, 6vw, 84px); line-height: 1.05; letter-spacing: -.055em; }
.v18-page .v18-scope-heading > p { max-width: 420px; margin-bottom: 6px; color: var(--v18-navy); font-size: 20px; }
.v18-page .v18-scope-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 42px; margin-top: 60px; }
.v18-page .v18-scope-step { min-width: 0; padding-top: 24px; border-top: 1px solid #0526465e; }
.v18-page .v18-scope-step > span { display: block; margin-bottom: 20px; font-size: 13px; font-weight: 700; }
.v18-page .v18-scope-step h3 { margin-bottom: 13px; font-size: 26px; line-height: 1.2; letter-spacing: -.025em; }
.v18-page .v18-scope-step p { max-width: 340px; margin-bottom: 0; color: var(--v18-navy); font-size: 16px; }
.v18-page .v18-scope-links { display: flex; flex-wrap: wrap; gap: 15px 30px; margin-top: 38px; }
.v18-page .v18-scope-links a { color: var(--v18-navy); }
.v18-page .v18-applications { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.v18-page .v18-application-intro { display: flex; flex-direction: column; justify-content: center; padding: clamp(45px, 7vw, 105px); background: var(--v18-navy); color: #fff; }
.v18-page .v18-application-intro .v18-eyebrow { color: var(--v18-cyan); }
.v18-page .v18-application-intro h2 { margin-bottom: 24px; font-size: clamp(42px, 5vw, 72px); line-height: 1.07; letter-spacing: -.045em; }
.v18-page .v18-application-intro p { max-width: 450px; margin-bottom: 0; color: #e2eaf1; font-size: 19px; }
.v18-page .v18-application-links { min-width: 0; padding: 28px clamp(28px, 5vw, 80px); background: var(--v18-grey); }
.v18-page .v18-application-links > a { position: relative; display: block; padding: 30px 35px 30px 0; border-bottom: 1px solid var(--v18-line); color: var(--v18-navy); text-decoration: none; }
.v18-page .v18-application-links h3 { margin-bottom: 9px; font-size: 26px; line-height: 1.2; letter-spacing: -.025em; }
.v18-page .v18-application-links p { max-width: 450px; margin-bottom: 0; color: var(--v18-muted); font-size: 15px; }
.v18-page .v18-application-links > a > span { position: absolute; right: 0; top: 33px; font-size: 26px; }
.v18-page .v18-application-links > a:hover h3 { text-decoration: underline; }
.v18-page .v18-industrial-note { margin-top: 25px; font-size: 13px; }
.v18-page .v18-industrial-note a { color: var(--v18-blue); font-weight: 600; }
.v18-page .v18-format-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 44px 32px; }
.v18-page .v18-format-card { min-width: 0; }
.v18-page .v18-format-picture { position: relative; min-width: 0; height: 480px; overflow: hidden; background: #fff; border: 1px solid #dfe5eb; }
.v18-page .v18-format-picture .photo { height: 100%; width: 100%; }
.v18-page .v18-format-picture img { width: 100%; height: 100%; padding: 32px 32px 70px; object-fit: contain; }
.v18-page .v18-format-picture .photo figcaption { position: absolute; z-index: 2; top: 14px; right: 14px; left: auto; display: flex; flex-wrap: wrap; justify-content: end; gap: 6px; max-width: calc(100% - 28px); margin: 0; padding: 0; border: 0; background: transparent; color: var(--v18-navy); font-size: 0; }
.v18-page .v18-format-picture .photo figcaption a { display: inline-block; margin: 0; padding: 6px 9px; border: 1px solid var(--v18-line); border-radius: 5px; background: #fff; color: var(--v18-navy); font-size: 10px; line-height: 1.3; font-weight: 650; }
.v18-page .v18-format-picture .photo figcaption a:hover { border-color: var(--v18-blue); background: var(--v18-grey); }
.v18-page .v18-format-overlay { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: end; padding: 90px 28px 28px; background: linear-gradient(180deg, #05264600 35%, #0526460a 55%, #052646ef 100%); color: #fff; pointer-events: none; }
.v18-page .v18-format-overlay .v18-eyebrow { margin-bottom: 9px; color: #fff; font-size: 10px; }
.v18-page .v18-format-overlay h3 { max-width: 520px; margin-bottom: 0; color: #fff; font-size: clamp(27px, 3vw, 39px); line-height: 1.12; letter-spacing: -.035em; }
.v18-page .v18-format-overlay a { color: #fff; text-decoration: none; pointer-events: auto; }
.v18-page .v18-format-overlay a:focus-visible { outline-color: var(--v18-yellow); }
.v18-page .v18-format-content { padding-top: 23px; }
.v18-page .v18-format-content > p:first-child { max-width: 580px; margin-bottom: 20px; font-size: 19px; line-height: 1.5; }
.v18-page .v18-format-content .v18-note { margin-top: 20px; }
.v18-page .v18-format-questions { display: flex; flex-wrap: wrap; gap: 8px 20px; margin: 0 0 23px; padding: 0; list-style: none; color: var(--v18-muted); font-size: 14px; }
.v18-page .v18-format-questions li { padding-left: 13px; border-left: 2px solid var(--v18-line); }
.v18-page .v18-directory-note { max-width: 1050px; margin: 35px 0 0; color: var(--v18-muted); font-size: 13px; }
.v18-page .v18-section--navy .v18-eyebrow { color: var(--v18-cyan); }
.v18-page .v18-section--navy .v18-heading p { color: #d3e0eb; }
.v18-page .v18-solution-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 52px; }
.v18-page .v18-solution { min-width: 0; padding-top: 32px; border-top: 1px solid #ffffff55; }
.v18-page .v18-solution h3 { margin-bottom: 24px; font-size: clamp(35px, 3.8vw, 54px); line-height: 1.1; letter-spacing: -.04em; }
.v18-page .v18-solution > p { max-width: 520px; margin-bottom: 32px; color: #d3e0eb; font-size: 18px; }
.v18-page .v18-solution .v18-card-links { flex-direction: column; align-items: flex-start; gap: 20px; }
.v18-page .v18-section--navy .v18-button { border-color: #fff; background: #fff; color: var(--v18-navy); }
.v18-page .v18-section--navy .v18-button:hover { border-color: var(--v18-cyan); background: var(--v18-cyan); color: var(--v18-navy); }
.v18-page .v18-section--navy .v18-link { color: #fff; }
.v18-page .v18-section--navy :where(a, summary):focus-visible { outline-color: var(--v18-yellow); }
.v18-page .v18-guide-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 34px; }
.v18-page .v18-guide { display: flex; flex-direction: column; min-width: 0; padding-top: 26px; border-top: 2px solid var(--v18-blue); }
.v18-page .v18-guide h3 { margin-bottom: 17px; font-size: 26px; line-height: 1.22; letter-spacing: -.025em; }
.v18-page .v18-guide h3 a { color: var(--v18-navy); text-decoration: none; }
.v18-page .v18-guide h3 a:hover { text-decoration: underline; }
.v18-page .v18-guide > p { margin-bottom: 25px; color: var(--v18-muted); font-size: 15px; }
.v18-page .v18-guide > .v18-link { margin-top: auto; }
.v18-page .v18-faq { display: grid; grid-template-columns: minmax(0, .6fr) minmax(0, 1fr); gap: 60px; margin-top: 65px; padding-top: 36px; border-top: 1px solid var(--v18-line); }
.v18-page .v18-faq h3 { font-size: 30px; line-height: 1.2; letter-spacing: -.025em; }
.v18-page .v18-faq details { border: 0; border-bottom: 1px solid var(--v18-line); border-radius: 0; background: transparent; color: var(--v18-navy); box-shadow: none; }
.v18-page .v18-faq summary { padding: 17px 0; font-size: 17px; font-weight: 650; cursor: pointer; }
.v18-page .v18-faq details p { margin-bottom: 0; padding: 0 0 20px; color: var(--v18-muted); font-size: 15px; }
.v18-page .v18-products-intro { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .7fr); gap: 65px; align-items: end; }
.v18-page .v18-products-intro h1 { margin-bottom: 0; font-size: clamp(48px, 6.4vw, 92px); line-height: 1.05; letter-spacing: -.055em; }
.v18-page .v18-products-intro > div { min-width: 0; padding-bottom: 4px; }
.v18-page .v18-products-intro p { margin-bottom: 30px; color: var(--v18-muted); font-size: 20px; }
.v18-page .v18-directory-nav { display: flex; flex-wrap: wrap; gap: 18px 32px; margin-top: 60px; padding-top: 26px; border-top: 1px solid var(--v18-line); }
.v18-page .v18-directory-nav a { display: inline-flex; align-items: center; gap: 18px; color: var(--v18-blue); font-size: 15px; font-weight: 650; text-decoration: none; }
.v18-page .v18-directory-nav a:hover { text-decoration: underline; }
.v18-page .v18-procurement-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; }
.v18-page .v18-procurement-grid > article { min-width: 0; padding-top: 25px; border-top: 1px solid #0526465e; }
.v18-page .v18-procurement-grid h3 { margin-bottom: 20px; font-size: 32px; letter-spacing: -.025em; }
.v18-page .v18-procurement-grid p { font-size: 17px; }
.v18-page .v18-procurement-grid .v18-procurement-evidence { margin-bottom: 25px; font-size: 15px; }
.v18-page .v18-section--yellow .v18-eyebrow, .v18-page .v18-section--yellow .v18-link { color: var(--v18-navy); }
.v18-page .v18-industrial-review { margin-top: 44px; padding-top: 28px; border-top: 1px solid #0526465e; }
.v18-page .v18-industrial-review h3 { margin-bottom: 12px; font-size: 25px; line-height: 1.2; }
.v18-page .v18-industrial-review p { max-width: 950px; margin-bottom: 16px; font-size: 15px; }
.v18-page .v18-quote .section { padding-block: 74px; background: var(--v18-blue); color: #fff; }
.v18-page .v18-quote .wrap { width: min(1320px, calc(100% - 96px)); margin-inline: auto; }
.v18-page .v18-quote .quote-band { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 45px; align-items: center; padding: 0; border: 0; background: transparent; }
.v18-page .v18-quote .eyebrow { color: var(--v18-cyan); }
.v18-page .v18-quote h2 { max-width: 850px; margin-bottom: 20px; color: #fff; font-size: clamp(38px, 4.5vw, 64px); line-height: 1.1; letter-spacing: -.045em; }
.v18-page .v18-quote p { max-width: 800px; margin-bottom: 0; color: #e2eaf1; font-size: 18px; }
.v18-page .v18-quote .quote-band > div:last-child { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; min-width: 0; }
.v18-page .v18-quote .button { max-width: 100%; min-height: 52px; border: 1px solid #fff; border-radius: 8px; background: #fff; color: var(--v18-navy); white-space: normal; }
.v18-page .v18-quote .button:hover { background: var(--v18-cyan); border-color: var(--v18-cyan); color: var(--v18-navy); }
.v18-page .v18-quote a:not(.button) { color: #fff; font-size: 14px; overflow-wrap: anywhere; }
.v18-page .v18-quote :where(a, summary):focus-visible { outline-color: var(--v18-yellow); }
@media (max-width: 1050px) {
  .v18-page .v18-wrap, .v18-page .v18-quote .wrap { width: calc(100% - 56px); }
  .v18-page .v18-major-action { padding-inline: 32px 58px; }
  .v18-page .v18-major-action > span:last-child { right: 25px; }
  .v18-page .v18-format-picture { height: 410px; }
  .v18-page .v18-solution-grid { gap: 32px; }
  .v18-page .v18-products-intro { gap: 35px; }
  .v18-page .v18-heading-row { display: block; }
  .v18-page .v18-heading-row > .v18-link { margin-top: 22px; }
}
@media (max-width: 760px) {
  .v18-page .v18-hero { min-height: 640px; }
  .v18-page .v18-hero h1 { font-size: clamp(48px, 8.6vw, 68px); }
  .v18-page .v18-hero-photo .photo img { object-fit: cover; opacity: .8; }
  .v18-page .v18-hero-actions, .v18-page .v18-scope-heading, .v18-page .v18-applications, .v18-page .v18-products-intro, .v18-page .v18-solution-grid, .v18-page .v18-faq, .v18-page .v18-quote .quote-band { grid-template-columns: minmax(0, 1fr); }
  .v18-page .v18-major-action { min-height: 150px; padding-block: 28px; }
  .v18-page .v18-scope-heading { gap: 23px; }
  .v18-page .v18-scope-heading h2 { font-size: clamp(45px, 8vw, 64px); }
  .v18-page .v18-scope-heading > p { max-width: 650px; font-size: 18px; }
  .v18-page .v18-scope-grid { gap: 25px; margin-top: 40px; }
  .v18-page .v18-scope-step h3 { font-size: 23px; }
  .v18-page .v18-application-intro { padding: 60px 28px; }
  .v18-page .v18-application-intro h2 { font-size: 54px; }
  .v18-page .v18-application-links { padding: 0 28px 15px; }
  .v18-page .v18-format-grid { gap: 35px 23px; }
  .v18-page .v18-format-picture { height: 340px; }
  .v18-page .v18-format-picture img { padding: 20px 20px 80px; }
  .v18-page .v18-format-overlay { padding: 70px 20px 23px; }
  .v18-page .v18-format-overlay h3 { font-size: 28px; }
  .v18-page .v18-format-content > p:first-child { font-size: 17px; }
  .v18-page .v18-solution h3 { font-size: 45px; }
  .v18-page .v18-solution-grid { gap: 44px; }
  .v18-page .v18-guide-grid { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .v18-page .v18-guide h3 { max-width: 660px; font-size: 28px; }
  .v18-page .v18-faq { gap: 10px; margin-top: 42px; }
  .v18-page .v18-faq h3 { font-size: 28px; }
  .v18-page .v18-products-intro { gap: 30px; }
  .v18-page .v18-products-intro h1 { font-size: clamp(48px, 8vw, 64px); }
  .v18-page .v18-products-intro p { max-width: 680px; font-size: 18px; }
  .v18-page .v18-directory-nav { margin-top: 35px; }
  .v18-page .v18-procurement-grid { grid-template-columns: minmax(0, 1fr); gap: 30px; }
  .v18-page .v18-procurement-grid h3 { font-size: 29px; }
}
@media (max-width: 520px) {
  .v18-page .v18-wrap, .v18-page .v18-quote .wrap { width: calc(100% - 36px); }
  .v18-page .v18-section { padding-block: 62px; }
  .v18-page .v18-hero { min-height: 620px; }
  .v18-page .v18-hero-content { padding-block: 60px 125px; }
  .v18-page .v18-hero h1 { font-size: clamp(42px, 11vw, 56px); }
  .v18-page .v18-hero-content > p { font-size: 19px; }
  .v18-page .v18-hero-credit { left: 18px; right: 18px; bottom: 19px; font-size: 10px; }
  .v18-page .v18-major-action { padding-inline: 24px 55px; }
  .v18-page .v18-major-action strong { font-size: 28px; }
  .v18-page .v18-scope-heading h2 { font-size: 48px; }
  .v18-page .v18-scope-grid { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .v18-page .v18-scope-step { padding-top: 20px; }
  .v18-page .v18-scope-step > span { float: right; margin-bottom: 0; }
  .v18-page .v18-scope-step h3 { padding-right: 35px; font-size: 25px; }
  .v18-page .v18-scope-step p { max-width: none; }
  .v18-page .v18-application-intro { padding: 55px 22px; }
  .v18-page .v18-application-intro h2 { font-size: 49px; }
  .v18-page .v18-application-links { padding-inline: 22px; }
  .v18-page .v18-format-grid { grid-template-columns: minmax(0, 1fr); }
  .v18-page .v18-format-picture { height: 410px; }
  .v18-page .v18-format-overlay h3 { font-size: 33px; }
  .v18-page .v18-format-content { padding-top: 21px; }
  .v18-page .v18-solution h3 { font-size: 39px; }
  .v18-page .v18-products-intro h1 { font-size: 48px; }
  .v18-page .v18-directory-nav { flex-direction: column; align-items: flex-start; gap: 15px; }
  .v18-page .v18-quote .wrap { width: calc(100% - 36px); }
  .v18-page .v18-quote h2 { font-size: 40px; }
}
@media (prefers-reduced-motion: reduce) {
  .v18-page *, .v18-page *::before, .v18-page *::after { scroll-behavior: auto; transition-duration: 0s; animation-duration: 0s; }
}

/* Direct first-screen actions, matching the reference's deep-blue / white pairing. */
.v18-page .v18-hero-cta{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:8px}
.v18-page .v18-hero-cta .v18-button{min-width:240px;padding:17px 30px;background:#0b4074;color:#fff;border:1px solid #0b4074;border-radius:8px}
.v18-page .v18-hero-cta .v18-button.secondary{background:#fff;color:#052646;border-color:#fff}
.v18-page .v18-hero-cta .v18-button:hover{background:#052646;color:#fff}
@media(max-width:540px){.v18-page .v18-hero-cta{width:100%;gap:12px}.v18-page .v18-hero-cta .v18-button{width:100%;min-width:0;padding:15px 20px}}

.v18-site #hero.v18-hero .v18-hero-photo .photo{height:100%;max-height:none;border:0;border-radius:0;background:transparent}
.v18-site #hero.v18-hero .v18-hero-photo .photo img{height:100%;max-height:none;width:100%;object-fit:cover;padding:0;mask:none;-webkit-mask:none}
.v18-site #hero.v18-hero .v18-hero-shade{background:linear-gradient(180deg,#00000068,#052646b8)}
.v18-site #hero.v18-hero .v18-hero-cta .v18-button{background:#0b4074;color:#fff;border-color:#0b4074}
.v18-site #hero.v18-hero .v18-hero-cta .v18-button.secondary{background:#fff;color:#052646;border-color:#fff}
.v18-site #hero.v18-hero .v18-hero-cta .v18-button:hover{background:#052646;color:#fff;border-color:#052646}


/* v18 interior system. Append after the existing base/category/resources CSS.
   Scope is the opt-in .v18-site body; no source copy, article markup or form logic changes. */
body.v18-site {
  --v18-blue: #0b4074;
  --v18-navy: #052646;
  --v18-paper: #fcfcfc;
  --v18-grey: #f1f4f6;
  --v18-yellow: #ffdf30;
  --v18-cyan: #5dcbf2;
  --v18-line: #d4dde5;
  --v18-muted: #526477;
  --blue: #0b4074;
  --navy: #052646;
  --ink: #052646;
  --muted: #526477;
  --pale: #f1f4f6;
  --line: #d4dde5;
  --white: #fcfcfc;
  --radius: 0;
  color: var(--v18-navy);
  background: var(--v18-paper);
  font-family: Inter, Arial, Helvetica, sans-serif;
  line-height: 1.7;
}
.v18-site .v17-chrome {
  --v17-blue: #0b4074;
  --v17-blue-deep: #052646;
  --v17-ink: #052646;
  --v17-pale: #f1f4f6;
}
.v18-site:where(:not([data-page="/"]):not([data-page="/products/"])) main :is(h1, h2, h3, h4) {
  color: var(--v18-navy);
  font-family: Manrope, Inter, Arial, sans-serif;
  font-weight: 650;
  letter-spacing: -.035em;
  text-wrap: balance;
}
.v18-site main :is(h1, h2, h3, h4, p, a, li, label) { overflow-wrap: break-word; }
.v18-site main :is(a, summary) { text-underline-offset: .22em; }
.v18-site main a { color: var(--v18-blue); }
.v18-site main a:hover { color: var(--v18-navy); }
.v18-site :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 3px solid var(--v18-blue);
  outline-offset: 4px;
}
.v18-site main [id] { scroll-margin-top: 116px; }
.v18-site:not([data-page="/"]):not([data-page="/products/"]) main > .section,
.v18-site:not([data-page="/"]):not([data-page="/products/"]) main > .page-intro {
  padding-block: clamp(56px, 5.8vw, 88px);
}
.v18-site:not([data-page="/"]):not([data-page="/products/"]) main .wrap,
.v18-site .v17-r-page .v17-r-wrap {
  width: min(1320px, calc(100% - 96px));
  min-width: 0;
}
.v18-site main .section { background: var(--v18-paper); }
.v18-site main .section.pale,
.v18-site main .section.blue:not(#quote) { background: var(--v18-grey); }
.v18-site main .eyebrow {
  margin-bottom: 19px;
  color: var(--v18-blue);
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .14em;
  line-height: 1.5;
}
.v18-site main .section-heading { max-width: 920px; margin-bottom: 38px; }
.v18-site main .section-heading :is(h2, h3) {
  max-width: 1000px;
  margin-bottom: 18px;
  font-size: clamp(31px, 3.5vw, 47px);
  line-height: 1.15;
}
.v18-site main .section-heading > p { max-width: 800px; color: var(--v18-muted); font-size: 17px; }

/* Quiet navigation above a large grey title field, replacing blue title bars. */
.v18-site .breadcrumb {
  gap: 10px;
  align-items: baseline;
  padding-block: 17px;
  color: var(--v18-muted);
  font-size: 10px;
  line-height: 1.6;
  font-weight: 600;
  letter-spacing: .035em;
  border-bottom: 1px solid var(--v18-line);
}
.v18-site .breadcrumb a { color: var(--v18-muted); }
.v18-site .breadcrumb > span:last-child { color: var(--v18-navy); }
.v18-site main .page-intro {
  border: 0;
  background: var(--v18-grey);
  color: var(--v18-navy);
}
.v18-site main .page-intro h1 {
  max-width: 1120px;
  margin-bottom: 24px;
  color: var(--v18-navy);
  font-size: clamp(38px, 4.6vw, 68px);
  line-height: 1.08;
  letter-spacing: -.045em;
}
.v18-site main .page-intro :is(p, .eyebrow, .fine) { color: var(--v18-muted); }
.v18-site main .page-intro p { max-width: 900px; font-size: 19px; line-height: 1.65; }
.v18-site .page-navigation { padding-block: 16px; }
.v18-site .page-jump {
  border: 0;
  border-bottom: 1px solid var(--v18-line);
  border-radius: 0;
  background: var(--v18-paper);
  box-shadow: none;
}
.v18-site .page-jump > summary {
  padding: 13px 0;
  color: var(--v18-navy);
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.v18-site .page-jump nav { gap: 10px 24px; padding: 12px 0 20px; }
.v18-site .page-jump nav a { color: var(--v18-blue); background: transparent; border: 0; border-radius: 0; font-size: 12px; }
.v18-site main :is(.category-nav, .anchor-nav, .application-nav) a {
  padding: 10px 0;
  margin-right: 18px;
  border: 0;
  border-bottom: 2px solid var(--v18-line);
  border-radius: 0;
  background: transparent;
  color: var(--v18-navy);
}
.v18-site main :is(.category-nav, .anchor-nav, .application-nav) a:hover { border-color: var(--v18-yellow); background: transparent; }

/* Commercial opening: headline first, annotated photograph below, never the old
   two-column blue-copy / white-bucket-box composition. */
.v18-site main section#overview:has(.v15-category-hero) {
  padding-block: clamp(50px, 5vw, 78px) 52px;
  background: var(--v18-grey);
  color: var(--v18-navy);
}
.v18-site main #overview .v15-category-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 36px;
  align-items: start;
}
.v18-site main #overview .v15-category-hero > div { max-width: 1080px; min-width: 0; }
.v18-site main #overview .v15-category-hero h1 {
  max-width: 1080px;
  margin-bottom: 25px;
  color: var(--v18-navy);
  font-size: clamp(38px, 4.8vw, 70px);
  line-height: 1.08;
  letter-spacing: -.045em;
}
.v18-site main #overview .v15-category-hero :is(.lead, .eyebrow, .fine, p, li) { color: var(--v18-navy); }
.v18-site main #overview .v15-category-hero .lead { max-width: 860px; margin-bottom: 22px; font-size: 20px; line-height: 1.6; }
.v18-site main #overview .v15-category-hero .v15-points { display: flex; flex-wrap: wrap; gap: 10px 27px; max-width: 1050px; margin-block: 24px; }
.v18-site main #overview .v15-category-hero .v15-points li { margin: 0; font-size: 13px; }
.v18-site main #overview .v15-category-hero .v15-points li::before { width: 5px; height: 5px; background: var(--v18-blue); }
.v18-site main #overview .v15-category-hero > .photo {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(210px, 290px);
  align-items: end;
  width: 100%;
  max-width: none;
  margin: 5px 0 0;
  border: 0;
  border-top: 1px solid var(--v18-line);
  border-radius: 0;
  background: var(--v18-paper);
  box-shadow: none;
}
.v18-site main #overview .v15-category-hero .photo img {
  width: 100%;
  height: clamp(280px, 29vw, 410px);
  max-height: none;
  padding: 30px;
  object-fit: contain;
  aspect-ratio: auto;
}
.v18-site main #overview .v15-category-hero .photo figcaption {
  padding: 25px;
  border: 0;
  background: transparent;
  color: var(--v18-muted);
  font-size: 11px;
  line-height: 1.75;
}
.v18-site main #overview .v15-category-hero .photo figcaption a { display: inline-block; margin: 9px 12px 0 0; color: var(--v18-blue); }

/* Legacy .v15-category-hero > div:first-child CTA colours have higher
   specificity than the general .button system. This light-intro contract is
   deliberately tied to the exact overview template, not the navy quote area. */
.v18-site section#overview:has(.v15-category-hero) .v15-category-hero .button {
  border-color: #0b4074;
  background: #0b4074;
  color: #fff;
}
.v18-site section#overview:has(.v15-category-hero) .v15-category-hero .button:hover {
  border-color: #052646;
  background: #052646;
  color: #fff;
}
.v18-site section#overview:has(.v15-category-hero) .v15-category-hero .button.secondary {
  border-color: #0b4074;
  background: #fff;
  color: #052646;
}
.v18-site section#overview:has(.v15-category-hero) .v15-category-hero .button.secondary:hover {
  border-color: #0b4074;
  background: #f1f4f6;
  color: #052646;
}
.v18-site section#overview:has(.v15-category-hero) .v15-category-hero .button:focus-visible {
  outline: 3px solid #0b4074;
  outline-offset: 4px;
}

/* Flat gallery and procurement architecture; full photo geometry remains visible. */
.v18-site main :is(.photo, .video-card, .panel, .guide-card, .product-card, .cap-card, .v15-category-card, .v15-feature-card) {
  border-color: var(--v18-line);
  border-radius: 0;
  box-shadow: none;
}
.v18-site main .photo { background: var(--v18-grey); }
.v18-site main .photo figcaption { color: var(--v18-muted); background: var(--v18-paper); border-color: var(--v18-line); }
.v18-site main .photo figcaption a { color: var(--v18-blue); }
.v18-site main .v17-format-layout { grid-template-columns: minmax(0, 1fr); gap: 36px; }
.v18-site main .v17-format-stage { background: var(--v18-paper); }
.v18-site main .v17-format-stage .section { background: transparent; }
.v18-site main .v15-product-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 38px 32px; }
.v18-site main .v15-product-visual { min-width: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.v18-site main .v15-product-visual .photo { border: 0; }
.v18-site main .v15-product-visual .photo img { height: 330px; max-height: none; padding: 24px; aspect-ratio: auto; object-fit: contain; }
.v18-site main .v15-product-visual .photo figcaption { padding: 13px 0; border: 0; background: var(--v18-paper); font-size: 11px; }
.v18-site main .v15-photo-context { padding: 22px 0 0; border-top: 1px solid var(--v18-line); background: transparent; }
.v18-site main .v15-photo-context p { color: var(--v18-muted); font-size: 14px; line-height: 1.7; }
.v18-site main .v15-photo-context .reference-id { color: var(--v18-navy); font-size: 11px; }
.v18-site main .v17-format-notes {
  padding: 28px 32px;
  border: 0;
  border-left: 6px solid var(--v18-yellow);
  background: var(--v18-grey);
  color: var(--v18-navy);
}
.v18-site main .v17-format-notes :is(p, li, .fine) { color: var(--v18-muted); }
.v18-site main .v17-group-heading { max-width: 1000px; margin-bottom: 36px; }
.v18-site main .v17-group-heading h2 { max-width: 1000px; font-size: clamp(34px, 4vw, 54px); line-height: 1.12; color: var(--v18-navy); }
.v18-site main .v17-group-heading > p { max-width: 800px; color: var(--v18-muted); font-size: 17px; }
.v18-site main .v17-specification { background: var(--v18-grey); }
.v18-site main .v17-specification > .wrap { display: block; }
.v18-site main .v17-specification-intro { position: static; max-width: 1000px; margin-bottom: 38px; }
.v18-site main .v17-decisions { border-top: 1px solid var(--v18-line); }
.v18-site main .v17-decision { margin: 0; border: 0; border-bottom: 1px solid var(--v18-line); border-radius: 0; background: transparent; }
.v18-site main .v17-decision > summary { padding: 26px 0; color: var(--v18-navy); }
.v18-site main .v17-decision > summary strong { font-size: clamp(21px, 2.4vw, 30px); line-height: 1.2; font-weight: 650; }
.v18-site main .v17-decision > summary::after { color: var(--v18-blue); border-color: var(--v18-line); border-radius: 0; background: var(--v18-yellow); }
.v18-site main .v17-decision-content { padding: 5px 0 28px; }
.v18-site main .v17-decision-content .section { background: transparent; }
.v18-site main .v17-decision-content .section-heading :is(h2, h3) { font-size: 25px; }
.v18-site main :is(.v17-project-columns, .v17-next-columns) { gap: 52px; }
.v18-site main :is(.v17-project-columns, .v17-next-columns) .panel,
.v18-site main .v17-next-columns .guide-card { border-color: var(--v18-line); background: transparent; }
.v18-site main .v17-project-columns .steps { gap: 20px; }
.v18-site main .v17-project-columns .steps li { padding: 24px 0; border: 0; border-top: 3px solid var(--v18-yellow); border-radius: 0; background: transparent; }
.v18-site main .v17-tooling-note { padding: 30px; border-left: 6px solid var(--v18-yellow); background: var(--v18-grey); }
.v18-site main .v17-next-columns .button { color: var(--v18-blue); }
.v18-site main :is(.chips span, .tags span, .filter-controls button, [data-format-filter]) { color: var(--v18-navy); border-color: var(--v18-line); border-radius: 0; background: var(--v18-grey); }
.v18-site main :is([data-format-filter][aria-pressed="true"], .filter-controls [aria-pressed="true"]) { color: var(--v18-navy); border-color: var(--v18-yellow); background: var(--v18-yellow); }
.v18-site main .checklist li::before { border-radius: 0; background: var(--v18-blue); }
.v18-site main .steps li { border-color: var(--v18-yellow); border-radius: 0; background: var(--v18-grey); }
.v18-site main .steps :is(span, h3) { color: var(--v18-navy); }
.v18-site main :is(.spec-disclosure, .v15-spec-status) { border-color: var(--v18-line); border-radius: 0; background: var(--v18-paper); }
.v18-site main .spec-disclosure summary { color: var(--v18-blue); }
.v18-site main .panel { background: var(--v18-paper); }
.v18-site main .panel :is(p, li) { color: var(--v18-muted); }

/* Navy action system with warm yellow emphasis; never yellow text on white. */
.v18-site main .button {
  min-height: 50px;
  padding: 14px 23px;
  border: 1px solid var(--v18-blue);
  border-radius: 4px;
  color: #fff;
  background: var(--v18-blue);
  box-shadow: none;
  font-weight: 650;
  font-size: 14px;
  line-height: 1.4;
}
.v18-site main .button:hover { border-color: var(--v18-navy); color: #fff; background: var(--v18-navy); }
.v18-site main .button.secondary { color: var(--v18-navy); border-color: var(--v18-navy); background: transparent; }
.v18-site main .button.secondary:hover { color: var(--v18-navy); border-color: var(--v18-yellow); background: var(--v18-yellow); }
.v18-site main .v17-next-columns :is(.button, .button.secondary) {
  justify-content: flex-start;
  min-height: 32px;
  padding: 0;
  border: 0;
  border-bottom: 1px solid var(--v18-blue);
  border-radius: 0;
  color: var(--v18-blue);
  background: transparent;
  text-align: left;
}
.v18-site main .v17-next-columns :is(.button, .button.secondary):hover { border-color: var(--v18-navy); color: var(--v18-navy); background: transparent; }
.v18-site main #quote,
.v18-site main .section.blue:has(.quote-band),
.v18-site main .v17-r-quote .section {
  padding-block: clamp(62px, 6vw, 95px);
  color: #fff;
  background: var(--v18-navy);
}
.v18-site main #quote :is(h1, h2, h3, h4, .eyebrow),
.v18-site main .section.blue:has(.quote-band) :is(h2, .eyebrow) { color: #fff; }
.v18-site main #quote :is(p, li, .fine),
.v18-site main .section.blue:has(.quote-band) p { color: #dce6ee; }
.v18-site main #quote a:not(.button),
.v18-site main .section.blue:has(.quote-band) a:not(.button) { color: #fff; }
.v18-site main #quote .eyebrow { color: var(--v18-cyan); }
.v18-site main #quote .section-heading { margin-bottom: 34px; }
.v18-site main #quote .section-heading h2 { max-width: 950px; font-size: clamp(34px, 4.1vw, 56px); }
.v18-site main #quote .button,
.v18-site main .section.blue:has(.quote-band) .button,
.v18-site main .v17-r-quote .button {
  border-color: var(--v18-yellow);
  background: var(--v18-yellow);
  color: var(--v18-navy);
}
.v18-site main #quote .button:hover,
.v18-site main .section.blue:has(.quote-band) .button:hover,
.v18-site main .v17-r-quote .button:hover { border-color: var(--v18-cyan); background: var(--v18-cyan); color: var(--v18-navy); }
.v18-site main #quote :is(a, button, summary):focus-visible { outline-color: var(--v18-yellow); }
.v18-site main #quote .product-brief-layout,
.v18-site main #quote .v16-project-brief { grid-template-columns: minmax(0, 1.45fr) minmax(250px, .7fr); gap: 42px; align-items: start; }
.v18-site main #quote .product-brief-fields {
  margin: 0;
  padding: clamp(24px, 3vw, 38px);
  border: 0;
  border-top: 6px solid var(--v18-yellow);
  border-radius: 0;
  background: var(--v18-paper);
  color: var(--v18-navy);
}
.v18-site main #quote .product-brief-fields :is(label, p, .fine, h3) { color: var(--v18-navy); }
.v18-site main #quote .product-brief-fields :is(input, textarea, select) { color: var(--v18-navy); background: #fff; border-color: #a8b6c3; }
.v18-site main #quote .product-brief-fields :is(input, textarea, select):focus-visible { outline-color: var(--v18-blue); }
.v18-site main #quote .product-brief-fields a:not(.button) { color: var(--v18-blue); }
.v18-site main #quote .panel { padding: 8px 0; border: 0; background: transparent; }
.v18-site main #quote .panel :is(h2, h3, h4) { color: #fff; }
.v18-site main .quote-band { gap: 48px; }
.v18-site main .quote-band h2 { font-size: clamp(34px, 4.1vw, 56px); line-height: 1.13; }

/* Article identity, prose, source links and dates are preserved in markup. */
.v18-site main #buyer-answer {
  padding-block: 45px;
  border: 0;
  background: var(--v18-yellow);
  color: var(--v18-navy);
}
.v18-site main #buyer-answer :is(h2, h3, p, .eyebrow) { color: var(--v18-navy); }
.v18-site main #buyer-answer .section-heading { max-width: 1000px; margin: 0; }
.v18-site main #buyer-answer .section-heading h2 { font-size: clamp(28px, 3vw, 40px); }
.v18-site main #buyer-answer .section-heading p { max-width: 1000px; font-size: 18px; }
.v18-site main .article-layout { grid-template-columns: minmax(0, 870px) minmax(230px, 280px); gap: 64px; padding-block: 60px 72px; }
.v18-site main .article-body { max-width: 870px; color: var(--v18-navy); font-size: 17px; line-height: 1.85; }
.v18-site main .article-body h2 { margin-top: 42px; color: var(--v18-navy); font-size: clamp(27px, 2.7vw, 36px); line-height: 1.2; }
.v18-site main .article-body p { line-height: 1.85; }
.v18-site main .article-body > section { margin-bottom: 44px; }
.v18-site main .article-body .gallery { gap: 24px; }
.v18-site main .article-aside {
  top: 118px;
  padding: 29px 25px;
  border: 0;
  border-top: 6px solid var(--v18-yellow);
  border-radius: 0;
  color: #fff;
  background: var(--v18-navy);
}
.v18-site main .article-aside :is(h2, h3) { margin-block: 27px 17px; color: #fff; font-size: 20px; line-height: 1.3; }
.v18-site main .article-aside h2:first-child { margin-top: 0; }
.v18-site main .article-aside :is(a, p, li) { color: #e2eaf1; }
.v18-site main .article-aside > a { margin-bottom: 14px; font-size: 13px; }
.v18-site main .article-aside .button { color: var(--v18-navy); border-color: var(--v18-yellow); background: var(--v18-yellow); }
.v18-site main .article-aside .button:hover { color: var(--v18-navy); border-color: var(--v18-cyan); background: var(--v18-cyan); }
.v18-site main .article-aside :is(a, summary):focus-visible { outline-color: var(--v18-yellow); }
.v18-site main :is(.article-meta, .article-dates, .review-date, .publication-dates, .editorial-note, .source-note, .article-sources) { color: var(--v18-muted); }
.v18-site main #product-next { border-top: 1px solid var(--v18-line); background: var(--v18-grey); }
.v18-site main #product-next .section-heading h2 { max-width: 1050px; }
.v18-site main .table-scroll { margin-block: 26px; border: 1px solid var(--v18-line); border-radius: 0; background: #fff; }
.v18-site main table { color: var(--v18-navy); background: #fff; font-size: 14px; }
.v18-site main :is(th, td) { padding: 18px; border-color: var(--v18-line); }
.v18-site main thead th { color: var(--v18-navy); background: #e8edf1; border-bottom: 2px solid var(--v18-navy); }
.v18-site main tbody th { color: var(--v18-navy); background: var(--v18-grey); }
.v18-site main tbody tr:nth-child(even) td { background: #f8fafb; }
.v18-site main .faq { max-width: 1160px; }
.v18-site main .faq details { margin: 0; border: 0; border-bottom: 1px solid var(--v18-line); border-radius: 0; background: transparent; box-shadow: none; }
.v18-site main .faq summary { padding: 23px 0; color: var(--v18-navy); font-size: 19px; font-weight: 650; }
.v18-site main .faq details > p { margin: 0; padding: 0 0 24px; color: var(--v18-muted); font-size: 16px; }

/* Contact: deliberate navy information panel and generous white form. */
.v18-site[data-page="/contact/"] main > .section { background: var(--v18-paper); }
.v18-site main .contact-layout { grid-template-columns: minmax(260px, .68fr) minmax(0, 1.32fr); gap: 64px; align-items: start; }
.v18-site main .contact-panel {
  padding: 36px;
  border: 0;
  border-top: 7px solid var(--v18-yellow);
  border-radius: 0;
  background: var(--v18-navy);
  color: #fff;
}
.v18-site main .contact-panel :is(h2, h3) { color: #fff; font-size: 29px; line-height: 1.2; }
.v18-site main .contact-panel :is(p, li, .fine, a) { color: #e2eaf1; }
.v18-site main .contact-panel .contact-list { gap: 17px; padding-block: 20px; border-top: 1px solid #ffffff38; border-bottom: 1px solid #ffffff38; }
.v18-site main .contact-panel :is(a, summary):focus-visible { outline-color: var(--v18-yellow); }
.v18-site main .contact-panel .checklist li::before { background: var(--v18-yellow); }
.v18-site main .form-panel { padding: 0; min-width: 0; background: var(--v18-paper); }
.v18-site main .form-panel h2 { font-size: clamp(31px, 3.6vw, 46px); line-height: 1.15; }
.v18-site main #enquiry-form { padding-top: 25px; border-top: 1px solid var(--v18-line); }
.v18-site main label { color: var(--v18-navy); font-size: 13px; font-weight: 650; }
.v18-site main :is(input, select, textarea) {
  padding: 14px;
  border: 1px solid #a8b6c3;
  border-radius: 2px;
  background: #fff;
  color: var(--v18-navy);
  font-size: 16px;
  line-height: 1.45;
  box-shadow: none;
  accent-color: var(--v18-blue);
}
.v18-site main :is(input, select) { min-height: 50px; }
.v18-site main :is(input, textarea)::placeholder { color: #667887; opacity: 1; }
.v18-site main .form-grid { gap: 20px; margin-bottom: 23px; }
.v18-site main textarea { min-height: 140px; }
.v18-site main .consent { margin-top: 25px; color: var(--v18-muted); font-size: 12px; }
.v18-site main .consent input { min-height: 19px; width: 19px; height: 19px; padding: 0; }
.v18-site main #enquiry-form > button[type="submit"] { min-width: 190px; margin-top: 5px; color: var(--v18-navy); border-color: var(--v18-yellow); background: var(--v18-yellow); }
.v18-site main #enquiry-form > button[type="submit"]:hover { color: var(--v18-navy); border-color: var(--v18-cyan); background: var(--v18-cyan); }
.v18-site main .button:disabled { opacity: .62; cursor: wait; }
.v18-site main .form-error { color: #972d2d; }
.v18-site main .form-success { color: var(--v18-blue); }
.v18-site main .enquiry-context { margin-bottom: 25px; padding: 16px 18px; border-left: 4px solid var(--v18-yellow); color: var(--v18-navy); background: var(--v18-grey); font-size: 13px; }

/* Resource directories keep their useful taxonomy but lose the old blue-card skin. */
body.v18-site .v17-r-page {
  --v17r-blue: #0b4074;
  --v17r-deep: #052646;
  --v17r-ink: #052646;
  --v17r-muted: #526477;
  --v17r-pale: #f1f4f6;
  --v17r-line: #d4dde5;
  color: var(--v18-navy);
  background: var(--v18-paper);
  font-family: Inter, Arial, sans-serif;
}
.v18-site main .v17-r-page .v17-r-intro { padding-block: clamp(58px, 6vw, 88px); border: 0; background: var(--v18-grey); color: var(--v18-navy); }
.v18-site main .v17-r-page .v17-r-intro h1 { max-width: 1000px; color: var(--v18-navy); font-size: clamp(42px, 5vw, 72px); line-height: 1.08; letter-spacing: -.045em; }
.v18-site main .v17-r-page .v17-r-intro p { color: var(--v18-muted); font-size: 19px; }
.v18-site main .v17-r-page .v17-r-intro-links { padding-left: 25px; border-left: 5px solid var(--v18-yellow); }
.v18-site main .v17-r-page .v17-r-intro-links :is(a, strong, span) { color: var(--v18-navy); }
.v18-site main .v17-r-page .v17-r-section { padding-block: clamp(64px, 6vw, 96px); background: var(--v18-paper); }
.v18-site main .v17-r-page .v17-r-section--pale { background: var(--v18-grey); }
.v18-site main .v17-r-page .v17-r-section-heading h2,
.v18-site main .v17-r-page .v17-r-group-heading h2 { color: var(--v18-navy); font-size: clamp(33px, 3.7vw, 52px); line-height: 1.12; }
.v18-site main .v17-r-page .v17-r-eyebrow { color: var(--v18-blue); font-size: 11px; letter-spacing: .14em; }
.v18-site main .v17-r-page .v17-r-category-nav { padding-block: 23px; border-bottom: 1px solid var(--v18-line); background: var(--v18-paper); }
.v18-site main .v17-r-page .v17-r-category-primary { gap: 16px 28px; }
.v18-site main .v17-r-page .v17-r-category-primary a { padding: 11px 0; border: 0; border-bottom: 3px solid var(--v18-line); border-radius: 0; background: transparent; color: var(--v18-navy); font-size: 14px; }
.v18-site main .v17-r-page .v17-r-category-primary a:is(:hover, [aria-current]) { border-color: var(--v18-yellow); background: transparent; color: var(--v18-navy); }
.v18-site main .v17-r-page .v17-r-category-primary a span { color: var(--v18-blue); background: transparent; }
.v18-site main .v17-r-page .v17-r-category-secondary a { color: var(--v18-blue); }
.v18-site main .v17-r-page .v17-r-journey { padding-top: 27px; border-top: 3px solid var(--v18-yellow); background: transparent; }
.v18-site main .v17-r-page .v17-r-journey + .v17-r-journey { border-left-color: var(--v18-line); }
.v18-site main .v17-r-page .v17-r-path-index { color: var(--v18-blue); }
.v18-site main .v17-r-page .v17-r-journey h3 { color: var(--v18-navy); font-size: 30px; }
.v18-site main .v17-r-page .v17-r-guide-grid { gap: 0 42px; }
.v18-site main .v17-r-page .v17-r-guide { padding-block: 30px 34px; border-color: var(--v18-line); border-radius: 0; background: transparent; box-shadow: none; }
.v18-site main .v17-r-page .v17-r-guide h3 { max-width: 650px; color: var(--v18-navy); font-size: 28px; line-height: 1.2; }
.v18-site main .v17-r-page .v17-r-guide h3 a { color: var(--v18-navy); }
.v18-site main .v17-r-page :is(.v17-r-guide-meta, .v17-r-owner, .v17-r-note) { color: var(--v18-muted); }
.v18-site main .v17-r-page .v17-r-owner { border: 0; border-left: 3px solid var(--v18-yellow); border-radius: 0; padding: 7px 12px; background: transparent; }
.v18-site main .v17-r-page :is(.v17-r-button, .v17-r-text-link) { color: var(--v18-blue); border-radius: 4px; }
.v18-site main .v17-r-page .v17-r-button { border-color: var(--v18-blue); color: #fff; background: var(--v18-blue); }
.v18-site main .v17-r-page .v17-r-button:hover { border-color: var(--v18-navy); color: #fff; background: var(--v18-navy); }
.v18-site main .v17-r-page .v17-r-application { border-color: var(--v18-line); }
.v18-site main .v17-r-page .v17-r-application h3 { color: var(--v18-navy); }
.v18-site main .v17-r-page .v17-r-format-strip { padding: 32px; border: 0; border-left: 6px solid var(--v18-yellow); border-radius: 0; background: var(--v18-grey); }
.v18-site main .v17-r-page .v17-r-video { border-color: var(--v18-line); background: transparent; }
.v18-site main .v17-r-page .v17-r-video h3 a { color: var(--v18-navy); }
.v18-site main .v17-r-page .v17-r-video-poster { border: 0; border-radius: 0; background: var(--v18-navy); }
.v18-site main .v17-r-page .v17-r-video-poster > span { border: 0; color: var(--v18-navy); background: var(--v18-yellow); }
.v18-site main .v17-r-page .v17-r-empty { border-color: var(--v18-yellow); border-radius: 0; background: var(--v18-grey); }
.v18-site main .v17-r-page .v17-r-empty h2 { color: var(--v18-navy); }
.v18-site main .v17-r-page .v17-r-video-entry { padding: 35px; border: 0; border-top: 5px solid var(--v18-yellow); border-radius: 0; background: var(--v18-grey); }
.v18-site main .v17-r-page .v17-r-video-entry h2 { color: var(--v18-navy); }
.v18-site main .v17-r-page .v17-r-quote { color: #fff; background: var(--v18-navy); }
.v18-site main .v17-r-page .v17-r-quote :is(h2, p, a:not(.button)) { color: #fff; }
.v18-site main .v17-r-page .v17-r-quote .button { color: var(--v18-navy); border-color: var(--v18-yellow); background: var(--v18-yellow); }
.v18-site main .v17-r-page .v17-r-quote .button:hover { color: var(--v18-navy); border-color: var(--v18-cyan); background: var(--v18-cyan); }

/* Supporting templates: plain editorial blocks and source-attributed photography. */
.v18-site main :is(.v15-category-grid, .capability-grid) { gap: 34px; }
.v18-site main :is(.cap-card, .v15-category-card, .v15-feature-card) { border: 0; border-bottom: 1px solid var(--v18-line); background: var(--v18-paper); }
.v18-site main :is(.cap-card, .v15-category-card, .v15-feature-card) .photo { border: 0; background: var(--v18-grey); }
.v18-site main :is(.cap-card, .v15-category-card, .v15-feature-card) .photo img { min-height: 220px; height: 290px; max-height: none; padding: 18px; object-fit: contain; }
.v18-site main :is(.cap-card, .v15-category-card, .v15-feature-card) .card-copy { padding: 26px 0 30px; }
.v18-site main :is(.cap-card, .v15-category-card, .v15-feature-card) :is(h2, h3) { color: var(--v18-navy); font-size: 29px; }
.v18-site main :is(.cap-card, .v15-category-card, .v15-feature-card) :is(p, li) { color: var(--v18-muted); }
.v18-site main .video-stage { background: var(--v18-navy); }
.v18-site main .video-play { color: var(--v18-navy); background: var(--v18-yellow); border-color: var(--v18-yellow); border-radius: 4px; box-shadow: none; }
.v18-site main .video-card figcaption { color: var(--v18-muted); background: var(--v18-paper); }
.v18-site main .video-card figcaption strong { color: var(--v18-navy); }
.v18-site #photo-viewer { color: var(--v18-navy); background: var(--v18-paper); border-color: var(--v18-line); border-radius: 0; }
.v18-site #photo-viewer :is(h2, a) { color: var(--v18-navy); }
.v18-site #photo-viewer .viewer-note { color: var(--v18-muted); }
.v18-site #photo-viewer :is(button, .button) { border-color: var(--v18-blue); color: #fff; background: var(--v18-blue); border-radius: 3px; }

@media (min-width: 1700px) {
  .v18-site main .v15-product-visual .photo img { height: 380px; }
}
@media (max-width: 1056px) {
  .v18-site:not([data-page="/"]):not([data-page="/products/"]) main .wrap,
  .v18-site .v17-r-page .v17-r-wrap { width: calc(100% - 56px); }
  .v18-site main .article-layout { grid-template-columns: minmax(0, 1fr) 240px; gap: 35px; }
  .v18-site main .article-aside { padding: 25px 20px; }
  .v18-site main .contact-layout { grid-template-columns: minmax(230px, .7fr) minmax(0, 1.3fr); gap: 35px; }
  .v18-site main .contact-panel { padding: 28px; }
  .v18-site main .v15-product-gallery { gap: 30px 24px; }
  .v18-site main .v15-product-visual .photo img { height: 290px; padding: 19px; }
  .v18-site main #quote .product-brief-layout,
  .v18-site main #quote .v16-project-brief { grid-template-columns: minmax(0, 1.4fr) minmax(220px, .8fr); gap: 30px; }
  .v18-site main :is(.v17-project-columns, .v17-next-columns) { gap: 35px; }
  .v18-site main .v17-r-page .v17-r-guide h3 { font-size: 25px; }
}
@media (max-width: 767px) {
  .v18-site:not([data-page="/"]):not([data-page="/products/"]) main .wrap,
  .v18-site .v17-r-page .v17-r-wrap { width: calc(100% - 36px); }
  .v18-site:not([data-page="/"]):not([data-page="/products/"]) main > .section { padding-block: 48px; }
  .v18-site main .page-intro,
  .v18-site main section#overview:has(.v15-category-hero) { padding-block: 43px; }
  .v18-site main .page-intro h1,
  .v18-site main #overview .v15-category-hero h1 { font-size: clamp(36px, 7.5vw, 50px); line-height: 1.1; }
  .v18-site main .page-intro p,
  .v18-site main #overview .v15-category-hero .lead { font-size: 17px; }
  .v18-site .breadcrumb { padding-block: 14px; font-size: 10px; }
  .v18-site main #overview .v15-category-hero { gap: 27px; }
  .v18-site main #overview .v15-category-hero > .photo { grid-template-columns: minmax(0, 1fr); }
  .v18-site main #overview .v15-category-hero .photo img { height: 280px; padding: 20px; }
  .v18-site main #overview .v15-category-hero .photo figcaption { padding: 17px 20px; border-top: 1px solid var(--v18-line); }
  .v18-site main .section-heading :is(h2, h3),
  .v18-site main .v17-group-heading h2 { font-size: 33px; }
  .v18-site main .v15-product-gallery { grid-template-columns: minmax(0, 1fr); gap: 34px; }
  .v18-site main .v15-product-visual .photo img { height: clamp(270px, 65vw, 390px); padding: 22px; }
  .v18-site main .v17-format-notes { padding: 24px; }
  .v18-site main .v17-decision > summary { padding-block: 23px; }
  .v18-site main .v17-decision > summary strong { font-size: 22px; }
  .v18-site main .v17-project-columns,
  .v18-site main .v17-next-columns,
  .v18-site main #quote .product-brief-layout,
  .v18-site main #quote .v16-project-brief,
  .v18-site main .contact-layout,
  .v18-site main .article-layout { grid-template-columns: minmax(0, 1fr); gap: 35px; }
  .v18-site main .article-layout { padding-block: 40px 50px; }
  .v18-site main .article-body { font-size: 16px; }
  .v18-site main .article-body h2 { font-size: 28px; }
  .v18-site main .article-aside { position: static; padding: 28px; }
  .v18-site main #buyer-answer { padding-block: 35px; }
  .v18-site main #buyer-answer .section-heading p { font-size: 16px; }
  .v18-site main #quote .product-brief-fields { padding: 26px 22px; }
  .v18-site main .quote-band { gap: 30px; }
  .v18-site main .quote-band h2,
  .v18-site main #quote .section-heading h2 { font-size: 35px; }
  .v18-site main .contact-panel { padding: 30px; }
  .v18-site main .contact-panel .contact-list { margin-block: 22px; }
  .v18-site main .v17-r-page .v17-r-intro { padding-block: 47px; }
  .v18-site main .v17-r-page .v17-r-intro h1 { font-size: 43px; }
  .v18-site main .v17-r-page .v17-r-intro p { font-size: 17px; }
  .v18-site main .v17-r-page .v17-r-section { padding-block: 50px; }
  .v18-site main .v17-r-page .v17-r-section-heading h2,
  .v18-site main .v17-r-page .v17-r-group-heading h2 { font-size: 34px; }
  .v18-site main .v17-r-page .v17-r-guide-grid { grid-template-columns: minmax(0, 1fr); }
  .v18-site main .v17-r-page .v17-r-guide h3 { font-size: 28px; }
  .v18-site main .v17-r-page .v17-r-journey { padding-top: 26px; }
  .v18-site main .v17-r-page .v17-r-format-strip,
  .v18-site main .v17-r-page .v17-r-video-entry { padding: 25px; }
}
@media (max-width: 480px) {
  .v18-site:not([data-page="/"]):not([data-page="/products/"]) main .wrap,
  .v18-site .v17-r-page .v17-r-wrap { width: calc(100% - 32px); }
  .v18-site main .page-intro h1,
  .v18-site main #overview .v15-category-hero h1 { font-size: 36px; }
  .v18-site main .form-grid { grid-template-columns: minmax(0, 1fr); gap: 17px; }
  .v18-site main .article-body .gallery { grid-template-columns: minmax(0, 1fr); }
  .v18-site main #overview .v15-category-hero .v15-points { display: block; }
  .v18-site main #overview .v15-category-hero .v15-points li { margin-block: 11px; }
  .v18-site main #overview .v15-category-hero .photo img { height: 240px; padding: 17px; }
  .v18-site main .v17-project-columns .steps { grid-template-columns: minmax(0, 1fr); }
  .v18-site main .contact-panel { padding: 25px; }
  .v18-site main .article-aside { padding: 25px; }
  .v18-site main :is(th, td) { padding: 15px; }
  .v18-site main .button { font-size: 13px; padding: 13px 19px; }
  .v18-site main .v17-r-page .v17-r-intro h1 { font-size: 37px; }
  .v18-site main .v17-r-page .v17-r-guide h3 { font-size: 25px; }
  .v18-site main .v17-r-page .v17-r-video h3 { font-size: 19px; }
  .v18-site main .v17-r-page .v17-r-journey h3 { font-size: 28px; }
}
@media (prefers-reduced-motion: reduce) {
  .v18-site *, .v18-site *::before, .v18-site *::after { scroll-behavior: auto; }
}


@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url('/assets/fonts/v18/inter-latin-variable.woff2') format('woff2')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:200 800;font-display:swap;src:url('/assets/fonts/v18/manrope-latin-variable.woff2') format('woff2')}
.v18-site{font-family:'Inter',Arial,sans-serif}.v18-site h1,.v18-site h2,.v18-site .v18-brand,.v18-site .v18-button,.v18-site .button{font-family:'Manrope','Inter',Arial,sans-serif}

.v18-site[data-page='/'] .page-navigation,.v18-site[data-page='/products/'] .page-navigation{display:none}