/* WhatsApp receipts: shared site typography, orange accents and warm artwork. */
.wa-page { --wa-ink:#090e35; --wa-orange:#ff5408; --wa-muted:#52617d; color:var(--wa-ink); background:#fff; overflow:hidden; }
.wa-wrap { width:90%; max-width:1200px; margin-inline:auto; }
.wa-page h1,.wa-page h2,.wa-page h3 { color:var(--wa-ink); font-weight:750; letter-spacing:-.035em; }
.wa-page p { color:var(--wa-muted); line-height:1.45; }
.wa-hero { background:radial-gradient(ellipse at 85% 55%,#ffcb8c99,transparent 50%),linear-gradient(120deg,#fff5eb,#fff 65%); }
.wa-hero-grid { display:grid; grid-template-columns:1fr 1.05fr; align-items:center; gap:12px; }
.wa-copy { padding:34px 0 44px; position:relative; z-index:1; }
.wa-eyebrow { display:inline-block; padding:5px 12px; margin-bottom:12px; border-radius:25px; background:#ffdfc0; color:#f34a00; font-size:12px; line-height:1.2; }
.wa-page h1 { font-size:clamp(34px,3.4vw,46px); line-height:1.04; margin:0 0 14px; }
.wa-page h1 span { display:block; color:var(--wa-orange); }
.wa-lead { font-size:18px; margin:0 0 16px; max-width:550px; }
.wa-checks { padding:0; margin:0 0 24px; list-style:none; }
.wa-checks li { display:flex; align-items:baseline; gap:10px; color:var(--wa-muted); margin-bottom:7px; font-size:15px; }
.wa-checks i { color:var(--wa-orange); flex-shrink:0; }
.wa-actions { display:flex; gap:14px; align-items:center; }
.wa-button { display:inline-flex; align-items:center; justify-content:center; gap:16px; padding:13px 26px; border:1px solid var(--wa-orange); border-radius:6px; background:var(--wa-orange); color:#fff; font-size:14px; font-weight:700; text-decoration:none; white-space:nowrap; transition:background .2s; }
.wa-button:hover { background:#dd4400; color:#fff; }
.wa-outline { background:#fff; color:var(--wa-ink); min-width:160px; }
.wa-outline:hover { background:#fff0e5; color:var(--wa-ink); }
.wa-button:focus-visible { outline:3px solid #063a62; outline-offset:4px; }
.wa-hero-art { margin-right:-9%; }
.wa-hero-art img { display:block; width:100%; height:auto; max-height:570px; object-fit:contain; mix-blend-mode:multiply; }
.wa-cards { position:relative; z-index:2; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; margin-top:-12px; padding-bottom:4px; }
.wa-card { padding:26px 24px 28px; border:1px solid #f4dfd0; border-radius:14px; background:linear-gradient(145deg,#fffaf6,#fff 65%); box-shadow:0 8px 24px rgba(66,38,15,.035); transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; }
.wa-card:hover { transform:translateY(-4px); border-color:#ffbc90; box-shadow:0 14px 30px rgba(105,55,20,.075); }
.wa-icon { display:inline-flex; align-items:center; justify-content:center; width:54px; height:54px; flex-shrink:0; border-radius:50%; color:var(--wa-orange); background:#ffead4; font-size:28px; }
.wa-card .wa-icon { width:48px; height:48px; font-size:25px; background:linear-gradient(135deg,#fff0e2,#ffe3cb); color:#f65a08; margin-bottom:18px; border:1px solid #ffddc2; }
.wa-card h2 { font-size:17px; font-weight:700; letter-spacing:-.025em; line-height:1.3; margin:0 0 10px; }
.wa-card p { font-size:14px; line-height:1.65; margin:0; color:#5b6880; text-wrap:pretty; }
.wa-workflow { padding-block:42px 42px; }
.wa-workflow>.wa-subtitle { margin-bottom:30px; line-height:1.6; }
.wa-workflow>h2,.wa-stories>h2 { text-align:center; font-size:30px; font-weight:700; letter-spacing:-.03em; margin:0 0 8px; }
.wa-subtitle { text-align:center; font-size:14px; margin:0 0 22px; }
.wa-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; padding:0; margin:0; list-style:none; }
.wa-steps li { display:flex; align-items:flex-start; gap:9px; position:relative; }
.wa-number { width:37px; height:37px; display:grid; place-items:center; flex-shrink:0; border-radius:50%; background:linear-gradient(120deg,#ff7c14,#ff4a00); color:white; font-size:18px; }
.wa-steps .wa-icon { width:56px; height:56px; }
.wa-steps h3 { font-size:14px; margin:6px 0; letter-spacing:-.025em; }
.wa-steps p { font-size:12px; line-height:1.35; margin:0; }
.wa-steps li>.bi { align-self:center; color:#899ab4; margin-left:auto; font-size:22px; }
.wa-steps li:nth-child(3) .wa-icon { color:#19bc58; }
.wa-benefits { background:radial-gradient(ellipse at 0 100%,#ffc98e80,transparent 45%),linear-gradient(105deg,#fff4e8,#fffaf6); }
.wa-benefits-grid { display:grid; grid-template-columns:1fr 1.1fr; gap:32px; align-items:center; padding-block:22px; }
.wa-benefits-grid>img { width:110%; height:auto; margin-left:-7%; mix-blend-mode:multiply; }
.wa-benefits h2 { font-size:31px; line-height:1.12; margin:0 0 10px; max-width:530px; }
.wa-benefits-grid>div>p { font-size:15px; margin:0 0 14px; }
.wa-benefit-list { display:grid; grid-template-columns:1fr 1fr; gap:15px 20px; }
.wa-benefit-list article { display:flex; gap:12px; align-items:flex-start; }
.wa-benefit-list .wa-icon { width:44px; height:44px; font-size:23px; }
.wa-benefit-list h3 { font-size:13px; letter-spacing:-.015em; margin:5px 0 3px; }
.wa-benefit-list p { font-size:12px; margin:0; }
.wa-benefits-grid>div>.wa-setup-note { font-size:11px; margin:18px 0 0; }
.wa-stories { padding-top:26px; }
.wa-story-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.wa-story-grid article { border:1px solid #ffe1ca; border-radius:8px; padding:20px; background:#fff; }
.wa-story-grid .wa-icon { width:42px; height:42px; font-size:22px; margin-bottom:12px; }
.wa-story-grid h3 { font-size:17px; margin:0 0 8px; }
.wa-story-grid p { font-size:14px; margin:0; }
.wa-cta-band { padding-top:60px; background:linear-gradient(to bottom,#fff 0,#fff calc(50% + 30px),#08192c calc(50% + 30px),#08192c 100%); }
.wa-cta { display:flex; align-items:center; justify-content:space-between; gap:30px; position:relative; overflow:hidden; padding:38px 44px; border-radius:18px; color:#fff; background:linear-gradient(90deg,#ff5b00,#ff7a00); }
.wa-cta::before { content:''; position:absolute; width:220px; height:220px; border:8px solid #ffffff14; border-radius:50%; left:-70px; top:-80px; pointer-events:none; }
.wa-cta>div { position:relative; }
.wa-cta>div:first-child { flex:1; }
.wa-cta h2 { color:white; font-size:27px; line-height:1.2; margin:0 0 10px; }
.wa-cta p { color:white; font-size:14px; margin:0; }
.wa-cta .wa-eyebrow { background:#ffffff26; color:#fff; font-size:11px; }
.wa-cta .wa-actions { flex-shrink:0; }
.wa-cta .wa-button { border:2px solid #ffffffbF; border-radius:10px; color:white; background:transparent; padding:14px 22px; }
.wa-cta .wa-button:hover { color:#ff6200; background:white; }
.wa-cta .wa-button:focus-visible { outline-color:white; }
.wa-page+.donexia-footer { padding-top:78px; }
@media(max-width:1100px) {
  .wa-page h1 { font-size:40px; }
  .wa-lead { font-size:17px; }
  .wa-steps { gap:10px; }
  .wa-steps li { gap:7px; }
  .wa-steps .wa-icon { width:46px; height:46px; font-size:25px; }
  .wa-number { width:32px; height:32px; font-size:16px; }
  .wa-steps li>.bi { font-size:18px; }
  .wa-benefits-grid { gap:24px; }
  .wa-cta .wa-actions { flex-direction:column; align-items:stretch; }
}
@media(max-width:800px) {
  .wa-hero-grid { grid-template-columns:1fr; gap:0; }
  .wa-copy { padding-bottom:12px; }
  .wa-page h1 { font-size:clamp(35px,6vw,48px); }
  .wa-hero-art { max-width:580px; margin:0 auto; }
  .wa-cards { grid-template-columns:1fr 1fr; margin-top:0; }
  .wa-steps { grid-template-columns:1fr 1fr; gap:24px; }
  .wa-steps h3 { font-size:15px; }
  .wa-steps p { font-size:13px; }
  .wa-steps li>.bi { display:none; }
  .wa-benefits-grid { grid-template-columns:1fr; padding-block:24px; }
  .wa-benefits-grid>img { width:100%; max-width:530px; margin:auto; }
  .wa-benefits h2 { font-size:30px; }
  .wa-story-grid { grid-template-columns:1fr; gap:12px; }
  .wa-story-grid article { padding:20px; }
  .wa-cta { flex-direction:column; align-items:flex-start; padding:32px; gap:24px; }
  .wa-cta-band { padding-top:40px; background:linear-gradient(to bottom,#fff 55%,#08192c 55%); }
  .wa-cta .wa-actions { flex-direction:row; flex-wrap:wrap; }
  .wa-page+.donexia-footer { padding-top:52px; }
}
@media(max-width:480px) {
  .wa-copy { padding-top:26px; }
  .wa-page h1 { font-size:36px; }
  .wa-lead { font-size:16px; }
  .wa-checks li { font-size:14px; }
  .wa-actions { gap:10px; flex-wrap:wrap; }
  .wa-button { font-size:13px; padding:13px 18px; }
  .wa-outline { min-width:130px; }
  .wa-cards { gap:12px; }
  .wa-card { padding:20px 16px; border-radius:12px; }
  .wa-card h2 { font-size:16px; }
  .wa-card p { font-size:13px; line-height:1.55; }
  .wa-card .wa-icon { width:44px; height:44px; font-size:23px; margin-bottom:14px; }
  .wa-workflow { padding-block:32px; }
  .wa-steps { grid-template-columns:1fr; gap:20px; }
  .wa-steps li { gap:12px; }
  .wa-benefit-list { gap:18px 12px; }
  .wa-benefit-list article { gap:8px; }
  .wa-benefit-list .wa-icon { width:36px; height:36px; font-size:20px; }
  .wa-benefit-list h3 { font-size:13px; }
  .wa-cta { padding:28px 24px; }
  .wa-cta h2 { font-size:25px; }
  .wa-cta .wa-actions,.wa-cta .wa-button { width:100%; }
}
@media(prefers-reduced-motion:reduce) { .wa-button,.wa-card { transition:none; } .wa-card:hover { transform:none; } }