/* HeatHosting Premium3D — support-text and pricing scenic edge polish.
   Preview-only addon. Does NOT change approved hero or the checkout. */
@media (min-width: 701px) {
  /* The original reference image contains remnants of a rasterized support paragraph.
     Paint only the dark support-copy zone beneath the native, accessible text. */
  .hs-panel-finale-composite .hs-panel-sharp-labels { isolation: isolate; }
  .hs-panel-finale-composite .hs-panel-sharp-labels::before {
    content: "";
    position: absolute;
    left: 84.25%; top: 12%; width: 15.6%; height: 33%;
    z-index: 0; pointer-events: none;
    background: linear-gradient(95deg, #05182bfa, #061830 38%, #04162d 92%);
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 7%, #000 100%);
    mask-image: linear-gradient(90deg, transparent, #000 7%, #000 100%);
  }
  .hs-panel-finale-composite .hs-panel-sharp-labels .hs-p-text { z-index: 1; }
  .hs-panel-finale-composite .hs-p-support { left:85.15%; top:14.4%; width:13.5%; }
  .hs-panel-finale-composite .hs-p-support h3 {
    font-size: clamp(10px, 1.16cqw, 17px);
    line-height: 1.07; white-space: normal;
    margin-bottom: .48cqw;
  }
  .hs-panel-finale-composite .hs-p-support p {
    font-size: clamp(7px, .72cqw, 10px);
    line-height: 1.25;
    overflow-wrap: normal;
    hyphens: auto;
  }
  /* The decorative price-right image has a WHITE wave baked into its first pixels.
     It is the extra white tab beneath the ecosystem, not the ecosystem clip-path. */
  body.hs-premium-enabled .pricing::before { clip-path: inset(12% 0 0 0) !important; }
}