@property --glow-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes glow-spin{to{--glow-angle:360deg}}.cta-glow{isolation:isolate;border-radius:var(--radius-pill);display:inline-flex;position:relative}.cta-glow:before{content:"";z-index:-1;border-radius:var(--radius-pill);background:conic-gradient(from var(--glow-angle), var(--note-lavender), var(--note-cyan), var(--note-mint), var(--note-yellow), var(--note-coral), var(--note-lavender));filter:blur(6px);animation:8s linear infinite glow-spin;position:absolute;inset:-3px}@media (prefers-reduced-motion:reduce){.cta-glow:before{display:none}}.below-fold{content-visibility:auto;contain-intrinsic-size:auto 720px}.pains{counter-reset:pain}.pains-panel{isolation:isolate;position:relative;overflow:hidden}.pains-panel:before{content:"";z-index:-1;background:radial-gradient(45% 60% at 15% 0%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 70%), radial-gradient(40% 55% at 90% 100%, color-mix(in srgb, var(--note-cyan) 14%, transparent), transparent 70%);pointer-events:none;position:absolute;inset:0}.bubble-in{border-radius:var(--radius-container) var(--radius-container) var(--radius-container) 4px}.bubble-out{border-radius:var(--radius-container) var(--radius-container) 4px var(--radius-container)}.pain-card{counter-increment:pain;position:relative}.pain-card:before{content:counter(pain, decimal-leading-zero);color:var(--pain);font-size:1.5rem;font-weight:500;line-height:1.75rem;position:absolute;top:1rem;left:0}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.chat-line{animation:linear both rise;animation-timeline:view();animation-range:entry entry 80%}}}.showcase{isolation:isolate;position:relative}.showcase:before{content:"";z-index:-1;background:radial-gradient(45% 70% at 50% 0%, color-mix(in srgb, var(--note-lavender) 30%, transparent), transparent 70%);pointer-events:none;height:22rem;position:absolute;inset:0 0 auto}.showcase-chips{scrollbar-width:none}.showcase-caption{background:linear-gradient(to top, color-mix(in srgb, var(--ink) 45%, transparent), transparent)}@media (min-width:1024px){.showcase-grid>:nth-child(4n+2),.showcase-grid>:nth-child(4n+4){translate:0 2.5rem}.showcase-grid{padding-bottom:2.5rem}}@media (prefers-reduced-motion:no-preference){.showcase-card{transition:translate .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s}.showcase-card img{transition:scale .6s cubic-bezier(.2,.7,.2,1)}.showcase-card:hover{translate:0 -6px}.showcase-card:hover img{scale:1.05}}.hero-glow:before{content:"";z-index:-1;background:radial-gradient(40% 60% at 75% 40%, color-mix(in srgb, var(--note-lavender) 45%, transparent), transparent 70%), radial-gradient(30% 50% at 20% 20%, color-mix(in srgb, var(--note-cyan) 40%, transparent), transparent 70%);pointer-events:none;height:70%;position:absolute;inset:-4rem -10vw auto}.hero-mark{background:linear-gradient(var(--note-lavender), var(--note-lavender)) no-repeat 0 88% / 100% .38em;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-inline:.08em}.hero-chip{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);height:2.5rem;box-shadow:var(--shadow-card);color:var(--heading);white-space:nowrap;align-items:center;gap:.5rem;padding-inline:1rem;font-size:.875rem;font-weight:500;display:inline-flex}.hero-spinner{border:2px solid color-mix(in srgb, var(--surface) 35%, transparent);border-top-color:var(--surface);border-radius:var(--radius-pill);width:.75rem;height:.75rem}.hero-scan{inset-inline:0;opacity:0;background:linear-gradient(90deg, var(--note-cyan), var(--accent), var(--note-coral));height:3px;box-shadow:0 0 18px 4px color-mix(in srgb, var(--accent) 60%, transparent);position:absolute;top:0}.hero-slide:not(:first-child),.hero-promo:not(:first-child),.hero-making{opacity:0}@keyframes hero-develop{0%{z-index:2;opacity:1;clip-path:inset(0 0 100%);filter:saturate(0)blur(8px)}10%{clip-path:inset(0)}16%{filter:none}25%{z-index:2;opacity:1}26%,to{z-index:1;opacity:1;clip-path:inset(0)}}@keyframes hero-swap{0%{opacity:0;translate:0 6px}3%,24%{opacity:1;translate:0}25%,to{opacity:0}}@keyframes hero-scan{0%{opacity:1;top:0}40%{opacity:1;top:100%}41%,to{opacity:0;top:100%}}@keyframes hero-status{0%,39%{opacity:1}40%,to{opacity:0}}@keyframes hero-status-ready{0%,39%{opacity:0}40%,to{opacity:1}}@keyframes hero-pop{0%,36%{scale:1}42%{scale:1.08}50%,to{scale:1}}@keyframes hero-bob{to{translate:0 -8px}}@keyframes spin{to{rotate:360deg}}@keyframes rise{0%{opacity:0;translate:0 24px}}@media (prefers-reduced-motion:no-preference){.hero-stage{--step:4s}.hero-slide{opacity:0;animation:hero-develop calc(var(--step) * 4) linear infinite;animation-delay:calc(var(--i) * var(--step))}.hero-promo{opacity:0;animation:hero-swap calc(var(--step) * 4) ease-out infinite;animation-delay:calc(var(--i) * var(--step))}.hero-scan{animation:hero-scan var(--step) cubic-bezier(.45, 0, .55, 1) infinite}.hero-making{animation:hero-status var(--step) step-end infinite}.hero-ready{animation:hero-status-ready var(--step) step-end infinite}.hero-spinner{animation:.8s linear infinite spin}.hero-chip-pop{animation:hero-pop var(--step) ease-out infinite}.hero-float{animation:3s ease-in-out infinite alternate hero-bob}.hero-float-late{animation-delay:-1.5s}.hero-copy>*{animation:.7s cubic-bezier(.2,.7,.2,1) both rise}.hero-copy>:nth-child(2){animation-delay:.1s}.hero-copy>:nth-child(3){animation-delay:.2s}.hero-mark{animation:.8s cubic-bezier(.2,.7,.2,1) .5s both mark}@supports (animation-timeline:view()){.reveal{animation:linear both rise;animation-timeline:view();animation-range:entry entry 60%}}}@keyframes mark{0%{background-size:0% .38em}}
