.hp-root{--hp-ease:cubic-bezier(0.22,1,0.36,1);--hp-shadow-sm:0 1px 2px hsl(var(--foreground)/0.04),0 2px 8px hsl(var(--foreground)/0.04);--hp-shadow-lg:0 2px 6px hsl(var(--foreground)/0.04),0 24px 60px -12px hsl(var(--brand)/0.22)}@media (prefers-reduced-motion:no-preference){html:has(.hp-root){scroll-behavior:smooth}}.hp-root section[id]{scroll-margin-top:88px}.hp-grad-text{background:linear-gradient(100deg,hsl(var(--brand)) 0,hsl(var(--practice)) 55%,hsl(var(--dashboard-name-accent)) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hp-card{background:hsl(var(--surface-raised));border:1px solid hsl(var(--border-subtle));box-shadow:var(--hp-shadow-sm);transition:transform .4s var(--hp-ease),box-shadow .4s var(--hp-ease),border-color .3s ease}.hp-card-interactive:hover{transform:translateY(-4px);box-shadow:var(--hp-shadow-lg);border-color:hsl(var(--brand)/.35)}.hp-glass{background:hsl(var(--background)/.72);backdrop-filter:saturate(160%) blur(18px);-webkit-backdrop-filter:saturate(160%) blur(18px)}.hp-hero-panel{background:linear-gradient(135deg,hsl(var(--hero-from)) 0,hsl(var(--hero-to)) 100%);color:hsl(var(--hero-foreground))}.hp-grid-bg{background-image:radial-gradient(hsl(var(--foreground)/.07) 1px,transparent 1px);background-size:22px 22px;mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,black 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,black 30%,transparent 75%)}.hp-blob{position:absolute;border-radius:9999px;filter:blur(90px);pointer-events:none;animation:hp-drift 18s ease-in-out infinite alternate}.hp-btn{transition:transform .3s var(--hp-ease),box-shadow .3s var(--hp-ease),background-color .2s ease,border-color .2s ease,color .2s ease}.hp-btn:hover{transform:translateY(-2px)}.hp-btn:active{transform:translateY(0) scale(.98)}.hp-btn-primary{background:hsl(var(--brand));color:hsl(var(--brand-foreground));box-shadow:0 6px 20px -6px hsl(var(--brand)/.6)}.hp-btn-primary:hover{box-shadow:0 10px 28px -6px hsl(var(--brand)/.7)}.hp-btn-arrow{transition:transform .3s var(--hp-ease)}.hp-btn:hover .hp-btn-arrow{transform:translateX(3px)}[dir=rtl] .hp-btn-arrow{transform:scaleX(-1)}[dir=rtl] .hp-btn:hover .hp-btn-arrow{transform:scaleX(-1) translateX(3px)}.hp-reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--hp-ease),transform .8s var(--hp-ease);transition-delay:var(--hp-delay,0s)}.hp-reveal.hp-visible{opacity:1;transform:none}.hp-enter{animation:hp-enter .9s var(--hp-ease) both;animation-delay:var(--hp-delay,0s)}.hp-float{animation:hp-float 6s ease-in-out infinite}.hp-float-slow{animation:hp-float 8s ease-in-out infinite;animation-delay:-3s}.hp-demo-word{border-radius:6px;padding:0 3px;margin:0 -3px;animation:hp-word 7s var(--hp-ease) infinite}.hp-demo-popover{transform-origin:top center;animation:hp-popover 7s var(--hp-ease) infinite}.hp-demo-press{animation:hp-press 7s var(--hp-ease) infinite}.hp-demo-toast{animation:hp-toast 7s var(--hp-ease) infinite}.hp-demo-progress{animation:hp-progress 7s linear infinite}.hp-wave span{display:block;width:3px;border-radius:9999px;background:currentColor;transform-origin:center;animation:hp-wave 1.2s ease-in-out infinite}.hp-flip{perspective:900px}.hp-flip-inner{position:relative;transform-style:preserve-3d;animation:hp-flip 6s var(--hp-ease) infinite}.hp-flip-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.hp-flip-back{transform:rotateY(180deg)}.hp-strike{background-image:linear-gradient(hsl(var(--destructive)),hsl(var(--destructive)));background-repeat:no-repeat;background-position:0 55%;background-size:0 1.5px;animation:hp-strike 5s var(--hp-ease) infinite}.hp-fix{animation:hp-fix 5s var(--hp-ease) infinite}.hp-orb{background:radial-gradient(circle at 35% 30%,hsl(var(--hero-foreground)/.95),hsl(var(--brand)) 45%,hsl(var(--practice)) 100%);animation:hp-orb 3.2s ease-in-out infinite}.hp-orb-ring{border:1px solid var(--hp-ring,hsl(var(--hero-foreground)/.25));animation:hp-ring 3.2s ease-out infinite}.hp-bar-fill{transform-origin:left center;transform:scaleX(0);transition:transform 1.4s var(--hp-ease);transition-delay:var(--hp-delay,.3s)}[dir=rtl] .hp-bar-fill{transform-origin:right center}.hp-visible .hp-bar-fill{transform:scaleX(var(--hp-fill,1))}.hp-connector{transform:scaleX(0);transform-origin:left center;transition:transform 1.4s var(--hp-ease) .2s}[dir=rtl] .hp-connector{transform-origin:right center}.hp-visible .hp-connector{transform:scaleX(1)}.hp-marquee{mask-image:linear-gradient(90deg,transparent,black 12%,black 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,black 12%,black 88%,transparent)}.hp-marquee-track{animation:hp-marquee 38s linear infinite}.hp-marquee:hover .hp-marquee-track{animation-play-state:paused}[dir=rtl] .hp-marquee-track{animation-name:hp-marquee-rtl}.hp-faq summary{list-style:none}.hp-faq summary::-webkit-details-marker{display:none}.hp-faq-icon{transition:transform .35s var(--hp-ease)}.hp-faq[open] .hp-faq-icon{transform:rotate(45deg)}.hp-faq[open] .hp-faq-body{animation:hp-faq-open .4s var(--hp-ease)}.hp-menu{animation:hp-menu .3s var(--hp-ease)}@keyframes hp-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes hp-drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(40px,30px,0) scale(1.12)}}@keyframes hp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes hp-press{0%,56%{transform:none;box-shadow:0 0 0 0 hsl(var(--brand)/.45)}60%{transform:scale(.94)}64%{transform:none;box-shadow:0 0 0 10px hsl(var(--brand)/0)}to{transform:none;box-shadow:0 0 0 0 hsl(var(--brand)/0)}}@keyframes hp-word{0%,20%{background:transparent;color:inherit}24%,86%{background:hsl(var(--brand));color:hsl(var(--brand-foreground))}92%,to{background:transparent;color:inherit}}@keyframes hp-popover{0%,22%{opacity:0;transform:translateY(6px) scale(.96)}28%,84%{opacity:1;transform:none}90%,to{opacity:0;transform:translateY(6px) scale(.96)}}@keyframes hp-toast{0%,62%{opacity:0;transform:translateY(12px) scale(.96)}68%,90%{opacity:1;transform:none}96%,to{opacity:0;transform:translateY(12px) scale(.96)}}@keyframes hp-progress{0%{transform:scaleX(.18)}to{transform:scaleX(.62)}}@keyframes hp-wave{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@keyframes hp-flip{0%,35%{transform:rotateY(0)}45%,85%{transform:rotateY(180deg)}95%,to{transform:rotateY(1turn)}}@keyframes hp-strike{0%,20%{background-size:0 1.5px}35%,90%{background-size:100% 1.5px}to{background-size:0 1.5px}}@keyframes hp-fix{0%,35%{opacity:0;transform:translateY(4px)}45%,90%{opacity:1;transform:none}to{opacity:0}}@keyframes hp-orb{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes hp-ring{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}@keyframes hp-marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes hp-marquee-rtl{0%{transform:translateX(0)}to{transform:translateX(50%)}}@keyframes hp-faq-open{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes hp-menu{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.hp-enter,.hp-reveal{opacity:1;transform:none;transition:none;animation:none}.hp-blob,.hp-demo-press,.hp-demo-progress,.hp-flip-inner,.hp-float,.hp-float-slow,.hp-marquee-track,.hp-orb,.hp-orb-ring,.hp-wave span{animation:none}.hp-orb-ring{opacity:0}.hp-demo-word{animation:none;background:hsl(var(--brand));color:hsl(var(--brand-foreground))}.hp-demo-popover,.hp-demo-toast,.hp-fix{animation:none;opacity:1;transform:none}.hp-strike{animation:none;background-size:100% 1.5px}.hp-bar-fill,.hp-btn,.hp-card,.hp-connector{transition:none}.hp-btn:hover,.hp-card-interactive:hover{transform:none}}