/* Photos have their own unobstructed frame; interface panels live below it. */
.hero-photo{height:auto;min-width:0;display:flex;flex-direction:column;gap:13px;isolation:isolate;align-self:center}.hero-photo:after{display:none}.photo-stage{position:relative;aspect-ratio:3/2;margin-bottom:58px;border-radius:32px;background:#f6eefb;isolation:isolate}.hero-human{height:100%;width:100%;object-fit:contain;object-position:center;border-radius:32px;box-shadow:0 18px 45px #7a4d9d10}.floating-app{top:auto;bottom:-55px;left:auto;right:auto;rotate:0deg;transform:none;animation:dock-float 5s ease-in-out infinite;flex-direction:row;padding:8px 12px;gap:8px;border:1px solid #ffffffea;background:#fffdf9c9;backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%);box-shadow:0 8px 25px #69418312;border-radius:17px;z-index:2;min-width:0}.floating-app span{width:32px;height:32px;border-radius:10px;font-size:1.3rem;background:#e7dbf8e8}.floating-app small{font-size:.8rem;font-weight:700;color:#59416d}.app-email{left:2%;animation-delay:0s}.app-doc{left:36%;animation-delay:-1.5s}.app-cal{right:2%;animation-delay:-3s}.photo-check{position:static;rotate:0deg;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px 15px;padding:15px 17px;font-size:.75rem;border-radius:19px;box-shadow:0 8px 25px #6741870a;border:1px solid #e6d8f39c;background:#fcf8ffc4;backdrop-filter:blur(20px) saturate(135%);-webkit-backdrop-filter:blur(20px) saturate(135%)}.photo-check span{color:#5e447d;white-space:normal}.hero-motion-toggle{position:static;align-self:flex-end;background:transparent;padding:3px 6px;color:#715389;text-decoration:underline;text-underline-offset:4px;font-size:.7rem}.welcome-feature figure img{height:auto;aspect-ratio:3/2;object-fit:contain;object-position:center;box-shadow:0 16px 38px #76518e0b}.welcome-check{position:static;rotate:0deg;margin:13px 0 0;flex-direction:row;flex-wrap:wrap;gap:8px 16px;font-size:.75rem;padding:17px;border-radius:18px;border:1px solid #e4d4f080;background:#f7f1ffc4;backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%);box-shadow:0 8px 24px #72508b0a}.header{background:#fffdf9d9;border-bottom:1px solid #ebe1f13d;backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%)}.flow-card{background:#f2eafba1!important;border:1px solid #ffffffed;box-shadow:inset 0 1px 0 #ffffff,0 12px 32px #5b2f8507;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.flow-card.peach{background:#fff0e3a8!important}.flow-card.sage{background:#e9f6efb0!important}.flow-card.lilac{background:#eee5fab3!important}.mini-note{background:#fffdfacc;border:1px solid #fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 22px #5d39780a}.cta{background:#eee3f9c7;border:1px solid #ffffffed;box-shadow:inset 0 1px 0 #fff,0 18px 55px #8e66b015;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.film,.onboarding{background:#ffffffcf;border:1px solid #e4d7ee;box-shadow:0 18px 40px #6c468e0a;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.hub-bottom article,.form-note{background:#f2e9fad1;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.hero .btn.outline{background:#ffffffa1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
/* A segmented arm makes the greeting a real gesture, independent of the body. */
.puppet{aspect-ratio:6/5;overflow:visible;animation:lumi-idle 5.5s ease-in-out infinite}.mascot-art{width:100%;height:auto;display:block;overflow:visible;transition:transform .3s}.puppet:hover .mascot-art{transform:translateY(-5px)}.puppet .lumi-arm{transform-box:view-box;animation:lumi-greet 7s ease-in-out infinite}.puppet.wave{animation:lumi-delight 1s ease-in-out 2}.puppet.wave .lumi-arm{animation:lumi-greet-fast .5s ease-in-out 5}.lumi-eyelids{transform-box:fill-box;transform-origin:center;animation:lumi-blink 5.2s linear infinite}.puppet .hello{top:-15%;left:50%;right:auto;transform:translate(-50%,10px);font-size:.8rem;background:#fffdf9e6;border:1px solid #e4cef6;box-shadow:0 8px 24px #81509b0c;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);white-space:nowrap}.puppet.wave .hello{transform:translate(-50%,-5px)}.photo-stage~.hero-motion-toggle{max-width:100%}@keyframes dock-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes lumi-idle{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}@keyframes lumi-greet{0%,64%,100%{transform:rotate(0)}70%,82%{transform:rotate(-26deg)}76%,88%{transform:rotate(22deg)}94%{transform:rotate(-13deg)}}@keyframes lumi-greet-fast{0%,100%{transform:rotate(-15deg)}50%{transform:rotate(28deg)}}@keyframes lumi-delight{0%,100%{transform:translateY(0) rotate(0)}40%{transform:translateY(-15px) rotate(-5deg)}75%{transform:translateY(-5px) rotate(5deg)}}@keyframes lumi-blink{0%,38%,44%,100%{transform:scaleY(0)}40%,42%{transform:scaleY(1)}}
@media(max-width:900px){.photo-stage{border-radius:25px}.hero-human{border-radius:25px}.floating-app{padding:7px 10px;gap:5px;border-radius:13px}.floating-app span{width:24px;height:25px;font-size:1.05rem}.floating-app small{font-size:.65rem}.app-email{left:0}.app-doc{left:33%}.app-cal{right:0}.photo-check{gap:8px;font-size:.7rem;padding:13px}.welcome-feature figure img{height:auto;aspect-ratio:3/2}.welcome-check{font-size:.7rem;gap:9px 13px}}
@media(max-width:600px){.hero-photo{height:auto;gap:10px}.photo-stage{margin-bottom:53px;aspect-ratio:3/2}.floating-app{bottom:-49px;padding:8px 10px;gap:6px}.floating-app small{font-size:.7rem}.app-email{left:0}.app-doc{left:33%}.app-cal{right:0}.photo-check{font-size:.7rem;gap:8px 14px;padding:14px;border-radius:16px}.hero-motion-toggle{font-size:.7rem;padding:2px 4px}.welcome-feature figure img{height:auto;border-radius:23px}.welcome-check{margin-top:11px;padding:15px;gap:9px 15px;font-size:.75rem}.welcome-feature{gap:25px}.puppet .hello{font-size:.7rem}.intro-mascot{width:110px}.intro-mascot .mascot{width:110px}.cta-mascot .puppet{width:110px}.hero .actions .btn{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}
@media(prefers-reduced-motion:reduce){.puppet,.lumi-arm,.lumi-eyelids,.floating-app{animation:none!important;transform:none}.lumi-eyelids{display:none}.puppet:hover .mascot-art{transform:none}.puppet.wave .hello{opacity:1}}