.home-demo-motion{position:relative;display:inline-flex;isolation:isolate}
.home-demo-motion>.button{position:relative;isolation:isolate;background:linear-gradient(90deg,#14cba2 0%,#a8e642 25%,#ffd141 50%,#ffd141 100%);background-size:200% auto;background-position:0% 50%;border:1px solid transparent;color:#0c392b;box-shadow:none;transform:none;transition:none;cursor:pointer;touch-action:manipulation}
.home-demo-motion[data-gradient-ready=true]>.button{background:transparent}
.home-demo-motion>.button::after{content:"";position:absolute;inset:-5px;z-index:0;border-radius:inherit;cursor:inherit}
.home-demo-motion>.button>*{pointer-events:none;cursor:inherit}
.home-demo-label{visibility:hidden}
.home-demo-face{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #0c392b20;border-radius:inherit;background:linear-gradient(90deg,#14cba2 0%,#a8e642 25%,#ffd141 50%,#ffd141 100%);background-size:200% auto;background-position:0% 50%;background-repeat:repeat;transform:translateY(-2px);box-shadow:0 7px 13px -4px rgb(121 200 79/.19),0 0 14px rgb(121 200 79/.12);transition:transform 220ms cubic-bezier(.2,.7,.25,1),box-shadow 220ms ease}
.home-demo-motion>.button:is(:hover,:focus-visible) .home-demo-face{transform:translateY(-4px);box-shadow:0 10px 18px -4px rgb(121 200 79/.23),0 0 18px rgb(121 200 79/.18)}
.home-demo-motion>.button:active .home-demo-face{transform:translateY(-1px);box-shadow:0 4px 9px -4px rgb(121 200 79/.18),0 0 12px rgb(121 200 79/.12)}
@media(max-width:620px){.home-demo-motion,.home-demo-motion>.button{width:100%}}
@media(prefers-reduced-motion:reduce){.home-demo-face{transform:none!important;transition:none;background-position:0% 50%!important}}
/* Approved Clean Slider v11: footer demo CTA only. */
.home-demo-motion>.button{--light-x:50%;--light-y:50%;position:relative;isolation:isolate;background:linear-gradient(90deg,#14cba2 0%,color-mix(in srgb,#14cba2 86%,#a8e642) 50%,#14cba2 100%);background-size:200% auto;border:1px solid transparent;color:#0c392b;box-shadow:none;transform:none;transition:none;font-size:14px;font-weight:700;line-height:1.6;cursor:pointer;touch-action:manipulation}
.home-demo-motion>.button[data-clean-ready=true]{background:transparent}
.home-demo-motion>.button::after{content:"";position:absolute;inset:-10px;z-index:4;border-radius:0;cursor:pointer;pointer-events:auto}
.home-demo-motion>.button *,.home-demo-motion>.button *::before,.home-demo-motion>.button *::after{pointer-events:none;cursor:pointer}
.home-demo-motion .home-demo-face{z-index:2;isolation:isolate;display:flex;align-items:center;justify-content:center;border:0;background:var(--source-gradient);color:#0c392b;transform:translateY(-2px);box-shadow:0 4px 8px -5px rgb(7 91 71/.10);transition:transform 220ms cubic-bezier(.2,.7,.25,1),box-shadow 220ms ease}
.home-demo-motion>.button:is(:hover,:focus-visible) .home-demo-face{transform:translateY(-2px);box-shadow:0 4px 8px -5px rgb(7 91 71/.10)}
.home-demo-motion>.button:is([data-glow-active=true],:focus-visible) .home-demo-face{transform:translateY(-4px)}
.home-demo-motion>.button:active .home-demo-face{transform:translateY(-1px)}
.home-demo-text{position:relative;z-index:1;color:#0c392b}
.home-demo-cycle-source{position:absolute;inset:0;z-index:-4;background-image:var(--source-gradient);background-size:var(--gradient-tile-width,326px) 100%;background-position:0 50%;background-repeat:repeat}
.home-demo-cycle-panel{position:absolute;inset:0 auto 0 0;width:100%;height:100%;z-index:-2;transform:translateX(100%);opacity:1}
.home-demo-cycle-base{position:absolute;inset:0;background-image:var(--target-gradient);background-size:var(--gradient-tile-width,326px) 100%;background-position:0 50%;background-repeat:repeat}
.home-demo-cycle-edge{position:absolute;inset:0 auto 0 0;width:1px;height:100%;z-index:2;background:#ffffffdb;box-shadow:none}
.home-demo-motion .home-demo-face::before{content:"";position:absolute;left:var(--light-x);top:var(--light-y);width:0;height:0;transform:translate(-50%,-50%);background:radial-gradient(circle closest-side,rgb(37 222 156/.72),transparent);z-index:-1;pointer-events:none;transition:width 200ms,height 200ms}
.home-demo-motion .home-demo-face::after{content:"";position:absolute;inset:0;background:rgb(6 131 96/.12);opacity:0;z-index:-2;pointer-events:none;transition:opacity 200ms}
.home-demo-motion>.button:is([data-glow-active=true],:focus-visible) .home-demo-face::before{width:300px;height:300px}
.home-demo-motion>.button:is([data-glow-active=true],:focus-visible) .home-demo-face::after{opacity:1}
.home-demo-halo{position:absolute;inset:0;z-index:0;overflow:visible;pointer-events:none;opacity:0;transform:translateY(-2px);transition:opacity 280ms ease,transform 220ms cubic-bezier(.2,.7,.25,1)}
.home-demo-motion>.button:is([data-glow-active=true],:focus-visible) .home-demo-halo{transform:translateY(-4px)}
.home-demo-motion>.button[data-background-active=true] .home-demo-halo{opacity:1;transition-duration:360ms,220ms}
.home-demo-motion>.button:active .home-demo-halo{transform:translateY(-1px)}
.home-demo-halo-base{position:absolute;inset:-9px -12px;border-radius:13px;background:rgb(255 209 65/.10);filter:blur(13px)}
.home-demo-halo-spot{position:absolute;left:var(--light-x);top:var(--light-y);transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:opacity 280ms ease;width:165px;height:110px;background:radial-gradient(ellipse closest-side,rgb(255 209 65/.032),transparent);filter:blur(11px)}
.home-demo-motion>.button[data-background-active=true] .home-demo-halo-spot{opacity:1;transition-duration:360ms}
.home-demo-halo-bed{position:absolute;inset:-49px -52px;mask-image:radial-gradient(ellipse 92px 104px at var(--halo-x,50%) var(--halo-y,50%),#000 0%,#000 65%,transparent 100%)}
.home-demo-halo-bed::before{content:"";position:absolute;inset:40px;border-radius:13px;background:rgb(255 209 65/.077777778);filter:blur(13px)}
@media(prefers-reduced-motion:reduce){.home-demo-motion .home-demo-face,.home-demo-halo{transform:none!important;transition:none}.home-demo-motion .home-demo-face::before,.home-demo-motion .home-demo-face::after,.home-demo-halo-spot{transition:none}.home-demo-motion .home-demo-face::before,.home-demo-halo-spot{left:50%;top:50%}}


/* Approved lower CTA: light fades to the left of the sharp white divider. */
.home-demo-motion .home-demo-cycle-edge::before{content:"";position:absolute;top:0;bottom:0;right:100%;width:24px;background:linear-gradient(90deg,rgb(255 240 128/0) 0%,rgb(255 240 128/.06) 35%,rgb(255 240 128/.42) 100%);pointer-events:none}


/* Decorative reward: only the visible face vibrates; the link stays still. */
.home-demo-reward-coin{position:absolute;z-index:20;width:48px;height:48px;object-fit:contain;pointer-events:none;transform-origin:center;filter:drop-shadow(0 5px 5px rgb(82 55 8/.16))}

/* Collection gold artwork, with physical thickness on every capability tier. */
.home-demo-reward-coin{perspective:240px;will-change:transform;user-select:none}
.home-demo-coin-solid{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}
.home-demo-coin-rim,.home-demo-coin-side{position:absolute;inset:0;box-sizing:border-box;border-radius:50%}
.home-demo-coin-rim{background:repeating-conic-gradient(from 4deg,#f8d47a 0deg 3deg,#986317 3deg 5deg,#d9a13a 5deg 8deg);border:.7px solid #d49a32;backface-visibility:visible}
.home-demo-coin-side{backface-visibility:hidden}
.home-demo-coin-front{transform:translateZ(2.2px)}
.home-demo-coin-back{transform:translateZ(-2.2px) rotateY(180deg)}
.home-demo-coin-side img{display:block;width:100%;height:100%;pointer-events:none}
.home-demo-reward-coin[data-detail=light]{filter:none}

/* Accepted hero CTA: retain native type, spacing and alignment with signup. */
.actions .home-hero-demo-motion{position:relative;display:inline-flex;isolation:isolate;flex:0 0 auto;width:var(--hero-native-width);min-width:0}
.actions .home-hero-demo-motion>.button{font-family:"Home Onest","Segoe UI",Arial,sans-serif;font-size:var(--hero-font-size,16px);font-weight:700;line-height:var(--hero-line-height,1.6);padding:var(--hero-padding-top,14px) var(--hero-padding-right,25px) var(--hero-padding-bottom,14px) var(--hero-padding-left,25px);border-radius:var(--hero-border-radius,11px);min-height:var(--hero-min-height,54px);color:#0c392b}
.actions .home-hero-demo-motion .home-demo-face,.actions .home-hero-demo-motion .home-demo-halo{transform:none!important}
.actions .home-hero-demo-motion .home-demo-face{inset:-1px}
.actions .home-hero-demo-motion .home-demo-text{display:inline-flex;align-items:center;justify-content:center;gap:13px;white-space:nowrap;color:#0c392b}
.home-demo-arrow-cube{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:30px;height:30px;border:1px solid transparent;border-radius:8px;background:transparent;box-shadow:none;transition:border-color 180ms ease,background-color 180ms ease,box-shadow 180ms ease;transform-origin:center}
.actions .home-hero-demo-motion .home-demo-arrow-cube .home-icon{width:20px;height:20px;margin:0}
.home-hero-demo-motion>.button:is([data-glow-active=true],:focus-visible) .home-demo-arrow-cube{border-color:rgb(12 57 43/.30);background:rgb(255 255 255/.08);box-shadow:inset 0 1px 0 rgb(255 255 255/.18)}
@media(max-width:620px){.actions .home-hero-demo-motion{flex:1 1 34px;min-width:140px;width:auto}.actions .home-hero-demo-motion>.button{width:100%}.actions .home-hero-demo-motion .home-demo-text{font-size:13px;gap:7px}.actions .home-hero-demo-motion .home-demo-arrow-cube{width:24px;height:24px;border-radius:6px}.actions .home-hero-demo-motion .home-demo-arrow-cube .home-icon{width:18px;height:18px}}
@media(max-width:380px){.actions .home-hero-demo-motion{flex:auto;width:100%}.actions .home-hero-demo-motion .home-demo-text{font-size:inherit;gap:13px}}
@media(prefers-reduced-motion:reduce){.home-demo-arrow-cube{transition:none}}

/* Approved gold halo with a palette-colored reflection below the cursor. */
body[data-demo-buttons-ready]{overflow-x:clip}
.home-demo-motion .home-demo-halo-tone{position:absolute;inset:0;pointer-events:none}
.home-demo-motion .home-demo-halo-from{--glow-tone:var(--glow-from,20 203 162);opacity:calc(1 - var(--glow-progress,0))}
.home-demo-motion .home-demo-halo-to{--glow-tone:var(--glow-to,255 209 65);opacity:var(--glow-progress,0)}
.home-demo-motion .home-demo-halo-tone .home-demo-halo-base{background:rgb(255 209 65/.10)}
.home-demo-motion .home-demo-halo-tone .home-demo-halo-bed::before{background:rgb(255 209 65/.077777778)}
.home-demo-motion .home-demo-halo-tone .home-demo-halo-spot{top:calc(100% + 8px);width:116px;height:34px;filter:blur(10px);background:radial-gradient(ellipse closest-side,rgb(var(--glow-tone)/.15),transparent)}
/* Reflections move in the studio light while the cached gold artwork turns. */
.home-demo-coin-side{overflow:hidden}
.home-demo-coin-reflection-dark,.home-demo-coin-reflection-glint{position:absolute;inset:-30%;pointer-events:none;will-change:transform,opacity}
.home-demo-coin-reflection-dark{background:linear-gradient(112deg,transparent 20%,rgb(65 35 8/.08) 30%,rgb(65 35 8/.62) 45%,rgb(65 35 8/.35) 58%,transparent 77%)}
.home-demo-coin-reflection-glint{background:linear-gradient(112deg,transparent 30%,rgb(255 255 255/.08) 40%,rgb(255 255 255/.48) 47%,rgb(255 255 255/.96) 50%,rgb(255 255 255/.3) 54%,transparent 65%)}

/* Approved hold energy on the original gold halo and static reflection. */
.home-demo-arrow-cube{position:relative}
.actions .home-hero-demo-motion .home-demo-arrow-lift{position:relative;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex:0 0 auto;transform-origin:50% 50%}
.actions .home-hero-demo-motion .home-demo-arrow-lift>.home-demo-arrow-gold{position:absolute;inset:0;width:100%;height:100%;opacity:0;stroke-width:2.15;pointer-events:none}
@media(max-width:620px){.actions .home-hero-demo-motion .home-demo-arrow-lift{width:18px;height:18px}}
.home-demo-energy{position:absolute;left:0;top:0;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle,#fff6c6 0 12%,#ffe08c 30%,#e5ad37 55%,transparent 74%);box-shadow:0 0 5px rgb(255 209 65/.5);opacity:0;transform-origin:center;pointer-events:none;z-index:4}
.home-demo-energy::before{content:"";position:absolute;right:50%;top:2px;width:10px;height:2px;background:linear-gradient(90deg,transparent,rgb(255 209 65/.68));border-radius:2px}
.home-demo-energy-impact{position:absolute;left:0;top:0;width:12px;height:12px;border:1px solid rgb(255 224 129/.8);border-radius:50%;box-shadow:0 0 5px rgb(255 209 65/.3);opacity:0;transform-origin:center;pointer-events:none;z-index:4}
.home-demo-combined-charge{position:absolute;inset:-1px;border:1px solid rgb(255 215 94/.95);border-radius:inherit;box-shadow:0 0 7px rgb(255 209 65/.36),inset 0 0 4px rgb(255 236 146/.18);opacity:0;pointer-events:none}
.home-demo-face>.home-demo-combined-charge{inset:0;z-index:3}
.home-demo-combined-finish{position:absolute;left:0;top:0;bottom:0;width:2px;border-radius:2px;background:#fff3b6;box-shadow:0 0 8px 2px rgb(255 209 65/.4);opacity:0;transform-origin:center;pointer-events:none;z-index:3}
.home-demo-combined-transfer{position:absolute;left:0;bottom:1px;width:28px;height:2px;background:linear-gradient(90deg,transparent,#fff2ae 55%,#ffd141 80%,transparent);box-shadow:0 0 6px rgb(255 209 65/.4);opacity:0;pointer-events:none;z-index:3}
.home-demo-combined-spark{position:absolute;width:9px;height:9px;background:radial-gradient(circle,#fff 0 12%,#fff4ba 15%,transparent 48%),linear-gradient(90deg,transparent 38%,#fff9dc 49%,transparent 62%),linear-gradient(0deg,transparent 38%,#fff9dc 49%,transparent 62%);opacity:0;transform-origin:center;pointer-events:none}
.home-demo-combined-rim-spark{left:32px;top:6px}
.home-demo-combined-launch-spark{right:-4px;top:-4px;width:12px;height:12px;z-index:4}
.home-demo-face>.home-demo-combined-launch-spark{left:calc(50% + 9px);right:auto;top:calc(50% - 18px)}
@media(prefers-reduced-motion:reduce){.home-demo-combined-charge,.home-demo-combined-finish,.home-demo-combined-transfer,.home-demo-combined-spark,.home-demo-energy,.home-demo-energy-impact{display:none!important}}

/* The arrow is self-contained on every public page, without the home sprite. */
.home-demo-arrow-cube .home-icon{display:inline-block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}
.home-demo-label{white-space:nowrap}
/* The approved lower frame collects in three static segments; text stays dark. */
[data-demo-motion] .home-demo-combined-charge{visibility:hidden}
[data-demo-motion] .home-demo-footer-rim-part{position:absolute;inset:0;z-index:3;border-radius:inherit;opacity:0;pointer-events:none;filter:drop-shadow(0 0 2px rgb(255 209 65/.28))}
[data-demo-motion] .home-demo-footer-rim-part svg{display:block;width:100%;height:100%;overflow:visible;pointer-events:none}
@media(prefers-reduced-motion:reduce){[data-demo-motion] .home-demo-footer-rim-part{display:none!important}}

/* Keep the decorative halo from widening the public document on narrow screens. */
html{overflow-x:clip}