/* Fueltek site-wide dark / light theme controls — v6.9.61 cleanup */
html[data-theme="dark"]{color-scheme:dark}
html[data-theme="light"]{
  color-scheme:light;
  --bg:#f4f0e7!important;
  --panel:#fffdf8!important;
  --ink:#171b17!important;
  --soft:#3f4940!important;
  --muted:#697269!important;
  --line:rgba(163,105,0,.28)!important;
  --glass:rgba(255,255,255,.82)!important;
  --theme-page:#f4f0e7;
  --theme-page-2:#ebe5d9;
  --theme-panel:#fffdf8;
  --theme-panel-soft:#f6f1e7;
  --theme-ink:#171b17;
  --theme-copy:#424b42;
  --theme-muted:#697269;
  --theme-border:rgba(29,38,30,.15);
  --theme-border-gold:rgba(170,112,0,.30);
  --theme-shadow:0 20px 56px rgba(43,37,25,.10);
}

/* Toggle: fixed so it never changes the header layout. */


















/* -------- Light theme: shared shell -------- */
html[data-theme="light"] body{
  color:var(--theme-ink)!important;
  background:
    radial-gradient(circle at 82% 3%,rgba(243,179,36,.20),transparent 29vw),
    radial-gradient(circle at 12% 76%,rgba(243,179,36,.10),transparent 31vw),
    linear-gradient(180deg,var(--theme-page),#f9f6ef 50%,var(--theme-page-2))!important;
}
html[data-theme="light"] body::before{
  background-image:linear-gradient(rgba(71,62,39,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(71,62,39,.045) 1px,transparent 1px)!important;
  opacity:.72;
}
html[data-theme="light"] .grain{opacity:.08!important;mix-blend-mode:multiply!important}
html[data-theme="light"] .frame{border-color:rgba(26,33,27,.14)!important}
html[data-theme="light"] section{border-color:rgba(29,38,30,.10)!important}

html[data-theme="light"] .header,
html[data-theme="light"] .nav-shell,
html[data-theme="light"] .jump-nav,
html[data-theme="light"] .header-actions-v56{
  background:rgba(250,247,239,.90)!important;
  border-color:rgba(29,38,30,.14)!important;
  box-shadow:0 16px 42px rgba(48,41,28,.10),inset 0 0 32px rgba(243,179,36,.035)!important;
}
html[data-theme="light"] .jump-nav a,
html[data-theme="light"] .pages-menu-btn-v56,
html[data-theme="light"] .logo,
html[data-theme="light"] .logo small{color:#20261f!important}
html[data-theme="light"] .jump-nav a::after{background:rgba(32,38,31,.34)!important}
html[data-theme="light"] .jump-nav a:hover,
html[data-theme="light"] .jump-nav a.active{color:#7f5200!important}
html[data-theme="light"] .pages-menu-icon-v56 span{background:#20261f!important}
html[data-theme="light"] .fmo-login-v56{background:var(--acid,#f3b324)!important;color:#11170d!important}

html[data-theme="light"] .pages-drawer-backdrop-v56{background:rgba(39,34,25,.28)!important}
html[data-theme="light"] .pages-drawer-v56{
  background:linear-gradient(180deg,#fffdf8,#f2ecdf)!important;
  border-color:rgba(29,38,30,.15)!important;
  box-shadow:-28px 0 70px rgba(43,37,25,.18)!important;
  color:var(--theme-ink)!important;
}
html[data-theme="light"] .pages-drawer-head-v56,
html[data-theme="light"] .pages-drawer-group-v56{border-color:rgba(29,38,30,.10)!important}
html[data-theme="light"] .pages-drawer-head-v56 strong,
html[data-theme="light"] .pages-drawer-group-v56 a,
html[data-theme="light"] .pages-drawer-close-v56,
html[data-theme="light"] .pages-drawer-social-v75 a{color:#20261f!important}
html[data-theme="light"] .pages-drawer-group-v56 small{color:#8a5b00!important}
html[data-theme="light"] .pages-drawer-group-v56 a:hover,
html[data-theme="light"] .pages-drawer-group-v56 a.active{background:rgba(243,179,36,.15)!important;color:#5e3d00!important}
html[data-theme="light"] .pages-drawer-fmo-v56{color:#10160d!important}
html[data-theme="light"] .social-link-v75{background:rgba(255,253,248,.82)!important;border-color:rgba(29,38,30,.15)!important;color:#20261f!important}

/* -------- Light theme: typography -------- */
html[data-theme="light"] :where(main,footer) p,
html[data-theme="light"] :where(main,footer) li,
html[data-theme="light"] .section-copy p,
html[data-theme="light"] .content-prose p,
html[data-theme="light"] .content-prose li,
html[data-theme="light"] .detail-card p,
html[data-theme="light"] .info-card p,
html[data-theme="light"] .faq p,
html[data-theme="light"] .why li,
html[data-theme="light"] .copy p,
html[data-theme="light"] .lead,
html[data-theme="light"] .page-note,
html[data-theme="light"] .note{color:var(--theme-copy)!important}
html[data-theme="light"] :where(main,footer) h1,
html[data-theme="light"] :where(main,footer) h2,
html[data-theme="light"] :where(main,footer) h3,
html[data-theme="light"] :where(main,footer) h4,
html[data-theme="light"] :where(main,footer) strong,
html[data-theme="light"] .faq summary,
html[data-theme="light"] label{color:var(--theme-ink)!important}
html[data-theme="light"] .eyebrow,
html[data-theme="light"] .info-kicker,
html[data-theme="light"] .product-card-kicker,
html[data-theme="light"] .detail-card small,
html[data-theme="light"] .stage-label,
html[data-theme="light"] .section-title{color:#9a6500!important}
html[data-theme="light"] h1 span,
html[data-theme="light"] h2 span,
html[data-theme="light"] h3 span{color:#b87600!important}
html[data-theme="light"] .content-note{color:#30382f!important;background:rgba(243,179,36,.12)!important;border-color:#d79a18!important}
html[data-theme="light"] .info-keywords span,
html[data-theme="light"] .content-article-meta span{background:rgba(255,253,248,.72)!important;color:#4a5148!important;border-color:rgba(29,38,30,.14)!important}

/* -------- Light theme: panels, cards and content surfaces -------- */
html[data-theme="light"] :where(
  .detail-card,.info-card,.spec-card,.quick-stat,.trust-item,.content-link-card,
  .faq details,.why,.form-card,.tag-visual,.tag-chip,.product-nav-card,
  .seo-body,.client-logo-card,.pdf-panel,.inline-info,.metric,.detail-benefit,
  .solution-card,.comp-card,.faq-item,.product-card,.product-section
){
  background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(247,242,232,.86))!important;
  border-color:var(--theme-border)!important;
  box-shadow:var(--theme-shadow),inset 0 0 38px rgba(243,179,36,.025)!important;
}
html[data-theme="light"] .detail-card::after,
html[data-theme="light"] .info-card::after{opacity:.45}
html[data-theme="light"] .spec-row,
html[data-theme="light"] .feature-item,
html[data-theme="light"] .product-section-head,
html[data-theme="light"] .footer-terms{border-color:rgba(29,38,30,.12)!important}
html[data-theme="light"] .spec-row span,
html[data-theme="light"] .feature-list li,
html[data-theme="light"] .feature-item p,
html[data-theme="light"] .trust-item span,
html[data-theme="light"] .product-card-copy,
html[data-theme="light"] .comp-info p{color:var(--theme-copy)!important}
html[data-theme="light"] .trust-item strong,
html[data-theme="light"] .quick-stat strong,
html[data-theme="light"] .metric strong{color:#9b6500!important}
html[data-theme="light"] .related-links a,
html[data-theme="light"] .text-link,
html[data-theme="light"] .read,
html[data-theme="light"] .terms-button{
  color:#5e4208!important;
  background:rgba(255,253,248,.74)!important;
  border-color:rgba(167,108,0,.34)!important;
}
html[data-theme="light"] .related-links a:hover,
html[data-theme="light"] .text-link:hover,
html[data-theme="light"] .read:hover,
html[data-theme="light"] .terms-button:hover{background:var(--acid,#f3b324)!important;color:#11170d!important}

/* Keep image-led cards dark enough for white overlay text. */
html[data-theme="light"] .sector-card,
html[data-theme="light"] .product-card-link,
html[data-theme="light"] .photo,
html[data-theme="light"] .content-hero-visual.photo{color:#fff!important}
html[data-theme="light"] .sector-card :where(h3,p,span,strong),
html[data-theme="light"] .product-card-link :where(h3,p,span,strong){color:#fff!important}

/* -------- Light theme: buttons and forms -------- */
html[data-theme="light"] .btn{background:rgba(255,253,248,.70)!important;color:#6b4700!important;border-color:rgba(169,109,0,.52)!important}
html[data-theme="light"] .btn:hover{background:var(--acid,#f3b324)!important;color:#11170d!important}
html[data-theme="light"] .btn.fill{background:var(--acid,#f3b324)!important;color:#11170d!important}
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea{
  color:#1d241c!important;
  background:rgba(255,255,255,.92)!important;
  border-color:rgba(29,38,30,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.84)!important;
}
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder{color:#7c847b!important}
html[data-theme="light"] select option{background:#fffdf8!important;color:#1d241c!important}
html[data-theme="light"] input:focus,
html[data-theme="light"] select:focus,
html[data-theme="light"] textarea:focus{border-color:#c48a15!important;box-shadow:0 0 0 3px rgba(243,179,36,.16)!important}
html[data-theme="light"] .success{background:rgba(243,179,36,.13)!important;color:#293027!important;border-color:rgba(169,109,0,.32)!important}

/* -------- Light theme: footer -------- */
html[data-theme="light"] .footer{
  background:linear-gradient(180deg,#eee8dc,#e5ded0)!important;
  color:#555e55!important;
  border-color:rgba(29,38,30,.12)!important;
}
html[data-theme="light"] .footer h4,
html[data-theme="light"] .footer .logo{color:#20261f!important}
html[data-theme="light"] .footer a,
html[data-theme="light"] .footer p{color:#555e55!important}
html[data-theme="light"] .footer a:hover{color:#8a5900!important}

/* -------- Light theme: homepage-specific surfaces -------- */
html[data-theme="light"] #home,
html[data-theme="light"] .hero{background-color:transparent!important}
html[data-theme="light"] .hero-feature-panel,html[data-theme="light"] .hero-detail-card,html[data-theme="light"] .product-stage,html[data-theme="light"] .product-main,html[data-theme="light"] .solution-proof,html[data-theme="light"] .product-nav-grid{
  border-color:rgba(29,38,30,.14)!important;
}
html[data-theme="light"] .hero-feature-panel,
html[data-theme="light"] .hero-detail-card,
html[data-theme="light"] .solution-proof{background:rgba(255,253,248,.76)!important;box-shadow:var(--theme-shadow)!important}
html[data-theme="light"] .hero-feature-panel :where(h3,p,strong,span),
html[data-theme="light"] .hero-detail-card :where(h3,p,strong,span),
html[data-theme="light"] .solution-proof :where(h3,p,strong,span){color:var(--theme-ink)!important}
html[data-theme="light"] .hero-feature-panel p,
html[data-theme="light"] .hero-detail-card p{color:var(--theme-copy)!important}
html[data-theme="light"] .product-stage-bg{opacity:.60!important}
html[data-theme="light"] .product-stage::before{opacity:.48!important}

/* -------- Light theme: product and tag visual areas -------- */
html[data-theme="light"] .hero-visual:not(.photo),
html[data-theme="light"] .product-hero,
html[data-theme="light"] .product-stage,
html[data-theme="light"] .tag-chip{
  background:linear-gradient(145deg,#f8f3e8,#e8e0d1)!important;
  border-color:rgba(163,105,0,.24)!important;
  box-shadow:var(--theme-shadow),inset 0 0 54px rgba(243,179,36,.07)!important;
}
html[data-theme="light"] .orbit-ring{border-color:rgba(0,132,172,.55)!important}
html[data-theme="light"] .order-core{background:radial-gradient(circle at 30% 25%,rgba(243,179,36,.26),rgba(255,253,248,.95) 67%)!important}
html[data-theme="light"] .order-core strong,
html[data-theme="light"] .order-core span{color:#1d241c!important}
html[data-theme="light"] .stage-label{background:rgba(255,253,248,.82)!important;border-color:rgba(29,38,30,.14)!important}

/* Avoid over-bright logos inside client cards. */
html[data-theme="light"] .client-logo-card{background:#fff!important}
html[data-theme="light"] .client-logo-card img{filter:none!important}

@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important}
}

/* -------- v6.8.1 light-theme contrast audit --------
   Light surfaces must never retain white text from the original dark design. */
html[data-theme="light"] :where(
  .detail-card,.info-card,.spec-card,.quick-stat,.trust-item,.content-link-card,
  .faq details,.why,.form-card,.product-nav-card,.seo-body,.pdf-panel,
  .inline-info,.metric,.detail-benefit,.solution-card,.comp-card,.faq-item,.product-card,
  .screen-popover,.tested-screen-info-panel
) :where(h1,h2,h3,h4,h5,h6,p,li,span,small,b,strong,em,label){
  color:var(--theme-ink)!important;
  text-shadow:none!important;
}


/* Restore intentional gold accents after the general contrast rule. */
html[data-theme="light"] :where(
  .eyebrow,.info-kicker,.product-card-kicker,.detail-card small,.stage-label,
  .metric i,.detail-benefit b,.solution-icon,.read span,.product-card-link span,
  .quick-stat strong,.trust-item strong,.comp-card .read span
){color:#936000!important}

/* Product cards become light surfaces in light mode, so their action label must also be dark. */
html[data-theme="light"] .product-card-link{
  color:#5e4208!important;
  background:rgba(255,253,248,.78)!important;
  border-color:rgba(167,108,0,.34)!important;
}
html[data-theme="light"] .product-card-link:hover,
html[data-theme="light"] .product-card:focus-within .product-card-link{
  background:var(--acid,#f3b324)!important;
  color:#11170d!important;
}
html[data-theme="light"] .product-card-link :where(span,strong,b){color:inherit!important}

/* Common homepage card labels that use <b> rather than <strong>. */
html[data-theme="light"] .metric b,
html[data-theme="light"] .quick-stat b,
html[data-theme="light"] .detail-benefit span,
html[data-theme="light"] .solution-proof span,
html[data-theme="light"] .product-benefits li,
html[data-theme="light"] .product-panel-fit,
html[data-theme="light"] .product-panel-tag{color:var(--theme-ink)!important}

/* Light modal surfaces and controls. */
html[data-theme="light"] .screen-popover,
html[data-theme="light"] .tested-screen-info-panel{
  background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(246,240,229,.95))!important;
  border-color:var(--theme-border)!important;
  color:var(--theme-ink)!important;
  box-shadow:var(--theme-shadow)!important;
}
html[data-theme="light"] .info-close,
html[data-theme="light"] .screen-popover-close,
html[data-theme="light"] .tested-screen-info-close{
  color:#20261f!important;
  background:rgba(255,253,248,.88)!important;
  border-color:rgba(29,38,30,.18)!important;
}
html[data-theme="light"] .info-close:hover,
html[data-theme="light"] .screen-popover-close:hover,
html[data-theme="light"] .tested-screen-info-close:hover{
  color:#11170d!important;
  background:var(--acid,#f3b324)!important;
}

/* The customer logo strip changes to the light page colour at its edges. */
html[data-theme="light"] .marquee{
  background:linear-gradient(180deg,rgba(255,253,248,.92),rgba(239,233,221,.88))!important;
  border-color:rgba(29,38,30,.12)!important;
}
html[data-theme="light"] .marquee::before{background:linear-gradient(90deg,#f6f1e8 12%,transparent)!important}
html[data-theme="light"] .marquee::after{background:linear-gradient(270deg,#f6f1e8 12%,transparent)!important}

/* Preserve white type only where it is deliberately placed over photographs or dark media. */
html[data-theme="light"] .sector-card :where(h3,p,span,strong,small),html[data-theme="light"] .photo :where(h1,h2,h3,p,span,strong,small),html[data-theme="light"] .content-hero-visual.photo :where(h1,h2,h3,p,span,strong,small),html[data-theme="light"] .showcase-caption :where(h2,p),html[data-theme="light"] .fmo-stat-row :where(h1,h2,h3,p,span,small,b,strong),html[data-theme="light"] .fmo-tank-row :where(h1,h2,h3,p,span,small,b,strong){color:#fff!important}
html[data-theme="light"] .showcase-caption .caption-count,html[data-theme="light"] .showcase-caption .hero-detail-link{color:var(--acid,#f3b324)!important}


/* -------- v6.8.2 final light-mode contrast contract --------
   These rules sit after every shared theme rule and remove hard-coded white
   text from surfaces that become pale in light mode. */
html[data-theme="light"] .header .logo .logo-word b,
html[data-theme="light"] .header .logo-word b,
html[data-theme="light"] .logo-word b{color:#20261f!important;text-shadow:none!important}
html[data-theme="light"] .header .logo .logo-word i,
html[data-theme="light"] .header .logo-word i,
html[data-theme="light"] .logo-word i{color:#b87600!important;text-shadow:none!important}

/* Normal page-flow content is dark by default in light mode. */



/* Make the customer-trust introduction a deliberate light surface. */
html[data-theme="light"] .client-trust{
  background:linear-gradient(180deg,rgba(255,253,248,.96),rgba(239,233,221,.92))!important;
  border-color:rgba(29,38,30,.12)!important;
}
html[data-theme="light"] .client-trust h2{color:var(--theme-ink)!important}
html[data-theme="light"] .client-trust p{color:var(--theme-copy)!important}
html[data-theme="light"] .client-trust .eyebrow{color:#936000!important}

/* Components that use nested <span>/<b>/<small> elements rather than headings. */
html[data-theme="light"] :where(
  .solution-card,.product-card,.comp-card,.detail-card,.info-card,.spec-card,
  .quick-stat,.trust-item,.content-link-card,.faq details,.why,.form-card,
  .product-nav-card,.inline-info,.metric,.detail-benefit,.faq-item,
  .screen-popover,.tested-screen-info-panel,.testimonial-card
) :where(a,button,summary,h1,h2,h3,h4,h5,h6,p,li,span,small,b,strong,em,label){
  color:var(--theme-ink)!important;
  text-shadow:none!important;
}


/* Reapply intentional accents after the broad nested-text rule. */
html[data-theme="light"] :where(
  .eyebrow,.info-kicker,.product-card-kicker,.detail-card small,.stage-label,
  .metric i,.detail-benefit b,.solution-icon,.quick-stat strong,.trust-item strong,
  .testimonial-person strong,.section-title,.product-panel-tag
){color:#936000!important}

/* Buttons and links must keep a readable foreground on pale surfaces. */
html[data-theme="light"] :where(.btn,.read,.text-link,.related-links a,.terms-button,.product-card-link){
  color:#5e4208!important;
  text-shadow:none!important;
}
html[data-theme="light"] :where(.btn.fill,.btn:hover,.read:hover,.text-link:hover,.related-links a:hover,.terms-button:hover,.product-card-link:hover){
  color:#11170d!important;
}

/* The homepage hero deliberately remains a dark media island in both themes. */
html[data-theme="light"] .hero#home{
  color:#fff!important;
  background-color:#020202!important;
}
html[data-theme="light"] .hero#home :where(h1,h2,h3,h4,p,li,span,small,b,strong,em,label){
  color:#f4f7ef!important;
}
html[data-theme="light"] .hero#home :where(.eyebrow,h1 span,h2 span,h3 span,.feature-status span,.showcase-caption h2){
  color:var(--acid,#f3b324)!important;
}
html[data-theme="light"] .hero#home :where(.btn.fill,.feature-next){color:#11170d!important}
html[data-theme="light"] .hero#home :where(.btn:not(.fill),.hero-detail-link){color:#fff!important}

/* Other media islands retain light text because their backgrounds stay dark or photographic. */



/* Runtime contrast guardian classes added by theme-toggle.js. */



/* --------------------------------------------------------------------------
   v6.9.0 — Premium daylight theme
   Light mode is treated as a warm architectural palette, not a white inversion.
   -------------------------------------------------------------------------- */
html[data-theme="light"]{
  --theme-page:#ded4c3!important;
  --theme-page-2:#cfc3b1!important;
  --theme-panel:#f2eadc!important;
  --theme-panel-soft:#e7dccb!important;
  --theme-ink:#181b17!important;
  --theme-copy:#484d45!important;
  --theme-muted:#676b63!important;
  --theme-border:rgba(28,31,26,.18)!important;
  --theme-border-gold:rgba(168,108,0,.38)!important;
  --theme-shadow:0 24px 62px rgba(46,39,28,.14),0 2px 6px rgba(46,39,28,.06)!important;
  --day-charcoal:#11140f;
  --day-charcoal-2:#202219;
  --day-cream:#f3ecdf;
  --day-sand:#ded3c2;
  --day-gold:#b97800;
}

html[data-theme="light"] body{
  background:
    radial-gradient(circle at 76% -6%,rgba(243,179,36,.26),transparent 28vw),
    radial-gradient(circle at 8% 42%,rgba(94,74,43,.10),transparent 30vw),
    linear-gradient(135deg,#e9e1d3 0%,#d9cebd 52%,#e8dfd2 100%)!important;
  color:var(--theme-ink)!important;
}
html[data-theme="light"] body::before{
  background-image:
    linear-gradient(rgba(49,44,34,.052) 1px,transparent 1px),
    linear-gradient(90deg,rgba(49,44,34,.052) 1px,transparent 1px)!important;
  background-size:72px 72px!important;
  opacity:.62!important;
}
html[data-theme="light"] .frame{border-color:rgba(80,63,29,.22)!important;box-shadow:inset 0 0 70px rgba(255,255,255,.10)!important}
html[data-theme="light"] section{border-color:rgba(49,44,34,.13)!important}

/* Keep the navigation as a premium dark glass anchor in daylight mode. */
html[data-theme="light"] .header,
html[data-theme="light"] .nav-shell,
html[data-theme="light"] .jump-nav,
html[data-theme="light"] .header-actions-v56{
  background:linear-gradient(135deg,rgba(14,17,13,.96),rgba(31,30,23,.94))!important;
  border-color:rgba(243,179,36,.22)!important;
  box-shadow:0 18px 52px rgba(39,32,21,.24),inset 0 1px 0 rgba(255,255,255,.055),inset 0 0 38px rgba(243,179,36,.035)!important;
}
html[data-theme="light"] .header::after{
  content:"";position:absolute;left:22px;right:22px;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(243,179,36,.62),transparent);pointer-events:none
}
html[data-theme="light"] .header .logo .logo-word b,
html[data-theme="light"] .header .logo-word b,
html[data-theme="light"] .header .logo,
html[data-theme="light"] .header .logo small,
html[data-theme="light"] .jump-nav a,
html[data-theme="light"] .pages-menu-btn-v56{color:#f0eee7!important;text-shadow:none!important}
html[data-theme="light"] .header .logo .logo-word i,
html[data-theme="light"] .header .logo-word i{color:var(--acid,#f3b324)!important}
html[data-theme="light"] .jump-nav a::after{background:rgba(243,179,36,.38)!important}
html[data-theme="light"] .jump-nav a:hover{color:#ffd46e!important}
html[data-theme="light"] .jump-nav a.active{
  color:#171a12!important;background:linear-gradient(135deg,#ffd263,#e9a719)!important;
  box-shadow:0 8px 24px rgba(243,179,36,.23),inset 0 1px 0 rgba(255,255,255,.40)!important
}
html[data-theme="light"] .pages-menu-icon-v56 span{background:#f1eee6!important}
html[data-theme="light"] .social-link-v75{
  background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.14)!important;color:#f5f1e8!important
}
html[data-theme="light"] .social-link-v75:hover{background:rgba(243,179,36,.15)!important;border-color:rgba(243,179,36,.45)!important;color:#ffd166!important}
html[data-theme="light"] .fmo-login-v56{background:linear-gradient(135deg,#ffd05b,#e5a31a)!important;color:#12160f!important;box-shadow:0 10px 28px rgba(243,179,36,.20)!important}

/* The hero remains a deliberate black-and-gold feature; its lower strip must too. */
html[data-theme="light"] .hero#home>.metrics{
  background:linear-gradient(180deg,rgba(13,15,12,.91),rgba(7,8,7,.88))!important;
  border-color:rgba(243,179,36,.22)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.055),inset 0 0 35px rgba(243,179,36,.035)!important;
  backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important
}
html[data-theme="light"] .hero#home>.metrics .metric{background:transparent!important;border-color:rgba(243,179,36,.12)!important;box-shadow:none!important}
html[data-theme="light"] .hero#home>.metrics .metric :where(b,small,span){color:#f2f0e9!important}
html[data-theme="light"] .hero#home>.metrics .metric small{color:#b9beb5!important}
html[data-theme="light"] .hero#home>.metrics .metric i{color:var(--acid,#f3b324)!important}
html[data-theme="light"] .hero#home .hero-feature-panel{
  background:linear-gradient(155deg,rgba(19,21,17,.93),rgba(7,8,7,.88))!important;
  border-color:rgba(243,179,36,.22)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.055)!important
}
html[data-theme="light"] .hero#home .hero-feature-panel :where(h3,p,strong,span,b){color:#f1efe8!important}
html[data-theme="light"] .hero#home .hero-feature-panel p{color:#bdc2b9!important}
html[data-theme="light"] .hero#home .feature-next{background:rgba(0,0,0,.18)!important;border-color:rgba(243,179,36,.42)!important;color:#fff!important}

/* Warm material surfaces replace stark white cards. */
html[data-theme="light"] :where(
  .detail-card,.info-card,.spec-card,.quick-stat,.trust-item,.content-link-card,
  .faq details,.why,.form-card,.tag-visual,.product-nav-card,.seo-body,.pdf-panel,
  .inline-info,.metric:not(.hero#home .metric),.detail-benefit,.solution-card,.comp-card,
  .faq-item,.product-card,.product-section,.screen-popover,.tested-screen-info-panel
){
  background:
    linear-gradient(145deg,rgba(247,240,228,.96),rgba(225,213,195,.90))!important;
  border-color:rgba(72,61,42,.18)!important;
  box-shadow:0 22px 52px rgba(58,48,33,.13),inset 0 1px 0 rgba(255,255,255,.64),inset 0 0 38px rgba(243,179,36,.025)!important;
}
html[data-theme="light"] :where(.detail-card,.info-card,.solution-card,.product-card,.comp-card){position:relative}
html[data-theme="light"] :where(.detail-card,.info-card,.solution-card,.product-card,.comp-card)::before{
  border-color:rgba(243,179,36,.26)!important
}
html[data-theme="light"] :where(.detail-card,.info-card,.solution-card,.product-card,.comp-card):hover{
  border-color:rgba(174,113,0,.38)!important;
  box-shadow:0 30px 68px rgba(58,48,33,.18),0 0 0 1px rgba(243,179,36,.10),inset 0 1px 0 rgba(255,255,255,.72)!important
}
html[data-theme="light"] .btn:not(.fill),
html[data-theme="light"] :where(.read,.text-link,.related-links a,.terms-button,.product-card-link){
  background:rgba(247,240,228,.62)!important;border-color:rgba(130,89,15,.42)!important;color:#4f3709!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.52)!important
}
html[data-theme="light"] .btn.fill,
html[data-theme="light"] :where(.btn:hover,.read:hover,.text-link:hover,.related-links a:hover,.terms-button:hover,.product-card-link:hover){
  background:linear-gradient(135deg,#ffd05c,#e4a019)!important;color:#11160e!important;border-color:rgba(142,91,0,.40)!important;
  box-shadow:0 12px 26px rgba(174,111,0,.18),inset 0 1px 0 rgba(255,255,255,.44)!important
}

/* Alternate dark editorial islands stop long pages feeling flat. */
html[data-theme="light"] .client-trust{
  background:
    radial-gradient(circle at 72% 20%,rgba(243,179,36,.13),transparent 32%),
    linear-gradient(135deg,#171a15,#25241d)!important;
  border-color:rgba(243,179,36,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important
}
html[data-theme="light"] .client-trust :where(h2,p){color:#f0eee8!important}
html[data-theme="light"] .client-trust p{color:#bfc3ba!important}
html[data-theme="light"] .client-trust .eyebrow{color:var(--acid,#f3b324)!important}
html[data-theme="light"] .marquee{
  background:linear-gradient(180deg,#26261f,#151813)!important;
  border-color:rgba(243,179,36,.14)!important
}
html[data-theme="light"] .marquee::before{background:linear-gradient(90deg,#20211b 15%,transparent)!important}
html[data-theme="light"] .marquee::after{background:linear-gradient(270deg,#20211b 15%,transparent)!important}
html[data-theme="light"] .client-logo-card{
  background:linear-gradient(145deg,#f4eee3,#ddd2c1)!important;
  border-color:rgba(243,179,36,.20)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.70)!important
}
html[data-theme="light"] .testimonials-section{
  background:
    radial-gradient(circle at 20% 10%,rgba(243,179,36,.12),transparent 28%),
    linear-gradient(135deg,#e4dacb,#d2c5b3)!important
}
html[data-theme="light"] .testimonial-card{
  background:linear-gradient(145deg,rgba(248,241,229,.96),rgba(218,205,186,.94))!important;
  border-color:rgba(93,72,34,.20)!important;
  box-shadow:0 24px 55px rgba(54,44,29,.16),inset 0 1px 0 rgba(255,255,255,.72)!important
}
html[data-theme="light"] .testimonial-card blockquote{color:#272b25!important}
html[data-theme="light"] .testimonial-marquee::before{background:linear-gradient(90deg,#dfd4c4 10%,transparent)!important}
html[data-theme="light"] .testimonial-marquee::after{background:linear-gradient(270deg,#dfd4c4 10%,transparent)!important}

/* Forms and data-heavy panels use quiet ivory rather than bright white. */
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea{
  background:rgba(246,239,227,.90)!important;color:#1d211c!important;border-color:rgba(70,61,45,.22)!important;
  box-shadow:inset 0 2px 5px rgba(68,54,34,.055),inset 0 1px 0 rgba(255,255,255,.72)!important
}
html[data-theme="light"] input:focus,
html[data-theme="light"] select:focus,
html[data-theme="light"] textarea:focus{
  background:#f8f1e6!important;border-color:#b87900!important;box-shadow:0 0 0 4px rgba(243,179,36,.16),inset 0 1px 0 rgba(255,255,255,.75)!important
}

/* A dark footer provides a strong visual finish in both modes. */
html[data-theme="light"] .footer{
  background:
    radial-gradient(circle at 15% 0%,rgba(243,179,36,.10),transparent 24%),
    linear-gradient(180deg,#1d201a,#0e110d)!important;
  color:#afb5ab!important;border-color:rgba(243,179,36,.14)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important
}
html[data-theme="light"] .footer :where(h4,.logo,.logo-word b){color:#f0eee8!important}
html[data-theme="light"] .footer .logo-word i{color:var(--acid,#f3b324)!important}
html[data-theme="light"] .footer :where(a,p){color:#aeb4aa!important}
html[data-theme="light"] .footer a:hover{color:#ffd166!important}
html[data-theme="light"] .footer .terms-button{background:rgba(255,255,255,.04)!important;color:#e9e6de!important;border-color:rgba(243,179,36,.25)!important}

/* Theme control fits the premium daylight palette. */



@media(max-width:1000px){
  html[data-theme="light"] .header{background:linear-gradient(135deg,rgba(14,17,13,.97),rgba(31,30,23,.96))!important}
}


/* v6.9.1 — header toggle, light hero artwork and theme media swapping */




.header-actions-v56 .pages-menu-btn-v56{order:3}
.header-actions-v56 .social-link-v75--facebook{order:4}
.header-actions-v56 .social-link-v75--linkedin{order:5}
html[data-theme="light"] .hero#home{
  background:
    radial-gradient(circle at 72% 18%,rgba(243,179,36,.16),transparent 18vw),
    linear-gradient(180deg,#090c09 0%,#0d100d 52%,#080a08 100%)!important;
  color:#f5f7f1!important;
}
html[data-theme="light"] .hero#home .hero-copy :where(h1,p){color:#f7f7f2!important;text-shadow:0 8px 30px rgba(0,0,0,.88)!important}
html[data-theme="light"] .hero#home .hero-copy .eyebrow,
html[data-theme="light"] .hero#home .hero-copy h1 span{color:#f3b324!important}
html[data-theme="light"] .hero#home .hero-copy > p:not(.eyebrow){color:#e4ebe2!important;text-shadow:0 2px 12px rgba(0,0,0,.82)!important}
html[data-theme="light"] .hero#home .hero-copy .btn.play,
html[data-theme="light"] .hero#home .hero-copy .btn:not(.fill){color:#f1eee4!important;background:rgba(8,10,8,.40)!important;border-color:rgba(243,179,36,.34)!important}
html[data-theme="light"] .hero#home .stage-image-bg img{filter:brightness(.96) saturate(1.02) contrast(1.03)!important}
html[data-theme="light"] .product-stage-bg,
html[data-theme="light"] .product-main .product-stage-bg{
  background-image:url("design/golden-portal-wide-background-light.jpg")!important;
  filter:saturate(.96) brightness(1.03)!important;
}



/* v6.9.3 — cleaner global border system for both dark and light modes */
:root{
  --ui-line-dark:rgba(255,255,255,.08);
  --ui-line-dark-strong:rgba(243,179,36,.18);
  --ui-line-light:rgba(44,34,18,.10);
  --ui-line-light-strong:rgba(166,122,34,.16);
}

/* Global panels / shells */
.header,.nav,.header-actions-v56 .btn,.header-actions-v56 .pages-menu-btn-v56,.header-actions-v56 .social-link-v75,.feature-status,.panel,.card,.solution-card,.product-card,.product-nav-card,.comp-card,.client-logo-card,.fmo-tank-card,.sector-card,.detail-card,.faq details,.why,.order-core,.order-sidebar,.popup-card,.pages-drawer-v56,.related-links a,.object-label,.hero-detail-link,.read,.fmo-menu button,.tank-level,.hero-visual,.brochure-top-btn,.play,.btn.ghost,.product-card-link,.comparison-card,.stats-card,.content-card,.info-card,.client-panel,.testimonial-card,.client-quote,.quote-card{
  border-color:var(--ui-line-dark)!important;
  box-shadow:none!important;
}

section,.footer,.trust-strip{
  border-color:rgba(255,255,255,.05)!important;
}

/* Hover / active still visible, but cleaner */
.solution-card:hover,.product-card:hover,.product-card.featured,.product-nav-card:hover,.comp-card:hover,.comp-card:focus-within,.client-logo-card:hover,.sector-card:hover,.detail-card:hover,.hero-detail-link:hover,.read:hover,.read:focus-visible,.fmo-menu button:hover,.fmo-menu button.active,.header-actions-v56 .btn:hover,.header-actions-v56 .pages-menu-btn-v56:hover,.header-actions-v56 .social-link-v75:hover,.nav a:hover,.nav a.active,.faq summary:hover,.related-links a:hover,.brochure-top-btn:hover,.play:hover,.btn.ghost:hover,.product-card:hover .product-card-link,.product-card.featured .product-card-link{
  border-color:var(--ui-line-dark-strong)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.14)!important;
}

/* Specific chrome in the hero/header area */
.header{box-shadow:0 10px 30px rgba(0,0,0,.14)!important}


.feature-status,.panel{background:linear-gradient(180deg,rgba(10,12,10,.76),rgba(8,10,8,.68))!important}
.header-actions-v56 .btn,.header-actions-v56 .pages-menu-btn-v56,.header-actions-v56 .social-link-v75{box-shadow:0 6px 16px rgba(0,0,0,.10)!important}

/* Light theme: even softer lines */
html[data-theme="light"] .header,html[data-theme="light"] .nav,html[data-theme="light"] .header-actions-v56 .btn,html[data-theme="light"] .header-actions-v56 .pages-menu-btn-v56,html[data-theme="light"] .header-actions-v56 .social-link-v75,html[data-theme="light"] .feature-status,html[data-theme="light"] .panel,html[data-theme="light"] .card,html[data-theme="light"] .solution-card,html[data-theme="light"] .product-card,html[data-theme="light"] .product-nav-card,html[data-theme="light"] .comp-card,html[data-theme="light"] .client-logo-card,html[data-theme="light"] .fmo-tank-card,html[data-theme="light"] .sector-card,html[data-theme="light"] .detail-card,html[data-theme="light"] .faq details,html[data-theme="light"] .why,html[data-theme="light"] .order-core,html[data-theme="light"] .order-sidebar,html[data-theme="light"] .popup-card,html[data-theme="light"] .pages-drawer-v56,html[data-theme="light"] .related-links a,html[data-theme="light"] .object-label,html[data-theme="light"] .hero-detail-link,html[data-theme="light"] .read,html[data-theme="light"] .fmo-menu button,html[data-theme="light"] .tank-level,html[data-theme="light"] .hero-visual,html[data-theme="light"] .brochure-top-btn,html[data-theme="light"] .play,html[data-theme="light"] .btn.ghost,html[data-theme="light"] .product-card-link,html[data-theme="light"] .comparison-card,html[data-theme="light"] .stats-card,html[data-theme="light"] .content-card,html[data-theme="light"] .info-card,html[data-theme="light"] .client-panel,html[data-theme="light"] .testimonial-card,html[data-theme="light"] .client-quote,html[data-theme="light"] .quote-card{
  border-color:var(--ui-line-light)!important;
  box-shadow:none!important;
}
html[data-theme="light"] section,html[data-theme="light"] .footer,html[data-theme="light"] .trust-strip{
  border-color:rgba(54,40,18,.045)!important;
}
html[data-theme="light"] .solution-card:hover,html[data-theme="light"] .product-card:hover,html[data-theme="light"] .product-card.featured,html[data-theme="light"] .product-nav-card:hover,html[data-theme="light"] .comp-card:hover,html[data-theme="light"] .comp-card:focus-within,html[data-theme="light"] .client-logo-card:hover,html[data-theme="light"] .sector-card:hover,html[data-theme="light"] .detail-card:hover,html[data-theme="light"] .hero-detail-link:hover,html[data-theme="light"] .read:hover,html[data-theme="light"] .read:focus-visible,html[data-theme="light"] .fmo-menu button:hover,html[data-theme="light"] .fmo-menu button.active,html[data-theme="light"] .header-actions-v56 .btn:hover,html[data-theme="light"] .header-actions-v56 .pages-menu-btn-v56:hover,html[data-theme="light"] .header-actions-v56 .social-link-v75:hover,html[data-theme="light"] .nav a:hover,html[data-theme="light"] .nav a.active,html[data-theme="light"] .faq summary:hover,html[data-theme="light"] .related-links a:hover,html[data-theme="light"] .brochure-top-btn:hover,html[data-theme="light"] .play:hover,html[data-theme="light"] .btn.ghost:hover,html[data-theme="light"] .product-card:hover .product-card-link,html[data-theme="light"] .product-card.featured .product-card-link{
  border-color:var(--ui-line-light-strong)!important;
  box-shadow:0 8px 22px rgba(58,44,19,.08)!important;
}
html[data-theme="light"] .header{box-shadow:0 10px 30px rgba(49,35,18,.08)!important}


html[data-theme="light"] .feature-status,html[data-theme="light"] .panel{background:linear-gradient(180deg,rgba(20,18,14,.78),rgba(16,14,11,.70))!important}
html[data-theme="light"] .header-actions-v56 .btn,html[data-theme="light"] .header-actions-v56 .pages-menu-btn-v56,html[data-theme="light"] .header-actions-v56 .social-link-v75{box-shadow:0 6px 16px rgba(58,44,19,.08)!important}


/* v6.9.4 — open-layout pass: remove nested structural frames */

/* The fixed outline around every page created an unnecessary box inside the viewport. */
.frame{display:none!important}

/* One unified navigation surface instead of three nested bordered boxes. */
.header{
  border:0!important;
  outline:0!important;
  box-shadow:0 14px 38px rgba(0,0,0,.18)!important;
  overflow:visible!important;
}
.header::before,.header::after{display:none!important}
.header .logo,
.header .nav-shell,
.header .jump-nav,
.header .header-actions-v56{
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.header .logo{border-radius:0!important}
.header .jump-nav a{border-color:transparent!important;box-shadow:none!important}
.header .jump-nav a.active,
.header .jump-nav a:hover{box-shadow:none!important}
.header-actions-v56 .pages-menu-btn-v56,.header-actions-v56 .social-link-v75{
  border-color:transparent!important;
  box-shadow:none!important;
}

/* Homepage: let the visual fill the available canvas rather than sit in a framed rectangle. */
.hero#home{
  border:0!important;
  outline:0!important;
  overflow:hidden!important;
}
.hero#home::before,.hero#home::after{display:none!important}
.hero#home .stage-image-bg{
  width:100vw!important;
  max-width:none!important;
  height:calc(100vh - 76px)!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  box-shadow:none!important;
}

/* Status panel: retain contrast but remove the hard card outline. */
.hero#home .hero-feature-panel{
  border:0!important;
  outline:0!important;
  border-radius:18px!important;
  background:linear-gradient(155deg,rgba(10,12,10,.68),rgba(5,7,5,.54))!important;
  box-shadow:0 20px 46px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(18px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.08)!important;
}
.hero#home .feature-status,
.hero#home .feature-item{
  border-color:rgba(255,255,255,.045)!important;
}
.hero#home .feature-next{
  border-color:rgba(243,179,36,.20)!important;
  box-shadow:none!important;
}

/* Bottom benefits become an integrated glass band, not another outlined container. */
.hero#home>.metrics{
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  background:linear-gradient(90deg,rgba(5,7,5,.62),rgba(9,11,9,.48),rgba(5,7,5,.62))!important;
  box-shadow:none!important;
  backdrop-filter:blur(14px) saturate(1.04)!important;
  -webkit-backdrop-filter:blur(14px) saturate(1.04)!important;
}
.hero#home>.metrics .metric{
  border-color:rgba(255,255,255,.045)!important;
}

/* Light mode uses the same open structure with slightly softer depth. */
html[data-theme="light"] .header{
  border:0!important;
  box-shadow:0 14px 34px rgba(43,33,18,.13)!important;
}
html[data-theme="light"] .header .logo,
html[data-theme="light"] .header .nav-shell,
html[data-theme="light"] .header .jump-nav,
html[data-theme="light"] .header .header-actions-v56{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html[data-theme="light"] .hero#home .hero-feature-panel{
  border:0!important;
  background:linear-gradient(155deg,rgba(16,17,14,.71),rgba(8,9,7,.58))!important;
  box-shadow:0 18px 40px rgba(51,38,17,.16)!important;
}
html[data-theme="light"] .hero#home>.metrics{
  border:0!important;
  background:linear-gradient(90deg,rgba(18,17,13,.61),rgba(25,22,16,.47),rgba(18,17,13,.61))!important;
  box-shadow:none!important;
}

@media(max-width:1050px){
  .hero#home .stage-image-bg{height:100%!important}
  .hero#home .hero-feature-panel{border-radius:16px!important}
  .hero#home>.metrics{border-radius:16px!important}
}
@media(max-width:680px){
  .header{border-radius:16px!important}
  .hero#home>.metrics{border-radius:14px!important}
}


/* v6.9.5 — site-wide accessibility refinement */
:root{
  --a11y-focus:#f3b324;
  --a11y-focus-shadow:0 0 0 4px rgba(243,179,36,.20);
}
html{color-scheme:dark light}
body{line-height:1.55}
p,li{line-height:1.65}
small,.eyebrow,.stage-label,.product-card-kicker,.info-kicker{letter-spacing:.12em}
a{text-underline-offset:.18em}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[role="button"]:focus-visible,.btn:focus-visible,.read:focus-visible,.pages-menu-btn-v56:focus-visible,.social-link-v75:focus-visible{
  outline:3px solid var(--a11y-focus)!important;
  outline-offset:3px!important;
  box-shadow:var(--a11y-focus-shadow)!important;
}
::selection{background:rgba(243,179,36,.32);color:#111}
.header-actions-v56 .btn,.header-actions-v56 .pages-menu-btn-v56,.header-actions-v56 .social-link-v75,.btn,.read,.faq summary{min-height:44px}
html[data-theme="light"] .stage-label{
  color:#7d5100!important;
  background:rgba(255,252,246,.92)!important;
  border-color:rgba(125,81,0,.22)!important;
}
html[data-theme="light"] .product-stage .stage-label,
html[data-theme="light"] .product-explorer-hint{box-shadow:0 12px 28px rgba(52,37,18,.12)!important}
html[data-theme="light"] .hero p,html[data-theme="light"] .content-prose p,html[data-theme="light"] .detail-card p,html[data-theme="light"] .faq p,html[data-theme="light"] .solution-card p,html[data-theme="light"] .product-card p,html[data-theme="light"] .feature-status p,html[data-theme="light"] .footer p{color:#243028!important}
html[data-theme="light"] .hero small,html[data-theme="light"] .feature-status small,html[data-theme="light"] .faq summary,html[data-theme="light"] .product-card-kicker,html[data-theme="light"] .info-kicker{color:#6f4a00!important}
html[data-theme="light"] .footer a:hover,
html[data-theme="light"] a:hover{color:#6f4a00!important}
@media(prefers-contrast:more){
  :root{--a11y-focus:#ffcc33}
  body{line-height:1.7}
  html[data-theme="light"] body{background:#fff!important;color:#111!important}
  
  html[data-theme="light"] :where(h1,h2,h3,h4,h5,h6,p,li,span,small,strong,label,a,button){color:#111!important;text-shadow:none!important}
  
}
@media(forced-colors:active){
  *{forced-color-adjust:auto}
  a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[role="button"]:focus-visible{outline:2px solid Highlight!important;outline-offset:2px!important}
}


/* v6.9.6 — site-wide UI accessibility audit fixes */
.skip-link-v696{
  position:fixed;left:18px;top:14px;z-index:10000;
  transform:translateY(-180%);padding:12px 18px;border-radius:10px;
  background:#111;color:#fff!important;border:2px solid #f3b324;
  font:800 15px/1.2 Inter,Arial,sans-serif;text-decoration:none;
  box-shadow:0 10px 30px rgba(0,0,0,.35);transition:transform .18s ease;
}
.skip-link-v696:focus{transform:translateY(0);outline:3px solid #fff;outline-offset:3px}
.footer .footer-heading{margin:0 0 8px;color:#f4f8ee;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.14em}
html[data-theme="light"] .footer .footer-heading{color:#f0eee8!important}

/* Normal light-theme page content must stay dark unless it sits on an explicit dark/media island. */
html[data-theme="light"] main > section:not(#home) :where(h1,h2,h3,h4,h5,h6,p,li,span,small,strong,b,label,summary,button,a){
  color:#202a22!important;text-shadow:none!important;
}


html[data-theme="light"] :where(.product-explorer-hint,.product-hotspot-card) :where(p,span){color:#eef3ea!important}
html[data-theme="light"] :where(.product-explorer-hint,.product-hotspot-card) :where(strong,b){color:#fff!important}

/* Homepage mobile showcase: use normal document flow so captions never sit over the handset. */
.mobile-stage{
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;
  min-height:980px!important;padding:76px 0 34px!important;overflow:visible!important;
}
.mobile-stage .phone-frame{margin-top:0!important;flex:0 0 auto}
.mobile-caption-wrap{
  position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;
  transform:none!important;width:min(620px,88%)!important;margin:30px auto 0!important;
  z-index:9!important;display:grid!important;gap:12px!important;justify-items:center!important;
}
.mobile-caption{position:relative!important;left:auto!important;bottom:auto!important;transform:none!important;width:100%!important;text-shadow:none!important}
.mobile-caption strong{font-size:clamp(30px,4vw,42px)!important;line-height:1!important}
.mobile-caption p{font-size:15px!important;line-height:1.62!important;max-width:580px!important}
.mobile-context-actions{margin-top:4px!important}
.mobile-helper{
  position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;
  transform:none!important;margin:28px auto 0!important;text-align:center!important;
  font-size:12px!important;line-height:1.4!important;letter-spacing:.12em!important;opacity:1!important;
}
.mobile-tabs{
  position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;
  transform:none!important;width:min(680px,94%)!important;margin:20px auto 0!important;opacity:1!important;
}
.mobile-tabs button{min-height:44px!important;padding:10px 16px!important;font-size:12px!important;letter-spacing:.06em!important}
.mobile-nav-arrows{top:320px!important;bottom:auto!important;inset-inline:5%!important}
.mobile-arrow{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important}
.mobile-dots{min-height:36px;align-items:center}
.mobile-dots button{
  position:relative;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;
  background:transparent!important;border:0!important;border-radius:50%!important;
}
.mobile-dots button::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;border-radius:50%;transform:translate(-50%,-50%);background:rgba(255,255,255,.32)}
.mobile-dots button.active::after{background:#f3b324;box-shadow:0 0 14px rgba(243,179,36,.42);transform:translate(-50%,-50%) scale(1.16)}
html[data-theme="light"] .mobile-suite{background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(224,214,198,.25))!important}
html[data-theme="light"] .mobile-caption span{color:#9a6500!important}
html[data-theme="light"] .mobile-caption strong{color:#171c17!important}
html[data-theme="light"] .mobile-caption p{color:#303c33!important}
html[data-theme="light"] .mobile-helper{color:#49554c!important}
html[data-theme="light"] .mobile-tabs button{
  color:#3d463e!important;background:rgba(255,252,246,.56)!important;border-color:rgba(101,71,14,.24)!important;
}
html[data-theme="light"] .mobile-tabs button:hover,
html[data-theme="light"] .mobile-tabs button.active,
html[data-theme="light"] .mobile-tabs button[aria-pressed="true"]{
  color:#171b17!important;background:#f3b324!important;border-color:#a86d00!important;
}
html[data-theme="light"] .mobile-dots button::after{background:rgba(40,48,41,.30)}
html[data-theme="light"] .mobile-dots button.active::after{background:#bd7a00}
html[data-theme="light"] .mobile-context-info{color:#252d26!important;background:rgba(255,250,239,.82)!important;border-color:rgba(151,99,0,.32)!important}
html[data-theme="dark"] .mobile-caption p{color:#d7ded3!important}
html[data-theme="dark"] .mobile-helper{color:#bdc6ba!important}
html[data-theme="dark"] .mobile-tabs button{color:#eef1ea!important}

/* Accessible carousel target areas without making the visual indicators oversized. */
.caption-progress button,.fmo-shot-dots button{
  min-width:28px!important;min-height:28px!important;position:relative!important;background:transparent!important;border:0!important;
}
.hero#home .caption-progress button::after,.fmo-shot-dots button::after{
  content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:50%;transform:translate(-50%,-50%);background:rgba(255,255,255,.34);
}
.hero#home .caption-progress button.active::after,.fmo-shot-dots button.active::after{background:#f3b324;box-shadow:0 0 13px rgba(243,179,36,.48)}

/* Reduce overly faint utility copy and improve minimum readable sizes. */
:where(.drag-hint,.mobile-helper,.product-explorer-hint,.caption-count,.stage-label,.eyebrow,.info-kicker,.product-card-kicker){opacity:1!important}
:where(.drag-hint,.mobile-helper,.product-explorer-hint,.caption-count,.stage-label,.eyebrow,.info-kicker,.product-card-kicker,small){font-size:max(11px,1em)}
.context-info-trigger,.context-inline-close,.pages-drawer-close-v56,.arrow,.mobile-arrow{min-width:44px;min-height:44px}

/* Strong, consistent focus and active states. */
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{
  outline:3px solid #f3b324!important;outline-offset:3px!important;box-shadow:0 0 0 5px rgba(243,179,36,.18)!important;
}
:where(button,[role="button"])[aria-pressed="true"]{border-color:rgba(243,179,36,.72)!important}

/* Motion and zoom accessibility. */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
@media(max-width:820px){
  .mobile-stage{min-height:auto!important;padding:36px 0 28px!important}
  .mobile-stage .phone-frame{margin-top:0!important}
  .mobile-caption-wrap{width:94%!important;margin-top:28px!important}
  .mobile-nav-arrows{top:260px!important;inset-inline:2%!important}
  .mobile-helper{margin-top:24px!important}
  .mobile-tabs{margin-top:16px!important}
}
@media(max-width:520px){
  .mobile-caption strong{font-size:30px!important}
  .mobile-caption p{font-size:14px!important}
  .mobile-tabs button{font-size:11px!important;padding:9px 12px!important}
  .mobile-nav-arrows{top:235px!important}
}


/* v6.9.7 — improved readability plus upgraded theme toggle */
/* Premium toggle inspired by the supplied switch reference */





















/* Readability fixes for light mode and image-led UI */
html[data-theme="light"] .contact-quick-panel article,
html[data-theme="dark"] .contact-quick-panel article{
  background:linear-gradient(180deg,rgba(8,10,8,.95),rgba(6,8,6,.90))!important;
  border-color:rgba(243,179,36,.24)!important;
  box-shadow:0 18px 40px rgba(0,0,0,.24), inset 0 0 32px rgba(243,179,36,.03)!important;
}
.contact-quick-panel article :where(small,strong,h3,p,span){opacity:1!important}
.contact-quick-panel article :where(h3,strong){color:#f4f7ef!important;text-shadow:none!important}
.contact-quick-panel article :where(p,span){color:#d7dfd3!important;text-shadow:none!important}
.contact-quick-panel article small{color:#d39a17!important}
html[data-theme="light"] .contact-quick-panel article .btn.ghost{background:rgba(255,255,255,.92)!important;color:#293227!important;border-color:rgba(255,255,255,.55)!important}

html[data-theme="light"] .spec-card{
  background:linear-gradient(145deg,rgba(255,252,246,.98),rgba(247,242,233,.96))!important;
  border-color:rgba(74,57,23,.16)!important;
  box-shadow:0 16px 42px rgba(54,45,27,.08)!important;
}
html[data-theme="light"] .spec-card h3{color:#233027!important}
html[data-theme="light"] .spec-row{border-color:rgba(74,57,23,.12)!important}
html[data-theme="light"] .spec-row dt,
html[data-theme="light"] .spec-row strong,
html[data-theme="light"] .spec-row .key{color:#ba7a00!important}
html[data-theme="light"] .spec-row dd,
html[data-theme="light"] .spec-row span,
html[data-theme="light"] .spec-list dd{color:#243128!important;opacity:1!important;text-shadow:none!important}

.product-explorer-hint,
.product-explorer-hint :where(span,strong,b),
.product-hotspot-card,
.product-hotspot-card :where(strong,span,p){
  opacity:1!important;
  text-shadow:none!important;
}
.product-explorer-hint{
  background:rgba(8,10,8,.88)!important;
  border-color:rgba(243,179,36,.28)!important;
  color:#eef3ea!important;
  box-shadow:0 14px 34px rgba(0,0,0,.26)!important;
}
.product-explorer-hint :where(span,strong,b){color:#edf2e9!important}
.product-hotspot-card{
  background:linear-gradient(135deg,rgba(5,7,6,.97),rgba(16,17,14,.95))!important;
  border-color:rgba(243,179,36,.46)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.44), inset 0 0 0 1px rgba(255,255,255,.04)!important;
}
.product-hotspot-card strong{color:#ffffff!important;font-size:13px!important;line-height:1.18!important;letter-spacing:.02em!important}
.product-hotspot-card span,.product-hotspot-card p{color:#eef3ea!important;font-size:12px!important;line-height:1.52!important;font-weight:600!important}
.product-hotspot.side-left .product-hotspot-card,.product-hotspot.side-right .product-hotspot-card{text-align:left!important}
.product-hotspot-dot{box-shadow:0 0 0 6px rgba(243,179,36,.14),0 0 22px rgba(243,179,36,.44),0 8px 22px rgba(0,0,0,.36)!important}

html[data-theme="light"] .sector-card::before{filter:saturate(.92) brightness(.42)!important}
html[data-theme="light"] .sector-card::after{
  background:linear-gradient(180deg,rgba(2,3,2,.20) 0%,rgba(2,3,2,.32) 22%,rgba(2,3,2,.72) 60%,rgba(1,2,1,.96) 100%),radial-gradient(circle at 82% 18%,rgba(243,179,36,.15),transparent 28%)!important;
}
html[data-theme="light"] .sector-card :where(h3,p,span,strong,small,a){color:#fff!important;text-shadow:0 2px 18px rgba(0,0,0,.70)!important;opacity:1!important}
html[data-theme="light"] .sector-card a{background:rgba(8,10,8,.42)!important;border-color:rgba(243,179,36,.42)!important}
html[data-theme="light"] .sector-card small{background:rgba(0,0,0,.34)!important}

html[data-theme="light"] .mobile-caption strong{color:#17211a!important;text-shadow:none!important}
html[data-theme="light"] .mobile-caption p{color:#2b362d!important;background:rgba(255,251,243,.78)!important;border:1px solid rgba(176,124,17,.16)!important;padding:8px 12px!important;border-radius:14px!important;text-shadow:none!important}
html[data-theme="light"] .mobile-caption span{color:#b17500!important}
html[data-theme="light"] .mobile-helper{color:#5b5141!important;text-shadow:none!important}
html[data-theme="light"] .mobile-tabs button{background:rgba(255,251,243,.76)!important;color:#5d450f!important;border-color:rgba(176,124,17,.28)!important}
html[data-theme="light"] .mobile-tabs button:hover,html[data-theme="light"] .mobile-tabs button.active{background:var(--acid)!important;color:#11170d!important;border-color:rgba(176,124,17,.52)!important}
html[data-theme="light"] .mobile-context-info{background:rgba(255,251,243,.76)!important;color:#5d450f!important;border-color:rgba(176,124,17,.28)!important}
html[data-theme="light"] .mobile-context-info b{background:var(--acid)!important;color:#11170d!important}

/* Slightly stronger default readability in light theme for dark surfaces */




/* v6.9.8 — accessible sky toggle and final contrast lock */
.sky-theme-switch{
  --toggle-size:14px;--container-width:5.625em;--container-height:2.5em;--container-radius:6.25em;
  --container-light-bg:#4f8db7;--container-night-bg:#1d1f2c;--circle-container-diameter:3.375em;
  --sun-moon-diameter:2.125em;--sun-bg:#f3b324;--moon-bg:#d7dbe2;--spot-color:#9099aa;
  --circle-offset:calc((var(--circle-container-diameter) - var(--container-height)) / 2 * -1);
  --switch-transition:.38s cubic-bezier(.2,.72,.2,1);
  position:relative;display:inline-block;flex:0 0 auto;width:calc(var(--container-width) * var(--toggle-size));
  height:calc(var(--container-height) * var(--toggle-size));font-size:var(--toggle-size);cursor:pointer;isolation:isolate;order:2;
}
.sky-theme-switch,.sky-theme-switch *,.sky-theme-switch *::before,.sky-theme-switch *::after{box-sizing:border-box}
.sky-theme-switch__checkbox{position:absolute;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}
.sky-theme-switch__container{position:relative;display:block;width:var(--container-width);height:var(--container-height);overflow:hidden;border-radius:var(--container-radius);background:var(--container-light-bg);box-shadow:inset 0 .08em .18em rgba(0,0,0,.28),0 .08em .16em rgba(255,255,255,.28),0 .18em .55em rgba(0,0,0,.20);transition:background-color var(--switch-transition),box-shadow var(--switch-transition)}
.sky-theme-switch__container::before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 .06em rgba(255,255,255,.18);pointer-events:none;z-index:4}
.sky-theme-switch__clouds{position:absolute;left:.15em;bottom:-.62em;width:1.25em;height:1.25em;border-radius:50%;background:#f7fbfc;box-shadow:.94em .31em #f7fbfc,-.31em -.31em #b8d0df,1.44em .38em #f7fbfc,.5em -.13em #b8d0df,2.19em 0 #f7fbfc,1.25em -.06em #b8d0df,2.94em .31em #f7fbfc,2em -.31em #b8d0df,3.63em -.06em #f7fbfc,2.63em 0 #b8d0df,4.5em -.31em #f7fbfc,3.38em -.44em #b8d0df;transition:bottom var(--switch-transition);z-index:1}
.sky-theme-switch__stars{position:absolute;left:.55em;top:-100%;width:2.7em;height:1.75em;opacity:.95;background:radial-gradient(circle at 8% 70%,#fff 0 .06em,transparent .07em),radial-gradient(circle at 34% 24%,#fff 0 .08em,transparent .09em),radial-gradient(circle at 58% 66%,#fff 0 .06em,transparent .07em),radial-gradient(circle at 84% 30%,#fff 0 .09em,transparent .10em),radial-gradient(circle at 70% 92%,#fff 0 .05em,transparent .06em);transition:top var(--switch-transition),transform var(--switch-transition);z-index:1}
.sky-theme-switch__circle{position:absolute;left:var(--circle-offset);top:var(--circle-offset);width:var(--circle-container-diameter);height:var(--circle-container-diameter);border-radius:50%;display:flex;background:rgba(255,255,255,.10);box-shadow:inset 0 0 0 3.375em rgba(255,255,255,.08),0 0 0 .625em rgba(255,255,255,.08),0 0 0 1.25em rgba(255,255,255,.055);transition:left var(--switch-transition);pointer-events:none;z-index:3}
.sky-theme-switch__sun-moon{position:relative;width:var(--sun-moon-diameter);height:var(--sun-moon-diameter);margin:auto;border-radius:50%;overflow:hidden;background:var(--sun-bg);box-shadow:inset .06em .06em .08em rgba(255,255,255,.56),inset 0 -.06em .08em rgba(126,86,10,.48),0 .10em .22em rgba(0,0,0,.28);transition:background-color var(--switch-transition),transform var(--switch-transition)}
.sky-theme-switch__moon{position:absolute;inset:0;border-radius:inherit;background:var(--moon-bg);transform:translateX(100%);transition:transform var(--switch-transition);box-shadow:inset .06em .06em .08em rgba(255,255,255,.56),inset 0 -.06em .08em rgba(70,75,86,.36)}
.sky-theme-switch__moon i{position:absolute;display:block;border-radius:50%;background:var(--spot-color);box-shadow:inset 0 .03em .06em rgba(0,0,0,.22)}
.sky-theme-switch__moon i:nth-child(1){width:.75em;height:.75em;top:.75em;left:.31em}.sky-theme-switch__moon i:nth-child(2){width:.38em;height:.38em;top:.94em;left:1.38em}.sky-theme-switch__moon i:nth-child(3){width:.25em;height:.25em;top:.31em;left:.81em}
.sky-theme-switch__checkbox:checked + .sky-theme-switch__container{background:var(--container-night-bg)}
.sky-theme-switch__checkbox:checked + .sky-theme-switch__container .sky-theme-switch__circle{left:calc(100% - var(--circle-offset) - var(--circle-container-diameter))}
.sky-theme-switch__checkbox:checked + .sky-theme-switch__container .sky-theme-switch__moon{transform:translateX(0)}
.sky-theme-switch__checkbox:checked + .sky-theme-switch__container .sky-theme-switch__clouds{bottom:-4.1em}
.sky-theme-switch__checkbox:checked + .sky-theme-switch__container .sky-theme-switch__stars{top:50%;transform:translateY(-50%)}
.sky-theme-switch__checkbox:focus-visible + .sky-theme-switch__container{outline:3px solid #f3b324;outline-offset:4px;box-shadow:0 0 0 5px rgba(243,179,36,.20),inset 0 .08em .18em rgba(0,0,0,.28)}
.sky-theme-switch:hover .sky-theme-switch__container{box-shadow:inset 0 .08em .18em rgba(0,0,0,.28),0 .08em .16em rgba(255,255,255,.30),0 .24em .72em rgba(243,179,36,.22)}
.sky-theme-switch__status{position:absolute;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}
.sky-theme-switch--floating{position:fixed;right:18px;bottom:18px;z-index:100}.header-actions-v56 .sky-theme-switch{order:2}.header-actions-v56 .pages-menu-btn-v56{order:3}.header-actions-v56 .social-link-v75--facebook{order:4}.header-actions-v56 .social-link-v75--linkedin{order:5}

/* Explicit contrast for intentional dark surfaces in light mode. */
html[data-theme="light"] .contact-quick-panel article,
html[data-theme="light"] .product-hotspot-card,
html[data-theme="light"] .product-explorer-hint,
html[data-theme="light"] .sector-card,
html[data-theme="light"] .footer{color:#f6f7f3!important}
html[data-theme="light"] .contact-quick-panel article :where(h1,h2,h3,h4,p,span,strong,b,a,button,label),html[data-theme="light"] main > section:not(#home) .product-hotspot-card :where(h1,h2,h3,h4,p,span,strong,b,a,button,label),html[data-theme="light"] main > section:not(#home) .product-explorer-hint :where(h1,h2,h3,h4,p,span,strong,b,a,button,label),html[data-theme="light"] main > section:not(#home) .sector-card :where(h1,h2,h3,h4,p,span,strong,b,a,button,label),html[data-theme="light"] .footer :where(h1,h2,h3,h4,p,span,strong,b,a,button,label){color:#f6f7f3!important;text-shadow:none!important;-webkit-text-stroke:0!important}
html[data-theme="light"] .contact-quick-panel article p,
html[data-theme="light"] .product-hotspot-card span,
html[data-theme="light"] main > section:not(#home) .sector-card p,
html[data-theme="light"] .footer :where(p,a){color:#d6ddd5!important}
html[data-theme="light"] .contact-quick-panel article small,
html[data-theme="light"] main > section:not(#home) .sector-card small,
html[data-theme="light"] .product-explorer-hint::before,
html[data-theme="light"] .footer .logo-word i{color:#f3b324!important}
html[data-theme="light"] main > section:not(#home) .sector-card a{color:#fff!important;background:rgba(0,0,0,.58)!important;border-color:rgba(243,179,36,.55)!important}
html[data-theme="light"] main > section:not(#home) .sector-card::after{background:linear-gradient(180deg,rgba(2,3,2,.10) 0%,rgba(3,4,3,.34) 26%,rgba(2,3,2,.82) 64%,rgba(1,2,1,.98) 100%),radial-gradient(circle at 82% 18%,rgba(243,179,36,.18),transparent 28%)!important}

html[data-theme="light"] main > section#specification .spec-card{background:rgba(255,251,244,.94)!important;border-color:rgba(87,65,31,.16)!important}
html[data-theme="light"] main > section#specification .spec-card h3{color:#202a22!important;background:rgba(243,179,36,.10)!important;border-color:rgba(76,56,28,.12)!important}
html[data-theme="light"] main > section#specification .spec-row{border-color:rgba(76,56,28,.10)!important}
html[data-theme="light"] main > section#specification .spec-row dt{color:#8b5900!important}
html[data-theme="light"] main > section#specification .spec-row dd{color:#29342d!important}
html[data-theme="dark"] main > section#specification .spec-row dd{color:#e4e9e1!important}

html[data-theme="light"] #mobile .mobile-caption strong{color:#18231c!important}
html[data-theme="light"] #mobile .mobile-caption p{color:#344038!important}
html[data-theme="light"] #mobile .mobile-helper{color:#536058!important}
html[data-theme="light"] #mobile .mobile-tabs button{color:#334038!important;background:rgba(255,252,246,.88)!important;border-color:rgba(132,91,17,.32)!important}
html[data-theme="light"] #mobile .mobile-tabs button:hover,
html[data-theme="light"] #mobile .mobile-tabs button.active,
html[data-theme="light"] #mobile .mobile-tabs button[aria-pressed="true"]{color:#3b2800!important;background:#f3b324!important;border-color:#b87800!important}
html[data-theme="light"] #mobile .mobile-context-info{color:#382800!important;background:rgba(255,252,246,.92)!important;border-color:rgba(132,91,17,.38)!important}
html[data-theme="light"] #mobile .mobile-dots button::after{background:rgba(71,62,45,.28)!important}
html[data-theme="light"] #mobile .mobile-dots button.active::after{background:#f3b324!important}

html[data-theme="light"] .footer{background:radial-gradient(circle at 10% 0%,rgba(243,179,36,.08),transparent 24%),linear-gradient(180deg,#1a1d18,#0d100d)!important}
html[data-theme="light"] .footer .footer-heading,html[data-theme="light"] .footer .logo,html[data-theme="light"] .footer .logo-word b{color:#f2f1eb!important}

@media(max-width:720px){.sky-theme-switch{--toggle-size:12px}}
@media(prefers-reduced-motion:reduce){.sky-theme-switch__container,.sky-theme-switch__clouds,.sky-theme-switch__stars,.sky-theme-switch__circle,.sky-theme-switch__sun-moon,.sky-theme-switch__moon{transition:none!important}}
@media(forced-colors:active){.sky-theme-switch__container{border:1px solid ButtonText;background:Canvas!important}.sky-theme-switch__checkbox:focus-visible + .sky-theme-switch__container{outline:2px solid Highlight!important}}


/* v6.9.9 — stable sky-toggle sizing; remove legacy hover-width conflict */
.sky-theme-switch{
  inline-size:calc(var(--container-width) * var(--toggle-size))!important;
  min-inline-size:calc(var(--container-width) * var(--toggle-size))!important;
  block-size:calc(var(--container-height) * var(--toggle-size))!important;
  min-block-size:calc(var(--container-height) * var(--toggle-size))!important;
  padding:0!important;
  margin:0 2px!important;
  transform:none!important;
  overflow:visible!important;
}
.sky-theme-switch:hover,.sky-theme-switch:focus-within{
  inline-size:calc(var(--container-width) * var(--toggle-size))!important;
  min-inline-size:calc(var(--container-width) * var(--toggle-size))!important;
  block-size:calc(var(--container-height) * var(--toggle-size))!important;
  min-block-size:calc(var(--container-height) * var(--toggle-size))!important;
  padding:0!important;
  transform:none!important;
}
.sky-theme-switch__container{
  inline-size:100%!important;
  block-size:100%!important;
}
.header-actions-v56 .sky-theme-switch{flex:0 0 calc(var(--container-width) * var(--toggle-size))!important}


/* v6.9.10 — restore stable internal hover interaction */
.sky-theme-switch{
  --switch-hover-nudge:.16em;
}
.sky-theme-switch__circle,
.sky-theme-switch__sun-moon{
  will-change:left,transform,filter;
}
/* The label stays fixed; only the decorative thumb reacts. */
.sky-theme-switch:hover .sky-theme-switch__sun-moon,
.sky-theme-switch:focus-within .sky-theme-switch__sun-moon{
  transform:translateX(var(--switch-hover-nudge)) scale(1.07);
  filter:drop-shadow(0 0 .34em rgba(243,179,36,.48));
}
.sky-theme-switch:has(.sky-theme-switch__checkbox:checked):hover .sky-theme-switch__sun-moon,
.sky-theme-switch:has(.sky-theme-switch__checkbox:checked):focus-within .sky-theme-switch__sun-moon{
  transform:translateX(calc(var(--switch-hover-nudge) * -1)) scale(1.07);
  filter:drop-shadow(0 0 .34em rgba(210,220,238,.40));
}
.sky-theme-switch:hover .sky-theme-switch__container,
.sky-theme-switch:focus-within .sky-theme-switch__container{
  box-shadow:inset 0 .08em .18em rgba(0,0,0,.28),0 .08em .16em rgba(255,255,255,.30),0 .24em .72em rgba(243,179,36,.22)!important;
}
.sky-theme-switch:active .sky-theme-switch__sun-moon{
  transform:scale(.96)!important;
  filter:none!important;
}
@media(prefers-reduced-motion:reduce){
  .sky-theme-switch:hover .sky-theme-switch__sun-moon,
  .sky-theme-switch:focus-within .sky-theme-switch__sun-moon,
  .sky-theme-switch:has(.sky-theme-switch__checkbox:checked):hover .sky-theme-switch__sun-moon,
  .sky-theme-switch:has(.sky-theme-switch__checkbox:checked):focus-within .sky-theme-switch__sun-moon{
    transform:none!important;
    filter:none!important;
  }
}


/* v6.9.11 — guaranteed toggle mounting and reserved header space */
.sky-theme-switch[data-theme-toggle]{
  display:inline-block!important;
  visibility:visible!important;
  opacity:1!important;
  flex:0 0 calc(var(--container-width) * var(--toggle-size))!important;
  position:relative!important;
  z-index:6!important;
}
.header-actions-v56{overflow:visible!important}
.header-actions-v56 .fmo-login-v56{order:1!important}
.header-actions-v56 .sky-theme-switch{order:2!important}
.header-actions-v56 .pages-menu-btn-v56{order:3!important}
.header-actions-v56 .social-link-v75--facebook{order:4!important}
.header-actions-v56 .social-link-v75--linkedin{order:5!important}
@media(min-width:1221px){
  .header{grid-template-columns:230px minmax(0,1fr) 390px!important}
  .header-actions-v56{width:390px!important;min-width:390px!important;max-width:390px!important}
}
@media(max-width:1220px) and (min-width:641px){
  .header{grid-template-columns:220px 390px!important}
  .header-actions-v56{width:390px!important;min-width:390px!important;max-width:390px!important}
}
@media(max-width:760px){
  .sky-theme-switch{--toggle-size:12px!important}
}
@media(max-width:640px){
  .header-actions-v56{width:auto!important;min-width:0!important;max-width:none!important}
  .header-actions-v56 .fmo-login-v56{min-width:94px!important}
}


/* v6.9.12 — guaranteed visible toggle with explicit pixel sizing */
.sky-theme-switch[data-theme-toggle],
.header-actions-v56 .sky-theme-switch[data-theme-toggle]{
  --toggle-size:14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  inset:auto!important;
  width:80px!important;
  min-width:80px!important;
  max-width:80px!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  flex:0 0 80px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  z-index:20!important;
  order:2!important;
}
.sky-theme-switch[data-theme-toggle] .sky-theme-switch__container{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:80px!important;
  min-width:80px!important;
  max-width:80px!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  flex:none!important;
}
.header-actions-v56{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  overflow:visible!important;
}
.header-actions-v56 .fmo-login-v56{
  order:1!important;
  flex:0 0 150px!important;
  width:150px!important;
  min-width:150px!important;
  max-width:150px!important;
}
.header-actions-v56 .pages-menu-btn-v56{order:3!important;flex:0 0 46px!important;width:46px!important;min-width:46px!important;max-width:46px!important}
.header-actions-v56 .social-link-v75--facebook{order:4!important;flex:0 0 46px!important}
.header-actions-v56 .social-link-v75--linkedin{order:5!important;flex:0 0 46px!important}
@media(min-width:1221px){
  .header{grid-template-columns:230px minmax(0,1fr) 420px!important}
  .header-actions-v56{width:420px!important;min-width:420px!important;max-width:420px!important}
}
@media(max-width:1220px) and (min-width:641px){
  .header{grid-template-columns:220px 420px!important}
  .header-actions-v56{width:420px!important;min-width:420px!important;max-width:420px!important}
}
@media(max-width:900px){
  .header{grid-template-columns:minmax(180px,1fr) auto!important}
  .header-actions-v56{width:420px!important;min-width:420px!important;max-width:420px!important}
}
@media(max-width:640px){
  .header-actions-v56{width:auto!important;min-width:0!important;max-width:none!important;gap:6px!important}
  .header-actions-v56 .social-link-v75{display:none!important}
  .header-actions-v56 .fmo-login-v56{flex:0 0 102px!important;width:102px!important;min-width:102px!important;max-width:102px!important}
  .sky-theme-switch[data-theme-toggle],
  .header-actions-v56 .sky-theme-switch[data-theme-toggle]{width:72px!important;min-width:72px!important;max-width:72px!important;height:34px!important;min-height:34px!important;max-height:34px!important;flex-basis:72px!important}
  .sky-theme-switch[data-theme-toggle] .sky-theme-switch__container{width:72px!important;min-width:72px!important;max-width:72px!important;height:34px!important;min-height:34px!important;max-height:34px!important}
}
@media(max-width:460px){
  .header-actions-v56 .fmo-login-v56{flex-basis:88px!important;width:88px!important;min-width:88px!important;max-width:88px!important;padding-inline:7px!important}
  .sky-theme-switch[data-theme-toggle],
  .header-actions-v56 .sky-theme-switch[data-theme-toggle]{width:64px!important;min-width:64px!important;max-width:64px!important;flex-basis:64px!important}
  .sky-theme-switch[data-theme-toggle] .sky-theme-switch__container{width:64px!important;min-width:64px!important;max-width:64px!important}
  .header-actions-v56 .pages-menu-btn-v56{flex-basis:42px!important;width:42px!important;min-width:42px!important;max-width:42px!important}
}


/* v6.9.13 — final light-mode accessibility pass for trust, CTA and footer */
html[data-theme="light"] .client-trust{
  background:
    radial-gradient(circle at 72% 18%, rgba(243,179,36,.16), transparent 28%),
    linear-gradient(135deg, #171b16 0%, #20231d 55%, #141712 100%) !important;
  border-color: rgba(243,179,36,.18) !important;
}
html[data-theme="light"] section.client-trust .eyebrow,
html[data-theme="light"] .client-trust .eyebrow{
  color:#f3b324 !important;
  opacity:1 !important;
}
html[data-theme="light"] section.client-trust h2,
html[data-theme="light"] .client-trust h2,
html[data-theme="light"] .client-trust #client-trust-title{
  color:#f6f4ee !important;
  opacity:1 !important;
  text-shadow:none !important;
}
html[data-theme="light"] section.client-trust p,html[data-theme="light"] .client-trust p{
  color:#d7ddd3 !important;
  opacity:1 !important;
  text-shadow:none !important;
}
html[data-theme="light"] .client-trust .marquee,
html[data-theme="light"] .marquee{
  background:linear-gradient(180deg,#252720,#171a15) !important;
  border-color:rgba(243,179,36,.14) !important;
}
html[data-theme="light"] .client-logo-card{
  background:linear-gradient(145deg,#fffaf1,#efe4d1) !important;
  border-color:rgba(148,106,29,.20) !important;
  box-shadow:0 12px 28px rgba(32,25,13,.16), inset 0 1px 0 rgba(255,255,255,.80) !important;
}

html[data-theme="light"] .cta-card{
  background:linear-gradient(135deg,#ebe3d7 0%,#e4dbcf 100%) !important;
  border-color:rgba(87,65,31,.10) !important;
}
html[data-theme="light"] .cta-copy .eyebrow{
  color:#7c5600 !important;
  opacity:1 !important;
}
html[data-theme="light"] .cta-copy h2,
html[data-theme="light"] .cta-copy h2 span{
  color:#1e2a22 !important;
  opacity:1 !important;
}
html[data-theme="light"] .cta-copy p{
  color:#39453d !important;
  opacity:1 !important;
}
html[data-theme="light"] .contact-quick-panel article{
  background:linear-gradient(180deg,rgba(10,12,10,.96),rgba(8,10,8,.92)) !important;
  border-color:rgba(243,179,36,.22) !important;
  box-shadow:0 16px 36px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.03) !important;
}
html[data-theme="light"] .contact-quick-panel article small{
  color:#e0a520 !important;
  opacity:1 !important;
}
html[data-theme="light"] .contact-quick-panel article strong,
html[data-theme="light"] .contact-quick-panel article h3{
  color:#f4f6f0 !important;
  opacity:1 !important;
}
html[data-theme="light"] .contact-quick-panel article p,
html[data-theme="light"] .contact-quick-panel article span,
html[data-theme="light"] .contact-quick-panel article a:not(.btn){
  color:#d7ddd5 !important;
  opacity:1 !important;
}
html[data-theme="light"] .contact-quick-panel article .btn{
  min-height:46px !important;
}
html[data-theme="light"] .contact-quick-panel article .btn:not(.fill){
  background:rgba(255,251,243,.92) !important;
  color:#273229 !important;
  border-color:rgba(255,255,255,.55) !important;
}
html[data-theme="light"] .contact-quick-panel article .btn:not(.fill):hover{
  background:#ffffff !important;
  color:#11170d !important;
}

html[data-theme="light"] .footer{
  background:
    radial-gradient(circle at 16% 0%, rgba(243,179,36,.10), transparent 22%),
    linear-gradient(180deg,#1b1e19 0%, #0e110d 100%) !important;
  color:#e7ece4 !important;
}
html[data-theme="light"] .footer .footer-heading,html[data-theme="light"] .footer h4,html[data-theme="light"] .footer .logo,html[data-theme="light"] .footer .logo-word,html[data-theme="light"] .footer .logo-word b,html[data-theme="light"] .footer strong,html[data-theme="light"] .footer b{
  color:#f3f1eb !important;
  opacity:1 !important;
  text-shadow:none !important;
}
html[data-theme="light"] .footer .logo-word i,
html[data-theme="light"] .footer .logo i{
  color:#f3b324 !important;
}
html[data-theme="light"] .footer p,html[data-theme="light"] .footer a,html[data-theme="light"] .footer li,html[data-theme="light"] .footer span,html[data-theme="light"] .footer small{
  color:#d6ddd5 !important;
  opacity:1 !important;
}
html[data-theme="light"] .footer a:hover,
html[data-theme="light"] .footer a:focus-visible{
  color:#ffd166 !important;
}
html[data-theme="light"] .footer .terms-button{
  background:rgba(255,255,255,.05) !important;
  color:#f3f1eb !important;
  border-color:rgba(243,179,36,.26) !important;
}


/* v6.9.14 — stronger dark-mode header visibility */
html[data-theme="dark"] .header{
  background:linear-gradient(135deg,rgba(8,10,9,.96) 0%,rgba(15,14,10,.94) 52%,rgba(8,10,9,.96) 100%) !important;
  border:1px solid rgba(243,179,36,.10) !important;
  box-shadow:0 16px 44px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.03), inset 0 0 0 1px rgba(243,179,36,.05) !important;
  backdrop-filter:blur(18px) saturate(1.06) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.06) !important;
}
html[data-theme="dark"] .header .logo,
html[data-theme="dark"] .header .nav-shell,
html[data-theme="dark"] .header .jump-nav,
html[data-theme="dark"] .header .header-actions-v56{
  background:transparent !important;
}
html[data-theme="dark"] .header .logo,
html[data-theme="dark"] .header .logo .logo-word b,
html[data-theme="dark"] .header .logo small{
  color:#f6f7f2 !important;
  opacity:1 !important;
  text-shadow:0 1px 12px rgba(0,0,0,.36) !important;
}
html[data-theme="dark"] .header .logo .logo-word i{
  color:#f3b324 !important;
}
html[data-theme="dark"] .jump-nav a{
  color:rgba(242,246,239,.92) !important;
  opacity:1 !important;
  text-shadow:0 1px 12px rgba(0,0,0,.42) !important;
}
html[data-theme="dark"] .jump-nav a::after{
  background:rgba(243,179,36,.42) !important;
  opacity:.9 !important;
}
html[data-theme="dark"] .jump-nav a:hover,html[data-theme="dark"] .jump-nav a.active,html[data-theme="dark"] .jump-nav a[aria-current="page"]{
  color:#ffffff !important;
  text-shadow:0 1px 14px rgba(0,0,0,.46) !important;
}
html[data-theme="dark"] .header-actions-v56 .pages-menu-btn-v56,
html[data-theme="dark"] .header-actions-v56 .social-link-v75,
html[data-theme="dark"] .header-actions-v56 .sky-theme-switch[data-theme-toggle]{
  background:rgba(255,255,255,.06) !important;
  box-shadow:0 8px 22px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04) !important;
}
html[data-theme="dark"] .pages-menu-icon-v56 span{background:#f2f4ef !important}
html[data-theme="dark"] .header-actions-v56 .social-link-v75{color:#f2f4ef !important}
html[data-theme="dark"] .header-actions-v56 .fmo-login-v56{
  box-shadow:0 10px 24px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.18) !important;
}
@media(max-width:900px){
  html[data-theme="dark"] .header{
    background:linear-gradient(180deg,rgba(8,10,9,.97),rgba(12,12,10,.95)) !important;
  }
}


/* v6.9.15 — final contrast lift for trust copy and dark cards */
html[data-theme="dark"] .client-trust .eyebrow,
html[data-theme="dark"] section.client-trust .eyebrow{
  color:#f3b324 !important;
  opacity:1 !important;
}
html[data-theme="dark"] .client-trust h2,
html[data-theme="dark"] .client-trust #client-trust-title{
  color:#f7f5ef !important;
  opacity:1 !important;
  text-shadow:none !important;
}
html[data-theme="dark"] .client-trust p{
  color:#cfd8cf !important;
  opacity:1 !important;
  text-shadow:none !important;
}

html[data-theme="light"] .contact-quick-panel article,
html[data-theme="dark"] .contact-quick-panel article{
  background:linear-gradient(180deg,rgba(7,9,7,.98),rgba(5,7,5,.96)) !important;
}
html[data-theme="light"] .contact-quick-panel article *,
html[data-theme="dark"] .contact-quick-panel article *{
  opacity:1 !important;
  text-shadow:none !important;
}
html[data-theme="light"] .contact-quick-panel article small,
html[data-theme="dark"] .contact-quick-panel article small{
  color:#e5ac24 !important;
}
html[data-theme="light"] .contact-quick-panel article h3,html[data-theme="light"] .contact-quick-panel article strong,html[data-theme="dark"] .contact-quick-panel article h3,html[data-theme="dark"] .contact-quick-panel article strong{
  color:#f4f7f0 !important;
}
html[data-theme="light"] .contact-quick-panel article p,
html[data-theme="light"] .contact-quick-panel article span,
html[data-theme="light"] .contact-quick-panel article a:not(.btn),
html[data-theme="dark"] .contact-quick-panel article p,
html[data-theme="dark"] .contact-quick-panel article span,
html[data-theme="dark"] .contact-quick-panel article a:not(.btn){
  color:#d8dfd7 !important;
}


/* v6.9.16 — Fueltek active-nav redesign */
html body .header .jump-nav a{
  overflow:visible !important;
}

html body .header .jump-nav a.active,html body .header .jump-nav a[aria-current="page"]{
  position:relative !important;
  isolation:isolate !important;
  min-width:76px !important;
  padding:10px 16px 8px 20px !important;
  color:#17130a !important;
  background:linear-gradient(135deg,#f3b324 0%,#f7c548 58%,#ffe29a 100%) !important;
  border:1px solid rgba(255,247,220,.72) !important;
  border-radius:16px !important;
  clip-path:polygon(0 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 0 100%, 8px 50%) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.55), inset 0 -1px 0 rgba(123,79,10,.18) !important;
  text-shadow:none !important;
}

html body .header .jump-nav a.active::before,html body .header .jump-nav a[aria-current="page"]::before{
  content:"";
  position:absolute;
  left:8px;
  top:50%;
  transform:translateY(-55%);
  width:8px;
  height:8px;
  border-radius:50%;
  background:#11150f;
  box-shadow:0 0 0 3px rgba(255,255,255,.34), inset 0 0 0 1px rgba(255,255,255,.14);
  z-index:2;
}

html body .header .jump-nav a.active::after,html body .header .jump-nav a[aria-current="page"]::after{
  background:#17130a !important;
  opacity:1 !important;
  box-shadow:0 0 0 2px rgba(255,255,255,.35) !important;
}

html body .header .jump-nav a.active:hover,html body .header .jump-nav a[aria-current="page"]:hover,html body .header .jump-nav a.active:focus-visible,html body .header .jump-nav a[aria-current="page"]:focus-visible{
  color:#11100a !important;
  background:linear-gradient(135deg,#f6bc26 0%,#ffd261 58%,#fff0bd 100%) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.26), 0 0 0 3px rgba(243,179,36,.14), inset 0 1px 0 rgba(255,255,255,.62) !important;
}

html[data-theme="light"] body .header .jump-nav a.active,html[data-theme="light"] body .header .jump-nav a[aria-current="page"]{
  box-shadow:0 10px 22px rgba(74,53,19,.14), inset 0 1px 0 rgba(255,255,255,.62), inset 0 -1px 0 rgba(123,79,10,.16) !important;
}

@media(max-width:980px){
  html body .header .jump-nav a.active,html body .header .jump-nav a[aria-current="page"]{
    min-width:68px !important;
    padding:9px 13px 8px 17px !important;
  }
}


/* v6.9.55 — light-mode readability pass for the trusted organisations section */
html[data-theme="light"] .client-trust{
  background:
    radial-gradient(circle at 72% 18%, rgba(243,179,36,.20), transparent 28%),
    linear-gradient(135deg, #10130f 0%, #1a1e18 52%, #0f120e 100%) !important;
  border-top-color: rgba(243,179,36,.28) !important;
}
html[data-theme="light"] .client-trust .eyebrow,
html[data-theme="light"] section.client-trust .eyebrow{
  color:#f3b324 !important;
  opacity:1 !important;
  text-shadow:0 1px 8px rgba(0,0,0,.22) !important;
}
html[data-theme="light"] .client-trust .eyebrow::before{
  background:#f3b324 !important;
  box-shadow:0 0 16px rgba(243,179,36,.40) !important;
}
html[data-theme="light"] .client-trust h2,
html[data-theme="light"] .client-trust #client-trust-title{
  color:#fffdf8 !important;
  opacity:1 !important;
  text-shadow:0 2px 18px rgba(0,0,0,.18) !important;
}
html[data-theme="light"] .client-trust p{
  color:#e0e5dc !important;
  opacity:1 !important;
  text-shadow:none !important;
}
html[data-theme="light"] .marquee{
  background:linear-gradient(180deg,#191d18,#0f120f) !important;
  border-top-color:rgba(243,179,36,.26) !important;
  border-bottom-color:rgba(255,255,255,.08) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03), inset 0 0 40px rgba(243,179,36,.05) !important;
}
html[data-theme="light"] .marquee::before{background:linear-gradient(90deg,#171a15 14%,transparent) !important;}
html[data-theme="light"] .marquee::after{background:linear-gradient(270deg,#171a15 14%,transparent) !important;}


/* v6.9.58 — light-mode mobile/pages drawer readability fix */
html[data-theme="light"] .pages-menu-btn-v56{
  background:rgba(22,26,21,.92) !important;
  color:#f6f2e7 !important;
  border:1px solid rgba(243,179,36,.22) !important;
  box-shadow:0 8px 22px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.04) !important;
}
html[data-theme="light"] .pages-menu-btn-v56:hover,
html[data-theme="light"] .pages-menu-btn-v56:focus-visible{
  background:rgba(32,37,30,.98) !important;
  color:#ffffff !important;
  outline:none !important;
}
html[data-theme="light"] .pages-drawer-backdrop-v56{
  background:rgba(10,12,10,.62) !important;
}
html[data-theme="light"] .pages-drawer-v56{
  background:linear-gradient(180deg,#0d100d 0%, #121611 100%) !important;
  border-left:1px solid rgba(243,179,36,.22) !important;
  box-shadow:-30px 0 80px rgba(0,0,0,.52), inset 0 1px 0 rgba(255,255,255,.03) !important;
  color:#f5f3ec !important;
}
html[data-theme="light"] .pages-drawer-head-v56{
  border-bottom:1px solid rgba(243,179,36,.16) !important;
}
html[data-theme="light"] .pages-drawer-head-v56 strong{
  color:#f4f0e3 !important;
  opacity:1 !important;
}
html[data-theme="light"] .pages-drawer-close-v56{
  background:rgba(255,255,255,.05) !important;
  border:1px solid rgba(243,179,36,.18) !important;
  color:#f3f0e7 !important;
}
html[data-theme="light"] .pages-drawer-group-v56{
  border-bottom:1px solid rgba(243,179,36,.10) !important;
}
html[data-theme="light"] .pages-drawer-group-v56 small{
  color:#f3b324 !important;
  opacity:1 !important;
}
html[data-theme="light"] .pages-drawer-group-v56 a{
  background:rgba(243,179,36,.08) !important;
  color:#f6f2e8 !important;
  border:1px solid rgba(243,179,36,.10) !important;
}
html[data-theme="light"] .pages-drawer-group-v56 a span{
  color:#f3d58a !important;
  opacity:1 !important;
}
html[data-theme="light"] .pages-drawer-group-v56 a:hover,
html[data-theme="light"] .pages-drawer-group-v56 a:focus-visible,
html[data-theme="light"] .pages-drawer-group-v56 a.active{
  background:rgba(243,179,36,.16) !important;
  border-color:rgba(243,179,36,.34) !important;
  color:#f3b324 !important;
  outline:none !important;
}
html[data-theme="light"] .pages-drawer-fmo-v56{
  background:#f3b324 !important;
  color:#11150f !important;
  box-shadow:0 10px 24px rgba(243,179,36,.22) !important;
}
html[data-theme="light"] .pages-drawer-social-v75 a{
  background:rgba(255,255,255,.05) !important;
  border:1px solid rgba(243,179,36,.14) !important;
  color:#f1eee3 !important;
}
html[data-theme="light"] .pages-drawer-social-v75 a:hover,
html[data-theme="light"] .pages-drawer-social-v75 a:focus-visible{
  background:rgba(243,179,36,.12) !important;
  border-color:rgba(243,179,36,.34) !important;
  color:#f3b324 !important;
}

/* v6.9.63 flicker fix: homepage hero light-mode colours now match the intended final state immediately, preventing the white > black > white flash during theme changes. */


/* v6.9.72 — light mode hero strip + feature panel should match the dark-mode presentation. */
html[data-theme="light"] .hero#home > .metrics,
html[data-theme="light"] .hero#home .hero-feature-panel{
  background:
    radial-gradient(circle at 22% 0%,rgba(243,179,36,.11),transparent 34%),
    linear-gradient(180deg,rgba(12,14,11,.94),rgba(5,6,5,.92))!important;
  border-color:rgba(243,179,36,.24)!important;
  box-shadow:0 24px 72px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.055),inset 0 0 34px rgba(243,179,36,.04)!important;
  color:#f3f1ea!important;
}
html[data-theme="light"] .hero#home > .metrics .metric,
html[data-theme="light"] .hero#home .hero-feature-panel .feature-item,
html[data-theme="light"] .hero#home .hero-feature-panel .feature-status{
  background:transparent!important;
  box-shadow:none!important;
}
html[data-theme="light"] .hero#home > .metrics .metric,
html[data-theme="light"] .hero#home .hero-feature-panel .feature-item{
  border-color:rgba(243,179,36,.14)!important;
}
html[data-theme="light"] .hero#home > .metrics .metric i,
html[data-theme="light"] .hero#home .hero-feature-panel .feature-item b,
html[data-theme="light"] .hero#home .hero-feature-panel .feature-status *{
  color:var(--acid,#f3b324)!important;
}
html[data-theme="light"] .hero#home > .metrics .metric b,
html[data-theme="light"] .hero#home .hero-feature-panel .feature-title,
html[data-theme="light"] .hero#home .hero-feature-panel .feature-product-name,
html[data-theme="light"] .hero#home .hero-feature-panel .feature-status *:is(b,strong,h3,span){
  color:#f5f3eb!important;
}
html[data-theme="light"] .hero#home > .metrics .metric small,
html[data-theme="light"] .hero#home .hero-feature-panel .feature-item p,
html[data-theme="light"] .hero#home .hero-feature-panel .feature-status p,
html[data-theme="light"] .hero#home .hero-feature-panel .feature-status small{
  color:#bcc2b8!important;
}
html[data-theme="light"] .hero#home .hero-feature-panel .feature-item b{
  border-color:rgba(243,179,36,.72)!important;
  background:rgba(0,0,0,.18)!important;
  box-shadow:0 0 16px rgba(243,179,36,.20)!important;
}
html[data-theme="light"] .hero#home .hero-feature-panel .feature-next{
  background:rgba(0,0,0,.28)!important;
  border-color:rgba(243,179,36,.55)!important;
  color:var(--acid,#f3b324)!important;
  box-shadow:0 0 30px rgba(243,179,36,.10)!important;
}
html[data-theme="light"] .hero#home .hero-feature-panel .feature-next:hover{
  background:var(--acid,#f3b324)!important;
  color:#061006!important;
}


/* v6.9.73 — keep customer information pills identical in light and dark modes. */
html[data-theme="light"] .info-trigger.inline-info{
  min-height:46px!important;
  padding:11px 16px!important;
  border:1px solid rgba(243,179,36,.62)!important;
  border-radius:999px!important;
  background:
    radial-gradient(circle at 24% 10%,rgba(243,179,36,.11),transparent 42%),
    linear-gradient(180deg,rgba(12,14,11,.96),rgba(5,7,5,.95))!important;
  color:var(--acid,#f3b324)!important;
  box-shadow:
    0 12px 30px rgba(0,0,0,.30),
    0 0 24px rgba(243,179,36,.10),
    inset 0 1px 0 rgba(255,255,255,.045),
    inset 0 0 20px rgba(243,179,36,.055)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}
html[data-theme="light"] .info-trigger.inline-info b,
html[data-theme="light"] .info-trigger.inline-info span{
  color:var(--acid,#f3b324)!important;
  -webkit-text-fill-color:var(--acid,#f3b324)!important;
  text-shadow:0 0 14px rgba(243,179,36,.36)!important;
}
html[data-theme="light"] .info-trigger.inline-info b{
  font-family:Georgia,serif!important;
  font-style:italic!important;
}
html[data-theme="light"] .info-trigger.inline-info:hover,
html[data-theme="light"] .info-trigger.inline-info:focus-visible{
  border-color:var(--acid,#f3b324)!important;
  background:var(--acid,#f3b324)!important;
  color:#071000!important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.30),
    0 0 34px rgba(243,179,36,.24),
    inset 0 1px 0 rgba(255,255,255,.28)!important;
}
html[data-theme="light"] .info-trigger.inline-info:hover b,
html[data-theme="light"] .info-trigger.inline-info:hover span,
html[data-theme="light"] .info-trigger.inline-info:focus-visible b,
html[data-theme="light"] .info-trigger.inline-info:focus-visible span{
  color:#071000!important;
  -webkit-text-fill-color:#071000!important;
  text-shadow:none!important;
}


/* v6.9.74 — exact fix for the solution proof labels highlighted by the user.
   The earlier change styled .info-trigger.inline-info, but these labels are
   .solution-proof span elements and the light theme was also styling their
   parent as one large pale panel. */
html[data-theme="light"] .solutions-section .solution-proof{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin-top:22px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html[data-theme="light"] .solutions-section .solution-proof span{
  display:inline-flex!important;
  align-items:center!important;
  width:auto!important;
  min-height:34px!important;
  padding:8px 12px!important;
  border:1px solid rgba(243,179,36,.28)!important;
  border-radius:999px!important;
  background:
    radial-gradient(circle at 24% 8%,rgba(243,179,36,.10),transparent 48%),
    linear-gradient(180deg,rgba(24,25,21,.96),rgba(10,12,10,.94))!important;
  color:#eef2ea!important;
  -webkit-text-fill-color:#eef2ea!important;
  box-shadow:
    0 7px 18px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.04),
    inset 0 0 15px rgba(243,179,36,.035)!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
html[data-theme="light"] .solutions-section .solution-card:hover .solution-proof span{
  border-color:rgba(243,179,36,.48)!important;
  background:
    radial-gradient(circle at 24% 8%,rgba(243,179,36,.16),transparent 48%),
    linear-gradient(180deg,rgba(27,28,23,.98),rgba(11,13,11,.96))!important;
}
@media(max-width:560px){
  html[data-theme="light"] .solutions-section .solution-proof{
    gap:7px!important;
  }
  html[data-theme="light"] .solutions-section .solution-proof span{
    min-height:32px!important;
    padding:7px 10px!important;
    font-size:9px!important;
  }
}