/* Service pages (sites, automation, custom tools, video): built from the existing card components */
.ph-ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.ph-trust{margin-top:14px;font-size:14px;color:rgba(255,255,255,.78)}
.blk .lead2{max-width:46rem;margin:-6px 0 24px;font-size:17px;color:rgba(255,255,255,.82)}
.pains{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.pain{padding:22px 24px;display:flex;gap:16px;align-items:flex-start}
.pain .ic{flex:none}
.pain h3{font:800 24px/1.05 var(--head);margin:0 0 6px}
.pain p{font-size:16px;color:rgba(255,255,255,.8)}
.formats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.fmt{padding:24px;display:grid;gap:12px;align-content:start}
.fmt h3{font:800 26px/1 var(--head)}
.fmt p{font-size:16px;color:rgba(255,255,255,.8)}
.gains{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.gains li{padding:18px 20px 18px 54px;position:relative;font-size:16px;color:rgba(255,255,255,.86)}
.gains li b{display:block;color:#fff;font-size:17px;margin-bottom:2px}
.gains li::before{content:"";position:absolute;left:20px;top:22px;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#ff4fa3,#8b3dff)}
.gains li::after{content:"";position:absolute;left:26px;top:27px;width:7px;height:4px;border:solid #fff;border-width:0 0 2px 2px;transform:rotate(-45deg)}
.steps4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;counter-reset:st}
.steps4 .card{padding:22px;counter-increment:st}
.steps4 .card::before{content:"0" counter(st);display:block;font:800 40px/1 var(--head);color:var(--pink);margin-bottom:10px}
.steps4 h3{font:800 22px/1.05 var(--head);margin:0 0 8px}
.steps4 p{font-size:15.5px;color:rgba(255,255,255,.8)}
.proof{padding:26px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center}
.proof h3{font:800 28px/1 var(--head);margin:0 0 8px}
.proof p{color:rgba(255,255,255,.82)}
.trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.trust .card{padding:22px}
.trust h3{font:800 22px/1.05 var(--head);margin:0 0 8px}
.trust p{font-size:15.5px;color:rgba(255,255,255,.8)}
.qlinks{display:grid;gap:10px}
.qlinks a{display:flex;justify-content:space-between;gap:16px;padding:18px 22px;font-weight:700;color:#fff;text-decoration:none}
.qlinks a:hover{box-shadow:inset 0 0 0 1px rgba(255,79,163,.6)}
.end{padding:44px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;border-radius:22px}
.end h2{margin:0}
@media (max-width:980px){.steps4,.trust{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){.formats,.pains,.gains{grid-template-columns:1fr}.proof{grid-template-columns:1fr}.end{padding:28px}}
@media (max-width:560px){.steps4,.trust{grid-template-columns:1fr}}

/* 3D background kept discreet behind the service pages */
body[data-scene="ecrans"] #bg3d,body[data-scene="modules"] #bg3d{opacity:.4}
@media (max-width:860px){body[data-scene="ecrans"] #bg3d,body[data-scene="modules"] #bg3d{opacity:.18}}