:root{--sun:#f5a623;--sky:#0b3d5c;--leaf:#2e8b57}
.hero{background:linear-gradient(rgba(8,40,62,.72),rgba(8,40,62,.55)),url(/static/img/ust-arka-plan.jpg) center/cover no-repeat;color:#fff;padding:120px 0 96px;text-shadow:0 2px 8px rgba(0,0,0,.35)}
.hero .badge-sun{background:var(--sun);color:#222}
.btn-sun{background:var(--sun);border-color:var(--sun);color:#222;font-weight:600}
.btn-sun:hover{background:#dd9210;border-color:#dd9210;color:#111}
.feature i{font-size:2.2rem;color:var(--sun)}
.ref-card{border:0;box-shadow:0 4px 18px rgba(0,0,0,.08)}
.ref-card .kw{font-size:1.6rem;font-weight:700;color:var(--sky)}
.stat{background:#fff;border-radius:14px;padding:18px;box-shadow:0 2px 12px rgba(0,0,0,.06)}
.stat .n{font-size:2rem;font-weight:700;color:var(--sky)}
.sidebar{min-height:100vh;background:var(--sky);color:#cfe3f1}
.sidebar a{color:#cfe3f1;text-decoration:none;display:block;padding:8px 18px;border-radius:8px;margin:2px 10px}
.sidebar a.active,.sidebar a:hover{background:rgba(255,255,255,.12);color:#fff}
.sidebar .grp{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;opacity:.6;padding:14px 18px 4px}
.stage{display:flex;gap:4px;flex-wrap:wrap}
.stage span{flex:1;min-width:90px;text-align:center;font-size:.75rem;padding:6px 4px;border-radius:6px;background:#e9ecef}
.stage span.done{background:var(--leaf);color:#fff}
.stage span.now{background:var(--sun);color:#222;font-weight:600}
footer{background:#0a2a40;color:#9fb8c9;padding:36px 0}
.thumb{width:96px;height:96px;object-fit:cover;border-radius:8px;border:1px solid #dee2e6}
.thumb-sm{width:44px;height:44px;object-fit:cover;border-radius:6px;border:1px solid #dee2e6;vertical-align:middle}
.offcanvas.sidebar{min-height:auto}
.saha .btn{min-height:42px}
@media (max-width:767px){.hero{padding:56px 0 44px}.hero h1{font-size:1.7rem}.stat .n{font-size:1.5rem}}
@media print{.sidebar,.navbar,.btn,#ara{display:none!important}main{padding:0!important}}
.hero-resim{background:linear-gradient(rgba(8,40,62,.72),rgba(8,40,62,.55)),url(/static/img/ust-arka-plan.jpg) center/cover no-repeat;padding:120px 0 100px}
.hero-resim h1,.hero-resim .lead{text-shadow:0 2px 12px rgba(0,0,0,.45)}
.hizmet-kart{box-shadow:0 4px 18px rgba(0,0,0,.08);border-radius:14px;overflow:hidden}
.hizmet-kart .card-img-top{height:190px;object-fit:cover}
@media (max-width:767px){.hero-resim{padding:72px 0 56px}}