/* SERVICE PAGES v2 - Sabri Suby structure */
.svc-hero { min-height:75vh; display:flex; align-items:flex-end; padding-bottom:80px; padding-top:80px; position:relative; overflow:hidden; background:var(--black); }
.svc-hero-grid { position:absolute; inset:0; background-image:linear-gradient(rgba(105,156,126,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(105,156,126,0.04) 1px,transparent 1px); background-size:80px 80px; }
.svc-hero-glow { position:absolute; top:-100px; right:-100px; width:500px; height:500px; background:radial-gradient(circle,rgba(105,156,126,0.09) 0%,transparent 70%); pointer-events:none; }
.svc-hero-num { position:absolute; top:80px; right:60px; font-family:'Bebas Neue',sans-serif; font-size:180px; line-height:1; color:rgba(105,156,126,0.06); pointer-events:none; user-select:none; }
.svc-hero-content { position:relative; z-index:2; max-width:820px; }
.svc-hero h1 { font-family:'Bebas Neue',sans-serif; font-size:clamp(56px,9vw,118px); line-height:0.92; margin-bottom:20px; }
.svc-hero h1 em { font-style:normal; color:var(--green); }
.svc-hero-sub { font-size:19px; line-height:1.75; color:rgba(255,255,255,0.5); max-width:560px; font-weight:300; margin-bottom:32px; }
.svc-hero-meta { display:flex; gap:36px; flex-wrap:wrap; padding-top:32px; border-top:1px solid var(--border); margin-top:32px; }
.meta-pill { display:flex; flex-direction:column; gap:4px; }
.meta-pill-label { font-size:10px; letter-spacing:0.15em; text-transform:uppercase; color:var(--gray); }
.meta-pill-val { font-size:16px; font-weight:500; color:var(--white); }
.meta-pill-val.green { color:var(--green); }

.svc-problem { padding:90px 0; background:var(--near-black); border-top:1px solid var(--border); }
.svc-problem-inner { max-width:780px; margin:0 auto; padding:0 60px; text-align:center; }
.svc-problem-inner h2 { font-family:'Bebas Neue',sans-serif; font-size:clamp(36px,5vw,62px); line-height:1; margin-bottom:20px; }
.svc-problem-inner p { font-size:17px; line-height:1.8; color:rgba(255,255,255,0.5); font-weight:300; margin-bottom:14px; }
.svc-problem-inner p strong { color:var(--white); font-weight:500; }
.pain-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:32px 0; text-align:left; }
.pain-card { background:rgba(255,255,255,0.03); border:1px solid rgba(255,0,0,0.1); border-left:3px solid #c0392b; border-radius:2px; padding:16px 20px; font-size:14px; color:rgba(255,255,255,0.55); line-height:1.5; }

.svc-solution { padding:90px 0; background:var(--black); }
.svc-solution-inner { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:start; max-width:1200px; margin:0 auto; padding:0 60px; }
.svc-solution-text h2 { font-family:'Bebas Neue',sans-serif; font-size:clamp(36px,4vw,56px); line-height:1; margin-bottom:20px; }
.svc-solution-text p { font-size:16px; line-height:1.85; color:rgba(255,255,255,0.5); font-weight:300; margin-bottom:14px; }
.benefits-list { display:flex; flex-direction:column; gap:0; border:1px solid var(--border); border-radius:2px; overflow:hidden; }
.benefit-item { display:flex; gap:16px; align-items:flex-start; padding:20px 24px; border-bottom:1px solid var(--border); transition:background 0.2s; }
.benefit-item:last-child { border-bottom:none; }
.benefit-item:hover { background:var(--near-black); }
.benefit-icon { font-size:18px; flex-shrink:0; margin-top:2px; }
.benefit-item h4 { font-size:15px; font-weight:600; margin-bottom:4px; }
.benefit-item p { font-size:13px; color:rgba(255,255,255,0.4); line-height:1.6; font-weight:300; }

.svc-process { padding:90px 0; background:var(--near-black); border-top:1px solid var(--border); }
.svc-process-inner { max-width:1200px; margin:0 auto; padding:0 60px; }
.svc-process-inner h2 { font-family:'Bebas Neue',sans-serif; font-size:clamp(36px,4vw,56px); margin-bottom:48px; }
.steps-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--border); border:1px solid var(--border); }
.step-card { background:var(--near-black); padding:32px 28px; transition:background 0.2s; }
.step-card:hover { background:var(--dark); }
.step-num-big { font-family:'Bebas Neue',sans-serif; font-size:52px; color:rgba(105,156,126,0.2); line-height:1; margin-bottom:14px; }
.step-card h4 { font-size:16px; font-weight:600; margin-bottom:8px; }
.step-card p { font-size:13px; color:rgba(255,255,255,0.4); line-height:1.65; font-weight:300; }

.svc-results { padding:90px 0; background:rgba(105,156,126,0.05); border-top:1px solid var(--border-green); border-bottom:1px solid var(--border-green); }
.svc-results-inner { max-width:1000px; margin:0 auto; padding:0 60px; text-align:center; }
.svc-results-inner h2 { font-family:'Bebas Neue',sans-serif; font-size:clamp(36px,4vw,56px); margin-bottom:48px; }
.results-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-bottom:48px; }
.result-card { background:var(--near-black); border:1px solid var(--border); border-radius:2px; padding:32px 24px; text-align:center; transition:border-color 0.2s; }
.result-card:hover { border-color:var(--border-green); }
.result-num { font-family:'Bebas Neue',sans-serif; font-size:52px; color:var(--green); line-height:1; margin-bottom:8px; }
.result-desc { font-size:14px; color:rgba(255,255,255,0.5); line-height:1.5; }
.result-company { font-size:12px; color:var(--gray); margin-top:8px; }

.svc-form-section { padding:90px 0; background:var(--black); border-top:1px solid var(--border); }
.svc-form-inner { display:grid; grid-template-columns:1fr 1fr; gap:80px; max-width:1100px; margin:0 auto; padding:0 60px; align-items:start; }
.svc-form-text h2 { font-family:'Bebas Neue',sans-serif; font-size:clamp(36px,4vw,58px); line-height:1; margin-bottom:16px; }
.svc-form-text > p { font-size:16px; line-height:1.8; color:rgba(255,255,255,0.5); font-weight:300; margin-bottom:28px; }
.offer-includes { list-style:none; display:flex; flex-direction:column; gap:10px; margin-bottom:28px; }
.offer-includes li { display:flex; gap:10px; font-size:14px; color:rgba(255,255,255,0.65); }
.offer-includes li::before { content:'✓'; color:var(--green); font-weight:700; flex-shrink:0; }
.offer-value-tag { display:inline-flex; align-items:center; gap:8px; background:rgba(105,156,126,0.1); border:1px solid var(--border-green); border-radius:2px; padding:8px 16px; font-size:13px; color:var(--green); }

.svc-quote-form { background:var(--near-black); border:1px solid var(--border); border-radius:4px; padding:40px; }
.form-title { font-family:'Bebas Neue',sans-serif; font-size:28px; margin-bottom:24px; color:var(--white); }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.fld { display:flex; flex-direction:column; gap:6px; margin-bottom:14px; }
.fld label { font-size:10px; letter-spacing:0.12em; text-transform:uppercase; color:var(--gray); font-weight:500; }
.fld input,.fld select,.fld textarea { background:rgba(255,255,255,0.04); border:1px solid var(--border); border-radius:2px; padding:13px 16px; color:var(--white); font-family:'Outfit',sans-serif; font-size:14px; outline:none; transition:border-color 0.2s; -webkit-appearance:none; }
.fld input:focus,.fld select:focus,.fld textarea:focus { border-color:var(--green); }
.fld input::placeholder,.fld textarea::placeholder { color:rgba(255,255,255,0.2); }
.fld select { cursor:pointer; }
.fld select option { background:#1a1a1a; }
.fld textarea { height:110px; resize:vertical; }
.form-submit { width:100%; padding:17px; background:var(--green); color:var(--black); border:none; border-radius:2px; cursor:pointer; font-family:'Bebas Neue',sans-serif; font-size:20px; letter-spacing:0.05em; transition:background 0.2s,transform 0.2s; margin-top:4px; }
.form-submit:hover { background:var(--green-light); transform:translateY(-2px); }
.form-note { font-size:12px; color:rgba(255,255,255,0.3); text-align:center; margin-top:12px; font-style:italic; }
.form-success { display:none; text-align:center; padding:40px 20px; }
.form-success h3 { font-family:'Bebas Neue',sans-serif; font-size:36px; color:var(--green); margin-bottom:12px; }
.form-success p { font-size:15px; color:rgba(255,255,255,0.5); }

.svc-related { padding:60px 0; background:var(--near-black); border-top:1px solid var(--border); }
.svc-related-inner { max-width:1200px; margin:0 auto; padding:0 60px; }
.svc-related-inner h3 { font-size:11px; letter-spacing:0.15em; text-transform:uppercase; color:var(--gray); margin-bottom:24px; }
.related-row { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.related-link { background:var(--dark); border:1px solid var(--border); border-radius:2px; padding:22px 24px; text-decoration:none; color:inherit; display:flex; align-items:center; justify-content:space-between; transition:border-color 0.2s,background 0.2s; }
.related-link:hover { border-color:var(--border-green); background:rgba(105,156,126,0.04); }
.related-link span { font-size:15px; font-weight:500; }
.related-link em { font-style:normal; color:var(--green); font-size:18px; }

@media(max-width:900px) {
  .svc-hero-num { display:none; }
  .svc-solution-inner,.svc-form-inner { grid-template-columns:1fr; gap:40px; padding:0 24px; }
  .steps-grid { grid-template-columns:1fr 1fr; }
  .results-grid { grid-template-columns:1fr; }
  .related-row { grid-template-columns:1fr; }
  .pain-grid { grid-template-columns:1fr; }
  .form-row { grid-template-columns:1fr; }
  .svc-problem-inner,.svc-process-inner,.svc-results-inner,.svc-related-inner { padding:0 24px; }
  .svc-quote-form { padding:24px; }
}