/* Детальная страница услуги — направление A «Кодекс». Селекторы скоуплены под .svc. */
.svc{
  --ink:#0d1a2b; --gold:#d6a94b; --gold2:#e7c27a; --parch:#eef3f9;
  --amut:#9fb3ca; --aline:rgba(214,169,75,.32);
  background:radial-gradient(120% 80% at 50% -10%,#14263e 0%,#0d1a2b 60%);
  color:var(--parch); font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  padding:clamp(28px,5vw,64px) clamp(16px,4vw,40px);
}
.svc__col{max-width:660px;margin:0 auto}
.svc__eyebrow{font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);font-weight:700}
.svc__rule{height:1px;background:linear-gradient(90deg,var(--gold),transparent);margin:14px 0 22px}
.svc__title{font-family:Georgia,"Times New Roman",serif;font-weight:600;font-size:clamp(26px,4vw,40px);line-height:1.14;margin:0 0 18px;text-wrap:balance;color:#fff}
.svc__body{font-size:18px;line-height:1.7;color:#dae4f0}
.svc__body p{margin:0 0 18px}
.svc__body h2{font-family:Georgia,serif;font-weight:600;font-size:clamp(20px,3vw,26px);margin:32px 0 14px;color:#fff}
.svc__body h3{font-family:Georgia,serif;font-weight:600;font-size:20px;margin:26px 0 12px;color:#fff}
.svc__body ul{margin:0 0 18px;padding:0;list-style:none;display:flex;flex-direction:column;gap:11px}
.svc__body li{position:relative;padding-left:26px;line-height:1.55;color:#cdd9e8}
.svc__body li::before{content:"§";position:absolute;left:0;top:-1px;color:var(--gold);font-family:Georgia,serif;font-weight:700}
.svc__body strong,.svc__body b{color:#fff}
.svc__body a{color:var(--gold)}
.svc__faq{margin-top:36px;border-top:1px solid var(--aline)}
.svc__faq details{border-bottom:1px solid var(--aline)}
.svc__faq summary{list-style:none;cursor:pointer;padding:16px 30px 16px 2px;position:relative;font-weight:600;color:#fff;font-size:16px}
.svc__faq summary::-webkit-details-marker{display:none}
.svc__faq summary::after{content:"+";position:absolute;right:4px;top:14px;color:var(--gold);font-size:20px;font-family:Georgia,serif}
.svc__faq details[open] summary::after{content:"–"}
.svc__faq-a{padding:0 0 18px;color:#c2d0e2;line-height:1.65}
.svc__faq-a p{margin:0 0 12px}
.svc__cta{display:flex;align-items:center;justify-content:space-between;gap:14px 22px;width:100%;margin-top:34px;text-decoration:none;cursor:pointer;padding:20px 30px;border-radius:999px;border:1px solid var(--gold);background:rgba(214,169,75,.07);color:#fff;transition:transform .18s ease,background .18s ease,box-shadow .25s ease}
.svc__cta-label{font-family:Georgia,serif;font-size:clamp(17px,2.4vw,21px);line-height:1.3}
.svc__cta-action{display:inline-flex;align-items:center;gap:9px;flex:none;color:var(--gold);font-weight:700;font-size:16px;transition:color .18s}
.svc__cta-action svg{width:18px;height:18px;transition:transform .2s}
.svc__cta:hover{background:var(--gold);color:#241a05;transform:translateY(-2px);box-shadow:0 16px 40px -16px var(--gold)}
.svc__cta:hover .svc__cta-action{color:#241a05}
.svc__cta:hover .svc__cta-action svg{transform:translateX(4px)}
.svc__cta:focus-visible{outline:3px solid var(--gold2);outline-offset:3px}
.svc__cta--pulse{animation:svcPulse 2.6s ease-in-out infinite}
@keyframes svcPulse{0%,100%{box-shadow:0 0 0 0 rgba(214,169,75,0)}50%{box-shadow:0 0 0 7px rgba(214,169,75,.15)}}
.svc__cta--pulse:hover{animation:none}
@media (prefers-reduced-motion:reduce){.svc__cta{transition:none}.svc__cta--pulse{animation:none}}
@media (max-width:520px){.svc__cta{flex-direction:column;align-items:flex-start;border-radius:22px}}
.svc__back{margin-top:30px}
.svc__back a{color:var(--amut);text-decoration:none;font-size:15px}
.svc__back a:hover{color:var(--gold)}