/* Composições próprias para os serviços; nenhum estilo fora de #c6. */
#c6.services-scene{background:transparent;border:0;padding-top:110px;padding-bottom:110px}
#c6 .scene-heading{display:grid;grid-template-columns:1.35fr 1fr;gap:20px 8vw;align-items:end;margin-bottom:54px}
#c6 .scene-heading .eyebrow{grid-column:1/-1;margin:0}
#c6 .scene-heading .section-title{font-size:clamp(38px,4.4vw,66px);line-height:1.16;letter-spacing:-1.5px;max-width:720px}
#c6 .scene-heading>p:last-child{margin:0;max-width:400px;font-size:16px;color:#b9c8bd}
#c6 .services-list{display:grid;grid-template-columns:1fr 1fr;gap:38px}
#c6 .service{--service-tone:var(--green-lime);display:flex;flex-direction:column;gap:0;padding:32px 34px 34px;border:1px solid #b6ef6833;position:relative;min-width:0;background:radial-gradient(ellipse at 60% 25%,#b6ef6812,transparent 65%),linear-gradient(145deg,#142017aa,#07120e88);overflow:hidden}
#c6 .service:nth-child(2){--service-tone:var(--green-mint);border-color:#9cf3c833;background:radial-gradient(ellipse at 60% 25%,#20c9941b,transparent 65%),linear-gradient(145deg,#10231daa,#07120e88)}
#c6 .service-name{display:flex;align-items:center;justify-content:space-between;gap:20px}
#c6 .service-name .item-number{order:2;font:400 52px/1 var(--display);color:var(--service-tone);opacity:.55;letter-spacing:-2px}
#c6 .service-title{font:400 clamp(28px,2.8vw,43px)/1.2 var(--display);letter-spacing:-.6px;margin:0;color:#edf5ec}
#c6 .service-art{color:var(--service-tone);margin:24px -20px 26px;position:relative}
#c6 .service-art svg{display:block;width:100%;height:auto;overflow:visible}
#c6 .service-content{flex:1}
#c6 .service-content .up{color:#d8e6dc;font-size:16px;line-height:1.7;min-height:55px}
#c6 .u2col{grid-template-columns:1fr;gap:0;margin:24px 0 30px;font-size:14px;line-height:1.55;color:#abbfb0}
#c6 .u2col span{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid #a1c9ae14}
#c6 .u2col span:before{content:"↗";color:var(--service-tone);flex-shrink:0}
#c6 .service-commercial{border:0;border-top:1px solid #a1c9ae33;padding:24px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;align-items:center}
#c6 .service-commercial .utag{color:var(--service-tone);font-size:10px;text-transform:uppercase;letter-spacing:1.8px;grid-column:1/-1}
#c6 .service-commercial .val{font-family:var(--display);font-size:27px!important;font-weight:400;letter-spacing:0}
#c6 .service-commercial .mo{font-size:12px;color:#a8bbae;text-align:right;line-height:1.5}
#c6 .service-commercial a{width:100%;min-height:48px;margin-top:18px;border-color:#a1c9ae55;font-size:13px;padding:13px 15px}
#c6 .service-commercial a.pri{background:var(--service-tone);border-color:var(--service-tone);color:#092015;font-weight:600}
#c6 .service-commercial a:hover{background:#edf5ec;color:#092015;border-color:#edf5ec}
#c6 .service-commercial a:focus-visible{outline:2px solid var(--service-tone);outline-offset:5px}
#c6 .web-pointer{animation:service-pointer 6s ease-in-out infinite}
#c6 .web-click{animation:service-click 6s ease-out infinite;transform-box:fill-box;transform-origin:center}
#c6 .web-shape{stroke-dasharray:240;animation:service-shape 8s ease-in-out infinite}
#c6 .web-type{stroke-dasharray:170;animation:service-type 6s ease-in-out infinite}
#c6 .automation-stream{stroke-dasharray:7 93;animation:service-stream 3.2s linear infinite}
#c6 .hub-orbit{transform-origin:300px 150px;animation:service-orbit 24s linear infinite}
#c6 .hub-light{animation:service-light 3.2s ease-in-out infinite}
#c6:not(.services-moving) .service-art *{animation-play-state:paused}
@keyframes service-pointer{0%,15%,100%{transform:translate(55px,-50px)}40%,65%{transform:translate(-40px,25px)}80%{transform:translate(30px,5px)}}
@keyframes service-click{0%,40%,70%,100%{opacity:0;transform:scale(.5)}45%{opacity:.9;transform:scale(.5)}65%{opacity:0;transform:scale(2)}}
@keyframes service-shape{0%,15%{stroke-dashoffset:240}60%,90%{stroke-dashoffset:0}100%{stroke-dashoffset:-240}}
@keyframes service-type{0%,10%{stroke-dashoffset:170}40%,90%{stroke-dashoffset:0}100%{stroke-dashoffset:-170}}
@keyframes service-stream{to{stroke-dashoffset:-100}}
@keyframes service-orbit{to{transform:rotate(360deg)}}
@keyframes service-light{0%,100%{opacity:.3}50%{opacity:1}}
@media(max-width:900px){#c6 .scene-heading{grid-template-columns:1fr;gap:22px}#c6 .scene-heading>p:last-child{max-width:650px}#c6 .services-list{gap:22px}#c6 .service{padding:24px}#c6 .service-title{font-size:29px}#c6 .service-content .up{font-size:15px;min-height:78px}#c6 .service-commercial{grid-template-columns:1fr}#c6 .service-commercial .mo{text-align:left}#c6 .service-commercial a{margin-top:10px}}
@media(max-width:650px){#c6.services-scene{padding-top:70px;padding-bottom:70px}#c6 .services-list{grid-template-columns:1fr;gap:28px}#c6 .scene-heading{margin-bottom:32px}#c6 .scene-heading .section-title{font-size:36px;line-height:1.2}#c6 .service{padding:24px 22px}#c6 .service-art{margin:20px -12px}#c6 .service-content .up{min-height:0}#c6 .service-title{font-size:32px}#c6 .service-commercial{grid-template-columns:1fr 1fr}#c6 .service-commercial .mo{text-align:right}#c6 .service-commercial a{font-size:12px}}
@media(prefers-reduced-motion:reduce){#c6 .service-art *{animation:none!important}#c6 .web-click{opacity:0}}
