.tip-nav { color: var(--green); }
.hero-tip { display:inline-flex; flex-direction:column; align-items:flex-start; margin-top:18px; padding:13px 20px; background:#fff; color:var(--ink); border-left:7px solid var(--green); box-shadow:0 10px 30px #0007; transform:rotate(-1deg); transition:.2s; }
.hero-tip:hover { transform:rotate(0) scale(1.035); }
.hero-tip span { font:800 26px/1 "Barlow Condensed",sans-serif; letter-spacing:.05em; }
.hero-tip small { font-weight:800; color:#18823c; letter-spacing:.08em; }
.hero-bucket { position:absolute; z-index:3; right:clamp(22px,5vw,76px); bottom:1.5vh; width:min(37vw,520px); display:block; filter:drop-shadow(0 28px 32px #000b); transition:transform .25s ease; }
.hero-bucket:hover { transform:scale(1.035) rotate(1deg); }
.hero-bucket img { display:block; width:100%; max-height:72vh; object-fit:contain; object-position:bottom; }
.bucket-sign { position:absolute; z-index:4; left:50%; top:39%; width:84%; transform:translate(-50%,-50%) rotate(-3deg); display:flex; flex-direction:column; align-items:center; padding:18px 12px 15px; color:#07140d; text-align:center; background:linear-gradient(135deg,#69f693,#27ca5c); border:5px solid #f7fff9; box-shadow:0 0 0 6px #07140d,0 0 36px #42de74aa; animation:bucketPulse 1.15s ease-in-out infinite alternate; }
.bucket-sign:before,.bucket-sign:after { content:""; position:absolute; top:-88px; width:4px; height:90px; background:#d5ded7; transform-origin:bottom; }
.bucket-sign:before { left:24%; transform:rotate(-8deg); }
.bucket-sign:after { right:24%; transform:rotate(8deg); }
.bucket-sign small { font:800 15px/1 Inter,sans-serif; letter-spacing:.14em; }
.bucket-sign strong { font:800 clamp(34px,4.4vw,66px)/.78 "Barlow Condensed",sans-serif; letter-spacing:-.025em; margin:8px 0 10px; }
.bucket-sign em { font:800 13px/1 Inter,sans-serif; font-style:normal; letter-spacing:.09em; }
@keyframes bucketPulse { from { transform:translate(-50%,-50%) rotate(-4deg) scale(.98); filter:brightness(.9); } to { transform:translate(-50%,-50%) rotate(2deg) scale(1.035); filter:brightness(1.18); } }
.tip { position:relative; overflow:hidden; background:#050b07; color:white; padding:0 0 100px; }
.tip-marquee { background:var(--green); color:var(--ink); overflow:hidden; white-space:nowrap; transform:rotate(-1deg) scale(1.02); margin:8px 0 80px; }
.tip-marquee div { font:800 30px/1 "Barlow Condensed",sans-serif; letter-spacing:.09em; padding:14px 0; animation:tipScroll 18s linear infinite; width:max-content; }
@keyframes tipScroll { to { transform:translateX(-50%); } }
.tip-inner { max-width:1180px; margin:auto; padding:0 clamp(22px,6vw,70px); text-align:center; }
.tip .eyebrow:before { display:none; }
.tip h2 { font:800 clamp(80px,14vw,180px)/.75 "Barlow Condensed",sans-serif; letter-spacing:-.04em; margin:0; color:var(--green); text-shadow:0 8px 50px #28e16e38; }
.tip-lead { font-size:clamp(18px,2.2vw,25px); margin:32px auto 45px; max-width:690px; color:#d9e4dc; }
.tip-buttons { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.tip-pay { min-height:138px; padding:22px; display:grid; grid-template-columns:auto 1fr; align-items:center; gap:16px; text-align:left; border:2px solid #ffffff22; background:#101a13; transition:.2s; box-shadow:0 16px 40px #0007; }
.tip-pay:hover { transform:translateY(-6px); border-color:var(--green); }
.tip-pay span:nth-child(2) { font:800 25px/1.05 "Barlow Condensed",sans-serif; overflow-wrap:anywhere; }
.tip-pay small { display:block; font:700 11px/1.8 Inter,sans-serif; letter-spacing:.15em; color:#adbbb1; }
.tip-pay b { grid-column:1/-1; text-align:center; background:white; color:#07140d; padding:10px; font-size:13px; letter-spacing:.08em; }
.pay-icon { width:54px; height:54px; border-radius:14px; display:grid; place-items:center; background:white; color:#1684d6; font:800 31px/1 Inter,sans-serif; }
.cashapp .pay-icon { background:#00d64f; color:#07140d; }
.paypal .pay-icon { color:#153c7b; }
.tip-joke { margin:28px 0 0; color:#88978d; font-size:13px; }
.mobile-tip { display:none; }
@media (max-width:820px) {
  .hero { min-height:980px; height:auto; align-items:flex-start; }
  .hero-copy { padding-bottom:520px; }
  .hero-bucket { width:min(92vw,520px); right:50%; transform:translateX(50%); bottom:0; }
  .hero-bucket:hover { transform:translateX(50%) scale(1.02); }
  .bucket-sign { top:39%; width:82%; }
  .bucket-sign strong { font-size:clamp(39px,13vw,62px); }
  .tip-buttons { grid-template-columns:1fr; }
  .tip { padding-bottom:88px; }
  .tip-marquee { margin-bottom:65px; }
  .tip-pay { min-height:112px; }
  .mobile-tip { display:flex; position:fixed; z-index:20; left:14px; right:14px; bottom:12px; height:54px; align-items:center; justify-content:center; background:var(--green); color:var(--ink); font:800 22px/1 "Barlow Condensed",sans-serif; letter-spacing:.06em; border:2px solid white; box-shadow:0 8px 28px #000b; }
  body { padding-bottom:70px; }
}
@media (max-width:520px) { .hero-copy { padding-bottom:460px; } .hero-bucket { width:96vw; } }
@media (prefers-reduced-motion:reduce) { .tip-marquee div,.bucket-sign { animation:none; } }