/* Scoped to the Services Online page; existing site styles remain unchanged. */
#online-services .hero{padding:74px 0 54px;background:linear-gradient(135deg,#fff 0%,#fff 62%,#fff3f4 100%);border-bottom:1px solid #f0f0f0}
#online-services .hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:54px;align-items:center}
#online-services h1{font-size:52px;line-height:1.02;margin:0 0 18px;letter-spacing:-2px}
#online-services h2{font-size:38px;line-height:1.08;margin:0;letter-spacing:-1.2px}
#online-services .lead{font-size:18px;line-height:1.65;color:var(--muted);max-width:700px}
#online-services .hero-panel{background:var(--dark);color:#fff;border-radius:12px;padding:34px;position:relative;overflow:hidden;min-height:300px}
#online-services .hero-panel:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;background:var(--red);right:-78px;top:-70px;opacity:.95}
#online-services .hero-panel h3{font-size:27px;margin:0 0 10px;position:relative;z-index:2}
#online-services .hero-panel p{color:#c5c7c9;line-height:1.6;position:relative;z-index:2}
#online-services .mini-flow{position:relative;z-index:2;display:grid;gap:10px;margin-top:22px}
#online-services .mini-flow div{display:flex;gap:10px;align-items:center}
#online-services .num{width:28px;height:28px;border-radius:50%;background:var(--red);display:grid;place-items:center;color:#fff;font-weight:800;font-size:12px;flex:none}
#online-services .section{padding:70px 0}
#online-services .section.soft{background:#f7f7f6}
#online-services .section-head{display:flex;justify-content:space-between;gap:60px;margin-bottom:34px}
#online-services .section-desc{max-width:520px;color:var(--muted);line-height:1.6;margin:4px 0}
#online-services .service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#online-services .service-card{border:1px solid #e4e4e4;border-radius:10px;padding:28px;min-height:300px;display:flex;flex-direction:column;background:#fff;transition:.2s;position:relative;overflow:hidden}
#online-services .service-card:hover{border-color:var(--red);transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.06)}
#online-services .service-card:focus-visible{outline:3px solid var(--red);outline-offset:4px}
#online-services .icon{width:48px;height:48px;border-radius:10px;background:#fff0f2;color:var(--red);display:grid;place-items:center;font-size:24px;margin-bottom:28px}
#online-services .service-card h3{font-size:23px;margin:0 0 10px}
#online-services .service-card p{font-size:14px;color:var(--muted);line-height:1.55;margin:0 0 24px}
#online-services .go{margin-top:auto;color:var(--red);font-weight:800;font-size:14px}
#online-services .service-card.cat{border-color:var(--red)}
#online-services .service-card.cat:before{content:"NOVO";position:absolute;right:18px;top:18px;background:var(--red);color:#fff;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800;letter-spacing:.6px}
@media(max-width:980px){#online-services .hero-grid,#online-services .service-grid{grid-template-columns:1fr}#online-services .section-head{display:block}#online-services .section-desc{margin-top:18px}}
@media(max-width:700px){#online-services .hero{padding:48px 0}#online-services h1{font-size:38px}#online-services h2{font-size:30px}#online-services .hero-grid{gap:28px}#online-services .section{padding:48px 0}#online-services .hero-panel{padding:28px}}
@media(prefers-reduced-motion:reduce){#online-services .service-card{transition:none;transform:none}}