/* The garden opens: a brief ripple, then the original brand and a quiet invitation. */
.brand-intro{position:fixed;inset:0;z-index:110;background:#fdfbff;display:grid;place-items:center;overflow:hidden;opacity:1;transition:opacity .16s ease;pointer-events:auto}
.intro-ring{position:absolute;width:min(70vw,440px);aspect-ratio:1;border:1px solid #c6acd2;border-radius:50%;box-shadow:0 0 0 40px #f5eff8,0 0 0 80px #faf6fc;animation:garden-open .8s cubic-bezier(.2,.7,.2,1) both}
.intro-copy{position:relative;text-align:center;animation:garden-reveal .6s ease both}.intro-copy img{width:232px;height:auto;margin:0 auto 24px;background:var(--brand,#783c8a);border-radius:12px;padding:8px}.intro-copy p{font-size:15px;letter-spacing:2px;color:#735c7c}
.intro-skip{position:absolute;right:24px;bottom:max(24px,env(safe-area-inset-bottom));background:transparent;color:#665b6d;border:1px solid #e4dbe9;font-size:13px;min-height:44px}.intro-ended{opacity:0;pointer-events:none}
@keyframes garden-open{from{opacity:.1;transform:scale(.65)}to{opacity:.7;transform:scale(1.2)}}@keyframes garden-reveal{from{opacity:.55;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.brand-intro{display:none}}