/* Dores (referência enviada por Hugo): fundo de papel claro, título preto, manuscritos roxos em Caveat (texto real),
   quatro cartões de papel rasgado em azul-noite e fecho manuscrito sublinhado. Os recortes rasgados são clip-path;
   a sombra fica no <li>, porque clip-path corta box-shadow. Sem imagens com texto. */
.pains.pains-ref{position:relative;padding:clamp(96px,9vw,130px) 0 clamp(104px,10vw,140px);background:#f8f7fb url('assets/manifesto-paper.webp') repeat;color:#0d0a1f}
.pains-ref .pains-intro{position:relative;display:block;margin:0 0 clamp(40px,4.4vw,64px)}
.pains-ref .pains-eyebrow{margin:0;font-weight:600;font-size:clamp(16px,1.9vw,26px);letter-spacing:.02em;line-height:1.35;color:var(--purple);text-transform:uppercase}
.pains-ref .pains-eyebrow span{font-weight:700}
.pains-ref .pains-sub{margin:2px 0 0;font-size:clamp(16px,1.9vw,26px);line-height:1.4;color:#6b6a85}
.pains-ref h2{margin:clamp(14px,1.6vw,22px) 0 0;max-width:12.5em;font-size:clamp(44px,6.3vw,92px);font-weight:800;letter-spacing:-.045em;line-height:1.02;color:#0d0a1f}
.pains-ref .pains-note{position:absolute;right:0;top:-6px;width:clamp(260px,33%,440px);color:var(--purple)}
.pains-ref .pains-hand{margin:0;font-family:Caveat,cursive;font-weight:400;font-style:normal;line-height:1.02;color:var(--purple)}
.pains-ref .pains-note .pains-hand{font-size:clamp(30px,4.2vw,62px);text-align:right;transform:rotate(-8deg);transform-origin:100% 100%}
.pains-ref .pains-doodle{display:block;width:clamp(84px,11vw,160px);height:auto;margin:10px 8% 0 auto;fill:none;stroke:none;color:var(--purple);overflow:visible}

.pains-ref .pain-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.7vw,26px);align-items:start}
.pains-ref .pain-card{position:relative;margin:0;filter:drop-shadow(0 10px 14px #0d0a1f33) drop-shadow(0 2px 3px #0d0a1f40)}
.pains-ref .pain-card:nth-child(1){transform:rotate(-.5deg)}
.pains-ref .pain-card:nth-child(2){transform:rotate(.35deg) translateY(2px)}
.pains-ref .pain-card:nth-child(3){transform:rotate(-.25deg) translateY(-3px)}
.pains-ref .pain-card:nth-child(4){transform:rotate(2deg) translateY(6px)}
/* abas de papel lilás espiando atrás de dois cartões */
.pains-ref .pain-card:nth-child(3)::before,.pains-ref .pain-card:nth-child(4)::before{content:"";position:absolute;z-index:-1;background:#b49cf2}
.pains-ref .pain-card:nth-child(3)::before{left:1.5%;bottom:-1.4%;width:20%;height:6%;clip-path:polygon(0 30%,100% 0,92% 100%,10% 90%);transform:rotate(-2deg)}
.pains-ref .pain-card:nth-child(4)::before{left:-3.5%;top:2.5%;width:14%;height:11%;clip-path:polygon(12% 0,100% 8%,82% 100%,0 70%);transform:rotate(-5deg)}
.pains-ref .pain-paper{position:relative;overflow:hidden;min-height:clamp(320px,34vw,480px);padding:clamp(24px,3vw,44px) clamp(20px,2.5vw,36px) clamp(24px,2.6vw,38px);background:linear-gradient(160deg,#1f1356 0%,#170d44 52%,#1b1049 100%);color:#fff}
.pains-ref .pain-paper::before{content:"";position:absolute;inset:0;background:url('assets/pains-paper.svg') center/cover;mix-blend-mode:soft-light;opacity:.55;pointer-events:none}
.pains-ref .pain-paper::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,#a98cff12 49%,transparent 58%);pointer-events:none}
.pains-ref .pain-icon{position:relative;display:block;width:clamp(46px,5.2vw,76px);height:clamp(46px,5.2vw,76px);margin:0 0 clamp(30px,4vw,60px);color:#8f6bf5;fill:none;stroke:none}
.pains-ref .pain-paper h3{position:relative;margin:0 0 clamp(12px,1.5vw,22px);font-size:clamp(21px,2.4vw,34px);font-weight:800;letter-spacing:-.035em;line-height:1.12;color:#fff;text-wrap:balance}
.pains-ref .pain-paper p{position:relative;margin:0;font-size:clamp(14px,1.5vw,20px);line-height:1.5;color:#cfc8ee}
.pain-card:nth-child(1) .pain-paper{clip-path:polygon(5.5% 0.3%,6.2% 0.9%,12.5% 0.6%,18.8% 1.0%,25.0% 1.1%,31.2% 0.1%,37.5% 0.0%,43.8% 1.4%,50.0% 0.4%,56.2% 0.4%,62.5% 1.7%,68.8% 0.8%,75.0% 1.4%,81.2% 0.8%,87.5% 1.1%,93.8% 0.3%,100.0% 0.4%,98.7% 5.0%,99.2% 10.0%,98.9% 15.0%,99.0% 20.0%,99.9% 25.0%,98.9% 30.0%,99.1% 35.0%,99.5% 40.0%,100.0% 45.0%,98.7% 50.0%,99.3% 55.0%,98.9% 60.0%,98.7% 65.0%,98.9% 70.0%,98.6% 75.0%,99.4% 80.0%,98.8% 85.0%,99.3% 90.0%,98.6% 95.0%,100.0% 99.5%,93.8% 99.8%,87.5% 99.8%,81.2% 99.6%,75.0% 98.4%,68.8% 99.3%,62.5% 98.9%,56.2% 99.5%,50.0% 99.1%,43.8% 99.3%,37.5% 99.4%,31.2% 99.0%,25.0% 99.0%,18.8% 98.5%,12.5% 98.8%,6.2% 98.4%,0.0% 99.5%,1.5% 95.0%,1.0% 90.0%,0.2% 85.0%,1.3% 80.0%,1.4% 75.0%,1.4% 70.0%,0.9% 65.0%,1.1% 60.0%,0.3% 55.0%,1.2% 50.0%,0.9% 45.0%,0.4% 40.0%,0.1% 35.0%,1.3% 30.0%,1.5% 25.0%,0.1% 20.0%,1.2% 15.0%,0.6% 10.0%,0.4% 7.2%)}
.pain-card:nth-child(2) .pain-paper{clip-path:polygon(5.0% 0.3%,6.2% 0.3%,12.5% 1.1%,18.8% 0.1%,25.0% 0.9%,31.2% 0.6%,37.5% 0.1%,43.8% 0.9%,50.0% 0.1%,56.2% 0.7%,62.5% 0.1%,68.8% 0.2%,75.0% 0.7%,81.2% 1.4%,87.5% 0.2%,93.8% 0.4%,100.0% 0.4%,98.6% 5.0%,99.1% 10.0%,99.4% 15.0%,98.5% 20.0%,99.9% 25.0%,98.7% 30.0%,99.6% 35.0%,99.8% 40.0%,99.8% 45.0%,99.5% 50.0%,98.8% 55.0%,99.7% 60.0%,99.1% 65.0%,99.0% 70.0%,99.4% 75.0%,99.2% 80.0%,99.9% 85.0%,99.9% 90.0%,99.7% 95.0%,100.0% 99.6%,93.8% 99.3%,87.5% 99.5%,81.2% 99.0%,75.0% 99.2%,68.8% 99.5%,62.5% 98.6%,56.2% 98.8%,50.0% 99.6%,43.8% 99.0%,37.5% 99.1%,31.2% 98.5%,25.0% 98.8%,18.8% 99.5%,12.5% 98.3%,6.2% 99.8%,0.0% 99.7%,1.1% 95.0%,0.2% 90.0%,0.7% 85.0%,0.1% 80.0%,1.0% 75.0%,1.1% 70.0%,0.9% 65.0%,1.3% 60.0%,0.5% 55.0%,1.0% 50.0%,0.9% 45.0%,0.9% 40.0%,0.7% 35.0%,1.3% 30.0%,1.4% 25.0%,0.7% 20.0%,1.0% 15.0%,0.1% 10.0%,0.4% 6.5%)}
.pain-card:nth-child(3) .pain-paper{clip-path:polygon(0.0% 0.3%,6.2% 1.0%,12.5% 1.6%,18.8% 0.8%,25.0% 0.9%,31.2% 1.0%,37.5% 0.3%,43.8% 0.9%,50.0% 1.1%,56.2% 1.3%,62.5% 0.2%,68.8% 0.5%,75.0% 0.2%,81.2% 1.4%,87.5% 1.2%,93.8% 0.1%,100.0% 0.6%,98.6% 5.0%,99.0% 10.0%,99.1% 15.0%,99.8% 20.0%,100.0% 25.0%,99.2% 30.0%,99.9% 35.0%,99.7% 40.0%,99.6% 45.0%,100.0% 50.0%,99.3% 55.0%,99.3% 60.0%,98.7% 65.0%,99.2% 70.0%,99.0% 75.0%,99.3% 80.0%,99.0% 85.0%,99.3% 90.0%,99.6% 95.0%,100.0% 99.4%,93.8% 98.3%,87.5% 98.6%,81.2% 98.8%,75.0% 99.5%,68.8% 99.6%,62.5% 99.5%,56.2% 99.9%,50.0% 98.7%,43.8% 99.3%,37.5% 98.6%,31.2% 99.3%,25.0% 98.4%,18.8% 98.6%,12.5% 100.0%,6.2% 99.6%,0.0% 99.5%,0.7% 95.0%,1.5% 90.0%,0.6% 85.0%,0.1% 80.0%,0.9% 75.0%,1.2% 70.0%,0.4% 65.0%,0.1% 60.0%,0.5% 55.0%,1.4% 50.0%,1.1% 45.0%,0.2% 40.0%,0.4% 35.0%,0.2% 30.0%,0.1% 25.0%,1.2% 20.0%,0.3% 15.0%,0.8% 10.0%,0.7% 5.0%)}
.pain-card:nth-child(4) .pain-paper{clip-path:polygon(0.0% 0.4%,6.2% 1.3%,12.5% 0.9%,18.8% 0.9%,25.0% 0.7%,31.2% 1.7%,37.5% 0.5%,43.8% 0.3%,50.0% 0.4%,56.2% 0.4%,62.5% 0.6%,68.8% 0.5%,75.0% 0.2%,81.2% 0.6%,87.5% 0.5%,93.8% 1.0%,100.0% 0.1%,99.9% 5.0%,99.7% 10.0%,99.2% 15.0%,99.4% 20.0%,98.9% 25.0%,98.8% 30.0%,99.4% 35.0%,99.9% 40.0%,98.9% 45.0%,98.9% 50.0%,99.4% 55.0%,99.0% 60.0%,99.6% 65.0%,98.6% 70.0%,98.7% 75.0%,98.8% 80.0%,98.6% 85.0%,99.7% 90.0%,99.2% 95.0%,100.0% 99.6%,93.8% 98.6%,87.5% 99.3%,81.2% 99.8%,75.0% 98.9%,68.8% 99.8%,62.5% 98.8%,56.2% 100.0%,50.0% 99.2%,43.8% 99.2%,37.5% 99.8%,31.2% 99.2%,25.0% 99.1%,18.8% 99.4%,12.5% 98.5%,6.2% 98.5%,0.0% 99.5%,0.4% 95.0%,0.0% 90.0%,0.6% 85.0%,0.2% 80.0%,1.1% 75.0%,0.4% 70.0%,0.2% 65.0%,0.4% 60.0%,0.6% 55.0%,1.1% 50.0%,0.7% 45.0%,0.5% 40.0%,1.0% 35.0%,0.1% 30.0%,0.3% 25.0%,1.0% 20.0%,1.1% 15.0%,0.2% 10.0%,0.1% 5.0%)}

.pains-ref .pains-closing{position:relative;margin:clamp(34px,4.4vw,64px) 0 0;text-align:center;font-size:inherit;font-weight:400;letter-spacing:0}
.pains-ref .pains-closing .pains-hand{display:inline-block;font-size:clamp(28px,4.4vw,66px);transform:rotate(-2.5deg)}
.pains-ref .pains-underline{display:block;width:min(52%,520px);height:auto;margin:-4px 0 0 auto;margin-right:clamp(0px,9%,120px);color:var(--purple);transform:rotate(-1.5deg);overflow:visible}

@media(max-width:900px){
  .pains-ref .pain-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .pains-ref .pain-paper{min-height:0}
  .pains-ref .pains-note{position:relative;right:auto;top:auto;width:auto;margin-top:22px}
  .pains-ref .pains-note .pains-hand{text-align:left;transform:rotate(-4deg);transform-origin:0 100%;font-size:clamp(30px,6vw,40px)}
  .pains-ref .pains-doodle{margin:4px 0 0 8%;width:84px}
  .pains-ref .pains-underline{width:70%;margin-right:4%}
}
@media(max-width:520px){
  .pains-ref .pain-grid{grid-template-columns:1fr;gap:16px}
  .pains-ref .pain-card:nth-child(n){transform:none}
  .pains-ref h2{font-size:clamp(38px,11vw,46px)}
  .pains-ref .pains-closing .pains-hand{font-size:clamp(28px,8.4vw,36px)}
  .pains-ref .pains-underline{width:80%}
}

/* O fundo claro continua na Solução: sem a rampa escura do topo. */
.solution-tabs{padding-top:clamp(96px,9vw,130px);background:radial-gradient(ellipse 55% 55% at 88% 68%,#ded3ff88,transparent 78%),url('assets/manifesto-paper.webp') repeat #f8f7fb}
@media(max-width:700px){.solution-tabs{padding-top:84px;background:radial-gradient(ellipse 80% 50% at 90% 75%,#ded3ff75,transparent 80%),url('assets/manifesto-paper.webp') repeat #f8f7fb}}

/* Dores mais compacta no desktop (pedido de Hugo): títulos, manuscritos, ícones, textos e altura dos cartões ~20% menores. */
@media(min-width:901px){
  .pains.pains-ref{padding:clamp(80px,7.4vw,108px) 0 clamp(86px,8.2vw,116px)}
  .pains-ref .pains-intro{margin-bottom:clamp(32px,3.6vw,52px)}
  .pains-ref .pains-eyebrow,.pains-ref .pains-sub{font-size:clamp(13px,1.5vw,21px)}
  .pains-ref h2{font-size:clamp(36px,5vw,74px)}
  .pains-ref .pains-note{width:clamp(210px,28%,360px)}
  .pains-ref .pains-note .pains-hand{font-size:clamp(24px,3.4vw,50px)}
  .pains-ref .pains-doodle{width:clamp(68px,9vw,128px)}
  .pains-ref .pain-paper{min-height:clamp(250px,26vw,370px);padding:clamp(20px,2.4vw,35px) clamp(16px,2vw,29px) clamp(20px,2.1vw,30px)}
  .pains-ref .pain-icon{width:clamp(38px,4.2vw,60px);height:clamp(38px,4.2vw,60px);margin-bottom:clamp(24px,3.2vw,48px)}
  .pains-ref .pain-paper h3{font-size:clamp(18px,1.9vw,27px)}
  .pains-ref .pain-paper p{font-size:clamp(13px,1.3vw,17px)}
  .pains-ref .pains-closing{margin-top:clamp(28px,3.5vw,51px)}
  .pains-ref .pains-closing .pains-hand{font-size:clamp(24px,3.5vw,53px)}
  .pains-ref .pains-underline{width:min(46%,430px)}
}

/* Dores mais compacta também em tablet e celular (pedido de Hugo): ~20% menor que antes. */
@media(max-width:900px){
  .pains.pains-ref{padding:72px 0 80px}
  .pains-ref .pains-intro{margin-bottom:28px}
  .pains-ref .pains-eyebrow,.pains-ref .pains-sub{font-size:13px}
  .pains-ref h2{font-size:clamp(32px,5.4vw,46px)}
  .pains-ref .pains-note{margin-top:16px}
  .pains-ref .pains-note .pains-hand{font-size:clamp(24px,4.8vw,32px)}
  .pains-ref .pains-doodle{width:68px}
  .pains-ref .pain-grid{gap:14px}
  .pains-ref .pain-paper{padding:20px 18px 22px}
  .pains-ref .pain-icon{width:38px;height:38px;margin-bottom:22px}
  .pains-ref .pain-paper h3{font-size:18px;margin-bottom:10px}
  .pains-ref .pain-paper p{font-size:13px}
  .pains-ref .pains-closing{margin-top:30px}
  .pains-ref .pains-closing .pains-hand{font-size:clamp(24px,5vw,36px)}
}
@media(max-width:520px){
  .pains-ref h2{font-size:clamp(30px,8.6vw,36px)}
  .pains-ref .pain-grid{gap:12px}
  .pains-ref .pains-closing .pains-hand{font-size:clamp(22px,6.6vw,28px)}
}