/* DESIGN.md pilot: heat shrink only. Product data and existing layout are unchanged. */
@font-face{font-family:"YOCL Poppins";src:url("../../assets/fonts/poppins-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"YOCL Poppins";src:url("../../assets/fonts/poppins-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"YOCL Poppins";src:url("../../assets/fonts/poppins-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
body.hs-page{--hs-yellow:#ffcf24;--hs-blue:#22262c;--hs-ink:#22262c;--hs-muted:#6b7077;--hs-paper:#f4f4f2;--hs-line:#dde0e3;font-family:"YOCL Poppins",Poppins,"Segoe UI",Arial,sans-serif;line-height:1.7}
.hs-page ::selection{background:#22262c;color:#fff}
.hs-page :focus-visible{outline:3px solid var(--hs-ink);outline-offset:4px}
.hs-page .hs-wrap{width:min(1320px,calc(100% - 96px))}
.hs-page h1{font-size:clamp(56px,5vw,76px);font-weight:700;line-height:1.05;letter-spacing:-.04em}
.hs-page h2{font-size:40px;font-weight:700;line-height:1.16;letter-spacing:-.025em}
.hs-page h3{font-weight:600;line-height:1.3;letter-spacing:-.025em}
.hs-page .hs-hero h1 span,.hs-page .hs-crumb,.hs-page .hs-hero-copy>p:not(.hs-kicker),.hs-page .hs-quote-copy p,.hs-page .hs-quote-copy ul{color:var(--hs-ink)}
.hs-page .hs-link{border-color:var(--hs-muted)}
.hs-page .hs-link:hover,.hs-page .hs-card h3 a:hover{color:var(--hs-ink);text-decoration:underline;text-decoration-color:var(--hs-yellow);text-underline-offset:5px}
.hs-page .hs-wall circle[fill="#073c61"]{fill:var(--hs-ink)}
.hs-page .hs-hero-image{background:var(--hs-paper)}
.hs-page .hs-section{padding-block:96px}
.hs-page .hs-manufacture p{color:#e3e5e8}
.hs-page .hs-table tbody th{font-weight:600}
.hs-page .hs-table tbody tr:nth-child(even){background:var(--hs-paper)}
.hs-page .hs-table tbody th a{text-decoration-color:var(--hs-muted)}
.hs-page .hs-pill:has(input:checked){background:var(--hs-yellow);border-color:var(--hs-ink);color:var(--hs-ink)}
.hs-page .hs-filter .hs-pill{border-radius:6px;min-height:44px}
.hs-page .hs-filter select,.hs-page .hs-fit input,.hs-page .hs-quote input,.hs-page .hs-quote textarea,.hs-page .hs-quote select{font-size:16px;border-color:#88929d;border-radius:5px;min-height:48px}
.hs-page .hs-fit input:focus,.hs-page .hs-quote :is(input,textarea,select):focus{border-color:var(--hs-ink)}
.hs-page .hs-fit-result[data-status=review],.hs-page .hs-fit-result[data-status=invalid]{border-left-color:#a51d27}
.hs-page .hs-card-image img,.hs-page .hs-card-image:hover img{transform:none;transition:none}
/* One button interaction, with colors chosen by the button's immediate surface. */
:root body.hs-page :is(a.button,button.button,a.yocl-nav-cta,button.yocl-nav-cta){--rest:var(--hs-yellow);--fill:var(--hs-ink);--label:var(--hs-ink);--hover-label:#fff;background-color:var(--rest);background-image:linear-gradient(90deg,var(--fill) 50%,var(--rest) 50%);background-size:202% 100%;background-position:right center;color:var(--label);border:0;border-radius:6px;min-height:50px;padding:14px 26px;font:600 14px/1.4 "YOCL Poppins",Poppins,Arial,sans-serif;letter-spacing:.02em;box-shadow:none;transform:none;transition:background-position 360ms cubic-bezier(.16,1,.3,1),color 180ms}
:root body.hs-page .hs-hero .button{--rest:var(--hs-ink);--fill:#fff;--label:#fff;--hover-label:var(--hs-ink)}
:root body.hs-page .yocl-header-actions .yocl-nav-cta{--fill:#fff;--hover-label:var(--hs-ink)}
:root body.hs-page :is(a.button,button.button,a.yocl-nav-cta,button.yocl-nav-cta):is(:hover,:focus-visible){background-position:left center;color:var(--hover-label);transform:none}
:root body.hs-page .yocl-site-header .yocl-nav-cta{min-height:46px;padding:12px 20px;font-size:13px;font-weight:700}
:root body.hs-page .hs-quote button.button{min-height:52px}
/* Match the homepage shell without changing other landing pages. */
.hs-page .yocl-site-header{--nav-ink:var(--hs-ink);--nav-line:var(--hs-line);background:var(--hs-ink);color:#fff;border-bottom-color:var(--hs-ink);font-family:inherit}
.hs-page .yocl-nav-brand img{height:45px;object-fit:cover;object-position:center}
.hs-page .yocl-desktop-nav>a:hover,.hs-page .yocl-desktop-nav>details>summary:hover,.hs-page .yocl-desktop-nav>[aria-current],.hs-page .yocl-desktop-nav>details:is([open],.is-current)>summary{color:var(--hs-yellow)}
.hs-page .yocl-nav-search-toggle{color:#fff}
.hs-page :is(.yocl-products-mega,.yocl-company-panel,.yocl-mobile-nav,.yocl-nav-search){color:var(--hs-ink);box-shadow:0 20px 40px #22262c20}
.hs-page .yocl-nav-intro{background:var(--hs-paper)}
.hs-page .yocl-site-header .yocl-nav-family:is(:hover,[aria-selected=true]){background:var(--hs-yellow);color:var(--hs-ink)}
.hs-page .yocl-nav-panel li a:hover,.hs-page .yocl-company-panel a:hover{background:var(--hs-paper);color:var(--hs-ink)}
.hs-page .yocl-mobile-family[open]>summary{background:var(--hs-yellow);color:var(--hs-ink)}
.hs-page .yocl-nav-burger,.hs-page .yocl-nav-burger::before,.hs-page .yocl-nav-burger::after{background:#fff}
.hs-page .yocl-mobile-menu[open] .yocl-nav-burger{background:none}
.hs-page .yocl-site-header :is(a,button,summary,input):focus-visible,.hs-page :is(.hs-footer,.hs-manufacture) :focus-visible{outline-color:var(--hs-yellow)}
.hs-page :is(.yocl-products-mega,.yocl-company-panel,.yocl-mobile-nav,.yocl-nav-search) :is(a,button,summary,input):focus-visible{outline-color:var(--hs-ink)}
.hs-page .hs-footer{background:var(--hs-ink);border-top-color:var(--hs-ink)}
.hs-page .hs-footer .hs-wrap{color:#e3e5e8}
.hs-page .hs-footer a:hover{color:var(--hs-yellow)}
.hs-page .hs-footer .hs-logo{width:158px;height:38px;object-fit:cover}
@media(max-width:1100px){.hs-page .hs-wrap{width:calc(100% - 48px)}}
@media(max-width:1099px){.hs-page .yocl-nav-brand img{height:38px}}
@media(min-width:781px) and (max-width:1100px){.hs-page h1{font-size:50px}}
@media(max-width:780px){.hs-page .hs-wrap{width:calc(100% - 40px)}.hs-page h1,.hs-page .hs-hero h1{font-size:40px;line-height:1.1}.hs-page h2{font-size:30px}.hs-page .hs-section{padding-block:56px}.hs-page .hs-hero-grid{grid-template-columns:1fr}.hs-page .hs-hero-image{max-width:520px;width:100%;justify-self:center}.hs-page .hs-hero-copy>p:not(.hs-kicker){font-size:16px}}
@media(prefers-reduced-motion:reduce){body.hs-page :is(.button,.yocl-nav-cta){transition:none}html:has(.hs-page){scroll-behavior:auto}}
.hs-page .hs-simple-cta{background:#ffcf24;padding:64px 0}
.hs-page .hs-simple-cta>.hs-wrap{display:flex;align-items:center;justify-content:space-between;gap:32px}
.hs-page .hs-simple-cta h2{font-size:40px;font-weight:700;line-height:1.16;letter-spacing:-.025em;color:#22262c;margin:0}
.hs-page .hs-simple-cta a.button{flex-shrink:0;border:0;border-radius:6px;min-height:50px;padding:14px 26px;background-color:#22262c;background-image:linear-gradient(90deg,#fff 50%,#22262c 50%);background-size:202% 100%;background-position:right center;color:#fff;transition:background-position 360ms cubic-bezier(.16,1,.3,1),color 180ms}
.hs-page .hs-simple-cta a.button:hover,.hs-page .hs-simple-cta a.button:focus-visible{background-position:left center;color:#22262c}
@media(max-width:780px){.hs-page .hs-simple-cta{padding:48px 0}.hs-page .hs-simple-cta>.hs-wrap{align-items:flex-start;flex-direction:column;gap:24px}.hs-page .hs-simple-cta h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.hs-page .hs-simple-cta a.button{transition:none}}