/* Service detail pages (SA Coder), prefix .sd- ; builds on services-page.css */
.sd .sp-hero h1{max-width:17ch;font-size:clamp(2.4rem,4.8vw,4.5rem)}
.sd-glance{position:relative;padding:clamp(24px,3vw,36px);border:1px solid var(--line);border-radius:var(--r-lg);background:rgba(255,255,255,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow)}
.sd-glance__label{font:600 11px/1.2 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-deep);margin:0 0 18px}
.sd-glance ul{display:grid;gap:14px}
.sd-glance li{display:flex;align-items:flex-start;gap:12px;font:600 1.05rem/1.4 var(--f-head);color:var(--ink)}
.sd-glance li .ico{color:var(--accent);margin-top:.15em}
.sd-section{padding:clamp(56px,8vw,104px) 0}
.sd-head{max-width:720px;margin-bottom:clamp(28px,4vw,48px)}
.sd-head h2{font-size:clamp(1.9rem,3.6vw,3.1rem);line-height:1.05;font-weight:700}
.sd-head p:not(.sp-kicker){margin-top:16px;color:var(--muted);font-size:1.05rem;line-height:1.7;max-width:58ch}
.sd-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,22px)}
.sd-card{position:relative;padding:clamp(22px,2.6vw,32px);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}
.sd-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:rgba(229,37,42,.35)}
.sd-card__n{display:block;margin-bottom:22px;font:600 12px/1 var(--f-mono);letter-spacing:.12em;color:var(--accent-deep)}
.sd-card h3{font-size:1.28rem;line-height:1.15;margin-bottom:10px}
.sd-card p{color:var(--muted);line-height:1.65;font-size:.98rem}
.sd-dark{background:var(--dark);color:#fff}
.sd-dark .sp-kicker{color:#FF7A59}
.sd-dark .sp-kicker:before{background:#FF7A59}
.sd-dark .sd-head h2{color:#fff}
.sd-dark em{color:#FF7A59}
.sd-dark .sd-head p:not(.sp-kicker){color:rgba(255,255,255,.72)}
.sd-dark .sd-card{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.14)}
.sd-dark .sd-card:hover{border-color:#FF7A59;box-shadow:none}
.sd-dark .sd-card h3{color:#fff}
.sd-dark .sd-card p{color:rgba(255,255,255,.72)}
.sd-dark .sd-card__n{color:#FF7A59}
.sd-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.4vw,28px)}
.sd-split__box{padding:clamp(24px,3vw,40px);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}
.sd-split__box--alt{background:transparent;border-style:dashed}
.sd-split__box h2{font-size:clamp(1.4rem,2.2vw,1.8rem);margin-bottom:20px}
.sd-split__box ul{display:grid;gap:14px}
.sd-split__box li{display:flex;gap:12px;align-items:flex-start;color:var(--ink-soft);line-height:1.55}
.sd-split__box li .ico{color:var(--accent);margin-top:.2em}
.sd-dot{flex:none;width:8px;height:8px;margin:.55em .45em 0 .25em;border-radius:50%;background:var(--muted);opacity:.6}
.sd-tools{margin-top:clamp(32px,4vw,48px)}
.sd-tools__label{font:600 11px/1.2 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 14px}
.sd-chips{display:flex;flex-wrap:wrap;gap:10px}
.sd-chips li{padding:9px 16px;border:1px solid var(--line);border-radius:var(--pill);background:var(--surface);font:600 .9rem/1 var(--f-body);color:var(--ink-soft)}
.sd-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,2vw,22px)}
.sd-step{padding:24px 0 0;border-top:2px solid var(--line)}
.sd-step span{display:block;margin-bottom:16px;font:600 12px/1 var(--f-mono);letter-spacing:.12em;color:var(--accent-deep)}
.sd-step h3{font-size:1.15rem;margin-bottom:8px}
.sd-step p{color:var(--muted);font-size:.96rem;line-height:1.65}
.sd-faq{max-width:900px}
.sd-faq__list{display:grid;gap:12px}
.sd-qa{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);transition:border-color .3s}
.sd-qa[open]{border-color:rgba(229,37,42,.4)}
.sd-qa summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;cursor:pointer;list-style:none;font:600 1.08rem/1.35 var(--f-head);color:var(--ink)}
.sd-qa summary::-webkit-details-marker{display:none}
.sd-qa__btn{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--bg);color:var(--accent-deep);transition:transform .3s,background .3s}
.sd-qa[open] .sd-qa__btn{transform:rotate(45deg);background:var(--accent);color:#fff}
.sd-qa__a{padding:0 24px 22px;color:var(--muted);line-height:1.7;max-width:68ch}
.sd-related{padding-top:0}
.sd-related__list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.sd-related__list a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);font:600 1rem/1.3 var(--f-head);color:var(--ink);transition:transform .3s,border-color .3s,color .3s}
.sd-related__list a:hover{transform:translateY(-3px);border-color:var(--accent);color:var(--accent-deep)}
@media (max-width:980px){.sd-grid{grid-template-columns:repeat(2,1fr)}.sd-steps{grid-template-columns:repeat(2,1fr)}.sd-related__list{grid-template-columns:repeat(2,1fr)}.sd .sp-hero__grid{grid-template-columns:1fr}}
@media (max-width:720px){.sd-grid,.sd-split,.sd-steps,.sd-related__list{grid-template-columns:1fr}}