/* v1 (8765) header, menu bar, mega menus, language switch and mobile nav.
   Generated from the live v1 stylesheets (style.css + theme.css): every rule that styles an element
   inside v1's <header>, in the original order, with the selector scoped to header.v1h
   (each rule gains the same +0,1,1 so the v1 cascade is unchanged). Declarations are verbatim.
   Inherited values from v1 :root/body are applied on header.v1h itself.
   The only non-v1 rules are the neutralising block at the top and the Liquid Glass block at the end. Do not hand-edit; re-extract. */


@property --edge-angle { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
/* ---- neutralise v2 base rules that would otherwise reach into the header (site.css element rules) ---- */
:where(html) header.v1h{text-rendering:auto;-webkit-font-smoothing:auto;-webkit-text-size-adjust:auto;text-size-adjust:auto;-webkit-tap-highlight-color:rgba(0,0,0,.4)}
header.v1h :where(img,svg){max-width:none;display:revert}
header.v1h :where(a){color:revert;text-decoration:revert}
header.v1h :where(button){font:revert;color:revert}
header.v1h :where(a,button,summary,select,label,[role=tab]){touch-action:revert;user-select:revert;-webkit-user-select:revert}
header.v1h :where(.small){font-size:revert;line-height:revert}
header.v1h :where(:focus-visible){outline:revert;outline-offset:revert;border-radius:revert}

/* ---- v1 :root / body values (custom properties + inherited properties) ---- */
:where(:root) header.v1h{--orange:#FE5000;--peach:#FFAE62;--red:#963821;--gray:#E6E4DF;--ink:#111110;--blue:#00AED6;--line:#E6E4DF}
:where(:root) header.v1h{--radius-control:15px;--radius-card:24px;--radius-panel:33px;--space-edge:clamp(24px,5vw,87px);--title-display:clamp(36px,4.3vw,63px);--title-section:clamp(27px,3vw,45px);--title-card:clamp(21px,1.6vw,27px);--text-body:15px}
:where(:root) header.v1h{--edition-line:#E6E4DF;--edition-muted:#8A877F}
:where(:root) header.v1h{--konst-orange:#FE5000;--konst-dawn:#FFAE62;--konst-gray:#E6E4DF;--action-radius:3px}
:where(:root) header.v1h{--radius-control:15px;--radius-card:24px;--radius-panel:33px;--space-edge:clamp(24px,5vw,87px);--title-display:clamp(36px,4.3vw,63px);--title-section:clamp(27px,3vw,45px);--title-card:clamp(21px,1.6vw,27px);--text-body:15px}
:where(:root) header.v1h{--title-display:clamp(33px,3.2vw,45px);--title-section:clamp(24px,2.3vw,33px);--title-card:clamp(18px,1.35vw,21px);--ink-2:#111110;--muted-2:#5F5D59;--line-2:#E6E4DF;--paper:#F3F2EF}
:where(:root) header.v1h{--gutter:90px;--space-edge:90px;--grid-gap:24px}
@media (max-width: 1101px){:where(:root) header.v1h{--gutter:39px;--space-edge:39px}}
@media (max-width: 759px){:where(:root) header.v1h{--gutter:21px;--space-edge:21px}}
:where(*) header.v1h{letter-spacing:0!important}
:where(:root) header.v1h{--r-card:15px;--r-pill:999px;--band:#FE5000;--band-ink:#fff;--title-display:clamp(39px,4.6vw,63px);--title-section:clamp(30px,3.1vw,45px);--title-card:21px}
:where(:root) header.v1h{--s0:#FFFFFF;--s1:#F3F2EF;--band:#FE5000;--band-soft:#FFD6B0;--ink:#111110;--ink-2:#111110;--body:#5F5D59;--muted:#8A877F;--muted-2:#8A877F;--line:#E6E4DF;--line-2:#E6E4DF;--orange:#FE5000;--peach:#FFAE62;--red:#963821;--paper:#F3F2EF;--gutter:90px;--space-edge:90px;--grid-gap:24px;--sec:120px;--r-card:15px;--r-pill:999px;--r-input:12px;--title-display:clamp(45px,5.4vw,75px);--title-section:clamp(33px,3.3vw,48px);--title-card:21px;--text-body:15px;--header-h:81px}
@media (max-width: 1101px){:where(:root) header.v1h{--gutter:39px;--space-edge:39px;--sec:87px}}
@media (max-width: 759px){:where(:root) header.v1h{--gutter:21px;--space-edge:21px;--sec:63px}}
:where(*) header.v1h{letter-spacing:0!important}
:where(:root) header.v1h{--title-display:clamp(39px,4.8vw,63px)}
:where(:root) header.v1h{--s0:#F3F2EF;--s1:#FFFFFF;--paper:#F3F2EF;--card:#FFFFFF;--line:#DEDDD9;--line-2:#DEDDD9;--glow:#FFC9AE}
:where(:root) header.v1h{--title-display:clamp(36px,3.6vw,51px);--title-section:clamp(27px,2.6vw,39px);--title-card:21px}
:where(:root) header.v1h{--s0:#FFFFFF;--s1:#F3F2EF;--paper:#F3F2EF;--line:#E6E4DF;--line-2:#E6E4DF;--glass:rgba(255,255,255,.72);--glass-line:rgba(255,255,255,.85)}
:where(:root) header.v1h{--content-max:1281px}
@media (min-width: 1461px){:where(:root) header.v1h{--gutter:max(90px,calc((100vw - var(--content-max))/2))}}
:where(:root) header.v1h{--sec:150px;--grid-gap:33px}
@media (max-width: 1101px){:where(:root) header.v1h{--sec:105px;--grid-gap:24px}}
@media (max-width: 759px){:where(:root) header.v1h{--sec:72px;--grid-gap:21px}}
:where(body) header.v1h{color:var(--ink);font-family:Tasa,Vivo,sans-serif;font-size:15px;line-height:1.5}
:where(html body) header.v1h{letter-spacing:0!important}
:where(body) header.v1h{letter-spacing:0}
:where(body) header.v1h{color:var(--ink-2);line-height:1.75}
:where(body) header.v1h{font-size:15px;line-height:1.7}
:where(body) header.v1h{color:var(--ink)!important;font-size:15px!important;line-height:1.7!important}
/* ---- v1 rules (theme.css + style.css order) ---- */
*.v1h:is(header),header.v1h *{box-sizing:border-box}
header.v1h a{color:inherit;text-decoration:none}
header.v1h button{font:inherit}
header.v1h button,header.v1h a{touch-action:manipulation}
header.v1h button{cursor:pointer}
header.v1h a,header.v1h button{outline-offset:6px}
header.v1h a:focus-visible,header.v1h button:focus-visible{outline:2px solid var(--red)}
header.v1h button{color:inherit}
header.v1h:is(header){height:93px;padding:0 4.2%;display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:30;border-bottom:1px solid #eee}
header.v1h .brand{padding:15px 0}
header.v1h .brand img{display:block;width:153px;height:auto;min-height:24px}
header.v1h nav{display:flex;gap:27px;font-size:15px}
header.v1h nav a:hover{color:var(--red)}
header.v1h .header-actions{display:flex;align-items:center;gap:24px}
header.v1h .button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:18px 24px;border:0;border-radius:3px;font-size:15px;font-weight:500;transition:background .2s,transform .2s}
header.v1h .button:hover{transform:translateY(-2px)}
header.v1h .dark{background:var(--ink);color:white}
header.v1h .dark:hover{background:var(--red)}
header.v1h .small{padding:12px 18px;gap:18px}
header.v1h #menu{display:none;background:none;border:0;font-size:24px}
@media (max-width: 1101px){header.v1h nav{gap:18px}}
@media (max-width: 1101px){header.v1h .header-actions{gap:15px}}
@media (max-width: 759px){header.v1h:is(header){height:75px;padding:0 6%}}
@media (max-width: 759px){header.v1h .brand img{width:129px}}
@media (max-width: 759px){header.v1h .header-actions > .button{display:none}}
@media (max-width: 759px){header.v1h #menu{display:block}}
@media (max-width: 759px){header.v1h nav{display:none;position:absolute;top:75px;left:0;right:0;padding:24px;background:white;box-shadow:0 12px 21px #0001}}
@media (max-width: 759px){header.v1h nav.open{display:flex;flex-direction:column}}
@media (prefers-reduced-motion: reduce){*.v1h:is(header),header.v1h *,.v1h:is(header)::before,header.v1h ::before,.v1h:is(header)::after,header.v1h ::after{animation:none!important;transition:none!important}}
@media (max-width: 1050px){header.v1h:is(header) nav{display:none;position:absolute;top:93px;left:0;right:0;padding:24px 5%;background:white;box-shadow:0 12px 21px #0001}}
@media (max-width: 1050px){header.v1h:is(header) nav.open{display:flex;flex-direction:column}}
@media (max-width: 1050px){header.v1h #menu{display:block}}
@media (max-width: 759px){header.v1h:is(header) nav{top:75px}}
header.v1h .button,header.v1h .button.dark,header.v1h .button.small{border-radius:var(--radius-control)!important}
@supports (corner-shape:squircle){header.v1h .button{corner-shape:squircle}}
header.v1h .button.dark{background:#FE5000!important;border-color:#FE5000!important;color:white!important}
header.v1h .button.dark:hover{background:#dd4700!important;border-color:#dd4700!important}
header.v1h .complete-product-menu .product-directory{position:fixed;top:87px;left:var(--space-edge);right:var(--space-edge);width:auto;max-width:1401px;margin:auto;display:grid;grid-template-columns:261px 1fr;background:#fff;border:1px solid #E6E4DF;border-radius:24px;padding:33px;gap:39px;max-height:calc(100dvh - 111px);overflow:auto;box-shadow:0 18px 45px #1c22231a}
header.v1h .product-category-tabs{display:flex;flex-direction:column;align-items:stretch;gap:0}
header.v1h .product-category-tabs button{border:0;background:none;text-align:left;padding:21px 9px;border-bottom:1px solid #e7e4df;font-size:15px;color:#343739;cursor:pointer}
header.v1h .product-category-tabs [aria-selected="true"]{color:#FE5000;border-bottom:2px solid #FE5000}
header.v1h .product-category-content a{display:block!important;padding:15px 3px!important;border-bottom:1px solid #eee!important}
header.v1h .product-category-content strong{font-size:15px}
header.v1h .product-category-content small{display:block;font-size:15px;color:#656a6e;margin-top:9px;line-height:1.7}
header.v1h .product-category-content [hidden]{display:none!important}
header.v1h .directory-all{color:#FE5000!important;margin-top:12px}
@media (max-width: 999px){header.v1h .complete-product-menu .product-directory{top:75px;grid-template-columns:210px 1fr}}
@media (max-width: 759px){header.v1h .complete-product-menu .product-directory{position:static;display:block;padding:15px;width:100%;max-height:none;box-shadow:none;margin-top:12px;border-radius:15px}}
@media (max-width: 759px){header.v1h .product-category-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:21px}}
@media (max-width: 759px){header.v1h .product-category-tabs button{font-size:15px;padding:15px 9px}}
@media (max-width: 759px){header.v1h .product-category-content small{font-size:12px}}
@media (max-width: 759px){header.v1h .button{min-height:48px}}
header.v1h:is(header) summary{list-style:none}
header.v1h:is(header) summary::marker,header.v1h:is(header) summary::-webkit-details-marker{display:none;content:''}
header.v1h:is(header) .nav-product > summary::after{content:'⌄';display:inline-block;margin-left:6px;font-size:12px;color:#757b7c}
@media (max-width: 759px){header.v1h .header-actions{gap:15px!important}}
@media (max-width: 759px){header.v1h:is(header) .brand{max-width:150px}}
header.v1h .button{border-radius:9px}
header.v1h .mega-menu small{display:block;color:#777;font-size:9px;margin-top:6px}
@media (max-width: 699px){header.v1h .mega-menu{max-height:65vh;overflow:auto}}
html body *.v1h:is(header),html body header.v1h *{letter-spacing:0!important}
header.v1h summary{text-wrap:balance;word-break:normal;overflow-wrap:normal;line-break:strict}
header.v1h .keep-ending{white-space:nowrap}
header.v1h .ui-line-icon{width:1.1em;height:1.1em;display:inline-block;vertical-align:-.12em;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
header.v1h .nav-projects .mega-menu{width:291px}
header.v1h .nav-projects .mega-menu a{gap:24px}
header.v1h .button{position:relative;isolation:isolate;transition:transform .16s ease,border-color .2s ease,box-shadow .2s ease}
header.v1h .button::after{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--edge-angle,0deg),transparent 0deg,transparent 200deg,#b7c1c9 250deg,#FE5000 295deg,transparent 350deg);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;opacity:0}
header.v1h .button:hover::after,header.v1h .button:focus-visible::after,header.v1h .button.is-pressed::after{opacity:1;animation:cta-edge .8s ease-out 1}
header.v1h .button:active,header.v1h .button.is-pressed{transform:translateY(1px) scale(.985)}
header.v1h .button:focus-visible{outline:2px solid #FE5000;outline-offset:3px}
@media (max-width: 759px){header.v1h .nav-projects .mega-menu{width:100%}}
@media (prefers-reduced-motion: reduce){header.v1h .button,header.v1h .button::after{animation:none!important;transition:none!important}}
@media (prefers-reduced-motion: reduce){header.v1h .button:active,header.v1h .button.is-pressed{transform:none}}
@media (prefers-reduced-motion: reduce){header.v1h .button:hover,header.v1h .button:focus-visible{border-color:#FE5000}}
header.v1h:is(header) #nav{gap:clamp(12px,1.4vw,24px)}
header.v1h:is(header) #nav > a,header.v1h:is(header) #nav > details > summary{font-size:12px;white-space:nowrap}
header.v1h:is(header) .brand img{width:141px}
@media (min-width: 1251px){header.v1h:is(header){gap:21px;padding-left:3vw;padding-right:3vw}}
@media (min-width: 1251px){header.v1h .header-actions .button.small{padding:12px 18px;font-size:12px}}
@media (max-width: 1248px){header.v1h:is(header) #nav{display:none}}
@media (max-width: 1248px){header.v1h:is(header) #nav.open{display:flex}}
@media (max-width: 1248px){header.v1h:is(header) #menu{display:block}}
@media (max-width: 1248px){header.v1h:is(header) #nav.open{position:absolute;top:90px;left:0;right:0;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:21px 5vw;background:#fff;border-bottom:1px solid #ddd;max-height:calc(100dvh - 90px);overflow:auto;z-index:20}}
@media (max-width: 1248px){header.v1h:is(header) #nav.open > a,header.v1h:is(header) #nav.open > details{padding:12px 0}}
@media (max-width: 1248px){header.v1h:is(header) #nav .mega-menu{position:static;width:100%;box-shadow:none;margin-top:12px}}
@media (max-width: 1248px){header.v1h .header-actions #menu{display:block}}
@media (max-width: 759px){header.v1h:is(header) #nav.open{top:75px;max-height:calc(100dvh - 75px)}}
header.v1h:is(header) #nav > .mobile-nav-action{display:none}
header.v1h .header-actions .calculator-nav{font-size:12px;white-space:nowrap;padding:12px 0}
header.v1h .header-actions .calculator-nav:hover{color:#fe5000}
header.v1h .header-actions{gap:21px}
@media (max-width: 1248px){header.v1h:is(header) .header-actions > .desktop-nav-action{display:none!important}}
@media (max-width: 1248px){header.v1h:is(header) #nav.open > .mobile-nav-action{display:block}}
@media (max-width: 1248px){header.v1h:is(header) #nav.open > .mobile-nav-action[href="../ai-training-calculator/index.html"]{border-top:1px solid #ddd;margin-top:12px;padding-top:24px}}
header.v1h .keep-ending{display:inline!important;font:inherit!important;color:inherit!important;letter-spacing:0!important;line-height:inherit!important;white-space:nowrap!important;margin:0!important;padding:0!important;vertical-align:baseline!important;float:none!important}
header.v1h .button{border-radius:var(--action-radius)!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform:none!important;transition:border-color .2s ease,background-color .2s ease,color .2s ease!important;border-width:1px;border-style:solid}
header.v1h .button::after{display:none!important;animation:none!important}
header.v1h .button.dark{background:#111110;border-color:#111110;color:#fff}
header.v1h .button:hover,header.v1h .button:focus-visible,header.v1h .button.is-pressed{border-color:#FE5000!important;box-shadow:inset 0 0 0 1px #FE5000!important;transform:none!important}
header.v1h .button:focus-visible{outline:2px solid #FE5000;outline-offset:3px}
header.v1h .button.dark:hover{background:#242424}
header.v1h .button:active{border-color:#8A877F!important}
header.v1h .header-actions .button{border-radius:3px!important}
@media (prefers-reduced-motion: reduce){header.v1h .button{transition:none!important}}
header.v1h .button,header.v1h .button.dark,header.v1h .button.small{border-radius:var(--radius-control)!important}
@supports (corner-shape:squircle){header.v1h .button{corner-shape:squircle}}
header.v1h .button.dark{background:#FE5000!important;border-color:#FE5000!important;color:white!important}
header.v1h .button.dark:hover{background:#dd4700!important;border-color:#dd4700!important}
header.v1h .complete-product-menu .product-directory{position:fixed;top:87px;left:var(--space-edge);right:var(--space-edge);width:auto;max-width:1401px;margin:auto;display:grid;grid-template-columns:261px 1fr;background:#fff;border:1px solid #E6E4DF;border-radius:24px;padding:33px;gap:39px;max-height:calc(100dvh - 111px);overflow:auto;box-shadow:0 18px 45px #1c22231a}
header.v1h .product-category-tabs{display:flex;flex-direction:column;align-items:stretch;gap:0}
header.v1h .product-category-tabs button{border:0;background:none;text-align:left;padding:21px 9px;border-bottom:1px solid #e7e4df;font-size:15px;color:#343739;cursor:pointer}
header.v1h .product-category-tabs [aria-selected="true"]{color:#FE5000;border-bottom:2px solid #FE5000}
header.v1h .product-category-content a{display:block!important;padding:15px 3px!important;border-bottom:1px solid #eee!important}
header.v1h .product-category-content strong{font-size:15px}
header.v1h .product-category-content small{display:block;font-size:15px;color:#656a6e;margin-top:9px;line-height:1.7}
header.v1h .product-category-content [hidden]{display:none!important}
header.v1h .directory-all{color:#FE5000!important;margin-top:12px}
@media (max-width: 999px){header.v1h .complete-product-menu .product-directory{top:75px;grid-template-columns:210px 1fr}}
@media (max-width: 759px){header.v1h .complete-product-menu .product-directory{position:static;display:block;padding:15px;width:100%;max-height:none;box-shadow:none;margin-top:12px;border-radius:15px}}
@media (max-width: 759px){header.v1h .product-category-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:21px}}
@media (max-width: 759px){header.v1h .product-category-tabs button{font-size:15px;padding:15px 9px}}
@media (max-width: 759px){header.v1h .product-category-content small{font-size:12px}}
@media (max-width: 759px){header.v1h .button{min-height:48px}}
header.v1h:is(header) summary{list-style:none}
header.v1h:is(header) summary::marker,header.v1h:is(header) summary::-webkit-details-marker{display:none;content:''}
header.v1h:is(header) .nav-product > summary::after{content:'⌄';display:inline-block;margin-left:6px;font-size:12px;color:#757b7c}
@media (max-width: 759px){header.v1h .header-actions{gap:15px!important}}
@media (max-width: 759px){header.v1h:is(header) .brand{max-width:150px}}
header.v1h:is(header) #nav > details.nav-product{position:relative}
header.v1h:is(header) #nav > details.nav-product > summary{display:inline-flex;align-items:center;border-radius:9px}
header.v1h:is(header) #nav > details.nav-product > .mega-menu:not(.product-directory){position:absolute;top:calc(100% + 6px);left:-9px;min-width:237px;width:auto;max-height:none;display:grid;gap:2px;padding:9px;background:#fff;border:1px solid #E6E4DF;border-radius:15px;box-shadow:0 18px 45px #1c22231a;z-index:40}
header.v1h:is(header) #nav > details.nav-product > .mega-menu:not(.product-directory) a{display:block;padding:12px 15px;border-radius:9px;font-size:15px;line-height:1.5;color:#1a1c1e;white-space:nowrap}
header.v1h:is(header) #nav > details.nav-product > .mega-menu:not(.product-directory) a:hover{background:#fbf6f1;color:#fe5000}
header.v1h:is(header) #nav > details.nav-product > .mega-menu:not(.product-directory) small{font-size:12px;color:#777;margin-top:3px}
header.v1h:is(header) #nav > details.nav-product[open] > summary{color:#fe5000}
header.v1h:is(header) .nav-product > summary::after{transition:transform .15s}
header.v1h:is(header) #nav > details.nav-product[open] > summary::after{transform:rotate(180deg);color:#fe5000}
@media (max-width: 1248px){header.v1h:is(header) #nav > details.nav-product > summary{display:flex;align-items:center;width:100%}}
@media (max-width: 1248px){header.v1h:is(header) #nav > details.nav-product > summary::after{margin-left:auto}}
@media (max-width: 1248px){header.v1h:is(header) #nav > details.nav-product > .mega-menu:not(.product-directory){position:static;min-width:0;width:100%;margin-top:9px;padding:3px 0 9px 15px;border:0;border-left:2px solid #f1e6dd;border-radius:0;box-shadow:none}}
@media (max-width: 1248px){header.v1h:is(header) #nav > details.nav-product > .mega-menu:not(.product-directory) a{white-space:normal;padding:9px}}
*.v1h:is(header),header.v1h *,.v1h:is(header)::before,header.v1h ::before,.v1h:is(header)::after,header.v1h ::after{letter-spacing:0!important}
header.v1h:is(header){padding:0 var(--gutter)!important}
@media (max-width: 759px){header.v1h:is(header){padding:0 var(--gutter)!important}}
@media (max-width: 1050px){header.v1h:is(header) nav{padding:24px var(--gutter)!important}}
@media (min-width: 1251px){header.v1h:is(header){padding-left:var(--gutter)!important}}
@media (min-width: 1251px){header.v1h:is(header){padding-right:var(--gutter)!important}}
@media (max-width: 1248px){header.v1h:is(header) #nav.open{padding:21px var(--gutter)!important}}
header.v1h:is(header){box-sizing:border-box}
header.v1h:is(header){background:#ffffffd9!important;-webkit-backdrop-filter:blur(21px) saturate(1.35);backdrop-filter:blur(21px) saturate(1.35);border-bottom:1px solid #eeebe6!important}
header.v1h .button,header.v1h .button.dark,header.v1h .button.small{border-radius:var(--r-pill)!important}
header.v1h .button{padding:12px 21px!important;min-height:45px!important;font-size:15px!important;font-weight:500!important;gap:9px!important;justify-content:center!important}
header.v1h .button.dark{background:var(--ink-2)!important;border-color:var(--ink-2)!important;color:#fff!important}
header.v1h .button.dark:hover{background:#FE5000!important;border-color:#FE5000!important}
header.v1h:is(header) .header-actions .button{background:#FE5000!important;border-color:#FE5000!important;padding:9px 18px!important;min-height:39px!important;font-size:12px!important}
header.v1h:is(header) .header-actions .button:hover{background:#dd4700!important}
*.v1h:is(header),header.v1h *,.v1h:is(header)::before,header.v1h ::before,.v1h:is(header)::after,header.v1h ::after{letter-spacing:0!important}
header.v1h small{font-size:15px!important;color:var(--muted)!important}
header.v1h .button,header.v1h .button.dark,header.v1h .button.small,header.v1h .product-category-tabs button{border-radius:var(--r-pill)!important}
header.v1h .button{display:inline-flex!important;align-items:center;justify-content:center!important;gap:9px!important;padding:0 21px!important;height:45px!important;min-height:0!important;font-size:15px!important;font-weight:500!important;border:1px solid transparent!important;background:var(--orange)!important;color:#fff!important;box-shadow:none!important;transition:background .18s,border-color .18s,color .18s!important}
header.v1h .button:hover{background:#DD4700!important}
header.v1h .button.dark{background:var(--ink)!important;border-color:var(--ink)!important;color:#fff!important}
header.v1h .button.dark:hover{background:#333!important;border-color:#333!important}
header.v1h .button.small{height:39px!important;padding:0 18px!important;font-size:12px!important}
header.v1h:is(header){position:fixed!important;top:0;left:0;right:0;z-index:80!important;height:var(--header-h)!important;padding:0 var(--gutter)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px;background:var(--s0)!important;border-bottom:1px solid var(--line)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transition:background .25s,border-color .25s,color .25s}
header.v1h:is(header) .brand img{width:117px!important;height:auto!important;display:block}
header.v1h:is(header) #nav{display:flex!important;gap:27px!important;align-items:center;margin:0 auto}
header.v1h:is(header) #nav > a,header.v1h:is(header) #nav > details > summary{font-size:15px!important;font-weight:500!important;color:var(--ink)!important;padding:9px 2px!important}
header.v1h:is(header) #nav > a:hover,header.v1h:is(header) #nav > details > summary:hover,header.v1h:is(header) #nav > details[open] > summary{color:var(--orange)!important}
header.v1h:is(header) .nav-product > summary::after{content:'⌄'!important;font-size:12px;margin-left:6px;color:inherit!important}
header.v1h:is(header) .header-actions{gap:21px!important}
header.v1h:is(header) .header-actions .calculator-nav{font-size:15px!important;font-weight:500!important;color:var(--ink)!important;padding:0!important}
header.v1h:is(header) .header-actions .button{height:39px!important;padding:0 18px!important;font-size:12px!important;background:var(--ink)!important;border-color:var(--ink)!important;color:#fff!important}
header.v1h:is(header) .header-actions .button:hover{background:var(--orange)!important;border-color:var(--orange)!important}
body.photo-hero header:not(.scrolled).v1h:is(header){background:transparent!important;border-bottom-color:transparent!important}
body.photo-hero header:not(.scrolled).v1h:is(header) #nav > a,body.photo-hero header:not(.scrolled).v1h:is(header) #nav > details > summary,body.photo-hero header:not(.scrolled).v1h:is(header) .calculator-nav,body.photo-hero header:not(.scrolled).v1h:is(header) #menu{color:#fff!important}
body.photo-hero header:not(.scrolled).v1h:is(header) .brand img{filter:brightness(0) invert(1)}
body.photo-hero header:not(.scrolled).v1h:is(header) .header-actions .button{background:#ffffff26!important;border-color:#ffffff80!important;color:#fff!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
header.v1h:is(header) #nav > details.nav-product > .mega-menu:not(.product-directory){border:0!important;box-shadow:0 21px 60px #11111014!important;border-radius:var(--r-card)!important;padding:9px!important;top:calc(100% + 9px)!important}
header.v1h:is(header) #nav > details.nav-product > .mega-menu:not(.product-directory) a{border-radius:9px!important;color:var(--ink)!important}
header.v1h:is(header) #nav > details.nav-product > .mega-menu:not(.product-directory) a:hover{background:var(--s1)!important;color:var(--ink)!important}
header.v1h .product-directory{top:calc(var(--header-h) + 9px)!important;border:0!important;box-shadow:0 21px 60px #11111014!important;border-radius:var(--r-card)!important}
header.v1h .product-category-tabs [aria-selected="true"]{color:var(--orange)!important;border-bottom-color:var(--orange)!important}
@media (max-width: 1248px){header.v1h:is(header) #nav.open{top:var(--header-h)!important;padding:15px var(--gutter) 24px!important;border:0!important;box-shadow:0 21px 60px #11111014}}
@media (max-width: 1248px){header.v1h:is(header) #nav > a,header.v1h:is(header) #nav > details > summary{color:var(--ink)!important}}
@media (max-width: 1248px){body.photo-hero header:not(.scrolled).v1h:is(header) #nav.open a,body.photo-hero header:not(.scrolled).v1h:is(header) #nav.open summary{color:var(--ink)!important}}
@media (max-width: 1248px){header.v1h:is(header) #nav:not(.open){display:none!important}}
@media (max-width: 1248px){header.v1h:is(header) #nav.open{display:flex!important;flex-direction:column!important;align-items:stretch!important;position:absolute!important;left:0;right:0;top:var(--header-h)!important;background:#fff!important;padding:12px var(--gutter) 24px!important;gap:0!important;max-height:calc(100dvh - var(--header-h));overflow:auto}}
@media (max-width: 1248px){header.v1h:is(header) #nav.open > a,header.v1h:is(header) #nav.open > details{padding:12px 0!important;border-bottom:1px solid var(--line)}}
@media (max-width: 1248px){header.v1h:is(header) #menu{display:block!important;background:none;border:0;font-size:21px;color:var(--ink)}}
header.v1h:is(header){background:#F1F1EFE6!important;border-bottom:0!important}
header.scrolled.v1h:is(header){border-bottom:1px solid var(--line)!important}
header.v1h:is(header) #nav{margin:0 39px 0 auto!important;gap:27px!important}
header.v1h:is(header) #nav > a,header.v1h:is(header) #nav > details > summary{font-size:12px!important;font-weight:400!important}
header.v1h:is(header) .header-actions .calculator-nav{font-size:12px!important;font-weight:400!important}
header.v1h:is(header) .header-actions .button{background:transparent!important;border:0!important;color:var(--ink)!important;padding:0!important;height:auto!important;font-size:12px!important;font-weight:400!important}
header.v1h:is(header) .header-actions .button:hover{color:var(--orange)!important}
body.photo-hero header:not(.scrolled).v1h:is(header) .header-actions .button{background:transparent!important;border:0!important;color:#fff!important;backdrop-filter:none!important}
body:not(.photo-hero) header.v1h:is(header){background:#F3F2EF!important}
body:not(.photo-hero) header.v1h:is(header){background:var(--glass)!important}
header.v1h:is(header){background:var(--glass)!important;-webkit-backdrop-filter:blur(21px) saturate(1.35)!important;backdrop-filter:blur(21px) saturate(1.35)!important;border-bottom:1px solid #ffffff00!important}
header.scrolled.v1h:is(header){border-bottom:1px solid var(--line)!important}
header.v1h:is(header) #nav{margin:0 auto!important;gap:27px!important}
header.v1h:is(header) #nav > a,header.v1h:is(header) #nav > details > summary{font-size:15px!important;font-weight:500!important}
header.v1h:is(header) .header-actions .calculator-nav{font-size:15px!important;font-weight:500!important}
header.v1h:is(header) .header-actions .button{display:inline-flex!important;align-items:center;justify-content:center;height:39px!important;padding:0 18px!important;font-size:12px!important;font-weight:500!important;border-radius:var(--r-pill)!important;background:var(--ink)!important;border:1px solid var(--ink)!important;color:#fff!important}
header.v1h:is(header) .header-actions .button:hover{background:var(--orange)!important;border-color:var(--orange)!important;color:#fff!important}
body.photo-hero header:not(.scrolled).v1h:is(header){background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
body.photo-hero header:not(.scrolled).v1h:is(header) .header-actions .button{background:rgba(255,255,255,.18)!important;border-color:rgba(255,255,255,.55)!important;color:#fff!important;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}
header.v1h:is(header) #nav > details.nav-product > .mega-menu:not(.product-directory),header.v1h .product-directory{background:rgba(255,255,255,.86)!important;-webkit-backdrop-filter:blur(24px) saturate(1.3);backdrop-filter:blur(24px) saturate(1.3);border:1px solid var(--glass-line)!important}
header.v1h:is(header){background:rgba(255,255,255,.9)!important}
header.v1h:is(header) .header-actions .button{background:var(--orange)!important;border-color:var(--orange)!important;color:#fff!important}
header.v1h:is(header) .header-actions .button:hover{background:var(--ink)!important;border-color:var(--ink)!important}
body.photo-hero header:not(.scrolled).v1h:is(header) .header-actions .button{background:var(--orange)!important;border-color:var(--orange)!important}
header.v1h .product-directory{background:rgba(255,255,255,.96)!important;border:1px solid var(--line)!important;box-shadow:0 21px 60px #11111014!important}
header.v1h .product-category-tabs button{border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;padding:15px 9px!important;background:transparent!important;color:var(--ink)!important;font-size:15px!important;text-align:left}
header.v1h .product-category-tabs [aria-selected="true"]{color:var(--orange)!important;border-bottom:1px solid var(--line)!important;background:transparent!important}
header.v1h .product-category-tabs button:hover{color:var(--orange)!important}
header.v1h:is(header) #nav > details.nav-product > .mega-menu:not(.product-directory){background:rgba(255,255,255,.96)!important;border:1px solid var(--line)!important}
header.v1h .ui-line-icon{stroke-width:2.2!important}
header.v1h nav a:hover,header.v1h:is(header) #nav a:hover,header.v1h:is(header) #nav > details > summary:hover,header.v1h:is(header) #nav > details.nav-product > .mega-menu a:hover,header.v1h:is(header) #nav > details.nav-product > .mega-menu a:hover *{color:var(--orange)!important}
header.v1h:is(header) #nav > details.nav-product > .mega-menu:not(.product-directory) a:hover{background:#FFF1E8!important}
header.v1h a:focus-visible,header.v1h button:focus-visible,header.v1h summary:focus-visible{outline:2px solid var(--orange)!important;outline-offset:2px}
header.v1h .header-actions{display:flex;align-items:center;gap:15px}
header.v1h .lang-switch{position:relative}
header.v1h .lang-switch > summary{list-style:none;display:inline-flex;align-items:center;gap:6px;height:39px;padding:0 15px;border:1px solid var(--line);border-radius:var(--r-pill);font-size:12px;font-weight:500;color:var(--ink);cursor:pointer;background:#fff;user-select:none}
header.v1h .lang-switch > summary::-webkit-details-marker{display:none}
header.v1h .lang-switch > summary svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform .2s}
header.v1h .lang-switch[open] > summary svg{transform:rotate(180deg)}
header.v1h .lang-switch > summary:hover{border-color:var(--ink)}
header.v1h .lang-switch .lang-menu{position:absolute;right:0;top:calc(100% + 9px);min-width:141px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:6px;box-shadow:0 12px 33px rgba(0,0,0,.08);z-index:60}
header.v1h .lang-switch .lang-menu a{display:flex!important;justify-content:space-between;align-items:center;padding:9px 12px!important;border-radius:9px;font-size:12px!important;color:var(--ink)!important;margin:0!important}
header.v1h .lang-switch .lang-menu a:hover{background:#FFF1E8;color:var(--orange)!important}
header.v1h .lang-switch .lang-menu a[aria-current]::after{content:'';width:6px;height:6px;border-radius:50%;background:var(--orange)}
.photo-hero header:not(.scrolled).v1h:is(header) .lang-switch > summary{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.6);color:#fff}
@media (max-width: 900px){header.v1h .lang-switch{display:none}}
header.v1h:is(header) #nav > a,header.v1h:is(header) #nav > details > summary{font-weight:500!important;letter-spacing:0}
header.v1h:is(header) #nav > details[open] > summary{font-weight:600!important;color:var(--orange)!important}
header.v1h:is(header) #nav > a,header.v1h:is(header) #nav > details > summary{font-weight:400!important;font-size:15px!important}
header.v1h:is(header) .header-actions .calculator-nav{font-weight:400!important}
@keyframes cta-edge{from{--edge-angle:0deg}to{--edge-angle:360deg}}
/* ---- v2 addition (not in v1): once the page has scrolled, the menu bar turns into Liquid Glass ---- */
header.v1h.scrolled:is(header){background:rgba(255,255,255,.6)!important;-webkit-backdrop-filter:blur(24px) saturate(180%)!important;backdrop-filter:blur(24px) saturate(180%)!important;border-bottom:1px solid rgba(17,17,16,.08)!important}
@media (prefers-reduced-transparency:reduce){header.v1h.scrolled:is(header){background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}
/* ---- v2 addition (designer round 2): one weight scale for the menu bar and menus: items 500, titles 500, descriptions 400 ---- */
header.v1h.v1h:is(header) :is(#nav>a,#nav>details>summary,#nav>details[open]>summary,.calculator-nav,.header-actions .button,.lang-switch>summary,.lang-menu a,.product-category-tabs button,.product-category-tabs [aria-selected="true"],.product-category-content a strong,.mega-menu:not(.product-directory)>a,.directory-all){font-weight:500!important}
header.v1h.v1h:is(header) :is(.mega-menu small,.product-category-content small){font-weight:400!important}
/* ---- v2 addition: the mega panels are solid, nothing behind them shows through ---- */
header.v1h.v1h:is(header) #nav .mega-menu,header.v1h.v1h:is(header) .lang-menu{background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;opacity:1}
header.v1h.v1h:is(header) #nav .mega-menu.product-directory{height:auto!important;max-height:none!important;overflow:visible}

/* current-page indicator (core.header(cur) + v1-header.js fallback, 2026-09-27)
   top level: the item holding the current page = orange + 2px underline; menu items: orange title + orange left bar */
header.v1h .sr-cur{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
header.v1h:is(header) #nav > a.is-cur,header.v1h:is(header) #nav > details > summary.is-cur,header.v1h .header-actions > a.calculator-nav.is-cur{color:#FE5000}
header.v1h:is(header) #nav > a.is-cur,header.v1h:is(header) #nav > details > summary.is-cur > .nl,header.v1h .header-actions > a.calculator-nav.is-cur{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:9px}
header.v1h .product-category-tabs button.has-cur{position:relative;padding-right:24px}
header.v1h .product-category-tabs button.has-cur::after{content:"";position:absolute;right:9px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:#FE5000}
header.v1h .product-category-content a.is-cur{position:relative;padding-left:18px!important;background:#FBF6F1}
header.v1h .product-category-content a.is-cur::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:3px;background:#FE5000}
header.v1h .product-category-content a.is-cur strong{color:#FE5000}
header.v1h .product-category-content a.directory-all.is-cur{background:none;color:#FE5000}
header.v1h .product-category-content a.directory-all.is-cur::before{display:none}
header.v1h:is(header) #nav > details.nav-product > .mega-menu:not(.product-directory) a.is-cur{position:relative;color:#FE5000!important;background:#FBF6F1}
header.v1h:is(header) #nav > details.nav-product > .mega-menu:not(.product-directory) a.is-cur::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:3px;background:#FE5000}
@media (max-width:1248px){
  header.v1h .product-category-tabs button.has-cur::after{top:12px;right:0;margin-top:0}
  header.v1h:is(header) #nav.open > a.mobile-nav-action.is-cur{color:#FE5000;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:9px}
}
/* v2 · 2026-09-29 · designer: no dropdown caret on desktop nav items (mobile drawer keeps its indicator) */
@media (min-width: 1248px){header.v1h:is(header) .nav-product > summary::after{content:none!important;display:none!important}}
/* v2 · 2026-09-29 · designer: no dropdown carets anywhere (mobile drawer + language switch) */
header.v1h:is(header) .nav-product > summary::after,header.v1h:is(header) #nav > details.nav-product > summary::after{content:none!important;display:none!important}
header.v1h .lang-switch > summary svg{display:none!important}