:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:#fff;color:#171c19}*{box-sizing:border-box}body{margin:0}main{min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:44px 24px}.brand{display:flex;flex-direction:column;align-items:center;text-align:center;animation:arrive 1.4s cubic-bezier(.2,.65,.25,1) both}.mark{animation:breathe 7s ease-in-out 1.4s infinite;transform-origin:50% 60%;will-change:transform}.mark img{display:block;width:clamp(270px,36vw,470px);max-width:84vw;max-height:65svh;object-fit:contain;height:auto}.brand p{font-size:clamp(19px,2.25vw,28px);font-weight:500;line-height:1.6;letter-spacing:-.4px;margin:13px 0 0;animation:slogan 1.2s ease-out 1.8s both}@keyframes arrive{from{opacity:0;transform:translateY(18px) scale(.96);filter:blur(5px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes breathe{0%,100%{transform:translateY(0) rotate(0deg) scale(1)}35%{transform:translateY(-16px) rotate(-.5deg) scale(1.035)}65%{transform:translateY(-10px) rotate(.4deg) scale(1.018)}}@keyframes slogan{from{opacity:0;transform:translateY(7px);letter-spacing:1px}to{opacity:1;transform:translateY(0);letter-spacing:-.4px}}@media(max-height:500px){main{padding:20px}.mark img{width:240px;max-height:65svh}.brand p{font-size:18px;margin-top:5px}}@media(prefers-reduced-motion:reduce){.brand,.mark,.brand p{animation:none;will-change:auto}}

/* Decorative wallet watermarks begin only after the brand entrance. */
main{position:relative;overflow:hidden;isolation:isolate}.brand{position:relative;z-index:1}.watermark-rain{position:absolute;inset:0;z-index:0;pointer-events:none;animation:rainReveal .8s ease-out 2s both}.rain-lane{position:absolute;top:0;bottom:0;width:22%;overflow:hidden}.rain-lane.left{left:0}.rain-lane.right{right:0}.rain-drop{position:absolute;top:0;left:var(--x);width:clamp(72px,12.5vw,185px);aspect-ratio:1;opacity:0;animation:waterfall var(--duration) linear var(--delay) infinite;will-change:transform,opacity}.rain-drop img{width:100%;height:auto;display:block;filter:grayscale(1);clip-path:inset(0 0 30% 0)}@keyframes rainReveal{from{opacity:0}to{opacity:1}}@keyframes waterfall{0%{opacity:0;transform:translate(-50%,-160px) rotate(var(--tilt)) scale(var(--size))}12%{opacity:.20}82%{opacity:.20}100%{opacity:0;transform:translate(-35%,calc(100svh + 130px)) rotate(calc(var(--tilt) + 12deg)) scale(var(--size))}}@media(max-width:650px){.rain-lane{width:14%}.rain-drop{width:clamp(62px,14vw,90px)}.rain-drop:nth-child(even){display:none}}@media(prefers-reduced-motion:reduce){.watermark-rain{display:none}.rain-drop{animation:none;will-change:auto}}

.rain-drop{color:#626966}.rain-drop svg{display:block;width:100%;height:auto;padding:12%}@media(max-width:650px){.rain-drop:nth-child(even){display:block}}

.rain-drop svg{padding:5%;filter:grayscale(1)}

/* A slow 32-second fall, followed by a rest: at most three per side. */
@keyframes waterfall{0%{opacity:0;transform:translate(-50%,-160px) rotate(var(--tilt)) scale(var(--size))}7%{opacity:.16}44%{opacity:.16}54%,100%{opacity:0;transform:translate(-35%,calc(100svh + 130px)) rotate(calc(var(--tilt) + 10deg)) scale(var(--size))}}