.scroll-story{height:170vh;min-height:1100px;background:white}.scroll-story .motion-hero{position:sticky;top:0;min-height:100svh;box-sizing:border-box;background:#fff;color:#0C0E12;padding:24px max(32px,calc((100vw - 1280px)/2));gap:3%;overflow:hidden}.motion-intro h1 span{color:#009FE3}.hero-signature{color:#0C0E12}.hero-translation{color:#555}
.scroll-demo{min-width:0;width:100%;max-width:580px;justify-self:center}.scroll-hand{position:relative;width:100%;aspect-ratio:1122/1402;max-height:78svh;isolation:isolate}.scroll-hand-photo{width:100%;height:100%;object-fit:fill;display:block}.scroll-screen{position:absolute;left:25.13%;top:6.85%;width:42.42%;height:72.02%;border-radius:12% / 5.8%;overflow:hidden;background:#f5f5f5}.scroll-idle{height:100%;display:grid;align-content:center;text-align:center;font:500 clamp(12px,1.5vw,22px)/1.3 Montserrat,sans-serif;color:#444}.scroll-idle b{color:#009FE3}.scroll-profile{position:absolute;inset:0;background:white;padding:0 8% 8%;color:#0C0E12;opacity:0;transform:translateY(18px);display:flex;flex-direction:column}.scroll-profile-cover{margin:0 -10%;padding:10% 8%;background:#009FE3}.scroll-profile .vcarte-logo-window{width:100%;background:white;border-radius:5px}.scroll-avatar{display:grid;place-items:center;background:#0C0E12;color:#fff;width:24%;aspect-ratio:1;border-radius:50%;font:700 15px Montserrat,sans-serif;margin-top:12%}.scroll-profile h2{font:750 clamp(17px,2vw,29px)/1.04 Montserrat,sans-serif;letter-spacing:-.7px;margin:8% 0 3%}.scroll-profile>p{font:400 clamp(7px,.9vw,12px) Inter,sans-serif}.scroll-save{display:block;background:#CCFF00;color:#0C0E12;padding:9% 3%;text-align:center;font:700 clamp(7px,.85vw,12px) Inter,sans-serif;border-radius:7px;margin:9% 0}.scroll-details{display:grid;gap:8px;font-size:clamp(7px,.85vw,12px)}.scroll-details small{color:#666;font-size:.7em}.scroll-sign{margin-top:auto;font-size:8px!important;color:#666}.scroll-card{position:absolute;left:0;top:48%;width:44%;aspect-ratio:1.58;background:#0C0E12;color:white;border-radius:12px;box-shadow:0 18px 32px #0004;padding:5%;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;will-change:transform,opacity}.scroll-card .vcarte-logo-window{width:85%;background:white;border-radius:3px}.scroll-card strong{font:650 clamp(8px,1vw,14px) Montserrat,sans-serif}.scroll-nfc{position:absolute;right:7%;bottom:10%;color:#CCFF00;font-size:17px}.scroll-nfc small{font-size:7px}.scroll-ring{position:absolute;left:47%;top:20%;width:14%;aspect-ratio:1;border:4px solid #CCFF00;border-radius:50%;box-shadow:0 0 25px #CCFF00;opacity:0;pointer-events:none}.scroll-controls{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px}.scroll-toggle{border:1px solid #bbb;background:white;padding:9px 12px;border-radius:20px;color:#0C0E12;cursor:pointer;font:600 11px Inter,sans-serif}.scroll-toggle:focus-visible{outline:3px solid #009FE3;outline-offset:3px}.scroll-note{font-size:9px;color:#666;margin:9px 0 0}
@media(max-width:740px){.scroll-story{height:185svh;min-height:1000px}.scroll-story .motion-hero{min-height:100svh;height:100svh;display:flex;flex-direction:column;justify-content:center;padding:12px 20px;gap:9px}.motion-intro{display:contents}.scroll-story .motion-intro h1{font-size:clamp(27px,7vw,38px);margin:0;order:0}.scroll-story .hero-signature{order:1;font-size:9px;line-height:1.2}.scroll-story .hero-translation{display:block;order:2;font-size:8px;margin:0;align-self:start}.scroll-demo{order:3;width:min(100%,340px)}.scroll-hand{height:53svh;width:100%;max-height:490px}.scroll-story .motion-intro .button{order:4;font-size:11px;padding:11px;margin:0}.scroll-profile h2{font-size:19px}.scroll-profile>p,.scroll-details{font-size:8px}.scroll-profile .scroll-save{font-size:8px;padding:8% 2%}.scroll-avatar{font-size:10px;margin-top:7%}.scroll-profile h2{margin-top:6%}.scroll-controls{font-size:10px}.scroll-note{font-size:8px}.scroll-sign{display:none}.scroll-card strong{font-size:9px}}
@media(prefers-reduced-motion:reduce){.scroll-story{height:auto;min-height:0}.scroll-story .motion-hero{position:relative}.scroll-profile{opacity:1!important;transform:none!important}.scroll-card,.scroll-ring{display:none}}

.scroll-controls{flex-wrap:wrap}.scroll-controls .scroll-step{margin-right:auto}.scroll-sound[aria-pressed=true]{background:#0C0E12;color:white;border-color:#0C0E12}

/* Refined gesture: approach, settle, invitation to open, reveal, withdrawal. */
.scroll-hand{max-height:none;max-width:min(580px,62.4svh);margin:auto}.scroll-hand-photo{object-fit:contain}.scroll-card{border:1px solid #ffffff44;border-bottom:3px solid #343434;overflow:hidden}.scroll-card:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,#ffffff15 40%,transparent 65%);pointer-events:none}.scroll-notification{position:absolute;top:5%;left:5%;right:5%;padding:9% 7%;background:#fff;border:1px solid #ddd;box-shadow:0 5px 18px #0002;border-radius:12px;display:grid;gap:5px;font:500 9px Inter,sans-serif;opacity:0}.scroll-notification span{color:#666}.scroll-notification strong{font-size:11px}.scroll-touch{position:absolute;top:15%;left:68%;width:12%;aspect-ratio:1;background:#0C0E1240;border:2px solid #fff;border-radius:50%;opacity:0}.scroll-ring{left:40%;top:17%;width:9%;border-width:2px;box-shadow:0 0 13px #CCFF00}
.eco-compact{padding:40px 24px;text-align:center;background:#CCFF00}.eco-compact h2{font:700 clamp(20px,3vw,36px)/1.2 Montserrat,sans-serif;margin:0}.eco-compact p{font-size:13px;margin:12px 0 0}.landing-details{max-width:1200px;margin:auto;border-bottom:1px solid #ddd;padding:0 24px}.landing-details>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;font:650 19px Montserrat,sans-serif;padding:26px 0}.landing-details>summary::-webkit-details-marker{display:none}.landing-details>summary span{font:400 26px Inter,sans-serif}.landing-details[open]>summary span{transform:rotate(45deg)}.landing-details>summary:focus-visible{outline:3px solid #009FE3;outline-offset:3px}.landing-details .section,.landing-details .trust-section{padding:20px 0 40px}.gesture-strip{display:none}.encounters{padding-top:55px;padding-bottom:55px}.models-section{padding-top:55px;padding-bottom:55px}.scroll-step{font-weight:650}
@media(max-width:740px){.scroll-hand{height:auto;max-height:none;width:min(100%,42.4svh);max-width:340px}.scroll-notification{font-size:7px}.scroll-notification strong{font-size:9px}.landing-details>summary{font-size:15px;padding:23px 0}.scroll-story .motion-hero{gap:7px}.scroll-card{border-radius:8px}}
@media(prefers-reduced-motion:reduce){.scroll-notification,.scroll-touch{display:none}}

.scroll-ring{left:25%;top:17%}