/* ==========================================================================
   assets/css/page-onboard-welcome.css — Welcome screen (step=splash in
   start.php). Reference: lite5/onboard-welcome-preview.html.
   Page-specific layout only — tokens, colours, radii, shadows come from
   brutal-lite.css (Appendix A). Do not change values here, only structure.
   Owner: builder B1.
   ========================================================================== */
body.ob-welcome{background:var(--yellow);}
.collage-wrap{position:fixed;inset:0;overflow:hidden;background:var(--yellow);z-index:0;}
.collage{position:absolute;inset:-10px;display:flex;gap:14px;padding:0 10px;}
.col{flex:1;display:flex;flex-direction:column;gap:16px;animation:ob-welcome-drift linear infinite;}
.col img{width:100%;display:block;border-radius:12px;object-fit:cover;aspect-ratio:3/4;border:var(--bd);box-shadow:var(--sh);background:#fff;}
.col1{animation-duration:46s;} .col1 img:nth-child(odd){transform:rotate(-5deg);} .col1 img:nth-child(even){transform:rotate(3deg);}
.col2{animation-duration:58s;margin-top:34px;} .col2 img:nth-child(odd){transform:rotate(4deg);} .col2 img:nth-child(even){transform:rotate(-3deg);}
.col3{animation-duration:40s;} .col3 img:nth-child(odd){transform:rotate(-4deg);} .col3 img:nth-child(even){transform:rotate(6deg);}
@keyframes ob-welcome-drift{0%{transform:translateY(0);}100%{transform:translateY(-50%);}}
.fade-top{position:absolute;left:0;right:0;top:0;height:120px;z-index:4;pointer-events:none;background:linear-gradient(rgba(255,210,63,.9),rgba(255,210,63,0));}
.bottom-card{position:fixed;left:0;right:0;bottom:0;max-width:393px;margin:0 auto;z-index:10;background:#fff;border-radius:24px 24px 0 0;
  border-top:var(--bd);padding:28px 24px calc(38px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:center;}
.brand-mark{width:56px;height:56px;border-radius:14px;background:var(--yellow);border:var(--bd);box-shadow:var(--sh-sm);
  display:flex;align-items:center;justify-content:center;margin-bottom:14px;transform:rotate(-3deg);}
.brand-mark img{width:34px;height:34px;display:block;}
.brand-name{font:800 34px/1.05 var(--font-display);letter-spacing:-.6px;color:var(--ink);margin:0 0 8px;text-align:center;}
.tagline{font-size:16px;font-weight:500;color:var(--muted);line-height:1.4;margin:0 0 24px;text-align:center;}
.fine-print{font-size:12px;font-weight:500;color:var(--muted-2);text-align:center;line-height:1.5;margin:16px 0 0;}
.fine-print a{color:var(--blue);font-weight:700;}
.link-row{margin-top:14px;font:700 14px/1 var(--font-ui);color:var(--muted);text-align:center;background:none;border:0;cursor:pointer;padding:6px;display:block;min-height:44px;}
@media (prefers-reduced-motion:reduce){.col{animation:none !important;}}