/* Brand-led depth and finite motion. Content remains visible without JavaScript. */
.ts-site { background: #f5f0ef; }
.ts-site .ts-header { background: #fffaf7f5; }
.ts-site .ts-hero { background: linear-gradient(105deg,rgba(24,20,22,.80),rgba(43,16,21,.30)),url('../images/optimized/technical-service-bench-1280.jpg') center/cover no-repeat; border-bottom: 5px solid var(--mate-primary); }
.ts-site .ts-page-hero { background: linear-gradient(105deg,rgba(24,20,22,.88),rgba(43,16,21,.48)),url('../images/optimized/technical-service-bench-1280.jpg') center 48%/cover no-repeat; }
.ts-site .ts-hero h1 { max-width: 680px; }
.ts-site .ts-start-panel { background: linear-gradient(145deg,#42181e,#241b20); border: 1px solid #ffffff26; box-shadow: 0 24px 60px #0004; }
.ts-site .ts-start-panel h2,.ts-site .ts-start-link strong { color: #fff; }
.ts-site .ts-start-panel > .ts-eyebrow { color: #f4b7bd; }
.ts-site .ts-start-link { border-color: #ffffff20; color: #f4b7bd; padding-inline: 10px; border-radius: 10px; }
.ts-site .ts-start-link small { color: #ded0d2; }
.ts-site .ts-start-link:hover { background: #ffffff0d; }
.ts-site .ts-start-link:hover strong { color: #ffd9dd; }
.ts-site .ts-start-link .ts-icon-tile { background: #ffffff12; color: #ffc2ca; }
.ts-site .ts-section { background: transparent; }
.ts-site .ts-soft { background: #ece4e2; }
.ts-site .ts-section-intro { color: #62575b; max-width: 780px; margin: 0 0 28px; font-size: 15px; }
.ts-site .ts-package { background: linear-gradient(150deg,#fffaf7,#f4e7e6); border: 1px solid #e0cece; border-top: 3px solid #ab2631; box-shadow: 0 8px 24px #42181e0a; }
.ts-site .ts-package:hover { border-color: #ab2631; box-shadow: 0 18px 38px #42181e18; }
.ts-site .ts-package .ts-package-device { flex: 0 0 auto; min-height: 0; margin: 0 0 8px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: #8e2932; }
.ts-site .ts-package h3 { min-height: 2.6em; }
.ts-site .ts-package-top .ts-icon-tile { background: #9f111a; color: #fff; }
.ts-package-filters { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 0 0 18px; }
.ts-package-filters button { display: inline-flex; align-items: center; gap: 8px; min-height: 46px; padding: 10px 18px; border-radius: 999px; border: 1px solid #d3bdc0; background: #fffaf7; color: #4e363d; font-size: 14px; }
.ts-package-filters button[aria-pressed=true] { background: #9f111a; border-color: #9f111a; color: white; box-shadow: 0 6px 16px #9f111a20; }
.ts-filter-result { font-size: 13px; color: #62575b; margin-left: auto; }
.ts-site .ts-expertise { background: #241c20; color: #e3d8db; }
.ts-site .ts-expertise h2 { color: #fff; max-width: 670px; font-size: clamp(28px,3vw,40px); }
.ts-site .ts-expertise .ts-eyebrow { color: #f4b7bd; }
.ts-site .ts-expertise .ts-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.ts-site .ts-expertise .ts-card { background: linear-gradient(145deg,#38272d,#2b2126); border: 1px solid #61414a; border-left: 3px solid #b6414e; }
.ts-site .ts-expertise .ts-card h3 { color: #fff; }
.ts-site .ts-expertise .ts-card p { color: #dbccd1; font-size: 15px; }
.ts-site .ts-process { background: linear-gradient(130deg,#e7d4d6,#f7eeea); }
.ts-site .ts-process h2 { max-width: 700px; font-size: clamp(28px,3vw,38px); }
.ts-site .ts-steps li { border-color: #d8bfc3; background: #fff9f5; }
.ts-site .ts-steps b { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 12px; background: #9f111a; color: #fff; font-size: 18px; }
.ts-site .ts-steps span { display: block; }
.ts-site .ts-faq details { background: #fff9f5; border-color: #d8c9ca; }
.ts-site .ts-faq details[open] { background: #fff3ee; border-left: 3px solid #9f111a; }
.ts-site .ts-auth, .ts-site .ts-dashboard { background: linear-gradient(130deg,#eee0df,#f8f3ee 60%,#ead4d7); }
.ts-site .ts-auth > .ts-card { background: #fffcf9; border: 1px solid #dcc8ca; border-top: 4px solid #9f111a; }
.ts-site .ts-empty, .ts-site .ts-list-row { background: #fffaf7; border-color: #dcc8ca; }
.ts-site .ts-form fieldset { background: #fffaf7; border-color: #dac5c7; border-top: 3px solid #9f111a; }
.ts-site .ts-cta { background: linear-gradient(120deg,#65111c,#261b20); }
.ts-site .ts-cta p { color: #ecdcdf; }
.ts-site .ts-btn { transition: transform .2s ease,box-shadow .2s ease,background .2s ease; }
.ts-site .ts-btn:hover { transform: translateY(-2px); }
@keyframes ts-enter { from { opacity: .5; transform: translateY(16px); } to { opacity: 1; transform: none; } }
@keyframes ts-emphasis { from { box-shadow: 0 0 0 0 #f4b7bd35; } to { box-shadow: 0 0 0 12px #f4b7bd00; } }
@media(prefers-reduced-motion:no-preference) {
  .ts-site .ts-hero-copy { animation: ts-enter .65s ease-out both; }
  .ts-site .ts-start-panel { animation: ts-enter .75s ease-out both; }
  .ts-site .ts-start-panel .ts-icon-tile { animation: ts-emphasis 1s ease-out 1; }
  .ts-site .ts-in-view { animation: ts-enter .55s ease-out both; }
}
@media(max-width:620px) {
  .ts-site .ts-expertise .ts-grid { grid-template-columns: 1fr; }
  .ts-site .ts-package h3 { min-height: 0; }
  .ts-package-filters { gap: 8px; }
  .ts-package-filters button { padding: 10px 14px; }
  .ts-filter-result { width: 100%; margin: 4px 0 0; }
  .ts-site .ts-start-link { padding-inline: 0; }
}
@media(prefers-reduced-motion:reduce) { .ts-site * { animation: none !important; transition: none !important; } }
/* Audience paths: shared brand palette, keyboard-visible and responsive. */
.ts-audience{padding-top:44px;padding-bottom:16px}
.ts-audience h2{font-size:clamp(24px,3vw,34px);line-height:1.2;margin:10px 0}
.ts-audience-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}
.ts-audience-option{display:flex;align-items:center;gap:18px;padding:24px;border:2px solid #eadcde;border-radius:20px;background:#fff9f7;color:#33272a;text-decoration:none;transition:background .18s,border-color .18s}
.ts-audience-option>i{font-size:24px;color:#c92032}
.ts-audience-option>i:last-child{font-size:16px;margin-left:auto}
.ts-audience-option strong,.ts-audience-option small{display:block;line-height:1.5}
.ts-audience-option strong{font-size:21px}.ts-audience-option small{margin-top:5px}
.ts-audience-option.is-selected{border-color:#c92032;background:#fff0ec;box-shadow:0 6px 22px #b8192610}
.ts-audience-option:focus-visible{outline:3px solid #a71928;outline-offset:4px}
.ts-request-kind{display:block;overflow-wrap:anywhere;color:#762431}
#hizmet-secimi{scroll-margin-top:100px}
@media(max-width:620px){.ts-audience-options{grid-template-columns:1fr;gap:12px}.ts-audience-option{padding:18px}.ts-audience-option strong{font-size:19px}}

@media(max-width:640px){.ts-site .ts-hero,.ts-site .ts-page-hero{background-image:linear-gradient(105deg,rgba(24,20,22,.80),rgba(43,16,21,.30)),url('../images/optimized/technical-service-bench-640.jpg');}}
.ts-site .ts-hero-copy{animation:none;}