/* ===== SERVICE PAGE (AdsFixter-style) ===== */
.service-hero{position:relative;padding:170px 0 90px;overflow:hidden;background:linear-gradient(120deg,#fff 0%,#f6f4fc 45%,#e2dcf2 100%)}
.service-hero-grad-left{position:absolute;width:520px;height:520px;border-radius:50%;left:-190px;top:-140px;background:radial-gradient(circle,rgba(48,44,77,.12),transparent 65%)}
.service-hero-grad-right{position:absolute;width:620px;height:620px;border-radius:50%;right:-220px;bottom:-200px;background:radial-gradient(circle,rgba(254,0,2,.10),transparent 62%)}
.service-breadcrumb{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--muted);background:#fff;border:1px solid var(--line);padding:8px 16px;border-radius:50px;margin-bottom:24px}
.service-breadcrumb b{color:var(--navy);font-weight:700}
.service-hero h1{font-family:'Bricolage Grotesque',serif;font-weight:700;font-size:clamp(38px,5vw,68px);line-height:1.02;letter-spacing:-1.5px;color:var(--ink);margin:0 0 20px;max-width:720px}
.service-hero h1 em{font-family:Georgia,serif;font-weight:400;font-style:italic;color:var(--navy)}
.service-hero-sub{color:var(--muted);font-size:17px;line-height:1.7;max-width:560px;margin:0 0 26px}
.service-price{display:inline-block;font-size:15px;font-weight:700;color:var(--navy);background:#fff;border:1px solid rgba(48,44,77,.15);padding:12px 20px;border-radius:10px;margin:0 10px 26px 0}
.service-price span{color:var(--red)}
.service-hero-cta{display:flex;gap:12px;flex-wrap:wrap}

/* partners strip */
.service-partners{padding:44px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
.service-partners-inner{display:flex;align-items:center;justify-content:center;gap:52px;flex-wrap:wrap}
.service-partners-inner span{font-family:'Bricolage Grotesque',serif;font-weight:700;font-size:21px;color:#9aa5a0;transition:.25s}
.service-partners-inner span:hover{color:var(--navy)}

/* what we do grid */
.service-what{padding:90px 0}
.service-block-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:50px}
.service-block-head h2{font-family:'Bricolage Grotesque',serif;font-size:clamp(32px,4vw,52px);line-height:1.02;letter-spacing:-1px;color:var(--ink);margin:0}
.service-block-head>p{color:var(--muted);font-size:15px;line-height:1.7;max-width:380px;margin:0}
.service-grid-6{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.service-item{display:block;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px 28px;transition:.25s}
.service-item:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(48,44,77,.10);border-color:rgba(254,0,2,.35)}
.service-item-icon{width:50px;height:50px;border-radius:14px;background:#FFF1E6;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.service-item-icon svg{width:24px;height:24px;stroke:#F4511E;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}
.service-item h3{font-family:'Bricolage Grotesque',serif;font-size:19px;color:var(--ink);margin:0 0 10px;font-weight:600}
.service-item p{color:var(--muted);font-size:14px;line-height:1.65;margin:0}

/* inline CTA line */
.service-inline-cta{background:var(--navy);border-radius:20px;padding:40px 44px;margin-top:56px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#fff}
.service-inline-cta p{font-family:'Bricolage Grotesque',serif;font-size:clamp(20px,2.4vw,30px);line-height:1.25;margin:0;max-width:640px}
.service-inline-cta .btn{flex-shrink:0}

/* stats */
.service-stats{background:var(--ink);color:#fff;padding:70px 0}
.service-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;text-align:center}
.service-stat strong{font-family:'Bricolage Grotesque',serif;font-size:88px;font-weight:800;display:block;line-height:1;color:var(--red)}
.stat-plus{font-size:36px;font-weight:500;vertical-align:super}
.service-stat span{font-size:14px;opacity:.8;letter-spacing:.5px;text-transform:uppercase;font-weight:600}

/* process */
.service-process{padding:90px 0;background:var(--soft)}
.service-process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:48px}
.service-step{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px 22px;transition:.25s}
.service-step:hover{transform:translateY(-5px);box-shadow:0 16px 36px rgba(48,44,77,.10)}
.service-step-num{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#FFF1E6;color:#F4511E;font-family:'Geist Mono',monospace;font-size:14px;font-weight:600;margin-bottom:18px}
.service-step h3{font-family:'Bricolage Grotesque',serif;font-size:17px;color:var(--ink);margin:0 0 9px}
.service-step p{color:var(--muted);font-size:13px;line-height:1.6;margin:0}

/* works grid */
.service-works{padding:90px 0}
.works-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.works-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:.25s}
.works-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(48,44,77,.10)}
.works-thumb{height:170px;position:relative;display:flex;align-items:center;justify-content:center}
.works-icon{width:58px;height:58px;border-radius:16px;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(0,0,0,.15)}
.works-icon svg{width:30px;height:30px;stroke:#F4511E;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}
.brand-icon svg{stroke:none;fill:currentColor;width:34px;height:34px}
.works-thumb-1{background:linear-gradient(135deg,#302C4D,#6a6790)}
.works-thumb-2{background:linear-gradient(135deg,#a10000,#fe0002)}
.works-thumb-3{background:linear-gradient(135deg,#2d3a36,#112420)}
.works-thumb-4{background:linear-gradient(135deg,#F4511E,#ff7a3c)}
.works-thumb-5{background:linear-gradient(135deg,#1d435d,#3d6b8a)}
.works-thumb-6{background:linear-gradient(135deg,#7a2d5c,#b0558f)}
.works-card-info{padding:20px 22px}
.works-card-info h3{font-family:'Bricolage Grotesque',serif;font-size:17px;color:var(--ink);margin:0}
.works-card-info span{font-size:12px;color:var(--red);font-weight:700;text-transform:uppercase;letter-spacing:1px}

/* industries */
.service-industries{padding:90px 0;background:#fff}
.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:48px}
.industry-card{border:1px solid var(--line);border-radius:14px;padding:24px 22px;transition:.25s;background:var(--soft)}
.industry-card:hover{transform:translateY(-4px);border-color:rgba(254,0,2,.35);box-shadow:0 14px 30px rgba(48,44,77,.08)}
.industry-card h3{font-family:'Bricolage Grotesque',serif;font-size:17px;color:var(--ink);margin:0 0 6px}
.industry-card p{color:var(--muted);font-size:13px;margin:0}

/* testimonial */
.service-testimonial{padding:90px 0;background:var(--ink);color:#fff}
.service-testimonial-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.testimonial-quote p{font-family:'Bricolage Grotesque',serif;font-size:clamp(22px,2.6vw,34px);line-height:1.4;margin:0 0 30px;color:#fff}
.testimonial-person{display:flex;align-items:center;gap:16px}
.testimonial-avatar{width:56px;height:56px;border-radius:50%;background:var(--red);display:flex;align-items:center;justify-content:center;font-family:'Bricolage Grotesque',serif;font-weight:700;font-size:20px}
.testimonial-person strong{display:block;font-size:15px;color:#fff}
.testimonial-person span{font-size:12px;color:rgba(255,255,255,.55)}
.testimonial-video{background:linear-gradient(135deg,#2d3a36,#112420);border-radius:20px;min-height:300px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.testimonial-video::before{content:'';position:absolute;inset:20%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);border-radius:16px;transform:rotate(5deg)}
.testimonial-play{width:72px;height:72px;border-radius:50%;background:var(--red);display:flex;align-items:center;justify-content:center;position:relative;z-index:1}
.testimonial-play::after{content:'';border-left:16px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent;margin-left:5px}

/* final CTA */
.service-final-cta{background:linear-gradient(135deg,var(--red-dark),#7e0000);color:#fff;padding:90px 0;text-align:center}
.service-final-cta h2{font-family:'Bricolage Grotesque',serif;font-weight:700;font-size:clamp(36px,5vw,64px);line-height:1;margin:0 0 20px}
.service-final-cta p{color:rgba(255,255,255,.8);max-width:520px;margin:0 auto 30px;font-size:16px}

/* responsive */
@media(max-width:1024px){
  .service-grid-6,.works-grid{grid-template-columns:1fr 1fr}
  .service-process-grid{grid-template-columns:repeat(3,1fr)}
  .industry-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:850px){
  .service-hero{padding:140px 0 70px}
  .service-block-head{flex-direction:column;align-items:flex-start;gap:18px}
  .service-inline-cta{flex-direction:column;align-items:flex-start;padding:30px}
  .service-testimonial-inner{grid-template-columns:1fr;gap:36px}
  .service-stats-grid{grid-template-columns:1fr 1fr;gap:34px 20px}
}
@media(max-width:600px){
  .service-grid-6,.works-grid,.service-process-grid,.industry-grid{grid-template-columns:1fr}
  .service-process-grid{grid-template-columns:1fr 1fr}
  .service-partners-inner{gap:26px}
  .service-partners-inner span{font-size:17px}
  .service-hero h1{font-size:40px}
  .service-hero-sub{font-size:15px}
  .service-stats-grid{gap:26px 14px}
  .service-stat strong{font-size:56px}
  .service-inline-cta{padding:24px;border-radius:16px}
  .testimonial-video{min-height:220px}
}