/* Hindivine: green hero, light content, dark header/menu/footer. Loaded last. */
/* desktop menu: dark dropdowns */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .lpn-panel{background:var(--hvc-0B2A21,#0B2A21)!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 30px 60px -20px rgba(0,0,0,.65)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .lpn-panel .lpn-grp{color:var(--hvc-8FE3C6,#8FE3C6)!important;-webkit-text-fill-color:var(--hvc-8FE3C6,#8FE3C6)!important;border-color:rgba(255,255,255,.12)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .lpn-panel .lpn-grp::after{background:rgba(255,255,255,.12)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .lpn-panel .lpn-link b{color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .lpn-panel .lpn-link small{color:var(--hvc-A9C4B9,#A9C4B9)!important;-webkit-text-fill-color:var(--hvc-A9C4B9,#A9C4B9)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .lpn-panel .lpn-link:is(:hover,:focus-visible,.is-current){background:rgba(var(--hvr-46C9A1,70,201,161),.12)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .lpn-panel .lpn-link > svg,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .lpn-panel .lpn-link > .lpn-ic{background:rgba(var(--hvr-46C9A1,70,201,161),.14)!important;color:var(--hvc-8FE3C6,#8FE3C6)!important;border-color:rgba(var(--hvr-46C9A1,70,201,161),.25)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .lpn-panel .lpn-sub{margin-top:14px}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .lpn-panel .lpn-promo{background:linear-gradient(160deg,var(--hvc-145A47,#145A47),var(--hvc-0A2F25,#0A2F25))!important;border:1px solid rgba(var(--hvr-46C9A1,70,201,161),.25)!important}


/* homepage hero: readable on phones over any video frame */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .hero .hero-kicker{margin:0 0 12px!important;line-height:1.5!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .hero :is(h1,.hero-kicker,.sub,.assure li){text-shadow:0 2px 16px rgba(0,0,0,.45)}
@media (max-width:760px){
 html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .hero .hero-shade{background:linear-gradient(180deg,rgba(var(--hvr-04140F,4,20,15),.78) 0%,rgba(var(--hvr-04140F,4,20,15),.66) 38%,rgba(var(--hvr-04140F,4,20,15),.88) 100%)!important;opacity:1!important}
 html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .hero .sub{color:rgba(255,255,255,.92)!important;-webkit-text-fill-color:rgba(255,255,255,.92)!important;font-size:16px!important;line-height:1.6!important}
 html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .hero .hero-kicker{font-size:15px!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
 html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .hero .tag{background:rgba(var(--hvr-04140F,4,20,15),.6)!important;border-color:rgba(255,255,255,.18)!important}
 html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .hero .assure li{color:rgba(255,255,255,.9)!important;-webkit-text-fill-color:rgba(255,255,255,.9)!important}
}
/* white buttons and light chips keep dark text */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body :is(main,#hvapp) :is(p.yt-more > a,.hero a.btn-navy,.ts-btn):not(.hpa-phone *):not(.ag-phone *):not(.ag-screen *):not(.ag-chip *):not(.ag-chip):not(#hv-x1):not(#hv-x2),html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body :is(main,#hvapp) :is(p.yt-more > a,.hero a.btn-navy) *:not(.hpa-phone *):not(.ag-phone *):not(.ag-screen *):not(.ag-chip *):not(.ag-chip):not(#hv-x1):not(#hv-x2),
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body :is(main,#hvapp) .btag:not(.hpa-phone *):not(.ag-phone *):not(.ag-screen *):not(.ag-chip *):not(.ag-chip):not(#hv-x1):not(#hv-x2){color:var(--hvc-0B2A22,#0B2A22)!important;-webkit-text-fill-color:var(--hvc-0B2A22,#0B2A22)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body :is(main,#hvapp) .rg-k-shots figcaption:not(.hpa-phone *):not(.ag-phone *):not(.ag-screen *):not(.ag-chip *):not(.ag-chip):not(#hv-x1):not(#hv-x2){color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;text-shadow:0 1px 10px rgba(0,0,0,.65)}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body :is(main,#hvapp) .hero a.btn-navy:not(#hv-x1):not(#hv-x2) .b-tx{color:var(--hvc-0B2A22,#0B2A22)!important;-webkit-text-fill-color:var(--hvc-0B2A22,#0B2A22)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body :is(main,#hvapp) aside.sticky b:not(.hpa-phone *):not(.ag-phone *):not(.ag-screen *):not(.ag-chip *):not(.ag-chip):not(#hv-x1):not(#hv-x2){color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body :is(main,#hvapp) :is(.crumb-pill,.crumbs,nav[aria-label*="readcrumb"]) a:not(.hpa-phone *):not(.ag-phone *):not(.ag-screen *):not(.ag-chip *):not(.ag-chip):not(#hv-x1):not(#hv-x2){color:var(--hvc-E6F4EE,#E6F4EE)!important;-webkit-text-fill-color:var(--hvc-E6F4EE,#E6F4EE)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body :is(main,#hvapp) a.btn-gold:not(#hv-x1):not(#hv-x2),html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body :is(main,#hvapp) a.btn-gold:not(#hv-x1):not(#hv-x2) *{color:var(--hvc-062A20,#062A20)!important;-webkit-text-fill-color:var(--hvc-062A20,#062A20)!important}
/* homepage hero on desktop: darker on the text side */
@media (min-width:761px){
 html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .hero .hero-shade{background:linear-gradient(90deg,rgba(var(--hvr-04140F,4,20,15),.86) 0%,rgba(var(--hvr-04140F,4,20,15),.72) 38%,rgba(var(--hvr-04140F,4,20,15),.28) 70%,rgba(var(--hvr-04140F,4,20,15),.12) 100%),linear-gradient(0deg,rgba(var(--hvr-04140F,4,20,15),.55),rgba(var(--hvr-04140F,4,20,15),0) 40%)!important;opacity:1!important}
 html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .hero .tag{background:rgba(var(--hvr-04140F,4,20,15),.55)!important;border-color:rgba(255,255,255,.18)!important}
 html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .hero :is(.sub,.hero-kicker,.assure li,.tag){color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}
}
/* ---------- premium header ---------- */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body :is(.hx-nav .hx-nav-in,#nav .nav-in){background:linear-gradient(180deg,rgba(var(--hvr-0B2A21,11,42,33),.94),rgba(var(--hvr-061C15,6,28,21),.94))!important;border:1px solid rgba(var(--hvr-8FE3C6,143,227,198),.16)!important;box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 22px 50px -24px rgba(0,0,0,.75)!important;-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2)}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body :is(.hx-nav,#nav) .lpn{gap:2px!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body :is(.hx-nav,#nav) .lpn-top{font:500 14.5px/1 "Figtree",system-ui,sans-serif!important;letter-spacing:.01em!important;color:rgba(255,255,255,.84)!important;-webkit-text-fill-color:rgba(255,255,255,.84)!important;padding:11px 14px!important;border-radius:12px!important;background:transparent!important;box-shadow:none!important;position:relative;transition:background .25s,color .25s!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body :is(.hx-nav,#nav) .lpn-top:is(:hover,:focus-visible,[aria-expanded="true"]){background:rgba(255,255,255,.07)!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body :is(.hx-nav,#nav) :is(.lpn-top[aria-current="page"],.lpn-item.is-current>.lpn-top){color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;box-shadow:none!important;background:rgba(var(--hvr-46C9A1,70,201,161),.10)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body :is(.hx-nav,#nav) :is(.lpn-top[aria-current="page"],.lpn-item.is-current>.lpn-top)::after{content:"";position:absolute;left:50%;bottom:3px;width:18px;height:2px;margin-left:-9px;border-radius:2px;background:linear-gradient(90deg,var(--hvc-46C9A1,#46C9A1),var(--hvc-8FE3C6,#8FE3C6))}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body :is(.hx-nav,#nav) .lpn-top svg{opacity:.7;transition:transform .3s}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body :is(.hx-nav,#nav) .lpn-top[aria-expanded="true"] svg{transform:rotate(180deg);opacity:1}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body :is(.hx-nav .hx-call,#nav .nav-cta a.call){background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body :is(.hx-nav .hx-call,#nav .nav-cta a.call):hover{border-color:rgba(var(--hvr-8FE3C6,143,227,198),.55)!important;background:rgba(var(--hvr-46C9A1,70,201,161),.10)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body :is(.hx-nav .hx-btn-accent,#nav .nav-cta a.btn-accent){box-shadow:0 10px 24px -12px rgba(21,128,61,.9),0 0 0 1px rgba(255,255,255,.08) inset!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .hx-menu-btn{width:46px!important;height:46px!important;border-radius:14px!important;background:linear-gradient(145deg,rgba(var(--hvr-46C9A1,70,201,161),.24),rgba(255,255,255,.03))!important;border:1px solid rgba(var(--hvr-8FE3C6,143,227,198),.38)!important;box-shadow:0 10px 22px -12px rgba(0,0,0,.7)!important}
@media (min-width:1px){
 html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body :is(.hx-nav,#nav) .lpn-top{padding:10px 11px!important;font-size:14px!important}
 html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body :is(.hx-nav .hx-call,#nav .nav-cta a.call) .b-tx{display:none!important}
 html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body :is(.hx-nav .hx-call,#nav .nav-cta a.call){width:46px!important;min-width:46px!important;padding:0!important;justify-content:center!important}
 html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body :is(.hx-nav .hx-call,#nav .nav-cta a.call) .b-ic{margin:0!important}
}
/* mobile menu quick links: 2 x 2 grid */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .lpm-quick{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
/* page loader */
.hv-loader{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;background:radial-gradient(600px 400px at 50% 40%,rgba(var(--hvr-46C9A1,70,201,161),.16),transparent 70%),var(--hvc-061A14,#061A14);transition:opacity .45s ease,visibility .45s ease}
.hv-loader img{width:170px;height:auto;animation:hvPulse 1.4s ease-in-out infinite}
.hv-loader::after{content:"";position:absolute;top:calc(50% + 46px);left:50%;width:120px;height:2px;margin-left:-60px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--hvc-46C9A1,#46C9A1),transparent);background-size:200% 100%;animation:hvBar 1.1s linear infinite}
.hv-loader.is-done{opacity:0;visibility:hidden}
@keyframes hvPulse{0%,100%{opacity:.75;transform:scale(.98)}50%{opacity:1;transform:scale(1)}}
@keyframes hvBar{from{background-position:200% 0}to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.hv-loader img,.hv-loader::after{animation:none}}
/* free tools banner (every page) */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .tl-band{background:var(--hvc-071E17,#071E17);padding:clamp(18px,3vw,30px) 0}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .tl-band-in{display:flex;align-items:center;gap:18px;padding:18px 22px!important;border-radius:20px;background:linear-gradient(120deg,rgba(var(--hvr-46C9A1,70,201,161),.16),rgba(var(--hvr-46C9A1,70,201,161),.04));border:1px solid rgba(var(--hvr-8FE3C6,143,227,198),.28)}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .tl-band-ic{flex:none;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:var(--hvc-8FE3C6,#8FE3C6);background:rgba(var(--hvr-46C9A1,70,201,161),.16)}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .tl-band-ic svg{width:26px;height:26px}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .tl-band p{flex:1;margin:0;display:flex;flex-direction:column;gap:3px}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .tl-band p b{font:700 16px/1.3 "Figtree",sans-serif;color:#fff!important;-webkit-text-fill-color:#fff!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .tl-band p span{font:400 14px/1.5 "Figtree",sans-serif;color:var(--hvc-CFE2DA,#CFE2DA)!important;-webkit-text-fill-color:var(--hvc-CFE2DA,#CFE2DA)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .tl-band-go{flex:none;padding:13px 18px;border-radius:12px;background:linear-gradient(135deg,var(--hvc-8FE3C6,#8FE3C6),var(--hvc-46C9A1,#46C9A1));color:var(--hvc-062A20,#062A20)!important;-webkit-text-fill-color:var(--hvc-062A20,#062A20)!important;font:700 14px/1 "Figtree",sans-serif;text-decoration:none;white-space:nowrap}
@media (max-width:640px){html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .tl-band-in{flex-wrap:wrap} html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .tl-band-go{width:100%;text-align:center}}
/* quick answers box (keyword pages) */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .art .kw-quick{margin:22px 0 26px;padding:22px 24px;border-radius:20px;background:linear-gradient(150deg,rgba(var(--hvr-46C9A1,70,201,161),.14),rgba(var(--hvr-46C9A1,70,201,161),.04));border:1px solid rgba(var(--hvr-8FE3C6,143,227,198),.3)}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .art .kw-quick>b{display:block;font:700 12px/1 "Figtree",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--hvc-8FE3C6,#8FE3C6)!important;-webkit-text-fill-color:var(--hvc-8FE3C6,#8FE3C6)!important;margin-bottom:14px}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .art .kw-quick dl{margin:0;display:grid;gap:14px}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .art .kw-quick dt{font:700 16px/1.4 "Figtree",sans-serif;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;margin:0}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .art .kw-quick dd{margin:4px 0 0;font:400 15px/1.65 "Figtree",sans-serif;color:var(--hvc-D3E4DD,#D3E4DD)!important;-webkit-text-fill-color:var(--hvc-D3E4DD,#D3E4DD)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .art .kw-quick a{color:var(--hvc-8FE3C6,#8FE3C6)!important;-webkit-text-fill-color:var(--hvc-8FE3C6,#8FE3C6)!important;text-decoration:underline;text-underline-offset:3px}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .art .art-fig{margin:26px 0;border-radius:20px;overflow:hidden;background:var(--hvc-0F362B,#0F362B);border:1px solid rgba(255,255,255,.08)}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .art .art-fig img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .art .art-fig figcaption{padding:12px 16px;font:500 14px/1.5 "Figtree",sans-serif;color:var(--hvc-CFE2DA,#CFE2DA)!important;-webkit-text-fill-color:var(--hvc-CFE2DA,#CFE2DA)!important;text-shadow:none!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .art ol li,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .art ul li{color:var(--hvc-D3E4DD,#D3E4DD)}
/* floating buttons: small round icons with the original logos (phone and desktop) */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .fl-btn{display:grid!important;place-items:center!important;width:56px!important;height:56px!important;min-width:0!important;max-width:56px!important;padding:0!important;border-radius:50%!important;bottom:22px!important;top:auto!important;border:0!important;transform:none!important;box-shadow:0 10px 24px -8px rgba(0,0,0,.55)!important;z-index:130!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .fl-btn:hover{transform:translateY(-2px)!important;padding:0!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .fl-btn .fl-tx,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .fl-btn .fl-ring{display:none!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .fl-btn::before{display:none!important;animation:none!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .fl-btn .fl-ic{display:grid!important;place-items:center!important;width:100%!important;height:100%!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .fl-btn .fl-ic svg{width:28px!important;height:28px!important;color:#fff!important;fill:currentColor}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .fl-btn.fl-wa{left:auto!important;right:22px!important;background:#25D366!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .fl-btn.fl-call{right:auto!important;left:22px!important;background:var(--hvc-167C5F,#167C5F)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .fl-btn.fl-call .fl-ic svg{width:25px!important;height:25px!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .lp-bar,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .dock{display:none!important}
@media (max-width:760px){
 html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .fl-btn{width:50px!important;height:50px!important;max-width:50px!important;bottom:calc(16px + env(safe-area-inset-bottom,0px))!important}
 html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .fl-btn.fl-wa{right:16px!important} html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .fl-btn.fl-call{left:16px!important}
 html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .fl-btn .fl-ic svg{width:26px!important;height:26px!important}
}
/* ad pages: bottom bar as small icons */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body nav.bar[aria-label="Contact"]{left:auto!important;right:16px!important;bottom:calc(16px + env(safe-area-inset-bottom,0px))!important;width:auto!important;display:flex!important;gap:12px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body nav.bar[aria-label="Contact"] a.btn{flex:none!important;width:50px!important;height:50px!important;min-height:0!important;padding:0!important;border-radius:50%!important;font-size:0!important;gap:0!important;display:grid!important;place-items:center!important;box-shadow:0 10px 24px -8px rgba(0,0,0,.55)!important;color:#fff!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body nav.bar[aria-label="Contact"] a.btn svg{width:25px!important;height:25px!important;margin:0!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body nav.bar[aria-label="Contact"] a.btn-wa{background:#25D366!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body nav.bar[aria-label="Contact"] a.btn-call{background:var(--hvc-167C5F,#167C5F)!important}
/* shots captions backing */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body :is(main,#hvapp) .rg-k-shots figure figcaption:not(#hv-x1):not(#hv-x2){background:linear-gradient(180deg,rgba(var(--hvr-04140F,4,20,15),0),rgba(var(--hvr-04140F,4,20,15),.88) 45%)!important;padding:28px 16px 14px!important;text-shadow:none!important}
/* menu sections: closed means closed */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body :is(#hxMenu,#mMenu) details.lpm-acc:not([open]) > :not(summary){display:none!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body :is(#hxMenu,#mMenu) details.lpm-acc[open] > .lpm-body{display:block!important}
/* menu open: floating call/WhatsApp hidden so they never cover the menu */
html.hx-menu-open:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .fl-btn,html.menu-open:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .fl-btn{display:none!important}
/* menu promo card */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .lpn-panel .lpn-promo{display:flex!important;flex-direction:column!important;justify-content:center!important}
/* footer credit */
.hv-credit{display:block;margin:0;padding:16px 20px;text-align:center;font:500 13px/1.6 "Figtree",system-ui,sans-serif;color:rgba(255,255,255,.72);border-top:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.14)}
.hv-credit a,.hv-credit .co{color:var(--hvc-8FE3C6,#8FE3C6);text-decoration:none;font-weight:700}
.hv-credit b{color:#fff;font-weight:700}
.hv-credit .sep{opacity:.45;margin:0 8px}
@media (max-width:760px){
 html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body :is(footer,.hx-footer,.ft){padding-bottom:0!important;margin-bottom:0!important}
 html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .hv-credit{padding:14px 70px calc(78px + env(safe-area-inset-bottom,0px))!important}
 
}

/* ---------- light content (after the green hero) ---------- */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .art .kw-quick{background:var(--hvc-F3F9F6,#F3F9F6)!important;border:1px solid var(--hvc-CFE6DC,#CFE6DC)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .art .kw-quick>b{color:var(--hvc-0F6B52,#0F6B52)!important;-webkit-text-fill-color:var(--hvc-0F6B52,#0F6B52)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .art .kw-quick dt{color:var(--hvc-0B2A22,#0B2A22)!important;-webkit-text-fill-color:var(--hvc-0B2A22,#0B2A22)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .art .kw-quick dd{color:var(--hvc-3F514A,#3F514A)!important;-webkit-text-fill-color:var(--hvc-3F514A,#3F514A)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .art .kw-quick a{color:var(--hvc-0F6B52,#0F6B52)!important;-webkit-text-fill-color:var(--hvc-0F6B52,#0F6B52)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .art .art-fig{background:#FFFFFF!important;border:1px solid var(--hvc-E2ECE7,#E2ECE7)!important;box-shadow:0 18px 40px -30px rgba(var(--hvr-0B2A22,11,42,34),.35)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body :is(main,#hvapp) .art .art-fig figcaption:not(#hv-x1):not(#hv-x2):not(#hv-x3){color:#56675F!important;-webkit-text-fill-color:#56675F!important;text-shadow:none!important;background:none!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #hvapp .ag-n{color:var(--hvc-167C5F,#167C5F)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .art ol li,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .art ul li{color:inherit}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .tl-band{background:#FFFFFF}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .tl-band-in{background:linear-gradient(120deg,var(--hvc-EAF6F0,#EAF6F0),var(--hvc-F7FBF9,#F7FBF9))!important;border:1px solid var(--hvc-CFE6DC,#CFE6DC)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .tl-band-ic{color:var(--hvc-0F6B52,#0F6B52)!important;background:var(--hvc-DCF0E7,#DCF0E7)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .tl-band p b{color:var(--hvc-0B2A22,#0B2A22)!important;-webkit-text-fill-color:var(--hvc-0B2A22,#0B2A22)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .tl-band p span{color:var(--hvc-3F514A,#3F514A)!important;-webkit-text-fill-color:var(--hvc-3F514A,#3F514A)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .tl-band-go{background:linear-gradient(135deg,var(--hvc-167C5F,#167C5F),var(--hvc-0F5A46,#0F5A46))!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .rg main section.sec + section.sec{border-top-color:rgba(var(--hvr-0B2A22,11,42,34),.06)!important}
@media (hover:hover){html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .rg main :is(.pcard,.fcard,.relcard2,.tl-card):hover{border-color:rgba(var(--hvr-167C5F,22,124,95),.35)!important}}
/* split cards: text colour follows the measured background (tools/tag_cards.py) */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .rg main .split > .card.card-dark:not(#hv-x1):not(#hv-x2) :is(h2,h3,h4,.h3,p,li,span,b,small,strong,em):not(.tk):not(.tk *){color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .rg main .split > .card.card-light:not(#hv-x1):not(#hv-x2) :is(h2,h3,h4,.h3,b,strong),html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .rg main .split > .card.card-light:not(#hv-x1):not(#hv-x2) :is(h2,h3,h4,.h3) *{color:var(--hvc-0B2A22,#0B2A22)!important;-webkit-text-fill-color:var(--hvc-0B2A22,#0B2A22)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .rg main .split > .card.card-light:not(#hv-x1):not(#hv-x2) :is(p,li){color:var(--hvc-3F514A,#3F514A)!important;-webkit-text-fill-color:var(--hvc-3F514A,#3F514A)!important}
/* enquiry form side panel: dark emerald with light text */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .rg main .qform .qform-side{background:linear-gradient(160deg,var(--hvc-0F5A46,#0F5A46),var(--hvc-0C4A3A,#0C4A3A) 55%,var(--hvc-0A3F31,#0A3F31))!important;border-radius:22px}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .rg main .qform .qform-side :is(h3,h3 *,b,strong){color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .rg main .qform .qform-side :is(p,li,span:not(.tk),small){color:var(--hvc-DCEBE5,#DCEBE5)!important;-webkit-text-fill-color:var(--hvc-DCEBE5,#DCEBE5)!important}
/* accents on dark green (heroes, dark sections): mint, never green-on-green */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body :is(.hero,.tl-hero,.ag-hero,.sec.dark,section.dark,.rg-scene-dark) :is(h1,h2,h3,.h2) em{color:var(--hvc-8FE3C6,#8FE3C6)!important;-webkit-text-fill-color:var(--hvc-8FE3C6,#8FE3C6)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body :is(.hero,.tl-hero,.sec.dark,section.dark,.rg-scene-dark) :is(.eyebrow,.kicker,.tag-eyebrow){color:var(--hvc-8FE3C6,#8FE3C6)!important;-webkit-text-fill-color:var(--hvc-8FE3C6,#8FE3C6)!important}