.service-hero{position:relative;overflow:hidden;padding:155px 0 95px;background:linear-gradient(135deg,#061326,#0a2140 55%,#0d315b);color:#fff}
.service-grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,#000 35%,transparent)}
.service-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.service-hero-copy h1{font-size:clamp(2.8rem,5vw,4.9rem);line-height:1.03;letter-spacing:-.05em;margin:0 0 24px}
.service-hero-copy h1 span{color:var(--orange-2)}
.service-hero-copy p{font-size:1.13rem;color:#d6dfed;max-width:650px;margin:0 0 32px}
.service-hero-visual img{filter:drop-shadow(0 40px 55px rgba(0,0,0,.4))}
.web-intro{padding:58px 0;background:#fff;border-bottom:1px solid var(--line)}
.web-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.web-intro h2{font-size:clamp(2rem,4vw,3rem);line-height:1.08;letter-spacing:-.04em;margin:0}
.web-intro p{color:var(--muted);font-size:1.04rem;margin:0}
.web-services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.web-service-card{padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 12px 34px rgba(7,22,43,.055);transition:.25s}
.web-service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:rgba(242,138,27,.45)}
.web-service-number{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background:var(--navy);color:var(--orange-2);font-weight:900}
.web-service-card h3{font-size:1.28rem;margin:20px 0 9px}
.web-service-card p{color:var(--muted);margin:0}
.process-section{background:var(--soft)}
.process-line{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;position:relative}
.process-line:before{content:"";position:absolute;top:27px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,var(--orange),var(--navy-3))}
.process-step{position:relative;text-align:center;padding:0 10px}
.process-step span{position:relative;z-index:2;display:flex;width:56px;height:56px;margin:0 auto 18px;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,var(--orange),var(--orange-2));color:#17120c;font-weight:900;box-shadow:0 12px 28px rgba(242,138,27,.25)}
.process-step h3{margin:0 0 8px;font-size:1.08rem}
.process-step p{margin:0;color:var(--muted);font-size:.9rem}
.web-benefits{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.web-benefits div{padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:17px;background:rgba(255,255,255,.05)}
.web-benefits strong{display:block;margin-bottom:6px}
.web-benefits span{color:#cbd5e4;font-size:.92rem}
.technologies-section{padding-top:85px;padding-bottom:85px}
.tech-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:13px}
.tech-badges span{padding:12px 17px;border-radius:999px;border:1px solid var(--line);background:#fff;font-weight:900;color:var(--navy-3);box-shadow:0 8px 24px rgba(7,22,43,.05)}
.web-cases{background:linear-gradient(#fff,#f7f9fc)}
.web-cases-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.web-case-card{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 12px 34px rgba(7,22,43,.06);transition:.25s}
.web-case-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.web-case-top{height:180px;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff}
.web-case-top span{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900;opacity:.85}
.web-case-top strong{font-size:1.25rem;line-height:1.2;margin-top:8px}
.case-bilhar{background:linear-gradient(135deg,#0c3e6b,#1884b8)}
.web-case-body{padding:22px}
.web-case-body p{margin:0;color:var(--muted);font-size:.94rem}
.web-cta{padding-top:30px}
.web-cta-box{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:48px;border-radius:28px;background:linear-gradient(135deg,var(--orange),var(--orange-2));color:#16120c;box-shadow:0 22px 55px rgba(242,138,27,.24)}
.web-cta-box .eyebrow{color:#5b3200}
.web-cta-box h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.08;letter-spacing:-.04em;margin:0 0 12px}
.web-cta-box p{margin:0;color:#4f3822}
.btn-dark{background:var(--navy);color:#fff;box-shadow:0 14px 30px rgba(7,22,43,.24)}
@media(max-width:980px){.service-hero-grid,.web-intro-grid{grid-template-columns:1fr}.service-hero-copy{text-align:center}.service-hero-copy p{margin-left:auto;margin-right:auto}.service-hero-copy .hero-actions{justify-content:center}.service-hero-visual{max-width:720px;margin:auto}.web-services-grid{grid-template-columns:repeat(2,1fr)}.process-line{grid-template-columns:repeat(2,1fr)}.process-line:before{display:none}.web-cases-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.service-hero{padding:120px 0 70px}.service-hero-copy h1{font-size:2.55rem}.web-intro{padding:48px 0}.web-services-grid,.process-line,.web-benefits,.web-cases-grid{grid-template-columns:1fr}.web-cta-box{flex-direction:column;align-items:flex-start;padding:31px}.web-cta-box .btn{width:100%}}