:root{--red:#ed121d;--red2:#ff303a;--ink:#0b1423;--muted:#67748f;--line:#e8edf4;--soft:#f4f7fb;--shadow:0 9px 30px rgba(21,37,70,.045);--wrap:1200px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;color:var(--ink);background:#fff;font-family:Inter,"Segoe UI",Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.48}
button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #f85560;outline-offset:3px}
.container{width:87%;max-width:var(--wrap);margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
svg.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:middle}
.topbar{border-bottom:1px solid rgba(12,28,50,.035);font-size:11px;line-height:1;color:#39445b}
.topbar__inner{height:32px;display:flex;justify-content:space-between;align-items:center;gap:14px}
.topbar__left,.topbar__social{display:flex;gap:24px;align-items:center;min-width:0}
.topbar__left a,.topbar__time,.topbar__social a{display:flex;align-items:center;gap:7px;white-space:nowrap}
.topbar .icon{width:13px;height:13px;color:var(--red);stroke-width:2}
.topbar__social{gap:14px}.topbar__social .icon{width:13px;height:13px;color:#43516b}
.main-header{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:10}
.brand{display:flex;align-items:center;flex-shrink:0}.brand img{display:block;width:171px;height:auto;max-height:59px;object-fit:contain}
.nav{display:flex;align-items:center;gap:35px;margin-left:auto;margin-right:auto}
.nav a{white-space:nowrap;font-size:12.5px;font-weight:750;transition:color .18s}.nav a:hover,.nav a.active{color:var(--red)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:46px;border:1px solid transparent;border-radius:4px;font-size:13px;font-weight:750;padding:0 22px;white-space:nowrap;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s}
.btn:hover{transform:translateY(-2px)}.btn--primary{background:var(--red);color:#fff;box-shadow:0 5px 14px rgba(237,18,29,.09)}.btn--primary:hover{background:#c90915}.btn--outline{background:#fff;border-color:#cfd9e7;color:var(--ink)}.btn--outline:hover{border-color:var(--red)}.btn--thin{background:#fff;border-color:var(--red2);min-height:38px;padding:0 17px;color:#101523;font-size:11.5px;gap:15px}.btn .icon{width:17px;height:17px}
.header-cta{min-height:38px;font-size:12px;padding:0 19px}.menu-toggle{display:none;background:#fff;border:1px solid var(--line);width:42px;height:40px;align-items:center;justify-content:center;border-radius:5px;color:var(--ink)}
/* Hero: content and buttons are real DOM elements; only the device composition is an embedded photograph from the approved mockup. */
.hero{position:relative;isolation:isolate;min-height:340px;display:flex;align-items:flex-start;padding-top:15px;padding-bottom:55px}
.hero__art{position:absolute;right:-6.4%;top:-14px;width:61%;max-width:745px;z-index:-1;pointer-events:none}.hero__art img{display:block;width:100%;height:auto}
.hero__text{position:relative;z-index:1;width:52%;max-width:555px}
.eyebrow{display:flex;align-items:center;gap:11px;color:var(--red);font-size:11px;font-weight:800;text-transform:uppercase;line-height:1.3;letter-spacing:.1px}
.chevron{display:inline-flex;align-items:center;justify-content:center;flex:0 0 17px;width:17px;height:22px;color:var(--red);font-weight:900;font-size:26px;line-height:1;transform:translateY(-1px)}
.hero h1{font-size:clamp(40px,5.2vw,72px);letter-spacing:-.047em;line-height:1.025;font-weight:850;margin:10px 0 8px}.hero h1 span{display:block}.red{color:var(--red)}
.hero__statement{font-size:clamp(19px,2.35vw,31px);font-weight:790;letter-spacing:-.025em;margin:0 0 1px;white-space:nowrap;line-height:1.25}
.hero__sub{font-size:clamp(18px,2.1vw,26px);font-weight:600;color:var(--muted);margin:2px 0 20px;letter-spacing:-.025em}
.hero__actions{display:flex;gap:14px;flex-wrap:wrap}
.hero__actions .btn{min-height:43px;padding-inline:24px}
.wa-icon{color:#10b84d}.hero__trust{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:20px;color:#43506a;font-size:10.6px}
.hero__trust span{display:inline-flex;gap:8px;align-items:center;white-space:nowrap}.hero__trust .icon{width:15px;height:15px;color:var(--red)}
.section{padding-block:42px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:21px}.section-title{font-size:clamp(29px,3.4vw,43px);font-weight:850;line-height:1.07;letter-spacing:-.04em;margin:5px 0 5px}.section-desc{font-size:13px;color:var(--muted);max-width:620px;margin:0;line-height:1.48}
/* Services */
.services{padding-top:1px;padding-bottom:30px}
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.service-card{position:relative;background:#fff;border-radius:7px;padding:18px 19px 23px;min-height:140px;border:1px solid #f3f5fa;box-shadow:var(--shadow);display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.service-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(24,36,59,.09)}
.service-card__head{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.round-icon{height:45px;width:45px;display:inline-flex;flex:0 0 45px;align-items:center;justify-content:center;border-radius:50%;background:#fff0f2;color:var(--red)}
.round-icon .icon{width:25px;height:25px;stroke-width:2}
.service-card h3{font-size:13px;font-weight:800;margin:0;letter-spacing:-.02em}.service-card p{color:var(--muted);margin:3px 33px 0 0;line-height:1.5;font-size:12.5px}
.circle-arrow{position:absolute;right:15px;bottom:19px;border:1px solid #ff8a92;color:var(--red);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.circle-arrow .icon{width:13px;height:13px;stroke-width:2}
/* Why us */
.why{background:linear-gradient(115deg,#f1f5fb 0%,#f8fafe 55%,#f3f6fb 100%);padding:29px 0}
.why__grid{display:grid;grid-template-columns:1fr 1.08fr;gap:34px;align-items:center}
.why .section-title{margin-bottom:12px}.why__text .section-desc{max-width:455px}
.why__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mini-card{min-height:75px;background:#fff;border-radius:6px;padding:13px 12px;display:flex;align-items:center;gap:11px;box-shadow:0 6px 16px rgba(26,40,70,.025)}
.mini-card .round-icon{width:40px;height:40px;flex-basis:40px}.mini-card .round-icon .icon{width:22px;height:22px}
.mini-card h3{font-size:12px;font-weight:800;margin:0 0 3px;white-space:nowrap}.mini-card p{margin:0;font-size:9.5px;color:var(--muted);line-height:1.45}
/* Process */
.process{padding-top:25px;padding-bottom:26px}.process .section-heading{margin-bottom:9px}
.timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:relative;margin-top:22px;gap:22px}
.timeline::before{content:"";border-top:1px dashed #ff5964;position:absolute;top:17px;left:12.5%;right:12.5%}
.timeline__step{text-align:center;position:relative}.step-number{display:flex;align-items:center;justify-content:center;border-radius:50%;width:37px;height:37px;background:var(--red);color:#fff;font-weight:850;font-size:15px;margin:0 auto 12px;position:relative;z-index:1;box-shadow:0 2px 0 #ffe1e4}
.timeline__step h3{font-size:14px;font-weight:800;margin:0 0 5px}.timeline__step p{font-size:12px;color:var(--muted);margin:0 auto;max-width:207px;line-height:1.45}
/* Reviews */
.reviews{padding-top:18px;padding-bottom:22px}.reviews .section-heading{margin-bottom:14px}
.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.review-card{border:1px solid #f3f5fa;border-radius:6px;padding:13px 18px;min-height:164px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:6px}
.stars{color:#ffb800;letter-spacing:2px;font-size:20px;line-height:1}
.review-card blockquote{font-size:12px;line-height:1.45;color:var(--muted);margin:0;flex:1}
.reviewer{display:flex;align-items:center;gap:12px}.reviewer img{height:45px;width:45px;object-fit:cover;border-radius:50%;background:#e2e7ee;display:block}.reviewer strong{display:block;font-size:11.5px}.reviewer span{font-size:10px;color:var(--muted);display:block}
.brand-strip{display:grid;grid-template-columns:repeat(6,1fr);align-items:center;gap:20px;margin-top:24px;margin-bottom:4px;color:#8992aa;text-align:center}
.brand-strip span{white-space:nowrap;opacity:.92;filter:grayscale(1)}
.brand-strip .vestel{font-size:25px;letter-spacing:-.07em;font-weight:900}.brand-strip .thy{font-size:11.5px;font-weight:850}.brand-strip .arcelik{font-size:25px;font-weight:750;font-style:italic;letter-spacing:-.04em}.brand-strip .lcw{font-weight:900;font-size:18px;letter-spacing:-.06em}.brand-strip .ing{font-size:25px;font-weight:780;letter-spacing:1px;font-family:Georgia,serif}.brand-strip .turkcell{font-size:15px;font-weight:850}
/* Quick contact */
.quick-contact{background:#f5f8fc;border-top:1px solid #edf0f6;border-bottom:1px solid #edf0f6;padding:15px 0}
.quick-contact__inner{display:grid;grid-template-columns:1.32fr 1.55fr auto;align-items:center;gap:24px}
.quick-contact__lead{display:flex;align-items:center;gap:16px}.quick-contact__lead>svg{width:57px;height:57px;color:var(--red);filter:drop-shadow(0 4px 3px rgba(237,18,29,.08))}
.quick-contact__lead h2{font-size:18px;line-height:1.1;margin:0 0 5px;letter-spacing:-.03em}.quick-contact__lead p{font-size:10.5px;color:var(--muted);margin:0;line-height:1.3}
.quick-contact__channels{display:flex;align-items:center;justify-content:space-between;gap:13px}
.channel{display:flex;align-items:center;gap:7px;min-width:0}.channel .icon{width:21px;height:21px;color:var(--red)}.channel--wa .icon{color:#11b752}.channel strong{font-size:11px;display:block;white-space:nowrap}.channel small{display:block;font-size:9px;color:#54617b;white-space:nowrap}
.quick-contact .btn{min-height:40px;font-size:11.5px;padding-inline:17px}
/* Footer */
.footer{background:#fff;padding-top:20px}
.footer-grid{display:grid;grid-template-columns:1.3fr .8fr 1.15fr 1.3fr;gap:28px;padding-bottom:27px}
.footer-logo{width:162px;height:auto;display:block;margin:0 0 3px}.footer-about p,.footer-col p{color:var(--muted);font-size:11px;line-height:1.48;margin:6px 0 11px;max-width:204px}.footer-col h3{font-size:12px;margin:2px 0 9px;font-weight:850}.footer-col ul{margin:0;padding:0;list-style:none}.footer-col li{font-size:10.5px;color:var(--muted);margin-bottom:5px}.footer-col a:hover{color:var(--red)}
.footer-social{display:flex;gap:14px;color:#596a88;margin-top:10px}.footer-social .icon{width:15px;height:15px}.footer-contact li{display:flex;gap:7px;align-items:flex-start}.footer-contact .icon{width:13px;height:13px;color:#617292;flex:none;margin-top:2px}

.footer-bottom{border-top:1px solid #e8edf4;min-height:51px;display:flex;justify-content:space-between;align-items:center;gap:18px;color:#8290a8;font-size:10px}.footer-bottom a:hover{color:var(--red)}
.backtotop{position:fixed;bottom:24px;right:28px;z-index:15;width:38px;height:38px;border-radius:4px;background:var(--red);color:#fff;border:0;box-shadow:0 7px 20px #ed121d30;display:grid;place-items:center;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .2s,transform .2s}.backtotop.show{opacity:1;transform:none;pointer-events:auto}.backtotop .icon{width:19px;height:19px}
@media(min-width:850px) and (max-width:1080px){
.hero{min-height:320px;padding-top:8px;padding-bottom:14px}.hero__art{top:-10px}.hero__trust{margin-top:16px}
.services{padding-top:0;padding-bottom:19px}.services .section-heading{margin-bottom:13px}
.service-grid{gap:12px}.service-card{min-height:116px;padding:10px 12px 12px}.service-card__head{margin-bottom:3px;gap:10px}
.service-card .round-icon{width:36px;height:36px;flex-basis:36px}.service-card .round-icon .icon{width:20px;height:20px}
.service-card h3{font-size:12px}.service-card p{font-size:10.5px;line-height:1.35;margin-right:16px}
.circle-arrow{right:12px;bottom:12px}
.why{padding:22px 0}.why .section-title{font-size:34px}.mini-card{min-height:60px;padding:8px 11px}.why__cards{gap:8px}.mini-card .round-icon{width:35px;height:35px;flex-basis:35px}.mini-card .round-icon .icon{width:19px;height:19px}
.process{padding-top:21px;padding-bottom:20px}.process .section-heading{margin-bottom:3px}.timeline{margin-top:17px}.timeline__step p{font-size:10.5px}
.reviews{padding-top:14px;padding-bottom:14px}.reviews .section-heading{margin-bottom:11px}.review-card{min-height:137px;padding:11px 15px;gap:4px}.review-card blockquote{font-size:11px}.reviewer img{width:40px;height:40px}.brand-strip{margin-top:19px;margin-bottom:0}
.quick-contact{padding:11px 0}.footer-grid{padding-bottom:17px}.footer-bottom{min-height:43px}
}
@media(min-width:1250px){.hero{min-height:445px;padding-top:36px}.hero__art{top:-7px;width:60%}.services{padding-top:2px}.section{padding-block:54px}.services{padding-bottom:48px}.process{padding-block:46px}.reviews{padding-block:38px}.service-card{min-height:169px;padding:24px}.hero__trust{margin-top:24px}}
@media(min-width:850px) and (max-width:1080px){.main-header{gap:16px}.nav{gap:26px}.brand img{width:150px}.hero__art{right:-6.5%;width:60%}.hero h1{font-size:50px}.hero__text{width:56%}.hero__statement{font-size:23px}.hero__sub{font-size:21px}}
@media(max-width:849px){.container{width:90%}.topbar__left{gap:13px}.topbar__time{display:none}.main-header{height:68px}.brand img{width:155px}.menu-toggle{display:flex;order:4}.header-cta{margin-left:auto;order:3}.nav{position:absolute;top:calc(100% - 1px);left:0;right:0;display:none;background:#fff;border:1px solid var(--line);border-radius:6px;padding:14px 16px;box-shadow:0 18px 35px rgba(30,40,60,.12);flex-direction:column;gap:0;align-items:stretch;order:5;margin:0}.nav.open{display:flex}.nav a{padding:12px 6px;border-bottom:1px solid #edf0f4;font-size:14px}.nav a:last-child{border:0}
.hero{min-height:320px}.hero h1{font-size:clamp(37px,5.9vw,52px)}.hero__text{width:60%}.hero__art{width:67%;right:-5.5%;top:16px}.hero__statement{font-size:20px}.hero__sub{font-size:18px}.hero__trust{gap:12px}.service-card h3{font-size:13px}.service-card p{font-size:11px}.service-card{padding:15px 13px 18px}.service-card__head{gap:10px}.round-icon{height:39px;width:39px;flex-basis:39px}.round-icon .icon{width:21px;height:21px}.why__grid{gap:20px}.mini-card{padding:10px}.mini-card h3{font-size:10.7px}.mini-card p{font-size:9px}.quick-contact__inner{grid-template-columns:1.2fr 1.5fr}.quick-contact__inner>.btn{grid-column:2;justify-self:end}.footer-grid{gap:17px}.brand-strip{gap:9px}.brand-strip .vestel{font-size:22px}.brand-strip .thy{font-size:10px}.brand-strip .arcelik{font-size:20px}.brand-strip .lcw{font-size:16px}.brand-strip .ing{font-size:21px}.brand-strip .turkcell{font-size:13px}}
@media(max-width:640px){.container{width:calc(100% - 34px)}.topbar__inner{height:33px}.topbar__left{gap:12px}.topbar__left a{font-size:10px}.topbar__left a:first-child{display:none}.topbar__social{gap:8px}.topbar__social a:nth-child(n+3){display:none}.main-header{height:66px;gap:8px}.brand img{width:143px}.header-cta{padding-inline:12px;min-height:36px;font-size:11px}.header-cta .icon{display:none}
.hero{display:flex;flex-direction:column;padding-top:20px;padding-bottom:26px;min-height:0}.hero__text{width:100%;max-width:none}.hero__art{position:relative;width:calc(100% + 34px);right:auto;top:auto;align-self:center;z-index:0;margin-top:9px;order:2}.hero__art img{width:100%;max-height:345px;object-fit:contain}.hero h1{font-size:clamp(40px,11vw,59px)}.hero__statement{font-size:clamp(19px,5.5vw,25px);white-space:normal}.hero__sub{font-size:19px;margin-bottom:20px}.hero__actions{gap:9px}.hero__actions .btn{padding:0 15px;font-size:12px;min-height:43px}.hero__trust{gap:9px 12px;margin-top:17px;font-size:10px}
.section{padding-block:39px}.services{padding-top:11px;padding-bottom:35px}.section-heading{align-items:start;flex-direction:column;gap:14px}.section-heading .btn{align-self:flex-start}.section-title{font-size:35px}.section-desc{font-size:12px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.service-card{min-height:175px;padding:14px 13px 24px}.service-card__head{align-items:flex-start;flex-direction:column;gap:8px}.service-card h3{font-size:12.7px}.service-card p{margin:3px 10px 0 0;font-size:11px}.circle-arrow{right:11px;bottom:12px}
.why{padding:34px 0}.why__grid{grid-template-columns:1fr;gap:25px}.why__cards{gap:10px}.mini-card{min-height:91px}.mini-card h3{white-space:normal}.process{padding-block:35px}.timeline{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:30px}.timeline::before{display:none}.timeline__step{padding:0 4px}.timeline__step h3{font-size:13px}.timeline__step p{font-size:11px}
.reviews{padding-block:36px}.review-grid{grid-template-columns:1fr}.review-card{min-height:0;padding:20px;gap:12px}.review-card blockquote{font-size:13px}.brand-strip{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:18px}.brand-strip .vestel{font-size:22px}
.quick-contact{padding:21px 0}.quick-contact__inner{grid-template-columns:1fr;gap:17px}.quick-contact__inner>.btn{grid-column:auto;justify-self:start}.quick-contact__channels{justify-content:flex-start;flex-wrap:wrap;gap:15px 20px}.footer{padding-top:28px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.footer-about{grid-column:1/-1}.footer-about p{max-width:340px}.footer-bottom{align-items:start;flex-direction:column;padding:15px 0;gap:7px}.backtotop{right:15px;bottom:15px}}
@media(max-width:350px){.topbar__social{display:none}.brand img{width:125px}.service-grid{grid-template-columns:1fr}.service-card{min-height:125px}.service-card__head{flex-direction:row}.hero h1{font-size:39px}.hero__actions .btn{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}}