/* Bexon-inspired emerald + warm white palette — color-only override */
:root{--bx-dark:#0c1e21;--bx-deep:#0c1e21;--bx-panel:#0b3a34;--bx-teal:#279d88;--bx-bright:#38b59e;--bx-mint:#dcebe7;--bx-paper:#f2f5f3;--bx-white:#fbfcfb;--bx-ink:#0b2d29;--bx-muted:#637873;--bx-line:rgba(24,91,82,.18)}
body{background:var(--bx-paper)!important;color:var(--bx-ink)!important}.cursor{border-color:var(--bx-bright)!important}.cursor>i{background:var(--bx-bright)!important}.cursor.on{background:#38b59e2b!important}.loader{background:radial-gradient(circle at 75% 32%,#2b9e8938,transparent 35%),radial-gradient(circle at 12% 82%,#bcded635,transparent 30%),var(--bx-deep)!important}.loader>span{color:#bfe8de!important}.loader-line i{background:linear-gradient(90deg,#dcebe7,#2aa58e,#f8fbfa)!important}.loader-brand i,.brand>i{background:linear-gradient(145deg,#41b7a2,#177c6e)!important;box-shadow:0 10px 24px #103f3744!important}
#header nav a{color:#e7f1eecc!important}#header nav a:hover{color:#fff!important;background:#3bb29a22!important}.contact{background:#f2f6f4!important;color:var(--bx-ink)!important}.contact i{background:var(--bx-teal)!important;color:#fff!important}#header.compact .header-inner{border-color:#1e665b33!important;background:#edf4f1e8!important;box-shadow:0 18px 50px #082e2730!important}#header.compact nav a{background:#fff!important;color:var(--bx-ink)!important}#header.compact nav a:hover{color:var(--bx-teal)!important;background:#dcebe7!important}.mobile-nav{background:#e4efec!important}.mobile-nav a{color:var(--bx-ink)!important}
.hero{background:linear-gradient(90deg,#062c27e8,#062c278e 48%,#062c273d),radial-gradient(circle at 78% 44%,#46ac9850,transparent 36%),var(--bx-deep)!important}.hero-copy>.tag{color:#d9eee9!important}.hero-copy>.tag i{background:#fff!important;box-shadow:0 0 14px #fff!important}.hero h1 em{color:#fff!important}.hero .btn.lime{background:var(--bx-teal)!important;color:#fff!important}.hero .btn.lime i{background:#fff!important;color:var(--bx-ink)!important}.hero .btn.outline{border-color:#d9eee988!important;color:#fff!important}.lead{color:#e0ebe8b8!important}.mini-stats{border-color:#dbeae633!important}.portrait{border-color:#dcebe744!important}.portrait:after{background:linear-gradient(transparent 55%,#052722cc)!important}.portrait>b{color:#bfe8de!important}.quote,.impressions,.roas{background:#f7faf8f2!important;color:var(--bx-ink)!important}.quote>i,.roas>i{background:var(--bx-teal)!important}.quote small,.impressions em{color:#237f70!important}.bars i{background:linear-gradient(#61c6b2,#176c60)!important}.readers{background:#cbe6df!important;color:var(--bx-ink)!important}.ticker{background:var(--bx-deep)!important;border-color:#dcebe72b!important;color:#d9e9e577!important}
.s1-trusted,.s1-channels{--ink:var(--bx-ink)!important;--paper:var(--bx-paper)!important;--lime:var(--bx-bright)!important;--coral:var(--bx-teal)!important;--violet:#72b8aa!important;background:var(--bx-paper)!important;color:var(--bx-ink)!important}.s1-logo-track span{color:#60746f!important}.s1-orbit-line{border-color:#1f6d6026!important}.s1-orbit-line:after{border-top-color:var(--bx-teal)!important}.s1-avatar:after{border-color:#279d8870!important}.s1-dot{background:var(--bx-teal)!important;box-shadow:0 0 18px #279d8888!important}
.s2-solutions{--paper:#edf5f2!important;--ink:#0c1e21!important;background:#edf5f2!important;color:#0c1e21!important}.s2-kicker,.s2-intro>p:last-child{color:#58706b!important}.s2-intro h2 em{color:#82cdbd!important}.s2-card{box-shadow:0 28px 70px #001b174d!important}.s2-green{--card-start:#2f9c89!important;--card-mid:#73c2b2!important;--card-end:#dcebe7!important;--card-ink:#0b3a33!important}.s2-deep{--card-start:#0b3b34!important;--card-mid:#397f72!important;--card-end:#cfe3de!important;--card-ink:#f5fbf9!important}.s2-coral{--card-start:#edf4f1!important;--card-mid:#d4e7e2!important;--card-end:#ffffff!important;--card-ink:#123e36!important}.s2-violet{--card-start:#438d7f!important;--card-mid:#9bc9bf!important;--card-end:#ecf4f2!important;--card-ink:#0d3932!important}.s2-pink{--card-start:#173f39!important;--card-mid:#5a978c!important;--card-end:#d6e8e4!important;--card-ink:#f4faf8!important}.s2-copy>a,.s2-card-note{background:var(--bx-deep)!important;color:#fff!important}.s2-deep .s2-copy>a{background:#fff!important;color:var(--bx-ink)!important}.s2-filter{background:#f7faf8e8!important;color:var(--bx-ink)!important;border-color:#ffffffc0!important}.s2-bars i{background:linear-gradient(#75cbb9,#167467)!important}.s2-search>i,.s2-compliance>i,.s2-progress i{background:var(--bx-bright)!important;box-shadow:0 0 0 0 #38b59e!important}.s2-ai-track i{background:var(--bx-teal)!important}.s2-donut{background:conic-gradient(#0c4138 0 24%,#dcebe7 24%)!important}.s2-donut:before{background:#75c9b7!important}
.s3-scale{--purple:var(--bx-paper)!important;--pink:var(--bx-teal)!important;--lime:#9bcfc3!important;background:linear-gradient(180deg,#f2f5f3,#e4eeeb)!important;color:var(--bx-ink)!important}.s3-scale:before{background:#78bbaa2c!important}.s3-kicker{color:#237f70!important}.s3-copy h2 em{color:var(--bx-teal)!important}.s3-copy>p:not(.s3-kicker){color:#60746f!important}.s3-copy li{border-color:#1b615523!important;color:var(--bx-ink)!important}.s3-copy li:before{background:var(--bx-teal)!important;box-shadow:0 0 14px #279d8866!important}.s3-button{background:var(--bx-teal)!important;color:#fff!important}.s3-button i{background:var(--bx-deep)!important;color:#fff!important}
.s6-cases,.s6-video-cards{--green:var(--bx-paper)!important;--lime:var(--bx-teal)!important;--section:var(--bx-paper)!important;--section-2:#e3eeeb!important;background:linear-gradient(180deg,#f3f6f4,#e4efec)!important;color:var(--bx-ink)!important}.s6-kicker,.s6-case-tools>a{color:var(--bx-teal)!important;border-color:var(--bx-teal)!important}.s6-arrow{border-color:#1d665a45!important;color:var(--bx-ink)!important}.s6-arrow:hover{background:var(--bx-teal)!important;color:#fff!important}.s6-video-cards .s6-case{--accent:var(--bx-teal)!important;--tone:#0c3a34!important;border-color:#164f4738!important;box-shadow:0 28px 70px #082e2733!important}.s6-video-cards .s6-cap-media,.s6-video-cards .s6-cap-leads,.s6-video-cards .s6-cap-brand,.s6-video-cards .s6-cap-ai,.s6-video-cards .s6-cap-quality{--accent:var(--bx-bright)!important;--tone:#0c3a34!important}.s6-case-media:after{background:linear-gradient(90deg,#062b27e8 0 43%,#062b2755 68%,transparent)!important}.s6-case blockquote{color:#bde5dc!important}.s6-brand i{background:var(--bx-teal)!important;color:#fff!important}.s6-vertical i{background:var(--bx-bright)!important;box-shadow:0 0 12px #38b59e!important}
.s6-final{background:var(--bx-paper)!important;color:var(--bx-ink)!important}.s6-final em,.s6-final .s6-kicker{color:var(--bx-teal)!important}.s6-final a,.s6-final button{background:var(--bx-teal)!important;color:#fff!important}
.s6-footer{--footer:var(--bx-deep)!important;background:radial-gradient(circle at 82% 25%,#48ab9630,transparent 34%),radial-gradient(circle at 15% 90%,#9bcfc320,transparent 28%),var(--bx-deep)!important;color:#eaf3f0!important}.s6-newsletter h3,.s6-footer-col>b{color:#bde4dc!important}.s6-newsletter p,.s6-contact-row,.s6-footer-col a{color:#a8beb9!important}.s6-subscribe button{background:var(--bx-teal)!important;color:#fff!important}.s6-contact-card{border-color:#dcebe72b!important;background:#ffffff0a!important}.s6-contact-row i{background:#2d9a8650!important}.s6-footer-col a:before{color:#52b7a2!important}.s6-social a:hover{background:var(--bx-teal)!important;border-color:var(--bx-teal)!important}.s6-footer-glow{background:#4fb19b25!important}
.hero,.hero h1,.hero h1 span,.mini-stats b{color:#fff!important}.hero h1 em{color:#fff!important}.mini-stats span{color:#b9d0ca!important}#header:not(.compact) .brand b{color:#fff!important}
::selection{background:var(--bx-teal);color:#fff}

/* FINAL REQUESTED THEME REFINEMENTS */
html,body{background:#0c1e21!important;scroll-behavior:smooth!important;overscroll-behavior-y:none}

/* Loader: keep all loading copy and the counter crisp white. */
html body .loader{background:#0c1e21!important;color:#fff!important}
html body .loader-brand b,html body .loader>span,html body .loader>strong{color:#fff!important;opacity:1!important}
html body .loader-line{background:rgba(255,255,255,.2)!important}
html body .loader-line i{background:linear-gradient(90deg,#fff,#79cfbe,#fff)!important}

/* Hero: remove the light strip and keep the requested dark green at the top. */
html body .hero{background-color:#0c1e21!important;background-image:radial-gradient(circle at 77% 42%,rgba(44,153,132,.2),transparent 34%),linear-gradient(90deg,#0c1e21,#0c1e21)!important}
html body #header:not(.compact){background:transparent!important}
html body .hero img{filter:none!important}

/* Trusted strip: very light green, stronger heading and white partner tiles. */
html body .s1-trusted{--paper:#edf5f2!important;background:#edf5f2!important;color:#0c1e21!important;padding:76px 0 64px!important}
html body .s1-trusted>p{color:#176e60!important;font-weight:800!important;font-size:20px!important;letter-spacing:-.02em!important}
html body .s1-trusted .s1-logo-window{padding:8px 0 18px!important}
html body .s1-trusted .s1-logo-track{gap:34px!important}
html body .s1-trusted .s1-logo-track span{min-width:260px!important;padding:38px 42px!important;border:1px solid rgba(16,76,66,.08)!important;border-radius:12px!important;background:#fff!important;color:#536963!important;box-shadow:0 10px 30px rgba(12,30,33,.055)!important;opacity:1!important;text-align:center!important}

/* Approach section: exact dark theme color; photos remain natural. */
html body .s1-channels{--paper:#0c1e21!important;--ink:#fff!important;background:#0c1e21!important;color:#fff!important}
html body .s1-channels:before{background:radial-gradient(circle at 50% 50%,rgba(32,111,97,.2) 0 19%,transparent 19.2%),radial-gradient(circle at 50% 50%,transparent 0 31%,rgba(121,207,190,.14) 31.2% 31.4%,transparent 31.6%),radial-gradient(circle at 50% 50%,transparent 0 44%,rgba(121,207,190,.1) 44.2% 44.4%,transparent 44.6%)!important}
html body .s1-channels .s1-eyebrow{color:#79cfbe!important}
html body .s1-channels .s1-center h2{color:#fff!important}
html body .s1-channels .s1-center h2 em{color:#79cfbe!important}
html body .s1-channels .s1-center>p:not(.s1-eyebrow){color:#bfd1cd!important}
html body .s1-channels .s1-link{background:#279d88!important;color:#fff!important}
html body .s1-channels .s1-link i{background:#fff!important;color:#0c1e21!important}
html body .s1-channels .s1-orbit-line{border-color:rgba(121,207,190,.18)!important}
html body .s1-channels .s1-avatar img{filter:none!important}

/* Services heading: white on the dark section, with a mint serif line. */
html body .s2-solutions .s2-intro h2,html body .s2-solutions .s2-title-main{color:#0c1e21!important}
html body .s2-solutions .s2-intro h2 em{color:#79cfbe!important}
html body .s2-solutions .s2-media>img{filter:none!important}

/* Why section: exact dark green and untouched source imagery. */
html body .s4-why{background:#0c1e21!important;background-color:#0c1e21!important;background-image:none!important}
html body .s4-why .s4-frame img,html body .s4-why .s4-card{filter:none!important}

/* BEXON-INSPIRED IMAGE FRAMES */
:root{--site-font:Arial,"Helvetica Neue",sans-serif}
html body,button,input,textarea,select{font-family:var(--site-font)!important}

/* Hero: keep all current copy, colors and line breaks; only reshape the image area. */
@media (min-width:1051px){
  html body .hero-wrap{
    grid-template-columns:minmax(0,.92fr) minmax(600px,1.08fr)!important;
    gap:4vw!important;
  }
  html body .hero-art{
    min-height:650px!important;
    margin-right:-5vw!important;
    isolation:isolate!important;
  }
  html body .hero-art:before{
    content:"";
    position:absolute;
    z-index:3;
    top:-24px;
    left:16%;
    width:86px;
    height:150px;
    background:#279d88;
    clip-path:polygon(34% 0,100% 0,66% 100%,0 100%);
    pointer-events:none;
  }
  html body .hero-art:after{
    content:"";
    position:absolute;
    z-index:2;
    inset:0 0 0 3%;
    border:1px solid rgba(121,207,190,.28);
    clip-path:polygon(20% 0,100% 0,100% 100%,0 100%);
    pointer-events:none;
  }
  html body .hero .portrait,
  html body.ready .hero .portrait{
    z-index:1!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    width:calc(100% + 5vw)!important;
    height:100%!important;
    aspect-ratio:auto!important;
    transform:none!important;
    border:0!important;
    border-radius:0!important;
    clip-path:polygon(20% 0,100% 0,100% 100%,0 100%)!important;
    box-shadow:0 42px 95px rgba(0,18,14,.42)!important;
  }
  html body .hero .portrait img{object-position:center!important}
  html body .hero .quote{left:-1%!important;top:20%!important}
  html body .hero .impressions{right:1%!important;top:6%!important}
  html body .hero .readers{left:4%!important;bottom:5%!important}
  html body .hero .roas{right:2%!important;bottom:17%!important}
}

html body .hero:after{
  content:"";
  position:absolute;
  z-index:3;
  left:0;
  bottom:44px;
  width:118px;
  height:220px;
  background:#279d88;
  clip-path:polygon(0 0,100% 50%,0 100%);
  pointer-events:none;
  opacity:.92;
}

/* Why section: same content, imagery and accordion; Bexon-style angular visual on the left. */
@media (min-width:951px){
  html body .s4-why .s4-wrap{
    width:min(1460px,88vw)!important;
    grid-template-columns:minmax(520px,.98fr) minmax(0,1.02fr)!important;
    gap:6vw!important;
  }
  html body .s4-why .s4-visual{
    height:640px!important;
    isolation:isolate!important;
  }
  html body .s4-why .s4-visual:before{
    content:"";
    position:absolute;
    z-index:2;
    top:-24px;
    right:6%;
    width:84px;
    height:142px;
    background:#279d88;
    clip-path:polygon(34% 0,100% 0,66% 100%,0 100%);
    pointer-events:none;
  }
  html body .s4-why .s4-visual:after{
    content:"";
    position:absolute;
    z-index:0;
    left:-38px;
    bottom:-30px;
    width:128px;
    height:210px;
    background:rgba(121,207,190,.17);
    clip-path:polygon(0 0,100% 50%,0 100%);
    pointer-events:none;
  }
  html body .s4-why .s4-frame{
    z-index:1!important;
    width:500px!important;
    height:620px!important;
    border:0!important;
    border-radius:0!important;
    clip-path:polygon(0 0,86% 0,100% 14%,100% 100%,14% 100%,0 86%)!important;
    filter:drop-shadow(0 34px 48px rgba(0,18,14,.42))!important;
    box-shadow:none!important;
  }
  html body .s4-why .s4-frame img{object-position:center!important;filter:none!important}
  html body .s4-why .s4-copy{max-width:680px!important}
}

@media (max-width:1050px){
  html body .hero-art:before{
    content:"";
    position:absolute;
    z-index:3;
    top:2%;
    right:8%;
    width:58px;
    height:105px;
    background:#279d88;
    clip-path:polygon(34% 0,100% 0,66% 100%,0 100%);
  }
  html body .hero .portrait,
  html body.ready .hero .portrait{
    clip-path:polygon(12% 0,100% 0,100% 100%,0 100%)!important;
    border-radius:0!important;
  }
  html body .hero:after{width:76px;height:145px}
}

@media (max-width:650px){
  html body .hero:after{bottom:44px;width:54px;height:105px}
  html body .hero-art:before{width:44px;height:78px;right:4%}
  html body .s4-why .s4-frame{
    border-radius:0!important;
    clip-path:polygon(0 0,88% 0,100% 12%,100% 100%,12% 100%,0 88%)!important;
  }
}

/* HERO BOX CLEANUP + SERVICE STACK */
/* Keep only the 10B+ metric and place it at the image/copy transition. */
html body .hero .quote,
html body .hero .readers,
html body .hero .roas{display:none!important}

@media (min-width:1051px){
  html body .hero .impressions{
    right:auto!important;
    left:-36px!important;
    top:auto!important;
    bottom:24px!important;
    width:270px!important;
    padding:14px 16px!important;
    border-radius:18px!important;
    box-shadow:0 24px 58px rgba(0,18,14,.34)!important;
  }
  html body .hero .impressions small{font-size:7px!important;letter-spacing:.06em!important}
  html body .hero .impressions>b{margin:7px 0!important;font-size:28px!important}
  html body .hero .impressions .bars{height:32px!important;gap:5px!important}
  html body .hero .mini-stats{
    position:relative!important;
    z-index:6!important;
    width:min(760px,100%)!important;
    margin-top:48px!important;
    padding:24px 0 18px!important;
    gap:28px!important;
  }
  html body .hero .mini-stats div{min-width:0!important}
  html body .hero .mini-stats b{color:#fff!important;font-size:24px!important}
  html body .hero .mini-stats span{color:#a9c6bf!important;font-size:8px!important;line-height:1.45!important}
}
html body .hero:after{z-index:1!important}
html body .hero-wrap{z-index:2!important}

/* Service section: premium green palette and video-style scroll scaling. */
html body .s2-solutions{
  --paper:#edf5f2!important;
  --ink:#0c1e21!important;
  background:#edf5f2!important;
  color:#0c1e21!important;
}
html body .s2-solutions .s2-intro h2,
html body .s2-solutions .s2-title-main{color:#0c1e21!important}
html body .s2-solutions .s2-intro h2 em{color:#279d88!important}

html body .s2-solutions .s2-card.s2-green{--card-start:#38b59e!important;--card-mid:#86d1c2!important;--card-end:#edf7f4!important;--card-ink:#0c1e21!important}
html body .s2-solutions .s2-card.s2-deep{--card-start:#0c1e21!important;--card-mid:#245c52!important;--card-end:#cfe5df!important;--card-ink:#fff!important}
html body .s2-solutions .s2-card.s2-coral{--card-start:#176e60!important;--card-mid:#72b9aa!important;--card-end:#e8f4f1!important;--card-ink:#fff!important}
html body .s2-solutions .s2-card.s2-violet{--card-start:#245c52!important;--card-mid:#77aa9f!important;--card-end:#edf5f2!important;--card-ink:#fff!important}
html body .s2-solutions .s2-card.s2-pink{--card-start:#123f38!important;--card-mid:#58988b!important;--card-end:#dcebe7!important;--card-ink:#fff!important}
html body .s2-solutions .s2-card{
  background:linear-gradient(90deg,var(--card-start) 0%,var(--card-start) 32%,var(--card-mid) 62%,var(--card-end) 100%)!important;
  color:var(--card-ink)!important;
}
html body .s2-solutions .s2-copy h3,
html body .s2-solutions .s2-copy>p,
html body .s2-solutions .s2-index{color:inherit!important}
html body .s2-solutions .s2-copy>a{background:#0c1e21!important;color:#fff!important;border:1px solid rgba(255,255,255,.16)!important}
html body .s2-solutions .s2-deep .s2-copy>a,
html body .s2-solutions .s2-coral .s2-copy>a,
html body .s2-solutions .s2-violet .s2-copy>a,
html body .s2-solutions .s2-pink .s2-copy>a{background:#fff!important;color:#0c1e21!important}
html body .s2-solutions .s2-card-note{background:#0c1e21!important;color:#fff!important}
html body .s2-solutions .s2-filter{background:rgba(250,253,252,.92)!important;color:#0c1e21!important;border-color:rgba(255,255,255,.78)!important}
html body .s2-solutions .s2-bars i{background:linear-gradient(#79cfbe,#176e60)!important}
html body .s2-solutions .s2-search>i,
html body .s2-solutions .s2-compliance>i,
html body .s2-solutions .s2-progress i{background:#38b59e!important}
html body .s2-solutions .s2-ai-track i{background:#279d88!important}
html body .s2-solutions .s2-media>img{filter:none!important}

@media (min-width:901px){
  html body .s2-solutions .s2-stack{width:min(1440px,88vw)!important;padding-bottom:34vh!important;perspective:1400px!important}
  html body .s2-solutions .s2-card{
    --s2-scale-x:.88;
    --s2-lift:0px;
    height:min(560px,68vh)!important;
    min-height:500px!important;
    transform:translate3d(0,var(--s2-lift),0) scaleX(var(--s2-scale-x))!important;
    transform-origin:50% 0!important;
    will-change:transform!important;
    backface-visibility:hidden!important;
    transition:box-shadow .4s ease,filter .4s ease!important;
  }
  html body .s2-solutions .s2-card.is-s2-active{filter:saturate(1.03) brightness(1)!important;box-shadow:0 42px 96px rgba(12,30,33,.25)!important}
  html body .s2-solutions .s2-card.is-s2-stacked{filter:saturate(.95) brightness(.985)!important}
}
@media (max-width:900px){
  html body .hero .impressions{right:0!important;left:auto!important;top:8%!important}
  html body .s2-solutions .s2-card{transform:none!important;filter:none!important}
}
@media (prefers-reduced-motion:reduce){
  html body .s2-solutions .s2-card{transform:none!important;transition:none!important}
}

/* SIMPLE SPLIT HERO + SWITCHING HEADER */
/* Header keeps its existing design; only its top/scroll positions change. */
html body #header{
  top:0!important;
  width:100%!important;
  padding-top:0!important;
  transition:transform .36s cubic-bezier(.76,0,.24,1),width .55s cubic-bezier(.16,1,.3,1),top .55s cubic-bezier(.16,1,.3,1)!important;
}
html body #header .header-inner{padding:10px 30px!important}
html body #header.switching{transform:translate(-50%,-125%)!important}
html body #header.compact{
  top:12px!important;
  width:calc(100% - 24px)!important;
  padding-top:0!important;
}
html body #header.compact .header-inner{padding:8px 14px!important}

/* Simple reference-style split hero using the existing copy and image. */
@media (min-width:1051px){
  html body .hero{
    min-height:100vh!important;
    padding:84px 12px 12px!important;
    background:#0c1e21!important;
  }
  html body .hero canvas,
  html body .hero:after,
  html body .hero .ticker,
  html body .hero-art:before,
  html body .hero-art:after{display:none!important}
  html body .hero-wrap{
    width:100%!important;
    min-height:calc(100vh - 96px)!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1.06fr)!important;
    gap:12px!important;
    align-items:stretch!important;
  }
  html body .hero-copy{
    min-width:0!important;
    padding:clamp(54px,6vw,110px) clamp(48px,7vw,135px)!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    border-radius:14px!important;
    background:linear-gradient(135deg,#0c1e21,#09292a)!important;
    overflow:hidden!important;
  }
  html body .hero h1{font-size:clamp(60px,5.2vw,88px)!important;line-height:.9!important}
  html body .hero .lead{max-width:640px!important}
  html body .hero .mini-stats{display:none!important}
  html body .hero-art{
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    overflow:visible!important;
    isolation:isolate!important;
  }
  html body .hero .portrait{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    aspect-ratio:auto!important;
    transform:none!important;
    border:0!important;
    border-radius:14px!important;
    clip-path:none!important;
    box-shadow:none!important;
    opacity:1!important;
  }
  html body .hero .portrait img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
  html body .hero .portrait:after{background:linear-gradient(transparent 70%,rgba(5,28,27,.42))!important}
  html body .hero .quote,
  html body .hero .readers,
  html body .hero .roas{display:none!important}
  html body .hero .impressions{
    display:block!important;
    z-index:6!important;
    left:0!important;
    right:auto!important;
    top:auto!important;
    bottom:0!important;
    width:270px!important;
    padding:16px 18px!important;
    border-radius:0 14px 0 14px!important;
    box-shadow:0 18px 44px rgba(0,18,14,.22)!important;
  }
  html body .hero .impressions small{font-size:7px!important}
  html body .hero .impressions>b{margin:8px 0!important;font-size:30px!important}
  html body .hero .impressions .bars{height:34px!important}
}

@media (max-width:1050px){
  html body #header,html body #header.compact{top:10px!important;width:calc(100% - 24px)!important}
  html body #header .header-inner{padding:8px 10px!important}
  html body .hero .mini-stats{display:none!important}
  html body .hero-art:before,html body .hero-art:after{display:none!important}
  html body .hero .portrait{clip-path:none!important;border-radius:16px!important}
  html body .hero .impressions{left:0!important;right:auto!important;top:auto!important;bottom:0!important}
}