/* CoteX shared typography. Loaded last on every live corporate page. */
@font-face{font-family:Archivo;src:url('assets/fonts/archivo-regular.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Archivo;src:url('assets/fonts/archivo-variable.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
:root{
 --sans:Archivo,Arial,sans-serif;--serif:var(--sans);--mono:var(--sans);
 --site-font-body:var(--sans);--site-font-hero:var(--sans);
 --type-display:clamp(44px,5vw,68px);--type-section:clamp(36px,3.2vw,46px);
 --type-body:16px;--type-note:14px;--type-control:14px;
 --site-type-hero:var(--type-display);--site-type-section:var(--type-section);
 --site-type-subheading:var(--type-body);--site-type-card:var(--type-body);
 --site-type-body:var(--type-body);--site-type-card-copy:var(--type-body);
 --site-type-note:var(--type-note);--site-type-control:var(--type-control);
 --site-leading-body:1.7;--site-leading-heading:1.12;
}
html{font-synthesis:none}
body.site-type-system{font-family:var(--sans);font-size:var(--type-body);font-weight:400;line-height:1.7}
body.site-type-system :is(h1,h2,h3,h4,h5,h6,p,a,button,input,select,textarea,label,li,dt,dd,span,strong,b,small,address,figcaption,text){font-family:var(--sans)!important}
body.site-type-system :is(p,a,button,input,select,textarea,label,li,dd,span,small,address,figcaption,text){font-weight:400!important}
body.site-type-system #main h1{font-size:var(--type-display)!important;font-weight:400!important;line-height:1.06!important;letter-spacing:-.035em!important;text-transform:none!important}
body.site-type-system #main h2{font-size:var(--type-section)!important;font-weight:400!important;line-height:1.12!important;letter-spacing:-.025em!important;text-transform:none!important}
body.site-type-system #main :is(h3,h4,h5,h6,dt){font-size:var(--type-body)!important;font-weight:700!important;line-height:1.5!important;letter-spacing:0!important;text-transform:none!important}
body.site-type-system #main :is(h3,h4,h5,h6,dt) :is(a,span,strong,b){font-size:inherit!important;font-weight:inherit!important;letter-spacing:inherit!important}
body.site-type-system #main :is(p,li,dd,address){font-size:var(--type-body)!important;font-weight:400!important;line-height:1.7!important;letter-spacing:normal!important}
body.site-type-system #main :is(strong,b){font-weight:700!important}
/* Small benefit headings are subsection roles even where legacy markup uses H2. */
body.site-type-system #main .any-band h2,
body.site-type-system #main .gl-benefit-label,
body.site-type-system.cotex-gardening #main #benefits h2{font-size:var(--type-body)!important;font-weight:700!important;line-height:1.5!important;letter-spacing:0!important}
/* Resolve inherited catalogue rules without changing the catalogue layout. */
body.site-type-system.cotex-gardening #main #how-it-works h2{font-size:var(--type-section)!important;font-weight:400!important;line-height:1.12!important;letter-spacing:-.025em!important}
body.site-type-system.cotex-gardening #main #how-it-works h3{font-size:var(--type-body)!important;font-weight:700!important;line-height:1.5!important;letter-spacing:0!important}
body.site-type-system.cotex-gardening #main #how-it-works p{font-size:var(--type-body)!important;line-height:1.7!important}
/* Brand lockups and numeric step markers retain their own proportions. */
body.site-type-system #main .pro-wordmark{font-size:24px!important;line-height:1.4!important;letter-spacing:-.02em!important}
body.site-type-system #main h3 .product-pro-badge{font-size:12px!important;line-height:1.4!important;letter-spacing:.04em!important}
body.site-type-system #main :is(h3,h4) .step-number{font-size:12px!important;font-weight:400!important}
body.site-type-system #main .garden-label{font-size:inherit!important;font-weight:inherit!important}
body.site-type-system #main :is(.n-season-statement,.n-formulation-list li>span:first-child){font-size:var(--type-body)!important;font-weight:700!important;line-height:1.5!important}
body.site-type-system #main .n-formulation-list li>span:last-child{font-size:var(--type-body)!important;line-height:1.7!important}
/* Supporting text and controls remain distinct from narrative body copy. */
body.site-type-system #main :is(figcaption,.form-note,.formulation-placeholder-note,.n-trial-context){font-size:var(--type-note)!important;line-height:1.6!important}
body.site-type-system #main :is(.button,.text-link,.n-pill,.contact-email,.ph-apply-link,.fc-product-button){font-size:var(--type-control)!important;font-weight:400!important;line-height:1.5!important}
body.site-type-system #main :is(input,select,textarea){font-size:var(--type-body)!important;line-height:1.5!important}
body.site-type-system #main label{font-size:var(--type-body)!important;font-weight:700!important;line-height:1.5!important}
body.site-type-system #main label span{font-size:var(--type-note)!important;font-weight:400!important}
body.site-type-system #navigation a{font-size:13px!important;font-weight:400!important;line-height:1.5!important}
body.site-type-system :is(.site-footer,.cotex-footer){font-size:14px;line-height:1.6}
body.site-type-system :is(.site-footer,.cotex-footer) :is(p,address,a){font-size:14px!important;line-height:1.6!important}
body.site-type-system :is(.footer-bottom,.cotex-footer-legal){font-size:12px!important;line-height:1.6!important}
body.site-type-system .footer-bottom :is(a,span){font-size:12px!important}
@media(max-width:1200px) and (min-width:901px){body.site-type-system #navigation a{font-size:12px!important}}
@media(max-width:900px){body.site-type-system #navigation a{font-size:16px!important}}
@media(max-width:700px){:root{--type-display:clamp(38px,9vw,48px);--type-section:34px}}