.hero{--gradient-accent-opacity: 55%;--gradient-primary-opacity: 50%;--gradient-warm-opacity: 45%;--gradient-light-opacity: 38%;--gradient-accent-size: 80% 60%;--gradient-primary-size: 70% 80%;--gradient-warm-size: 50% 40%;--gradient-light-size: 60% 50%;--gradient-accent-fade: 50%;--gradient-primary-fade: 55%;--gradient-warm-fade: 45%;--gradient-light-fade: 50%;position:relative;overflow:hidden;background:radial-gradient(ellipse var(--gradient-accent-size) at 10% 20%,color-mix(in srgb,var(--hh-accent-main) var(--gradient-accent-opacity),transparent) 0%,transparent var(--gradient-accent-fade)),radial-gradient(ellipse var(--gradient-primary-size) at 90% 80%,color-mix(in srgb,var(--hh-primary-main) var(--gradient-primary-opacity),transparent) 0%,transparent var(--gradient-primary-fade)),radial-gradient(ellipse var(--gradient-warm-size) at 80% 15%,color-mix(in srgb,var(--hh-grey-300) var(--gradient-warm-opacity),transparent) 0%,transparent var(--gradient-warm-fade)),radial-gradient(ellipse var(--gradient-light-size) at 20% 85%,color-mix(in srgb,var(--hh-accent-light) var(--gradient-light-opacity),transparent) 0%,transparent var(--gradient-light-fade)),linear-gradient(145deg,var(--hh-grey-50) 0%,var(--hh-background-default) 50%,var(--hh-background-surface) 100%)}.hero[data-gradient=soft]{--gradient-accent-opacity: 33%;--gradient-primary-opacity: 30%;--gradient-warm-opacity: 27%;--gradient-light-opacity: 23%;--gradient-accent-size: 85% 64%;--gradient-primary-size: 74% 85%;--gradient-warm-size: 53% 42%;--gradient-light-size: 64% 53%;--gradient-accent-fade: 53%;--gradient-primary-fade: 58%;--gradient-warm-fade: 48%;--gradient-light-fade: 53%}.hero[data-gradient=medium]{--gradient-accent-opacity: 44%;--gradient-primary-opacity: 40%;--gradient-warm-opacity: 36%;--gradient-light-opacity: 30%;--gradient-accent-size: 90% 67%;--gradient-primary-size: 78% 90%;--gradient-warm-size: 56% 45%;--gradient-light-size: 67% 56%;--gradient-accent-fade: 56%;--gradient-primary-fade: 62%;--gradient-warm-fade: 50%;--gradient-light-fade: 56%}.hero[data-gradient=strong]{--gradient-accent-opacity: 55%;--gradient-primary-opacity: 50%;--gradient-warm-opacity: 45%;--gradient-light-opacity: 38%;--gradient-accent-size: 94% 71%;--gradient-primary-size: 83% 94%;--gradient-warm-size: 59% 47%;--gradient-light-size: 71% 59%;--gradient-accent-fade: 59%;--gradient-primary-fade: 65%;--gradient-warm-fade: 53%;--gradient-light-fade: 59%}.hero[data-gradient=vivid]{--gradient-accent-opacity: 63%;--gradient-primary-opacity: 58%;--gradient-warm-opacity: 52%;--gradient-light-opacity: 44%;--gradient-accent-size: 108% 81%;--gradient-primary-size: 95% 108%;--gradient-warm-size: 68% 54%;--gradient-light-size: 81% 68%;--gradient-accent-fade: 68%;--gradient-primary-fade: 74%;--gradient-warm-fade: 61%;--gradient-light-fade: 68%}.hero-trail{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hero-inner{position:relative;z-index:2}.hero-title{font-size:clamp(2.5rem,7vw,4.25rem);line-height:1.05;max-width:14ch;margin-inline:auto}@media(min-width:1024px){.hero-title{margin-inline:0}}.hero-title-accent{font-style:italic;font-weight:600;color:var(--hh-primary-main);white-space:nowrap}.hero-phone{display:flex;flex-direction:column;align-items:center;gap:1.25rem}@media(min-width:1024px){.hero-phone{transform:rotate(2.5deg)}}.hero-phone-caption{max-width:24ch;text-align:center;font-size:.875rem;color:var(--hh-text-secondary);line-height:1.5}.hiw-step{position:relative;display:flex;flex-direction:column;align-items:center}.hiw-pin{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-bottom:-22px;border-radius:50% 50% 50% 4px;transform:rotate(-45deg);background:var(--hh-primary-main);border:2px solid var(--hh-background-surface);box-shadow:var(--hh-shadow-md)}.hiw-pin-number{transform:rotate(45deg);color:var(--hh-common-white);font-family:var(--hh-font-display);font-size:1.125rem;font-weight:600}.hiw-card{width:100%;height:100%;padding-top:3.25rem;background:var(--hh-background-surface);border:1px solid var(--hh-grey-200);box-shadow:var(--hh-shadow-sm)}@media(max-width:767px){.hiw-step:not(:last-child):before{content:"";position:absolute;pointer-events:none;top:44px;bottom:-48px;left:50%;border-left:2px dashed var(--hh-grey-300)}}.feature-card{--feature-color: var(--hh-primary-main);background:var(--hh-background-surface);border:1px solid var(--hh-grey-200);box-shadow:var(--hh-shadow-sm);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.feature-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--feature-color) 45%,transparent);box-shadow:var(--hh-shadow-lg)}.feature-card-featured{border:1.5px solid var(--hh-grey-700);box-shadow:6px 6px color-mix(in srgb,var(--hh-grey-700) 12%,transparent)}.feature-card-featured:hover{transform:none;border-color:var(--hh-grey-700)}.feature-card-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50% 50% 50% 6px;background:color-mix(in srgb,var(--feature-color) 12%,transparent);color:var(--feature-color);margin-bottom:1rem}.feature-card-icon svg{width:22px;height:22px}.usecase-card{display:flex;flex-direction:column;background:var(--hh-background-surface);border:1px solid var(--hh-grey-200);box-shadow:var(--hh-shadow-sm);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.usecase-card:hover{transform:translateY(-3px);border-color:var(--usecase-color);box-shadow:4px 4px color-mix(in srgb,var(--usecase-color) 18%,transparent),var(--hh-shadow-md)}.usecase-card:focus-visible{outline:2px solid var(--hh-primary-main);outline-offset:3px}.usecase-card:hover .usecase-card-cue{gap:.5rem;color:var(--hh-primary-dark)}.usecase-card-cue{display:inline-flex;align-items:center;gap:.3rem;margin-top:auto;padding-top:1rem;color:var(--hh-primary-main);font-weight:600;font-size:.95rem;transition:gap .2s ease}.usecase-card-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50% 50% 50% 6px;background:color-mix(in srgb,var(--usecase-color) 12%,transparent);color:var(--usecase-color);margin-bottom:1rem}.usecase-card-icon svg{width:22px;height:22px}.player-accent{font-style:italic;color:var(--hh-accent-main)}.player-check{width:20px;height:20px;margin-top:2px;color:var(--hh-accent-main)}.player-link{--link-color: var(--hh-accent-main);--link-hover-color: var(--lp-cream)}.phone-wrapper{transform:rotate(3deg)}.phone-device{--cycle-duration: 15s;--phone-width: 280px;--phone-height: 572px;filter:drop-shadow(0 25px 50px rgba(0,0,0,.25))}.phone-frame{position:relative;width:var(--phone-width);height:var(--phone-height);background:var(--hh-common-black);border-radius:50px;padding:12px;box-sizing:border-box}.phone-screen{position:relative;width:100%;height:100%;background:var(--hh-common-white);border-radius:38px;overflow:hidden}.dynamic-island{position:absolute;top:8px;left:50%;transform:translate(-50%);width:72px;height:20px;background:var(--hh-common-black);border-radius:12px;z-index:10}.slideshow{position:relative;width:100%;height:100%}.slide{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;opacity:0;animation:fade var(--cycle-duration) infinite}@keyframes fade{0%{opacity:0}10%{opacity:1}25%{opacity:1}45%{opacity:0}to{opacity:0}}.dots{display:flex;justify-content:center;gap:8px;margin-top:16px}.dot{width:8px;height:8px;border-radius:50%;background:var(--hh-grey-400);animation:dot var(--cycle-duration) infinite}@keyframes dot{0%{background:var(--hh-grey-400)}10%{background:var(--hh-primary-main)}25%{background:var(--hh-primary-main)}33.33%{background:var(--hh-grey-400)}to{background:var(--hh-grey-400)}}.btn-left-top{position:absolute;left:-3px;top:100px;width:3px;height:32px;background:var(--hh-common-black);border-radius:2px 0 0 2px}.btn-left-bottom{position:absolute;left:-3px;top:140px;width:3px;height:50px;background:var(--hh-common-black);border-radius:2px 0 0 2px}.btn-right{position:absolute;right:-3px;top:120px;width:3px;height:50px;background:var(--hh-common-black);border-radius:0 2px 2px 0}@media(prefers-reduced-motion:reduce){.slide,.dot{animation:none}.slide:first-child{opacity:1}.dot:first-child{background:var(--hh-primary-main)}}.pricing-card{border:1px solid var(--hh-grey-200);box-shadow:var(--hh-shadow-sm)}.pricing-card:not(.section-ink){background:var(--hh-background-surface)}.pricing-card-featured{border:1.5px solid var(--lp-ink);box-shadow:6px 6px color-mix(in srgb,var(--lp-ink) 18%,transparent)}.pricing-card-price{display:flex;align-items:baseline;gap:.4rem;margin-bottom:.75rem}.pricing-card-amount{font-size:1.75rem;font-weight:600;color:var(--hh-text-primary)}.pricing-card-cadence{font-size:.875rem;color:var(--hh-text-secondary)}.final-x{width:40px;height:40px;transform:rotate(-6deg)}.faq-item{border-bottom:1px solid var(--hh-grey-200)}.faq-item:first-child{border-top:1px solid var(--hh-grey-200)}.faq-summary{list-style:none;gap:1rem;transition:color .15s ease}.faq-summary::-webkit-details-marker{display:none}.faq-summary::marker{display:none;content:""}.faq-summary:hover{color:var(--hh-primary-main)}.faq-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1.5px solid var(--hh-grey-300);font-size:1.125rem;line-height:1;transition:transform .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease}.faq-item[open] .faq-icon{background:var(--hh-primary-main);border-color:var(--hh-primary-main);color:var(--hh-common-white)}