/* Single service pages. Loaded after site.css; form and FAQ styles mirror home.css. */

.svc-badge{margin-bottom:16px}
.svc-badge .f-ico{width:56px;height:56px;border-radius:16px}
.svc-badge .f-ico .icon{width:26px;height:26px}
.svc-did li b{color:var(--text)}

/* FAQ */
.svc-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}
.svc-faq>div:first-child{position:sticky;top:110px}
.faq-list{display:flex;flex-direction:column;gap:12px}
.qa{border-radius:16px;border:1px solid var(--line);background:var(--card-bg);transition:border-color .4s,box-shadow .4s,background .4s}
.qa:hover{border-color:var(--line-2)}
.qa.open{border-color:rgba(34,211,238,.35);background:var(--card-open-bg,var(--card-bg));box-shadow:0 0 50px -26px rgba(34,211,238,.65)}
.qa h3{margin:0;font-size:inherit;letter-spacing:0}
.q{width:100%;display:flex;align-items:center;gap:16px;padding:20px 22px;background:none;border:0;border-radius:16px;cursor:pointer;text-align:left;font:600 16.5px/1.35 var(--font-h);color:var(--text)}
.qn{flex:none;width:22px;font:600 12px/1 var(--font-m);color:var(--dim);transition:color .3s}
.qa.open .qn{color:var(--cyan)}
.qt{flex:1}
.plus{position:relative;flex:none;width:30px;height:30px;border-radius:9px;border:1px solid var(--line-2);transition:transform .5s var(--ease),background .3s,box-shadow .3s}
.plus::before,.plus::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.8px;margin:-.9px 0 0 -6px;border-radius:2px;background:var(--cyan);transition:transform .5s var(--ease)}
.plus::after{transform:rotate(90deg)}
.qa.open .plus{transform:rotate(180deg);background:rgba(34,211,238,.12)}
.qa.open .plus::after{transform:rotate(0)}
.a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease)}
.qa.open .a{grid-template-rows:1fr}
.a>div{overflow:hidden}
.a p{padding:0 22px 22px 60px;color:var(--muted);font-size:15px;line-height:1.7}

/* Enquiry form */
.svc-form{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;padding:48px 56px;align-items:start}
.svc-form .lead{margin-top:16px}
.svc-promise{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-direction:column;gap:12px}
.svc-promise li{display:flex;align-items:center;gap:10px;font-size:14.5px;color:var(--muted)}
.svc-promise .icon{width:18px;height:18px;color:var(--cyan)}
.cform{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{position:relative;display:flex;flex-direction:column;gap:7px}
.field.full{grid-column:1/-1}
.field label{font:500 12px/1 var(--font-m);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.field input,.field textarea,.field select{width:100%;padding:13px 15px;border-radius:12px;border:1px solid var(--line);background:var(--input-bg);color:var(--text);outline:0;font:400 14.5px/1.4 var(--font-b);transition:border-color .3s,box-shadow .3s}
.field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:40px}
.field textarea{min-height:130px;resize:vertical}
.field input::placeholder,.field textarea::placeholder{color:var(--dim)}
.field input:focus,.field textarea:focus,.field select:focus{border-color:rgba(34,211,238,.7);box-shadow:0 0 0 4px rgba(34,211,238,.1)}
.cform .btn{grid-column:1/-1;width:100%;padding:16px;justify-content:center}
.cform .form-note{grid-column:1/-1;min-height:20px;font-size:13.5px;color:var(--cyan-3)}
.cform .form-note.is-error{color:#f87171}
form[aria-busy="true"] [type=submit]{opacity:.6;cursor:progress}
.cf-turnstile{min-height:65px}

@media (max-width:980px){
  .svc-faq{grid-template-columns:1fr;gap:28px}
  .svc-faq>div:first-child{position:static}
  .svc-form{grid-template-columns:1fr;gap:32px;padding:32px 28px}
}
@media (max-width:680px){
  .cform{grid-template-columns:1fr}
  .svc-form{padding:26px 18px}
  .q{padding:18px;gap:12px;font-size:15.5px}
  .a p{padding:0 18px 18px 52px}
}

:root[data-theme="light"] .field select option{color:#0b1b2b}
:root[data-theme="light"] .cform .form-note.is-error{color:#dc2626}
:root[data-theme="light"] .qa.open{box-shadow:0 0 0 1px rgba(8,145,178,.12)}