.hhss-wrap,
.hhss-wrap *{box-sizing:border-box}
.hhss-wrap{--hhss-navy:#103b5a;--hhss-deep:#0c2d49;--hhss-teal:#1f8e9c;--hhss-aqua:#73d4d4;--hhss-lav:#9b91dc;--hhss-ink:#17374c;--hhss-muted:#607889;position:relative;isolation:isolate;overflow:hidden;width:100%;padding:clamp(34px,5vw,70px) clamp(16px,3vw,32px);border-radius:28px;background:linear-gradient(145deg,#f8fcfd 0%,#eef8fa 43%,#f4f2fb 100%);font-family:inherit;color:var(--hhss-ink);box-shadow:0 20px 60px rgba(14,61,83,.10)}
.hhss-inner{position:relative;z-index:3;max-width:1180px;margin:0 auto}
.hhss-grid-pattern{position:absolute;inset:0;z-index:0;opacity:.35;background-image:linear-gradient(rgba(16,59,90,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(16,59,90,.055) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,black,transparent 88%)}
.hhss-orb{position:absolute;z-index:1;border-radius:999px;filter:blur(3px);opacity:.5;pointer-events:none;animation:hhssFloat 9s ease-in-out infinite}
.hhss-orb-one{width:280px;height:280px;right:-75px;top:-95px;background:radial-gradient(circle at 35% 35%,rgba(115,212,212,.68),rgba(31,142,156,.08) 72%)}
.hhss-orb-two{width:340px;height:340px;left:-115px;bottom:-150px;background:radial-gradient(circle at 60% 40%,rgba(155,145,220,.42),rgba(155,145,220,.03) 72%);animation-delay:-4s}
@keyframes hhssFloat{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(18px,-16px,0) scale(1.04)}}
.hhss-hero{position:relative;overflow:hidden;max-width:1140px;margin:0 auto 42px;padding:34px 26px 28px;text-align:center;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(251,254,255,.86));border:1px solid rgba(24,101,128,.10);box-shadow:0 18px 48px rgba(13,63,88,.08);opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.hhss-hero.hhss-visible{opacity:1;transform:none}
.hhss-hero:before{content:"";position:absolute;left:-10%;right:-10%;bottom:-115px;height:170px;border-radius:50%;background:linear-gradient(180deg,rgba(86,207,219,.18),rgba(86,207,219,.03));transform:rotate(-2deg);pointer-events:none}
.hhss-hero:after{content:"";position:absolute;left:-8%;right:-8%;bottom:-138px;height:170px;border-radius:50%;border-top:2px solid rgba(255,255,255,.88);box-shadow:0 -10px 35px rgba(77,192,210,.08);pointer-events:none}
.hhss-hero-ring{position:absolute;border-radius:50%;border:2px solid rgba(94,190,205,.10);pointer-events:none;animation:hhssRingFloat 8s ease-in-out infinite}
.hhss-hero-ring-one{width:250px;height:250px;right:-80px;top:-105px;box-shadow:0 0 50px rgba(107,220,223,.10),inset 0 0 35px rgba(107,220,223,.08)}
.hhss-hero-ring-two{width:205px;height:205px;left:-100px;top:-85px;border-color:rgba(123,151,210,.09);animation-delay:-3s}
@keyframes hhssRingFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(8px,10px,0)}}
.hhss-hero-spark{position:absolute;z-index:1;color:#75cdd2;font-size:18px;opacity:.55;pointer-events:none;animation:hhssTwinkle 2.8s ease-in-out infinite}
.hhss-hero-spark-one{right:9%;top:22%}.hhss-hero-spark-two{left:7%;bottom:20%;font-size:13px;animation-delay:-1.4s}
.hhss-kicker{position:relative;z-index:2;display:inline-flex;align-items:center;gap:10px;padding:8px 15px 8px 9px;border:1px solid rgba(31,142,156,.13);border-radius:999px;background:rgba(255,255,255,.92);box-shadow:0 9px 24px rgba(13,67,91,.09);font-size:11px;font-weight:800;letter-spacing:.105em;color:#177e91}
.hhss-kicker-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(145deg,#1b9ea9,#18bdad);box-shadow:0 7px 16px rgba(31,158,167,.18)}
.hhss-kicker-icon svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.hhss-hero-title{position:relative;z-index:2;margin:22px auto 14px!important;max-width:980px;font-size:clamp(38px,5.4vw,67px)!important;line-height:1.01!important;letter-spacing:-.045em!important;color:#0b2f63!important;font-weight:800!important}
.hhss-hero-title span{display:block}
.hhss-hero-title em{font-style:normal;background:linear-gradient(90deg,#0f6ea5,#14b8b6);-webkit-background-clip:text;background-clip:text;color:transparent}
.hhss-hero-copy{position:relative;z-index:2;max-width:850px;margin:0 auto!important;font-size:clamp(16px,1.75vw,19px)!important;line-height:1.58!important;color:#35516e!important}
.hhss-hero-actions{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:920px;margin:28px auto 4px;align-items:start}
.hhss-hero-action-group{display:flex;flex-direction:column;align-items:center;gap:10px}
.hhss-hero-action{position:relative;overflow:hidden;display:grid!important;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;width:100%;min-height:78px;padding:10px 17px 10px 12px;border-radius:18px;text-decoration:none!important;color:#fff!important;box-shadow:0 14px 28px rgba(10,55,112,.22);transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}
.hhss-hero-buddy{background:linear-gradient(135deg,#0c3c84,#075baa 62%,#086ca7)}
.hhss-hero-match{background:linear-gradient(135deg,#11aaa7,#0aa2b6 55%,#138dc4);box-shadow:0 14px 28px rgba(18,156,176,.21)}
.hhss-hero-action:before{content:"";position:absolute;top:-45%;bottom:-45%;left:-40%;width:26%;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.30),transparent);animation:hhssButtonShine 3.6s ease-in-out infinite}
.hhss-hero-match:before{animation-delay:1.2s}
.hhss-hero-action:hover{transform:translateY(-3px);filter:saturate(1.08);box-shadow:0 18px 34px rgba(10,55,112,.29)}
.hhss-hero-match:hover{box-shadow:0 18px 34px rgba(18,156,176,.28)}
.hhss-hero-action-icon{position:relative;z-index:2;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#fff;box-shadow:0 5px 14px rgba(0,0,0,.11)}
.hhss-hero-action-icon svg{width:33px;height:33px;fill:none;stroke:#1599a0;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.hhss-hero-action-text{position:relative;z-index:2;text-align:left;font-size:clamp(17px,2vw,22px);font-weight:800;line-height:1.12;color:#fff}
.hhss-hero-chevron{position:relative;z-index:2;font-size:40px;font-weight:300;line-height:1;color:#fff;transition:transform .25s ease}
.hhss-hero-action:hover .hhss-hero-chevron{transform:translateX(4px)}
.hhss-hero-micro{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.88);box-shadow:0 7px 18px rgba(13,61,83,.07);font-size:13px;font-weight:700;line-height:1.2;color:#264a69}
.hhss-hero-micro>span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#148db1;color:#fff;font-size:11px;font-weight:900}
.hhss-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch}
.hhss-card{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:500px;padding:29px;border:1px solid rgba(16,59,90,.10);border-radius:24px;background:rgba(255,255,255,.84);box-shadow:0 18px 42px rgba(15,61,86,.09);backdrop-filter:blur(9px);opacity:0;transform:translateY(26px);transition:transform .42s cubic-bezier(.2,.8,.2,1),box-shadow .42s ease,border-color .42s ease,opacity .65s ease}
.hhss-card.hhss-visible{opacity:1;transform:none}
.hhss-card:nth-child(2){transition-delay:.10s}
.hhss-card:hover{transform:translateY(-7px);box-shadow:0 26px 58px rgba(15,61,86,.16);border-color:rgba(31,142,156,.25)}
.hhss-card-glow{position:absolute;width:260px;height:260px;right:-115px;top:-115px;border-radius:50%;opacity:.5;transition:transform .65s ease,opacity .65s ease;pointer-events:none}
.hhss-buddy .hhss-card-glow{background:radial-gradient(circle,rgba(75,199,202,.40),rgba(75,199,202,0) 68%)}
.hhss-match .hhss-card-glow{background:radial-gradient(circle,rgba(155,145,220,.42),rgba(155,145,220,0) 68%)}
.hhss-card:hover .hhss-card-glow{transform:scale(1.28) translate(-12px,12px);opacity:.72}
.hhss-card-topline{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}
.hhss-site-icon{display:grid;place-items:center;width:56px;height:56px;flex:0 0 56px;border-radius:17px;background:linear-gradient(145deg,#f4ffff,#e6f6f8);box-shadow:inset 0 0 0 1px rgba(31,142,156,.10),0 8px 20px rgba(31,142,156,.10)}
.hhss-match .hhss-site-icon{background:linear-gradient(145deg,#faf9ff,#eeeafd);box-shadow:inset 0 0 0 1px rgba(155,145,220,.13),0 8px 20px rgba(115,102,190,.09)}
.hhss-site-icon svg{width:33px;height:33px;fill:none;stroke:#238c98;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.hhss-match .hhss-site-icon svg{stroke:#7467ba}
.hhss-badge{max-width:75%;padding:7px 10px;border-radius:999px;background:#edf9fa;color:#277f88;font-size:10px;font-weight:800;letter-spacing:.08em;text-align:center}
.hhss-match .hhss-badge{background:#f1effb;color:#7669b5}
.hhss-card h3{margin:0 0 7px!important;font-size:clamp(28px,3vw,38px)!important;line-height:1.08!important;color:var(--hhss-navy)!important;letter-spacing:-.025em;font-weight:800!important}
.hhss-tagline{margin:0 0 15px!important;font-size:18px!important;line-height:1.4!important;font-weight:700!important;color:#2b8190!important}
.hhss-match .hhss-tagline{color:#7468ae!important}
.hhss-description{margin:0 0 21px!important;font-size:15px!important;line-height:1.68!important;color:var(--hhss-muted)!important}
.hhss-benefits{display:grid;gap:11px;margin:0 0 25px!important;padding:0!important;list-style:none!important}
.hhss-benefits li{display:flex;align-items:flex-start;gap:10px;margin:0!important;padding:0!important;font-size:14px;line-height:1.45;color:#345365}
.hhss-tick{display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:#e7f8f7;color:#258b94;font-size:12px;font-weight:900}
.hhss-match .hhss-tick{background:#f0edfb;color:#7769b4}
.hhss-button{position:relative;overflow:hidden;display:flex!important;align-items:center;justify-content:space-between;gap:16px;width:100%;margin-top:auto;padding:15px 17px;border-radius:14px;text-decoration:none!important;font-size:15px!important;font-weight:800!important;line-height:1.2!important;color:#fff!important;background:linear-gradient(135deg,#176f82,#2397a3);box-shadow:0 12px 24px rgba(31,142,156,.21);transition:transform .25s ease,box-shadow .25s ease}
.hhss-match .hhss-button{background:linear-gradient(135deg,#655aa9,#8b7cc9);box-shadow:0 12px 24px rgba(116,103,186,.20)}
.hhss-button:before{content:"";position:absolute;inset:-30% auto -30% -35%;width:28%;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);animation:hhssButtonShine 3.3s ease-in-out infinite}
.hhss-match .hhss-button:before{animation-delay:1.2s}
@keyframes hhssButtonShine{0%,30%{left:-40%}62%,100%{left:125%}}
.hhss-button:hover{color:#fff!important;transform:translateY(-2px);box-shadow:0 15px 30px rgba(31,142,156,.28)}
.hhss-match .hhss-button:hover{box-shadow:0 15px 30px rgba(116,103,186,.26)}
.hhss-arrow{display:grid;place-items:center;position:relative;z-index:2;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.15);font-size:19px;transition:transform .25s ease}
.hhss-button:hover .hhss-arrow{transform:translateX(3px)}
.hhss-footer-cta{position:relative;display:flex;align-items:center;justify-content:center;gap:20px;margin:25px auto 0;padding:20px 24px;max-width:880px;text-align:center;border:1px solid rgba(16,59,90,.09);border-radius:18px;background:rgba(255,255,255,.62);box-shadow:0 10px 25px rgba(15,61,86,.06);opacity:0;transform:translateY(15px);transition:opacity .7s ease .15s,transform .7s ease .15s}
.hhss-footer-cta.hhss-visible{opacity:1;transform:none}
.hhss-footer-cta h3{margin:0 0 5px!important;font-size:20px!important;line-height:1.2!important;color:var(--hhss-navy)!important}
.hhss-footer-cta p{margin:0!important;font-size:14px!important;line-height:1.55!important;color:var(--hhss-muted)!important}
.hhss-footer-spark{font-size:25px;color:#37aeb2;animation:hhssTwinkle 2.5s ease-in-out infinite}
.hhss-footer-spark-two{color:#877ac8;animation-delay:-1.2s}
@keyframes hhssTwinkle{0%,100%{transform:scale(.75) rotate(0);opacity:.45}50%{transform:scale(1.15) rotate(14deg);opacity:1}}
@media(max-width:760px){.hhss-wrap{width:calc(100% + 20px);max-width:none;margin-left:-10px;margin-right:-10px;padding:24px 10px 32px;border-radius:20px}.hhss-hero{margin-bottom:26px;padding:26px 12px 22px;border-radius:20px}.hhss-kicker{padding:7px 11px 7px 7px;font-size:9px;letter-spacing:.08em}.hhss-kicker-icon{width:28px;height:28px}.hhss-hero-title{margin-top:18px!important;font-size:36px!important;line-height:1.02!important}.hhss-hero-copy{font-size:15px!important;line-height:1.55!important;padding:0 4px}.hhss-hero-actions{grid-template-columns:1fr;gap:16px;width:calc(100% + 12px);margin:23px -6px 4px}.hhss-hero-action-group{width:100%}.hhss-hero-action{grid-template-columns:42px minmax(0,1fr) 22px;gap:7px;width:100%;min-height:62px;padding:7px 8px;border-radius:16px}.hhss-hero-action-icon{width:42px;height:42px}.hhss-hero-action-icon svg{width:25px;height:25px}.hhss-hero-action-text{font-size:clamp(14px,4.25vw,17px);white-space:nowrap}.hhss-hero-chevron{font-size:28px}.hhss-hero-micro{font-size:12px}.hhss-cards{grid-template-columns:1fr;gap:16px}.hhss-card{min-height:0;padding:23px;border-radius:20px}.hhss-card:hover{transform:none}.hhss-card-topline{align-items:flex-start}.hhss-badge{max-width:72%;font-size:9px}.hhss-footer-cta{gap:10px;padding:18px 15px}.hhss-footer-spark{font-size:18px}}
@media(prefers-reduced-motion:reduce){.hhss-wrap *,.hhss-wrap *:before,.hhss-wrap *:after{animation:none!important;transition:none!important}.hhss-hero,.hhss-card,.hhss-footer-cta{opacity:1!important;transform:none!important}}