.hd3-comparison-hero-section{position:relative;overflow:hidden;.hd3-comparison-hero-card{position:relative;border-radius:1rem;overflow:hidden;background:#000;&.has-bg{box-shadow:0 0 40px rgb(233 0 41 / .24)}.hd3-comparison-hero-top{padding:3rem 4rem;.hd3-comparison-hero-media{object-fit:contain;margin:1.5rem 2rem;max-width:50%}h2{font-size:28px;font-weight:600;line-height:1.2;color:#fff}.hd3-comparison-hero-body-wrap{margin-top:1rem}.hd3-comparison-hero-body{display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden;p{margin-bottom:.5rem}&:not(.expanded)>*{display:inline;margin:0}&:not(.expanded)>*+*::before{content:'\A';white-space:pre}&.expanded{display:block;overflow:visible}}.hd3-comparison-readmore{display:inline-block;margin-top:.5rem;font-size:16px;line-height:1.5;color:#d6d7d9;text-decoration:none;background:none;border:none;padding:0;&:hover{color:#fff}}}.hd3-comparison-table{background:rgb(55 58 54 / .5);border-radius:0 0 1rem 1rem;padding:1rem 1.5rem 1.5rem;.hd3-comparison-legend,.hd3-comparison-column{display:flex;flex-direction:column}.hd3-comparison-header{font-weight:500}.hd3-comparison-feature,.hd3-comparison-value{display:flex;align-items:flex-start;font-size:1rem;line-height:1.4;color:#e9eaed;padding:1rem;border-bottom:1px solid #373a36}.hd3-comparison-feature{padding-left:0;padding-right:0}.hd3-comparison-legend{.hd3-comparison-feature{font-weight:500}}.hd3-comparison-columns .hd3-comparison-header{font-weight:600}.hd3-comparison-columns-wrap{overflow:hidden}.hd3-comparison-columns{display:flex;margin:0 -.5rem;.hd3-comparison-column{flex:1 1 0%;min-width:0;padding:0 .5rem;&:first-child{padding-left:0}&.highlight{.hd3-comparison-value{background:#373a36;border-bottom-color:rgb(0 0 0 / .5)}.hd3-comparison-value.hd3-comparison-header{border-radius:.5rem .5rem 0 0}.hd3-comparison-value:last-child{border-radius:0 0 .5rem .5rem}}&.bold{.hd3-comparison-value{font-weight:700}}}}.hd3-comparison-column-footer{padding:.75rem 1rem;background:#373a36;border-radius:0 0 .5rem .5rem;.btn{display:block;width:100%}}}}}@media (min-width:992px){.hd3-comparison-hero-section{.hd3-comparison-column-footer{.hd3-request-quote-trigger{padding:.75rem 1.25rem;font-size:.8125rem;font-weight:500}}}}@media (max-width:991.98px){.hd3-comparison-hero-section{.hd3-comparison-hero-card{.hd3-comparison-hero-top{align-items:center;padding:1.5rem;h2{font-size:19px;line-height:1.4}.hd3-comparison-hero-body{max-height:0;&.expanded{max-height:none}}}.hd3-request-quote-trigger{i{display:none}}.hd3-comparison-table{padding:1rem 1rem 1.5rem;.hd3-comparison-feature,.hd3-comparison-value{font-size:13px}.hd3-comparison-value{padding:.85rem}.hd3-comparison-columns-wrap{overflow:visible}.hd3-comparison-columns{margin:0;&.slick-slider{display:block}.slick-track{display:flex;align-items:stretch}.hd3-comparison-column{padding:0 .375rem}.slick-list{margin:0 -.375rem}.slick-dots{position:unset;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;padding:0;li{width:auto;height:auto;margin:0;span{width:8px;height:8px;padding:0;border:none;border-radius:999px;background:rgb(255 255 255 / .3);transition:width 0.2s ease,background-color 0.2s ease;&:focus,&:active{outline:none;box-shadow:none;border:none}}&.slick-active span{width:24px;background:#fff}&:before{display:none}}}}}}}}@media (max-width:991.98px){.hd3-comparison-hero-section .hd3-comparison-hero-card .hd3-comparison-table.is-sticky{--hd3-sticky:clamp(110px, 36%, 180px);--hd3-peek:28px;--hd3-table-bg:#1c1d1b;.hd3-comparison-columns-wrap{position:relative;&::after{content:'';position:absolute;top:0;right:0;bottom:0;width:2rem;background:linear-gradient(to left,var(--hd3-table-bg),transparent);pointer-events:none;transition:opacity 0.3s ease}}&[data-at-end="true"] .hd3-comparison-columns-wrap::after{opacity:0}.hd3-comparison-columns{position:relative;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-left:var(--hd3-sticky);scrollbar-width:none;&::-webkit-scrollbar{display:none}.hd3-comparison-column{flex:0 0 calc(100% - var(--hd3-sticky) - var(--hd3-peek));scroll-snap-align:start;&:last-child{flex-basis:calc(100% - var(--hd3-sticky))}&:first-child{position:sticky;left:0;z-index:2;flex:0 0 var(--hd3-sticky);background:var(--hd3-table-bg);scroll-snap-align:none;.hd3-comparison-value{padding-left:0}&::after{content:'';position:absolute;top:0;bottom:0;left:100%;width:1rem;background:linear-gradient(to right,rgb(0 0 0 / .6),transparent);opacity:0;pointer-events:none;transition:opacity 0.3s ease}}&.highlight .hd3-comparison-value:nth-last-child(2){border-radius:0 0 .5rem .5rem}}.hd3-comparison-column-footer{display:none}}&[data-scrolled="true"] .hd3-comparison-column:first-child::after{opacity:1}.hd3-comparison-fixed-cta{margin-left:var(--hd3-sticky);max-width:calc(100% - var(--hd3-sticky) - var(--hd3-peek));padding:1rem .375rem 0;.btn{display:block;width:100%}}.hd3-comparison-dots{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;&:empty{display:none}button{width:8px;height:8px;padding:0;border:none;border-radius:999px;background:rgb(255 255 255 / .3);transition:width 0.2s ease,background-color 0.2s ease;&[aria-current="true"]{width:24px;background:#fff}}}}}