/* Etapa 3 — demonstração da proposta de valor */
.demonstration{padding:106px 0;background:var(--off)}.demo-heading{display:grid;grid-template-columns:.88fr 1.12fr;gap:76px;align-items:end}.demo-heading h2{margin-bottom:0}.demo-heading>p:not(.eyebrow){margin:0;color:var(--muted);font-size:18px;line-height:1.6;max-width:600px}.demo-flow{display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr 28px 1fr;align-items:stretch;margin-top:50px}.demo-flow article{background:#fff;border:1px solid var(--line);padding:24px 21px}.demo-flow article>span{display:block;color:var(--gold);font-size:11px;font-weight:800;letter-spacing:1.1px}.flow-icon{margin:17px 0 15px;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#fff;font:24px Georgia,serif}.photo-icon{font-size:20px}.demo-flow h3{margin:0 0 8px;font-size:21px}.demo-flow p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}.flow-line{height:1px;align-self:center;background:var(--gold);position:relative}.flow-line:after{content:'›';position:absolute;right:-1px;top:-16px;color:var(--gold);font:28px Arial}.screen-stories{display:grid;grid-template-columns:1.35fr .65fr;gap:18px;margin-top:24px}.screen-story{overflow:hidden;border:1px solid var(--line);background:#fff}.screen-story .screen{margin:0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:#f4f7f5}.screen-story .screen img{display:block;width:100%;height:190px;object-fit:cover;object-position:top}.screen-story.wide .screen img{height:255px}.screen-story>div:last-child{padding:22px 24px}.screen-story p{margin:0;color:var(--green);font-size:10px;font-weight:800;letter-spacing:1px}.screen-story h3{margin:9px 0 7px;font-size:22px}.screen-story span{color:var(--muted);font-size:14px;line-height:1.48}.demo-difference{display:grid;grid-template-columns:.7fr 1.3fr;gap:36px;margin-top:18px;padding:24px 27px;background:var(--green);color:#fff}.demo-difference strong{font:700 22px Georgia,serif}.demo-difference span{color:#d9e7e0;font-size:15px;line-height:1.5}@media(max-width:900px){.demonstration{padding:76px 28px}.demo-heading{grid-template-columns:1fr;gap:20px}.demo-flow{grid-template-columns:1fr;gap:0}.flow-line{height:26px;width:1px;justify-self:center}.flow-line:after{top:8px;right:-8px;transform:rotate(90deg)}.screen-stories{grid-template-columns:1fr}.screen-story .screen img,.screen-story.wide .screen img{height:auto}.demo-difference{grid-template-columns:1fr;gap:13px}}@media(max-width:560px){.demonstration{padding-left:22px;padding-right:22px}.demo-difference{padding:22px}.screen-story>div:last-child{padding:21px}.demo-flow article{padding:22px}}