:root{--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1)}
.dfy-hero{isolation:isolate;background:#0a0a12;padding:165px 0 126px;min-height:760px;display:grid;align-items:center}
.dfy-hero>.container{display:block;position:relative;z-index:1;pointer-events:none}
.hero-copy{max-width:980px;text-align:center;margin-inline:auto;pointer-events:none}
.hero-copy a{pointer-events:auto}
.hero-copy .eyebrow{justify-content:center;max-width:700px}
.hero-copy h1{font-size:clamp(2.8rem,2rem + 3.5vw,5.2rem);line-height:1.03;margin:24px auto 28px;max-width:980px}
.hero-lead{max-width:760px;margin:0 auto 34px;font-size:19px}
.actions,.hero-notes{justify-content:center}
.hero-atmosphere{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none;contain:paint}
.aurora-field{position:absolute;inset:-10%;}
.aurora{display:block;position:absolute;width:760px;height:640px;border-radius:50%;opacity:.7;animation:aurora-drift 18s ease-in-out infinite alternate}
.aurora-blue{left:-5%;top:-27%;background:radial-gradient(ellipse,#0038ff66, #0038ff20 38%,transparent 69%)}
.aurora-pink{right:-8%;top:-20%;background:radial-gradient(ellipse,#7b61ff55,#ff6fd826 40%,transparent 70%);animation-duration:23s;animation-delay:-9s}
.aurora-warm{width:650px;height:380px;left:27%;bottom:-32%;background:radial-gradient(ellipse,#ff5a4e55,#ff6fd822 42%,transparent 70%);animation-duration:21s;animation-delay:-13s}
.orbital-grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(#b8acff18 1px,transparent 1px),linear-gradient(90deg,#b8acff18 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse at 50% 90%,#000,transparent 74%)}
.horizon{position:absolute;width:120%;height:440px;left:-10%;bottom:-390px;border-radius:50%;border:1px solid #b3a0ff60;box-shadow:0 -12px 80px #7b61ff20,0 -2px 20px #ff6fd821;animation:horizon-breathe 12s ease-in-out infinite alternate}
.pointer-glow{position:absolute;left:calc(50% - 230px);top:calc(50% - 230px);width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,#7b61ff23,transparent 68%);opacity:0;transition:opacity 250ms var(--ease-out)}
.dfy-hero.pointer-active .pointer-glow{opacity:1}
.touch-ripple{position:absolute;width:180px;height:180px;left:0;top:0;border-radius:50%;border:1px solid #bba7ff80;background:radial-gradient(circle,transparent 40%,#7b61ff22 65%,transparent 72%)}
.motion-toggle{position:absolute;bottom:24px;right:32px;z-index:2;border:1px solid #ffffff18;background:#10101b80;color:#fafaf7a8;border-radius:999px;padding:8px 12px;display:none;gap:10px;align-items:center;cursor:pointer;font:10px 'Geist Mono',monospace;letter-spacing:.03em}
.motion-ready .motion-toggle{display:inline-flex}
.motion-paused .hero-atmosphere *,.motion-offscreen .hero-atmosphere *{animation-play-state:paused!important}
.motion-paused .pointer-glow{opacity:0!important}
@keyframes aurora-drift{from{transform:translate3d(-25px,-10px,0) scale(.96)}to{transform:translate3d(75px,42px,0) scale(1.08)}}
@keyframes horizon-breathe{from{transform:translateY(0) scaleX(.94);opacity:.5}to{transform:translateY(-22px) scaleX(1.04);opacity:1}}
.button,.nav-cta{transition:transform 160ms var(--ease-out),background .2s,box-shadow .2s}
.button:active,.nav-cta:active{transform:scale(.97)}
.button[aria-disabled=true]:active{transform:none}
.pain-grid article,.pillars article,.plan{position:relative;transition:transform 250ms var(--ease-out)}
.pain-grid article:after,.pillars article:after,.plan:after{content:'';position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;border:1px solid #7b61ff70;opacity:0;transition:opacity 200ms ease}
.dfy-faq summary:after{content:'+'!important;transition:transform 200ms var(--ease-out)}
.dfy-faq details[open] summary:after{transform:rotate(45deg)}
.steps .step-num{transition:transform 250ms var(--ease-out)}
@media(hover:hover) and (pointer:fine){.button:not([aria-disabled=true]):hover,.nav-cta:hover{transform:translateY(-2px)}.pain-grid article:hover,.pillars article:hover,.plan:hover{transform:translateY(-5px)}.pain-grid article:hover:after,.pillars article:hover:after,.plan:hover:after{opacity:1}.steps li:hover .step-num{transform:rotate(-8deg) scale(1.06)}}
@media(max-width:1023px){.dfy-hero>.container{display:block}.hero-copy{max-width:880px}.dfy-hero{min-height:720px;padding:145px 0 110px}}
@media(max-width:650px){.dfy-hero{min-height:0;padding:125px 0 110px}.hero-copy h1{font-size:clamp(2.5rem,10.8vw,3.8rem);margin:22px auto 26px}.hero-lead{font-size:16px;line-height:1.75;max-width:420px}.hero-copy .eyebrow{font-size:10px;max-width:310px;line-height:1.8}.hero-notes{font-size:11px;gap:8px 14px}.actions{max-width:380px;margin-inline:auto}.aurora{width:440px;height:460px;opacity:.6}.aurora-blue{left:-55%;top:-5%}.aurora-pink{right:-55%;top:15%}.aurora-warm{display:none}.orbital-grid{background-size:48px 48px;opacity:.12}.horizon{height:250px;bottom:-215px}.pointer-glow{display:none}.motion-toggle{right:20px;bottom:22px}.hero-atmosphere{inset:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-atmosphere *{animation:none!important}.pointer-glow,.motion-ready .motion-toggle{display:none}.button,.nav-cta,.pain-grid article,.pillars article,.plan,.steps .step-num{transform:none!important}.dfy-faq summary:after{transition:none}}