.hero-gradient{--gradient-accent-opacity: 45%;--gradient-primary-opacity: 40%;--gradient-warm-opacity: 35%;--gradient-light-opacity: 30%;background:radial-gradient(ellipse 80% 60% at 10% 20%,color-mix(in srgb,var(--hh-accent-main) var(--gradient-accent-opacity),transparent) 0%,transparent 50%),radial-gradient(ellipse 70% 80% at 90% 80%,color-mix(in srgb,var(--hh-primary-main) var(--gradient-primary-opacity),transparent) 0%,transparent 55%),radial-gradient(ellipse 50% 40% at 80% 15%,color-mix(in srgb,var(--hh-grey-300) var(--gradient-warm-opacity),transparent) 0%,transparent 45%),radial-gradient(ellipse 60% 50% at 20% 85%,color-mix(in srgb,var(--hh-accent-light) var(--gradient-light-opacity),transparent) 0%,transparent 50%),linear-gradient(145deg,var(--hh-grey-50) 0%,var(--hh-background-default) 50%,var(--hh-background-surface) 100%)}.prompt-form-container{max-width:min(860px,70vw)}@media(max-width:768px){.prompt-form-container{max-width:100%}}.form-card{--focus-ring-color: color-mix(in srgb, var(--hh-primary-main) 10%, transparent);border:1px solid var(--hh-divider);transition:box-shadow .2s ease,border-color .2s ease}.form-card:focus-within{border-color:var(--hh-primary-main);box-shadow:var(--hh-shadow-lg),0 0 0 3px var(--focus-ring-color)}.prompt-input::-moz-placeholder{--gradient-duration: 3s;background:linear-gradient(90deg,var(--hh-grey-400),var(--hh-primary-main),var(--hh-accent-main),var(--hh-primary-main),var(--hh-grey-400));background-size:300% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-text var(--gradient-duration) ease infinite}.prompt-input::placeholder{--gradient-duration: 3s;background:linear-gradient(90deg,var(--hh-grey-400),var(--hh-primary-main),var(--hh-accent-main),var(--hh-primary-main),var(--hh-grey-400));background-size:300% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-text var(--gradient-duration) ease infinite}@keyframes gradient-text{0%,to{background-position:0% center}50%{background-position:100% center}}.vibe-chip{background:#fff6;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.6);box-shadow:0 2px 8px #2c18100f,inset 0 1px #ffffff80}.vibe-chip:hover{background:#ffffffa6;border-color:#fffc;box-shadow:0 4px 16px #2c18101a,inset 0 1px #fff9;transform:translateY(-1px)}.step-card{position:relative;background:var(--hh-common-white);box-shadow:var(--hh-shadow-md);border:1px solid var(--hh-divider);display:flex;flex-direction:column;align-items:center;height:100%;transition:transform .2s ease,box-shadow .2s ease}.step-card:hover{transform:translateY(-4px);box-shadow:var(--hh-shadow-lg)}.step-number-circle{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);width:1.75rem;height:1.75rem;background:var(--hh-primary-main);color:var(--hh-common-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75rem}.player-section{background:var(--hh-background)}.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)}}.cta-section{background:linear-gradient(180deg,var(--hh-background) 0%,var(--hh-background-surface) 100%)}.faq-item{border:1px solid var(--color-divider);transition:box-shadow .2s ease}.faq-item[open]{box-shadow:0 2px 8px #0000000f}.faq-summary::-webkit-details-marker{display:none}.faq-summary::marker{display:none;content:""}.faq-icon{font-size:1.5rem;line-height:1}