.ha-testimonials{--test-x:50%;--test-y:42%;position:relative;z-index:2;min-height:115svh;overflow:hidden;color:#f5f0ec;background:radial-gradient(circle at var(--test-x) var(--test-y),rgba(47,14,22,.78),#110a0e 39%,#08080b 75%);isolation:isolate}
.ha-testimonials::before{content:'';position:absolute;z-index:7;inset:0;pointer-events:none;background:linear-gradient(180deg,#08080b,transparent 14%,transparent 86%,#08080b),repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.024) 4px 4.5px)}
.ha-test-shell{position:relative;z-index:4;box-sizing:border-box;width:min(91%,1580px);margin:auto;padding:clamp(120px,15vh,190px) 0 115px}
.ha-test-shell h2{position:relative;z-index:5;margin:0;color:#f5f0ec;font:700 clamp(62px,7.2vw,120px)/.9 'Syne',sans-serif;letter-spacing:-.085em}
.ha-test-shell h2 em{color:#f42e3d;font-style:normal}
.ha-test-stage{--test-rx:0deg;--test-ry:0deg;position:relative;z-index:3;height:clamp(540px,69vh,780px);margin-top:10px;perspective:1400px;transform-style:preserve-3d;transform:perspective(1400px) rotateX(var(--test-rx)) rotateY(var(--test-ry));transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.ha-test-flight-path{position:absolute;z-index:0;left:10%;right:10%;top:51%;height:1px;background:linear-gradient(90deg,transparent,rgba(244,46,61,.24) 25%,rgba(245,240,236,.12) 50%,rgba(244,46,61,.24) 75%,transparent);transform:rotate(-7deg);pointer-events:none}
.ha-test-flight-path i{position:absolute;width:4px;height:4px;border-radius:50%;background:#f42e3d;box-shadow:0 0 16px #f42e3d;animation:haTestTravel 5s linear infinite}
.ha-test-flight-path i:nth-child(2){animation-delay:-1.7s}.ha-test-flight-path i:nth-child(3){animation-delay:-3.4s}
@keyframes haTestTravel{from{left:0;opacity:0}15%{opacity:1}85%{opacity:1}to{left:100%;opacity:0}}
.ha-test-cards{position:absolute;inset:0;z-index:2;transform-style:preserve-3d}
.ha-test-card{--mx:50%;--my:50%;position:absolute;left:63%;top:52%;box-sizing:border-box;width:min(38vw,470px);height:clamp(300px,34vw,380px);padding:30px;border:1px solid rgba(245,240,236,.2);color:#f5f0ec;background:radial-gradient(220px circle at var(--mx) var(--my),rgba(244,46,61,.13),transparent 72%),linear-gradient(135deg,rgba(35,20,25,.96),rgba(9,9,12,.97));text-align:left;backdrop-filter:blur(12px);cursor:pointer;overflow:hidden;box-shadow:0 30px 95px rgba(0,0,0,.33);transform-style:preserve-3d;transition:transform 1s cubic-bezier(.16,.8,.2,1),opacity .75s,filter .75s,border-color .35s,box-shadow .35s}
.ha-test-card::before{content:'';position:absolute;inset:13px;border:1px solid rgba(245,240,236,.08);pointer-events:none}
.ha-test-card::after{content:'0 1  { }  < >  / +  0 1  { }';position:absolute;left:-6%;bottom:7%;width:120%;color:rgba(244,46,61,.2);font:700 12px/2 monospace;letter-spacing:14px;white-space:nowrap;pointer-events:none}
.ha-test-card.is-front{z-index:5;opacity:1;filter:none;border-color:rgba(244,46,61,.58);transform:translate3d(-50%,-50%,100px) rotateY(0deg) scale(1)}
.ha-test-card.is-left{z-index:2;opacity:.64;filter:blur(.8px);transform:translate3d(calc(-50% - min(29vw,400px)),-46%,-160px) rotateY(25deg) scale(.75)}
.ha-test-card.is-right{z-index:2;opacity:.64;filter:blur(.8px);transform:translate3d(calc(-50% + min(29vw,400px)),-46%,-160px) rotateY(-25deg) scale(.75)}
.ha-test-card:hover,.ha-test-card:focus-visible{border-color:#f42e3d;box-shadow:0 36px 100px rgba(244,46,61,.16);outline:none}
.ha-test-card-number{position:relative;z-index:1;color:#f42e3d;font:700 11px/1 monospace}
.ha-test-card-mark{position:absolute;right:28px;top:8px;color:rgba(244,46,61,.35);font:700 132px/1 'Syne',sans-serif}
.ha-test-placeholder{position:absolute;left:30px;right:30px;top:43%;display:grid;gap:16px;transform:translateY(-50%)}
.ha-test-placeholder i{display:block;height:2px;background:linear-gradient(90deg,rgba(245,240,236,.55),rgba(245,240,236,.09))}
.ha-test-placeholder i:nth-child(2){width:88%}.ha-test-placeholder i:nth-child(3){width:58%}
.ha-test-quote{position:absolute;z-index:1;left:30px;right:30px;top:51%;transform:translateY(-50%);color:#f5f0ec;font:500 clamp(18px,1.65vw,24px)/1.5 'Poppins',sans-serif;letter-spacing:-.035em}
.ha-test-card strong{position:absolute;left:30px;bottom:34px;font:700 clamp(17px,1.45vw,23px)/1 'Syne',sans-serif;letter-spacing:-.035em}
.ha-test-card-arrow{position:absolute;right:30px;bottom:30px;color:#f42e3d;font:400 23px/1 'Syne',sans-serif}
.ha-test-controls{position:relative;z-index:6;display:flex;justify-content:flex-end;gap:10px;margin-top:-28px;padding-right:28%}
.ha-test-control{width:55px;height:42px;border:1px solid rgba(245,240,236,.18);color:#a99da1;background:rgba(13,12,16,.82);font:700 11px/1 monospace;cursor:pointer;transition:color .3s,border-color .3s,background .3s}
.ha-test-control:hover,.ha-test-control:focus-visible,.ha-test-control.is-active{color:#f5f0ec;border-color:#f42e3d;background:rgba(85,24,34,.46);outline:none}
.ha-journey-canvas.ha-testimonials-field{z-index:3!important;opacity:.82!important}
@media(max-width:950px){.ha-test-shell h2{font-size:clamp(55px,9vw,85px)}.ha-test-card{width:min(57vw,450px)}.ha-test-card.is-left{transform:translate3d(calc(-50% - 35vw),-46%,-160px) rotateY(25deg) scale(.72)}.ha-test-card.is-right{transform:translate3d(calc(-50% + 35vw),-46%,-160px) rotateY(-25deg) scale(.72)}}
@media(max-width:620px){.ha-test-shell{padding:110px 0 85px}.ha-test-shell h2{font-size:clamp(52px,12vw,75px)}.ha-test-stage{height:560px}.ha-test-card{width:min(75vw,390px);height:335px;padding:23px}.ha-test-card.is-left{transform:translate3d(calc(-50% - 46vw),-47%,-140px) rotateY(27deg) scale(.65)}.ha-test-card.is-right{transform:translate3d(calc(-50% + 46vw),-47%,-140px) rotateY(-27deg) scale(.65)}.ha-test-placeholder{left:23px;right:23px}.ha-test-card strong{left:23px;bottom:29px;font-size:17px}}
@media(max-width:620px){.ha-test-quote{left:23px;right:23px;font-size:16px}.ha-test-card strong{font-size:14px}}
@media(max-width:620px){.ha-test-card{left:50%}.ha-test-controls{justify-content:center;padding-right:0}.ha-journey-canvas.ha-testimonials-field{opacity:.4!important}}
@media(prefers-reduced-motion:reduce){.ha-test-card,.ha-test-stage,.ha-test-flight-path i{animation:none!important;transition:none!important}.ha-test-stage{transform:none!important}}
.ha-test-card{height:clamp(400px,39vw,470px);background:radial-gradient(400px circle at var(--mx) var(--my),rgba(244,46,61,.17),transparent 72%),linear-gradient(145deg,rgba(39,20,27,.98),rgba(8,8,12,.99));box-shadow:0 40px 110px rgba(0,0,0,.54),inset 0 0 55px rgba(244,46,61,.035)}
.ha-test-card::before{inset:14px;border-color:rgba(245,240,236,.11)}
.ha-test-card.is-front{border-color:rgba(244,46,61,.75);box-shadow:0 55px 120px rgba(0,0,0,.58),0 0 70px rgba(244,46,61,.1)}
.ha-test-card.is-left,.ha-test-card.is-right{opacity:.58}
.ha-test-source{position:absolute;left:30px;top:30px;color:#f42e3d;font:700 10px/1 monospace;letter-spacing:.16em;text-transform:uppercase}
.ha-test-quote{top:49%;font-size:clamp(16px,1.35vw,20px);line-height:1.55}
.ha-test-card strong{bottom:37px;font-size:clamp(18px,1.45vw,23px)}
.ha-test-card strong small{display:block;margin-top:9px;color:#9d9195;font:500 11px/1 'Poppins',sans-serif;letter-spacing:.02em}
.ha-test-card-mark{font-size:155px;color:rgba(244,46,61,.19)}
.ha-test-controls{gap:14px;margin-top:-7px}
.ha-test-control{width:66px;height:54px;color:#f5f0ec;font:400 25px/1 'Syne',sans-serif}
.ha-test-control:hover,.ha-test-control:focus-visible{transform:translateY(-4px);box-shadow:0 12px 30px rgba(244,46,61,.16)}
@media(max-width:620px){.ha-test-card{height:400px}.ha-test-source{left:23px;top:23px}.ha-test-quote{font-size:15px}.ha-test-card strong{left:23px;bottom:30px;font-size:18px}.ha-test-card-mark{font-size:110px}.ha-test-controls{margin-top:0}}
.ha-test-card .ha-os-interaction-canvas{z-index:0;-webkit-mask-image:linear-gradient(90deg,transparent 8%,#000 70%);mask-image:linear-gradient(90deg,transparent 8%,#000 70%)}
.ha-test-card>.ha-test-source,.ha-test-card>.ha-test-card-mark,.ha-test-card>.ha-test-quote,.ha-test-card>strong,.ha-test-card>.ha-test-card-arrow{z-index:1}
.ha-test-card.is-front:hover,.ha-test-card.is-front:focus-visible{border-color:#f42e3d;box-shadow:0 55px 120px rgba(0,0,0,.58),0 18px 55px rgba(244,46,61,.18),inset 0 0 28px rgba(244,46,61,.04)}