/* Sahne: Marka Tescili (hizmet-tescil.html) — yalnızca bu sayfada yüklenir.
   Hero: altı adım sırayla yanar, marka kartında sınıf çipleri belirir, ilerleme çubuğu dolar, ® işareti damgalanır (12 s döngü).
   İmza: sınıf seçimi kartları. */
.sd-reg{--T:12s;position:relative;display:grid;gap:16px;padding-top:10px}
.sd-reg__card{position:relative;padding:22px 24px 20px;border-radius:16px;background:#fff;box-shadow:var(--sd-shadow-float);color:var(--sd-navy)}
.sd-reg__card small{display:block;margin-bottom:10px;font:600 10px/1 var(--sd-font);letter-spacing:.12em;text-transform:uppercase;color:var(--sd-text-muted)}
.sd-reg__name{position:relative;display:inline-block;font:800 clamp(1.5rem,1.2rem + 1vw,2rem)/1.1 var(--sd-font);letter-spacing:-.01em;padding-right:34px}
.sd-reg__r{position:absolute;right:0;top:-6px;display:grid;place-items:center;width:28px;height:28px;border:2.5px solid var(--sd-red);border-radius:50%;color:var(--sd-red);font:800 15px/1 var(--sd-font);font-style:normal;scale:0;rotate:-20deg;animation:sd-reg-stamp var(--T) var(--sd-ease-spring) infinite}
.sd-reg__cls{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 16px}
.sd-reg__cls li{padding:6px 10px;border-radius:6px;background:var(--g-soft);color:var(--g);font:600 11px/1 var(--sd-font);opacity:0;translate:0 6px;animation:sd-reg-cls var(--T) var(--sd-ease-out) infinite;animation-delay:calc(var(--k)*.5s + 1.4s)}
.sd-reg__bar{position:relative;height:6px;border-radius:3px;background:var(--sd-grey-100)}
.sd-reg__bar i{position:absolute;inset:0;border-radius:3px;background:var(--g);transform-origin:left;scale:0 1;animation:sd-reg-bar var(--T) linear infinite}
.sd-reg__bar span{position:absolute;left:0;top:12px;font:500 10px/1 var(--sd-font);color:var(--sd-text-muted)}
.sd-reg__steps{list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-top:14px;font:600 10px/1.25 var(--sd-font);color:var(--sd-text-muted);text-align:center}
.sd-reg__steps li{display:grid;justify-items:center;gap:7px;padding:8px 4px;border-radius:10px;background:#fff;box-shadow:var(--sd-shadow-card);animation:sd-reg-step var(--T) infinite;animation-delay:calc(var(--k)*1.2s + .6s)}
.sd-reg__steps i{width:10px;height:10px;border-radius:50%;background:rgba(31,34,51,.18);animation:sd-reg-dot var(--T) infinite;animation-delay:calc(var(--k)*1.2s + .6s)}
.sd-reg__steps li:nth-child(5){border:1.5px solid var(--sd-yellow)}
.sd-reg__chip{position:absolute;right:-10px;top:-14px;z-index:3;background:#fff;box-shadow:var(--sd-shadow-card)}
.sd-reg:not(.in) *{animation-play-state:paused}
@keyframes sd-reg-stamp{0%,66%{scale:0;rotate:-20deg}72%,92%{scale:1;rotate:-12deg}97%,100%{scale:0}}
@keyframes sd-reg-cls{0%{opacity:0;translate:0 6px}4%,90%{opacity:1;translate:0 0}95%,100%{opacity:0}}
@keyframes sd-reg-bar{0%,6%{scale:0 1}66%,92%{scale:1 1}97%,100%{scale:0 1}}
@keyframes sd-reg-step{0%,2%{color:var(--sd-text-muted)}6%,90%{color:var(--sd-navy)}95%,100%{color:var(--sd-text-muted)}}
@keyframes sd-reg-dot{0%,2%{background:rgba(31,34,51,.18)}6%,90%{background:var(--g);box-shadow:0 0 0 3px var(--g-soft)}95%,100%{background:rgba(31,34,51,.18);box-shadow:none}}
/* İmza: sınıf seçimi */
.sd-nice{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.sd-nice__c{display:grid;gap:6px;padding:22px 22px 20px;border-radius:var(--sd-r-card);background:#fff;box-shadow:var(--sd-shadow-card);border:2px solid transparent;opacity:.75}
.sd-nice__c--on{border-color:var(--g);opacity:1}.sd-nice__c--soon{border-style:dashed;border-color:var(--sd-grey-300);opacity:1}
.sd-nice__c small{font:600 .7rem/1 var(--sd-font);letter-spacing:.12em;text-transform:uppercase;color:var(--sd-text-muted)}.sd-nice__c--on small{color:var(--g)}
.sd-nice__c b{font:800 1.5rem/1 var(--sd-font);color:var(--sd-navy)}.sd-nice__c span{font-size:.9375rem;color:var(--sd-text-muted)}
.sd-nice__c i{justify-self:start;margin-top:8px;padding:5px 9px;border-radius:6px;background:var(--sd-grey-100);font:600 .75rem/1 var(--sd-font);font-style:normal;color:var(--sd-navy)}
.sd-nice__c--on i{background:var(--g-soft);color:var(--g)}.sd-nice__c:last-child i{background:#FBE9EA;color:var(--sd-red-dark)}.sd-nice__c:last-child b{text-decoration:line-through;text-decoration-color:var(--sd-red);text-decoration-thickness:3px}
@media (max-width:1024px){.sd-nice{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media (max-width:720px){.sd-reg__steps{grid-template-columns:repeat(3,minmax(0,1fr))}.sd-reg__chip{right:0}.sd-nice{grid-template-columns:minmax(0,1fr)}}