.home-workflow{background:radial-gradient(ellipse at 50% 65%, color-mix(in oklab, var(--primary) 8%, transparent), transparent 70%), linear-gradient(135deg, color-mix(in oklab, var(--primary) 3%, var(--background)), var(--background))}.home-workflow:before{content:"";background:color-mix(in oklab, var(--card) 55%, transparent);clip-path:polygon(0 0,25% 0,0 45%);pointer-events:none;position:absolute;inset:0}.workflow-heading>div>p:first-child{letter-spacing:.05em;justify-content:center;align-items:center;gap:.75rem;font-size:.75rem;display:flex}.workflow-heading>div>p:first-child:before,.workflow-heading>div>p:first-child:after{content:"";background:linear-gradient(90deg, transparent, var(--primary));flex-shrink:0;width:1.25rem;height:.125rem}.workflow-heading>div>p:first-child:after{transform:rotate(180deg)}@media (min-width:40rem){.workflow-heading>div>p:first-child{letter-spacing:.1em;gap:1.5rem;font-size:.875rem}.workflow-heading>div>p:first-child:before,.workflow-heading>div>p:first-child:after{width:2rem}}.workflow-step{filter:drop-shadow(0 .75rem 1.5rem color-mix(in oklab, var(--primary) 5%, transparent))}.workflow-card{isolation:isolate;background:color-mix(in oklab, var(--primary) 10%, var(--card))}.workflow-card:before{z-index:-1;content:"";border-radius:inherit;background:linear-gradient(145deg, var(--card) 45%, color-mix(in oklab, var(--primary) 3%, var(--card)));position:absolute;inset:1px}.workflow-illustration{transition:transform .24s}@media (prefers-reduced-motion:no-preference){.workflow-step:hover .workflow-illustration{transform:translateY(-.25rem)}}.home-hero{background:radial-gradient(ellipse at 80% 30%, color-mix(in oklab, var(--primary) 12%, transparent), transparent 65%), linear-gradient(120deg, var(--card), color-mix(in oklab, var(--primary) 4%, var(--background)))}.home-hero:before{z-index:-1;content:"";background:color-mix(in oklab, var(--card) 45%, transparent);clip-path:polygon(0 0,56% 0,36% 76%,0 61%);pointer-events:none;position:absolute;inset:0}.hero-title{font-size:clamp(2rem,3.2vw,2.625rem);line-height:1.35}.hero-copy-actions [data-slot=button]{min-width:10rem}.hero-platforms{box-shadow:0 1rem 2.5rem color-mix(in oklab, var(--foreground) 7%, transparent)}@media (min-width:64rem){.hero-title-line{white-space:nowrap}.hero-copy-description{width:110%}.hero-platform+.hero-platform{border-left:1px solid color-mix(in oklab, var(--primary) 12%, transparent)}}.hero-copy-badge,.hero-title-line,.hero-copy-description,.hero-copy-actions,.hero-copy-points{animation:.72s cubic-bezier(.22,1,.36,1) both hero-copy-reveal}.hero-copy-badge{animation-delay:80ms}.hero-title-line:first-child{animation-delay:.16s}.hero-title-line:nth-child(2){animation-delay:.24s}.hero-copy-description{animation-delay:.42s}.hero-copy-actions{animation-delay:.5s}.hero-copy-points{animation-delay:.58s}.hero-title-accent{color:var(--primary)}.hero-copy-sparkle{transform-origin:50%;animation:3.2s ease-in-out 1s infinite hero-sparkle}.hero-preview{animation:.9s cubic-bezier(.22,1,.36,1) .32s both hero-preview-reveal}.hero-preview-artwork{opacity:.92;animation:7s ease-in-out 1.2s infinite alternate hero-preview-float}@keyframes hero-copy-reveal{0%{opacity:0;filter:blur(.25rem);transform:translateY(1.1rem)}to{opacity:1;filter:blur();transform:translate(0,0)}}@keyframes hero-sparkle{0%,to{opacity:.72;transform:rotate(0)scale(.9)}45%{opacity:1;transform:rotate(18deg)scale(1.12)}}@keyframes hero-preview-reveal{0%{opacity:0;transform:translateY(1.1rem)}to{opacity:1;transform:translate(0,0)}}@keyframes hero-preview-float{0%{transform:translate(0,0)}to{transform:translateY(-.6rem)}}@media (prefers-reduced-motion:reduce){.hero-copy-badge,.hero-title-line,.hero-copy-description,.hero-copy-actions,.hero-copy-points,.hero-copy-sparkle,.hero-preview,.hero-preview-artwork{animation:none}}
