/* =============================================================
   STEP 4 — Emotional SMB Story + DreamPay Wallet Positioning
   ============================================================= */
.relief-section{background:#fff}
.relief-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:64px;align-items:center}
.relief-photo{position:relative;min-height:520px;border-radius:28px;overflow:hidden;box-shadow:var(--shadow-lg);background:#edf4ff}
.relief-photo img{width:100%;height:520px;object-fit:cover}
.relief-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(7,26,61,.45))}
.relief-photo-note{position:absolute;left:24px;right:24px;bottom:22px;z-index:2;color:#fff;display:flex;align-items:flex-end;justify-content:space-between;gap:18px}
.relief-photo-note b{font-size:24px;line-height:1.08;letter-spacing:-.025em;max-width:420px}
.relief-photo-note span{font-size:12px;color:#dce9ff;text-align:right}
.relief-copy h2{max-width:610px}
.relief-copy .lead{max-width:590px}
.relief-points{display:grid;gap:13px;margin-top:30px}
.relief-point{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:start;padding:15px 0;border-top:1px solid var(--line-2)}
.relief-point:last-child{border-bottom:1px solid var(--line-2)}
.relief-point i{width:38px;height:38px;border-radius:12px;background:var(--soft);color:var(--blue);display:grid;place-items:center;font-style:normal;font-weight:900}
.relief-point b{display:block;font-size:16px;margin-bottom:3px}.relief-point span{display:block;color:var(--body);font-size:14px}
.emotional-line{font-size:clamp(24px,3.2vw,38px);line-height:1.15;letter-spacing:-.03em;font-weight:850;color:var(--ink,var(--navy));margin:28px 0 0}
.emotional-line strong{color:var(--blue)}

.wallet-story{position:relative;overflow:hidden;background:linear-gradient(135deg,#061833 0%,#0c2d65 58%,#155eef 130%);color:#fff}
.wallet-story:before{content:"";position:absolute;right:-160px;top:-210px;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(75,123,255,.48),transparent 66%)}
.wallet-story .container{position:relative;z-index:1}
.wallet-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:58px;align-items:center}
.wallet-copy .eyebrow{background:rgba(255,255,255,.11);color:#bcd1ff}
.wallet-copy h2{color:#fff;max-width:610px}
.wallet-copy .lead{color:#d6e2f3;max-width:610px}
.wallet-pill-row{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 0}
.wallet-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);padding:8px 11px;border-radius:999px;color:#eef4ff;font-size:12px;font-weight:800}
.wallet-pill i{width:8px;height:8px;border-radius:50%;background:#61e5ac}
.wallet-surface{background:#fff;color:var(--ink,var(--navy));border-radius:25px;padding:25px;box-shadow:0 34px 88px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.3)}
.wallet-account-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid var(--line)}
.wallet-account-title span{display:block;color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.wallet-account-title b{display:block;font-size:22px;margin-top:4px}.wallet-bank{font-size:11px;color:var(--muted);text-align:right;max-width:190px}
.wallet-balance-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-weight:850;margin-top:22px}.wallet-balance{font-size:42px;line-height:1;font-weight:900;letter-spacing:-.04em;margin:7px 0 20px}
.money-flow-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.money-flow-card{border:1px solid var(--line);border-radius:14px;padding:17px;background:#f8fbff}.money-flow-card.in{background:#eff9f5;border-color:#d9f1e6}.money-flow-card .flow-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.055em;color:var(--muted)}.money-flow-card.in .flow-label{color:#087747}.money-flow-card.out .flow-label{color:var(--blue)}
.money-flow-card h3{font-size:18px;margin:11px 0 8px}.money-flow-card p{font-size:12px;color:var(--body);margin:0}.flow-methods{display:flex;gap:5px;flex-wrap:wrap;margin-top:13px}.flow-methods span{font-size:9px;font-weight:900;border-radius:999px;padding:4px 7px;background:#fff;border:1px solid var(--line)}
.wallet-actions-demo{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.wallet-actions-demo span{padding:9px 6px;border-radius:9px;text-align:center;font-size:10px;font-weight:850;background:#edf3ff;color:var(--blue)}
.wallet-disclosure{margin-top:19px;color:#9eb3d3;font-size:10.5px;line-height:1.55;max-width:900px}

.relationship-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.relationship-card{border:1px solid var(--line);border-radius:15px;padding:19px;background:#fff}.relationship-card b{display:block;font-size:15px;margin-bottom:5px}.relationship-card span{font-size:12px;color:var(--body)}
.emotional-callout{border-left:4px solid var(--blue);padding:8px 0 8px 20px;margin:28px 0;font-size:20px;line-height:1.45;color:var(--ink,var(--navy));font-weight:750}

/* Shared secondary-page treatment */
.story-panel{background:linear-gradient(180deg,#f7fbff,#edf5ff);border:1px solid var(--line);border-radius:22px;padding:30px}.story-panel h3{font-size:26px}.story-panel p{color:var(--body)}
.wallet-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}.wallet-mini{border:1px solid var(--line);border-radius:16px;padding:22px;background:#fff}.wallet-mini b{display:block;font-size:18px}.wallet-mini p{font-size:13px;color:var(--body);margin:7px 0 0}
.bank-note{font-size:11px;color:var(--muted);line-height:1.55;margin-top:18px}

@media(max-width:980px){.relief-grid,.wallet-grid{grid-template-columns:1fr}.relief-photo{min-height:430px}.relief-photo img{height:430px}.wallet-copy{max-width:760px}.relationship-strip{grid-template-columns:1fr}.wallet-surface{max-width:720px}.wallet-story:before{right:-310px}}
@media(max-width:680px){.relief-grid{gap:36px}.relief-photo{min-height:350px;border-radius:20px}.relief-photo img{height:350px}.relief-photo-note{left:18px;right:18px;bottom:17px;display:block}.relief-photo-note b{font-size:20px}.relief-photo-note span{display:block;text-align:left;margin-top:7px}.relief-point{grid-template-columns:36px 1fr}.relief-point i{width:34px;height:34px}.wallet-surface{padding:18px;border-radius:19px}.wallet-account-head{display:block}.wallet-bank{text-align:left;margin-top:7px;max-width:none}.wallet-balance{font-size:34px}.money-flow-grid,.wallet-mini-grid{grid-template-columns:1fr}.wallet-actions-demo{grid-template-columns:1fr}.wallet-pill-row{display:grid;grid-template-columns:1fr}.wallet-pill{width:100%}.emotional-callout{font-size:17px}}