.page-hero{background:radial-gradient(600px 300px at 88% -5%,rgba(191,233,247,.75),transparent 60%),radial-gradient(500px 260px at -5% 50%,rgba(216,247,238,.55),transparent 60%),linear-gradient(180deg,#fff 0,var(--foam) 100%)}.callout-box{border-radius:var(--r-md);padding:15px 18px;margin:14px 0;display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.55}.callout-box.info{background:#edfaff;border:1.5px solid var(--cyan);font-weight:700;color:var(--ink)}.callout-box.sun{background:#fff8e8;border:1px solid #ffe2a3;color:#7a5c14;font-weight:600}.callout-box svg{width:20px;height:20px;flex-shrink:0;margin-top:1px}.callout-box.info svg{color:var(--cyan)}.callout-box.sun svg{color:#e8a020}.pay-display{margin:16px 0;background:linear-gradient(135deg,#e8f8fd,#d8f7ee);border-radius:var(--r-md);padding:18px 20px;display:flex;flex-wrap:wrap;align-items:center;gap:14px}.pay-display .label{font-family:var(--font-display);font-size:18px;color:var(--ink);font-weight:600;flex:1 1 160px}.pay-display .zelle{font-weight:800;font-size:15px;color:var(--cyan-deep)}.area-list{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.area-tag{background:#edfaff;border:1px solid var(--sky);border-radius:999px;padding:6px 14px;font-weight:800;font-size:13px;color:var(--cyan-deep);letter-spacing:.2px}