/* Sahne: Hizmetler kök sayfası (hizmetler.html → /hizmetlerimiz/) — yalnızca bu sayfada yüklenir.
   Soyağacı: kök (Seven's Design) → ray → 5 grup düğümü → 22 hizmet. Çizgiler görünüme girince sırayla "çizilir" (scale), düğümler ve yapraklar kademeli belirir.
   ≤720 px: gruplar akordeon (<details>; hizmetler.js ilkini açık bırakır, masaüstünde hepsi açık ve kapanmaz). */
.sd-tree{--c:var(--sd-navy);position:relative;padding-top:8px}
.sd-tree__root{position:relative;width:max-content;margin:0 auto 46px;padding:14px 22px 14px 16px;display:flex;align-items:center;gap:14px;border-radius:16px;background:var(--sd-navy);color:#fff;box-shadow:var(--sd-shadow-float);opacity:0;translate:0 14px;transition:opacity .6s,translate .7s var(--sd-ease-out)}
.sd-tree__root b{display:block;font-size:1.0625rem}.sd-tree__root small{display:block;font-size:.75rem;color:var(--sd-text-muted-on-dark);letter-spacing:.04em}
.sd-tree__logo{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--sd-red);font:800 26px/1 var(--sd-font);color:#fff}
.sd-tree__root::after{content:"";position:absolute;left:50%;top:100%;width:2px;height:46px;translate:-50%;background:linear-gradient(var(--sd-navy),var(--sd-grey-300));transform-origin:top;scale:1 0;transition:scale .5s var(--sd-ease-out) .5s}
.sd-tree__rail{height:2px;margin:0 10%;background:linear-gradient(90deg,#2B4C9B,#D97706,#B3262D,#E1306C,#111318);transform-origin:center;scale:0 1;transition:scale .8s var(--sd-ease-out) .9s}
.sd-tree__groups{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;padding-top:34px}
.sd-tree__g{position:relative;opacity:0;translate:0 12px;transition:opacity .5s,translate .6s var(--sd-ease-out);transition-delay:calc(1.3s + var(--k)*.12s)}
.sd-tree__g::before{content:"";position:absolute;left:50%;top:-34px;width:2px;height:34px;translate:-50%;background:var(--c);transform-origin:top;scale:1 0;transition:scale .45s var(--sd-ease-out) calc(1.2s + var(--k)*.12s)}
.sd-tree__g summary{list-style:none;cursor:default;position:relative}
.sd-tree__g summary::-webkit-details-marker{display:none}
.sd-tree__g summary a{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:14px 14px;border-radius:14px;background:#fff;box-shadow:var(--sd-shadow-card);border-top:3px solid var(--c);text-decoration:none;color:var(--sd-navy);font:600 .9375rem/1.2 var(--sd-font);transition:transform .4s var(--sd-ease-out),box-shadow .4s}
.sd-tree__g summary a:hover{transform:translateY(-4px);box-shadow:var(--sd-shadow-float)}
.sd-tree__g summary i{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--c);color:#fff}.sd-tree__g summary svg{width:18px;height:18px}
.sd-tree__g summary small{display:block;font:500 .75rem/1 var(--sd-font);color:var(--sd-text-muted);margin-top:4px}
.sd-tree__chev{display:none}
.sd-tree__g ul{list-style:none;margin:14px 0 0 22px;padding-left:16px;border-left:2px solid var(--c);display:grid;gap:8px}
.sd-tree__g li{position:relative;opacity:0;translate:-8px 0;transition:opacity .4s,translate .5s var(--sd-ease-out);transition-delay:calc(1.7s + var(--k)*.12s + var(--i)*.07s)}
.sd-tree__g li::before{content:"";position:absolute;left:-16px;top:50%;width:12px;height:2px;background:var(--c)}
.sd-tree__g li a{display:block;padding:8px 10px;border-radius:8px;background:#fff;box-shadow:var(--sd-shadow-card);font:500 .8125rem/1.3 var(--sd-font);color:var(--sd-navy);text-decoration:none;transition:background .25s,color .25s,translate .3s var(--sd-ease-out)}
.sd-tree__g li a:hover{background:var(--c);color:#fff;translate:3px 0}
.in .sd-tree__root,.in .sd-tree__g,.in .sd-tree__g li{opacity:1;translate:0 0}
.in .sd-tree__root::after,.in .sd-tree__rail,.in .sd-tree__g::before{scale:1 1}
.sd-tree__note{margin-top:28px;text-align:center;font-size:.875rem;color:var(--sd-text-muted)}
@media (max-width:1024px){.sd-tree__groups{grid-template-columns:repeat(3,minmax(0,1fr))}.sd-tree__g:nth-child(4){grid-column:1/span 1}}
@media (max-width:720px){.sd-tree__rail,.sd-tree__root::after,.sd-tree__g::before{display:none}.sd-tree__root{margin-bottom:18px;width:auto}.sd-tree__groups{grid-template-columns:minmax(0,1fr);gap:10px;padding-top:0}.sd-tree__g summary{display:flex;align-items:stretch;border-radius:14px;background:#fff;box-shadow:var(--sd-shadow-card);border-top:3px solid var(--c);cursor:pointer}.sd-tree__g summary a{flex:1;min-width:0;border-radius:14px 0 0 14px;background:none;box-shadow:none;border-top:0;padding-right:8px}.sd-tree__g summary a:hover{transform:none;box-shadow:none}.sd-tree__chev{display:block;position:relative;flex:none;width:52px;border-left:1px solid rgba(31,34,51,.08);pointer-events:none}.sd-tree__chev::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;translate:-50% -70%;rotate:45deg;border-right:2px solid var(--c);border-bottom:2px solid var(--c);transition:rotate .3s,translate .3s}.sd-tree__g[open] .sd-tree__chev::after{rotate:225deg;translate:-50% -30%}.sd-tree__g summary:focus-visible{outline:2px solid var(--c);outline-offset:2px}.sd-tree__g ul{margin:10px 0 6px 18px}.sd-tree__g li{transition-delay:calc(var(--i)*.05s)}}