:root{--primary:#1674d1;--navy:#10243b;--accent:#ff812c;--text:#132c49;--muted:#61738a;--background:#f3f8fe}*{box-sizing:border-box}body{margin:0;color:var(--text);background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}img{display:block;width:100%;object-fit:cover}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #1674d1;outline-offset:4px}[hidden]{display:none!important}.wrap{max-width:1200px;width:calc(100% - 64px);margin:auto}.draft-bar{background:#e7f2ff;color:#174777;font-size:12px;padding:8px 0}.draft-bar .wrap{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.draft-bar a{text-decoration:underline}.announcement{text-align:center;background:var(--primary);color:white;font-size:12px;padding:5px 15px}.header{background:white;border-bottom:1px solid #e7edf5}.nav{min-height:78px;display:flex;align-items:center;gap:16px}.brand{display:flex;align-items:center;gap:9px;line-height:1.15;font-size:15px;font-weight:800;min-width:170px}.brand-icon{display:grid;place-items:center;width:40px;height:44px;border-radius:50% 50% 50% 5%;background:var(--primary);color:var(--accent);font-size:31px;flex-shrink:0}.brand img{width:48px;max-height:50px;object-fit:contain}.nav nav{display:flex;align-items:center;gap:18px;margin-left:auto;font-size:12px;font-weight:600}.nav nav a:hover{color:var(--primary)}.login{border:1px solid #cee0f4;border-radius:5px;padding:8px 10px;font-size:11px;white-space:nowrap;color:var(--primary)}.button{display:inline-flex;justify-content:center;align-items:center;gap:15px;background:var(--accent);color:white;padding:12px 22px;border:0;border-radius:6px;font-size:13px;font-weight:700;line-height:1.35;min-height:44px}.button:hover{filter:brightness(.94)}.nav-cta{font-size:11px;padding:10px 12px;white-space:nowrap}#menu-toggle{display:none}.carousel{position:relative;height:280px;background:var(--navy);color:white;overflow:hidden}.slides{position:absolute;inset:0}.slide{position:absolute;inset:0;opacity:0;transition:opacity .65s ease;pointer-events:none}.slide.active{opacity:1}.slide img{height:100%;object-position:center 48%}.slide:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,24,46,.96),rgba(6,24,46,.70) 35%,rgba(6,24,46,.05) 75%)}.hero-copy{position:relative;padding:30px 45px 30px;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{color:var(--primary);font-size:10px;font-weight:700;letter-spacing:1.4px}.hero-copy .eyebrow{color:#afd8ff;font-size:10px}.hero-copy h1{font-size:35px;line-height:1.12;margin:10px 0 9px;letter-spacing:-1px}.hero-copy em{font-style:normal;color:#83c8ff}.hero-copy p{font-size:14px;margin:0 0 16px;color:#e1edff}.arrow{position:absolute;top:45%;border:0;border-radius:50%;width:35px;height:35px;background:#fff;color:var(--navy);font-size:30px;display:grid;place-items:center;line-height:1}.prev{left:18px}.next{right:18px}.carousel-controls{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:12px;align-items:center;background:#10243b9e;padding:3px 10px;border-radius:20px;font-size:10px}.carousel-controls>span{min-width:95px;text-align:center}#dots{display:flex;gap:5px}#dots button{padding:0;border:0;width:8px;height:8px;border-radius:50%;background:#91a4b8}#dots button[aria-current=true]{background:white}#pause{border:0;background:none;color:white;font-size:15px;padding:0 5px;min-width:26px}.thumbnails{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:16px 0}.thumb{padding:0;background:white;border:2px solid transparent;border-radius:6px;overflow:hidden;font-size:11px;font-weight:700;color:var(--text)}.thumb img{height:70px}.thumb span{display:block;padding:5px 3px}.thumb[aria-current=true]{border-color:var(--primary);color:var(--primary)}.request-bar{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:25px;padding:18px 24px;border:1px solid #e0e9f4;box-shadow:0 7px 24px #0e2c4910;border-radius:10px;max-width:1000px;margin:24px auto 30px}.request-bar label{font-weight:700;font-size:12px}.request-bar select{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid #d8e4f1;border-radius:4px;background:#fff;color:var(--muted)}.section{padding:38px 0}.section h2,.areas h2{font-size:25px;letter-spacing:-.5px;text-align:center;margin:0 0 10px}.section-heading{text-align:center}.section-heading p,.subtitle{color:var(--muted);font-size:13px;text-align:center;margin:0 0 25px}.services{background:linear-gradient(180deg,#f5faff,#fff)}.service-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.service-card{display:block;border:1px solid #e2eaf4;border-radius:7px;background:#fff;overflow:hidden;transition:transform .2s,box-shadow .2s}.service-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0e2c4915}.service-card img{height:124px}.service-card h3{font-size:12px;line-height:1.4;margin:0;padding:12px 10px}.service-card .service-symbol{color:var(--primary);margin-right:5px;font-size:16px}.service-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.service-chips a{border:1px solid #b6d2f2;flex:1 1 160px;border-radius:5px;padding:9px 13px;text-align:center;font-size:12px;font-weight:700;color:var(--primary);background:#fff}.service-chips a:hover{background:#eaf4ff}.benefits{padding:25px 0 0}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;text-align:center}.round-icon{width:48px;height:48px;border-radius:50%;background:#e6f3ff;display:grid;place-items:center;margin:auto;color:var(--primary);font-size:26px;font-weight:700}.benefit-grid h3{font-size:14px;margin:10px 0 5px}.benefit-grid p{font-size:12px;color:var(--muted);max-width:210px;margin:auto}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:25px}.step-visual{min-height:150px;display:grid;place-items:center;background:radial-gradient(ellipse at center,#eaf4ff 0%,#f8fbff 55%,transparent 56%)}.mini-card{width:230px;min-height:132px;display:flex;flex-direction:column;gap:7px;padding:16px;background:white;border:1px solid #edf2f8;border-radius:10px;box-shadow:0 5px 18px #173c5510;font-size:11px}.mini-label{color:var(--muted);font-size:10px}.mini-card b{font-size:13px}.mini-card i{font-style:normal;background:#eaf3fe;padding:5px 9px;border-radius:4px;color:var(--primary);align-self:start}.calendar-days{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;text-align:center}.calendar-days span{padding:4px}.chosen{background:var(--primary);border-radius:50%;color:white}.timeline-item{color:var(--primary)}.orange{color:var(--accent)}.green{color:#26996b}.step-title{display:flex;align-items:center;gap:9px;margin-top:12px}.step-title>span{width:30px;height:30px;background:#e5f2ff;border-radius:50%;display:grid;place-items:center;color:var(--primary);font-weight:700}.step-title h3{font-size:14px;margin:0}.steps article>p{font-size:12px;color:var(--muted);padding-left:39px;margin:5px 0}.recruit{display:grid;grid-template-columns:1fr 1fr;border-radius:10px;overflow:hidden;background:var(--navy);color:white;margin-top:10px}.recruit img{height:260px}.recruit>div{padding:28px 45px}.recruit .eyebrow{color:var(--accent)}.recruit h2{font-size:30px;line-height:1.15;margin:10px 0}.recruit p{font-size:13px;color:#d3e2f6;max-width:390px}.area-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 35px;max-width:1000px;margin:22px auto 0}.area-grid a{font-size:12px;color:var(--muted)}.area-grid a:before{content:'●';color:var(--primary);margin-right:9px}.help-banner{display:grid;grid-template-columns:1fr 1fr;background:#e6f3ff;border-radius:10px;overflow:hidden}.help-banner>div{padding:26px 40px}.help-banner h2{font-size:29px;line-height:1.1;margin:0 0 10px}.help-banner p{font-size:13px;color:var(--muted)}.help-banner img{height:235px}.tracking{background:linear-gradient(#fff,#f0f7ff)}.progress{list-style:none;display:flex;margin:25px 0;padding:0;justify-content:space-around;font-size:11px;color:var(--muted)}.progress li{position:relative;text-align:center;flex:1;border-top:2px solid #bfd5ed;padding-top:16px}.progress li:before{content:'✓';position:absolute;left:calc(50% - 10px);top:-11px;border-radius:50%;width:20px;height:20px;background:var(--primary);color:white;font-size:12px}.tracking-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 30px;background:#fff;border:1px solid #e4edf7;border-radius:8px}.tracking-card h3{margin:3px 0;font-size:17px}.tracking-card p{font-size:13px;color:var(--muted);margin:0}.outline{background:#fff;color:var(--primary);border:1px solid #bad3ef}.mobile-banner{background:#e7f3ff;overflow:hidden}.mobile-banner>.wrap{display:flex;align-items:center;justify-content:space-between;height:190px;gap:30px;padding:15px 70px}.mobile-banner h2{font-size:28px;margin:5px 0;letter-spacing:-.5px}.mobile-banner p{font-size:13px;color:var(--muted)}.phone{width:165px;min-width:165px;height:250px;transform:rotate(10deg) translateY(40px);border:5px solid var(--navy);border-radius:24px;background:#fff;padding:14px 12px;box-shadow:10px 10px 0 #b8ddff;font-size:10px}.phone-camera{width:42px;height:5px;margin:0 auto 12px;background:var(--navy);border-radius:5px}.phone>strong{font-size:10px}.phone-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.phone-grid span{display:flex;flex-direction:column;align-items:center;background:#edf6ff;border-radius:7px;padding:8px;color:var(--primary);font-size:22px}.phone-grid small{font-size:8px}.public-content h2{text-align:left}.public-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.public-list article{border:1px solid #e3edf8;border-radius:7px;padding:16px}.public-list h3{font-size:15px}.public-list p{font-size:13px;color:var(--muted);white-space:pre-wrap}footer{background:var(--navy);color:#c8d9eb;padding:30px 0 0;font-size:11px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px}.footer-grid .brand{color:white;font-size:13px;min-width:0}.footer-grid .brand-icon{width:30px;height:33px;font-size:23px}.footer-grid p{max-width:250px}.footer-grid h3{color:#fff;font-size:12px;margin:0 0 12px}.footer-grid a{display:block;margin-bottom:6px}.footer-grid .brand{display:flex}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff20;padding:18px 0;margin-top:20px;font-size:10px}.error-notice{padding:12px;background:#fff1dc;color:#775020;text-align:center;font-size:13px}.nav-item{position:relative}.nav-sub{display:none;position:absolute;z-index:10;top:100%;left:0;min-width:180px;background:white;padding:12px;box-shadow:0 5px 25px #10243b22;flex-direction:column}.nav-item:hover>.nav-sub,.nav-item:focus-within>.nav-sub{display:flex}html{scroll-behavior:smooth;scroll-padding-top:20px}
@media(min-width:1450px){.carousel{height:300px}}@media(max-width:1150px){.nav{gap:10px}.nav nav{gap:10px}.technician-login{display:none}.brand{min-width:150px}.wrap{width:calc(100% - 40px)}}@media(max-width:900px){.nav-cta{display:none}.service-grid{grid-template-columns:repeat(3,1fr)}.steps{gap:20px}.mini-card{width:190px}.recruit>div{padding:25px}.footer-grid{gap:20px}.hero-copy h1{font-size:32px}.mobile-banner>.wrap{padding:15px 30px}}@media(max-width:640px){.wrap{width:calc(100% - 28px)}.nav{min-height:66px;gap:8px;flex-wrap:wrap;padding:9px 0}.brand{font-size:12px;min-width:140px;margin-right:auto}.brand-icon{width:29px;height:33px;font-size:24px}#menu-toggle{display:block;background:white;border:1px solid #c8dcf2;border-radius:4px;font-size:12px;padding:8px;color:var(--primary)}.login{font-size:10px;padding:7px}.nav nav{display:none;order:5;width:100%;margin:5px 0;flex-direction:column;align-items:stretch;font-size:13px;gap:0}.nav nav.open{display:flex}.nav nav a{display:block;padding:9px}.nav-sub{position:static;box-shadow:none}.nav-item .nav-sub{display:flex;padding:0 0 0 12px}.carousel{height:285px}.hero-copy{padding:30px 28px}.hero-copy h1{font-size:29px}.hero-copy p{font-size:12px}.hero-copy .eyebrow{font-size:8px}.hero-copy .button{padding:11px 15px;font-size:12px}.slide img{object-position:65% center}.slide:after{background:linear-gradient(90deg,#06182ee8,#06182e88 70%,#06182e44)}.arrow{width:27px;height:27px;font-size:25px}.prev{left:5px}.next{right:5px}.carousel-controls{bottom:8px}.carousel-controls>span{display:none}.thumbnails{display:flex;overflow:auto;gap:8px;scrollbar-width:thin;margin:12px 0}.thumb{min-width:105px;flex:0 0 105px;font-size:10px}.thumb img{height:58px}.request-bar{grid-template-columns:1fr;gap:12px;margin:18px auto;padding:16px}.request-bar .button{width:100%}.section{padding:28px 0}.section h2{font-size:21px}.section-heading p{font-size:12px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.service-card img{height:100px}.service-card h3{font-size:11px;padding:9px 8px}.service-chips{gap:8px}.service-chips a{flex:1 1 130px;font-size:11px}.benefit-grid{grid-template-columns:1fr 1fr;gap:20px 12px}.benefit-grid h3{font-size:13px}.benefit-grid p{font-size:11px}.steps{grid-template-columns:1fr;gap:24px}.step-visual{min-height:140px}.mini-card{width:245px}.step-title,.steps article>p{max-width:300px;margin-left:auto;margin-right:auto}.steps article>p{padding-left:39px}.recruit{grid-template-columns:1fr}.recruit img{height:180px}.recruit>div{padding:24px}.recruit h2{font-size:25px}.area-grid{grid-template-columns:1fr 1fr;gap:9px}.help-banner{grid-template-columns:1fr}.help-banner>div{padding:24px}.help-banner img{height:140px}.help-banner h2{font-size:25px}.tracking h2{font-size:20px}.progress{font-size:9px}.tracking-card{flex-direction:column;align-items:start;padding:20px}.mobile-banner>.wrap{height:200px;padding:20px 0;gap:12px}.mobile-banner h2{font-size:22px}.mobile-banner p{font-size:12px}.phone{min-width:125px;width:125px;height:230px;padding:12px 8px;font-size:8px;transform:rotate(8deg) translateY(30px)}.phone>strong{font-size:8px}.phone-grid{gap:5px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px 20px}.footer-bottom{flex-direction:column;gap:8px}.public-list{grid-template-columns:1fr}.draft-bar .wrap>span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.slide,.service-card{transition:none}}
@media(min-width:641px) and (max-width:1050px){.nav{flex-wrap:wrap;padding:12px 0}.nav nav{order:5;width:100%;justify-content:center;margin:0;gap:18px}.nav .login{margin-left:auto}.nav .technician-login{display:none}.nav .nav-cta{display:inline-flex}.hero-copy{padding-left:40px}}

/* TSB_BANNER_ALIGNED_V2 */
.carousel {
    width: calc(100% - 64px);
    max-width: 1200px;
    margin: 0 auto;
    height: clamp(340px, 32vw, 420px);
}
.carousel .slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 0%;
}
@media (min-width: 1450px) {
    .carousel {
        height: 420px;
    }
}
@media (max-width: 1150px) {
    .carousel {
        width: calc(100% - 40px);
    }
}
@media (max-width: 700px) {
    .carousel {
        height: 380px;
    }
    .carousel .slide img {
        object-position: 65% 0%;
    }
}

/* TSB_HIDE_BANNER_THUMBNAILS_V1 */
.thumbnails {
    display: none !important;
}

/* TSB_SERVICE_GRID_V3 */
#service-grid.service-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:20px!important;
}
#service-grid .service-card{
    min-width:0;
    height:auto!important;
}
#service-grid .service-card img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    aspect-ratio:auto!important;
    object-fit:contain!important;
    object-position:center!important;
}
#service-chips.service-chips{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:12px!important;
}
#service-chips a{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:0;
    min-height:56px;
}
@media(max-width:900px){
    #service-grid.service-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    #service-chips.service-chips{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}
@media(max-width:520px){
    #service-grid.service-grid,
    #service-chips.service-chips{
        grid-template-columns:minmax(0,1fr)!important;
    }
}

/* TSB_SERVICE_WIDTH_V4 */
#hizmetler.services > .wrap{
    width:calc(100% - 64px)!important;
    max-width:1200px!important;
    margin-left:auto!important;
    margin-right:auto!important;
}
@media(max-width:1150px){
    #hizmetler.services > .wrap{
        width:calc(100% - 40px)!important;
    }
}
@media(max-width:640px){
    #hizmetler.services > .wrap{
        width:calc(100% - 28px)!important;
    }
}


/* TSB_HOME_COMMON_WIDTH_V5 */
.wrap,
.tsb-header .tsb-header-inner{
    max-width:1200px!important;
    margin-left:auto!important;
    margin-right:auto!important;
}


/* TSB_BANNER_CAPTION_V7 */
.carousel .carousel-controls{
    bottom:18px;
    max-width:calc(100% - 48px);
    box-sizing:border-box;
    padding:10px 20px;
    gap:18px;
    border-radius:40px;
    background:rgba(6,24,46,.85);
    border:1px solid rgba(255,255,255,.18);
}
.carousel .carousel-controls #slide-label{
    display:block!important;
    min-width:0;
    font:700 24px/1.25 Arial,sans-serif;
    color:#fff;
    text-align:center;
}
.carousel #dots{gap:8px;flex-shrink:0}
.carousel #dots button{width:10px;height:10px}
.carousel #pause{
    font-size:22px;
    min-width:32px;
    min-height:32px;
    flex-shrink:0;
}
@media(max-width:640px){
    .carousel .carousel-controls{
        max-width:calc(100% - 24px);
        width:max-content;
        flex-wrap:wrap;
        justify-content:center;
        padding:8px 14px;
        gap:8px 14px;
        bottom:12px;
    }
    .carousel .carousel-controls #slide-label{
        flex:1 0 100%;
        font-size:18px;
    }
}

/* TSB_READABLE_TEXT_V1 */
body .benefit-grid h3,
body .step-title h3 {
  font-size:16px!important;
  font-weight:750!important;
  line-height:1.4;
}
body .benefit-grid p,
body .steps article>p {
  font-size:14px!important;
  line-height:1.65!important;
}
body .mini-card {
  font-size:13px!important;
  line-height:1.5;
  height:auto!important;
}
body .mini-card .mini-label {
  font-size:12px!important;
}
body .mini-card b {
  font-size:15px!important;
}
body .area-grid a {
  font-size:14px!important;
  line-height:1.6;
}
body .steps-section h2,
body .areas h2,
body .tracking h2 {
  font-size:26px!important;
  line-height:1.3;
}
body .tracking .subtitle {
  font-size:15px!important;
  line-height:1.6;
}
body .progress {
  font-size:13px!important;
  line-height:1.5;
}
@media(max-width:640px) {
  body .steps-section h2,
  body .areas h2,
  body .tracking h2 {
    font-size:23px!important;
  }
  body .progress {
    font-size:11px!important;
  }
}
