@font-face{font-family:"Sofia Sans";src:url(fonts/sofia-sans-latin.woff2) format("woff2");font-weight:1 1000;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+2215}
@font-face{font-family:"Sofia Sans";src:url(fonts/sofia-sans-latin-ext.woff2) format("woff2");font-weight:1 1000;font-display:swap;
  unicode-range:U+0100-0130,U+0132-02BA,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0}
@font-face{font-family:"Sofia Cond";src:url(fonts/sofia-sans-extra-condensed-latin.woff2) format("woff2");font-weight:1 1000;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+2215}
@font-face{font-family:"Sofia Cond";src:url(fonts/sofia-sans-extra-condensed-latin-ext.woff2) format("woff2");font-weight:1 1000;font-display:swap;
  unicode-range:U+0100-0130,U+0132-02BA,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0}

:root{
  --ink:#151314;
  --ink-2:#231f20;
  --paper:#e7e8e6;
  --white:#fff;
  --red:#c8101a;
  --led:#f5b75c;
  --line-d:rgba(255,255,255,.2);
  --line-l:rgba(21,19,20,.22);
  --dim-d:rgba(255,255,255,.66);
  --dim-l:rgba(21,19,20,.68);
  --gut:clamp(16px,2.8vw,40px);
  --cond:"Sofia Cond","Arial Narrow",Impact,sans-serif;
  --sans:"Sofia Sans",Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ink);color:var(--white);font:400 clamp(17px,1.25vw,19px)/1.5 var(--sans);-webkit-font-smoothing:antialiased}
img,video{display:block;width:100%;height:auto}
h1,h2,h3,p,ul,dl,dd,figure,address{margin:0;padding:0;font:inherit;font-style:normal}
ul{list-style:none}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--led);outline-offset:3px}
section{scroll-margin-top:0}

/* Ortak parçalar */
.tag{font:700 clamp(19px,1.5vw,22px)/1.2 var(--sans)}
.chev{font-family:var(--cond);font-weight:800;color:var(--led);letter-spacing:.02em}
.link{display:inline-block;font-weight:600;border-bottom:1px solid currentColor;padding-bottom:1px;transition:color .15s}
.link:hover{color:var(--led)}
.btn{display:inline-block;background:var(--red);color:var(--white);padding:14px 22px 12px;font:800 clamp(34px,3.2vw,46px)/1 var(--cond);letter-spacing:.01em;transition:background .15s,color .15s}
.btn small{display:block;font:600 15px/1.2 var(--sans);letter-spacing:0;margin-bottom:5px}
.btn:hover{background:var(--white);color:var(--ink)}
.btn-ink{background:var(--ink)}
.lit{box-shadow:0 0 0 1px var(--led),0 0 26px rgba(245,183,92,.28)}

/* Üst bar */
.top{position:absolute;inset:0 0 auto 0;z-index:5;display:flex;align-items:center;gap:clamp(20px,3vw,48px);padding:clamp(18px,2vw,28px) var(--gut)}
.top-logo{width:clamp(170px,15vw,220px);flex:none}
.top-nav{display:flex;gap:clamp(14px,1.9vw,28px);font-weight:600;font-size:16px}
.top-nav a{padding:4px 0;border-bottom:1px solid transparent;transition:border-color .15s}
.top-nav a:hover{border-color:currentColor}
.top-tel{margin-left:auto;font:800 clamp(24px,2.1vw,30px)/1 var(--cond);padding:4px 0;text-shadow:0 1px 10px rgba(10,20,50,.5)}
.top-tel:hover{color:var(--led)}

/* Hero: sol tipografi, sağda akşam fotoğrafı */
.hero{display:grid;grid-template-columns:7fr 5fr;min-height:max(100svh,680px);background:var(--ink)}
.hero-text{grid-column:1;grid-row:1;display:flex;flex-direction:column;justify-content:flex-end;padding:120px var(--gut) clamp(24px,3vw,44px)}
.hero h1{font:800 clamp(72px,10.8vw,200px)/.86 var(--cond);white-space:nowrap;text-transform:uppercase;letter-spacing:-.005em;margin-left:-.02em}
.hero-foot{display:grid;grid-template-columns:1fr auto;gap:clamp(24px,4vw,64px);align-items:end;margin-top:clamp(24px,3vw,44px);padding-top:clamp(16px,1.6vw,22px);border-top:1px solid var(--line-d)}
.hero-foot p{max-width:32em;color:var(--dim-d)}
.hero-act{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.hero-photo{grid-column:2;grid-row:1;position:relative;overflow:hidden;background:#0f1b35}
.hero-photo img{position:absolute;inset:0;height:100%;object-fit:cover;object-position:38% 62%;animation:lights-on 1.5s .15s both cubic-bezier(.3,.1,.2,1)}
@keyframes lights-on{from{filter:brightness(.32) saturate(.7)}to{filter:none}}
.hero-where{position:absolute;right:var(--gut);bottom:clamp(24px,3vw,44px);text-align:right;font:800 clamp(26px,2.4vw,34px)/1 var(--cond);text-transform:uppercase;text-shadow:0 1px 12px rgba(0,0,0,.75)}
.hero-where small{display:block;margin-top:6px;font:500 15px/1.25 var(--sans);text-transform:none}
.hero-where:hover{color:var(--led)}

/* Biz kimiz */
.about{background:var(--paper);color:var(--ink);display:grid;grid-template-columns:repeat(12,1fr);column-gap:clamp(16px,2vw,28px);padding:clamp(56px,8vw,120px) 0 clamp(56px,8vw,120px)}
.about-head{grid-column:1/-1;padding:0 var(--gut);margin-bottom:clamp(40px,6vw,88px)}
.about-lead{margin-top:clamp(14px,1.6vw,22px);max-width:15.5em;font:700 clamp(46px,7.4vw,124px)/.94 var(--cond);letter-spacing:-.003em}
.about-lead em{font-style:normal;color:var(--red)}
.about-photo{grid-column:1/7}
.about-photo img{height:100%;object-fit:cover;object-position:50% 40%;max-height:760px}
.about-body{grid-column:7/-1;padding-right:var(--gut);display:flex;flex-direction:column;justify-content:space-between;gap:clamp(32px,4vw,56px)}
.about-body>p{max-width:30em;font-size:clamp(19px,1.55vw,23px);line-height:1.42}
.spec>div{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:6px 20px;padding:clamp(14px,1.4vw,20px) 0;border-top:1px solid var(--line-l)}
.spec>div:last-child{border-bottom:1px solid var(--line-l)}
.spec dt{font:800 clamp(26px,2.3vw,34px)/1 var(--cond)}
.spec dd{color:var(--dim-l)}

/* Hizmetler: sol sahnede totem gibi video, sağda satırlar */
.svc{display:grid;grid-template-columns:4fr 8fr;gap:clamp(24px,4vw,64px);padding:clamp(56px,8vw,120px) var(--gut);background:var(--ink)}
.svc-stage{position:sticky;top:var(--gut);align-self:start;aspect-ratio:3/4;max-height:calc(100vh - 2*var(--gut));background:var(--ink-2);box-shadow:0 0 0 1px var(--led),0 0 26px rgba(245,183,92,.28);overflow:hidden}
.svc-stage video{position:absolute;inset:0;height:100%;object-fit:cover;opacity:0;transition:opacity .35s}
.svc-stage video.on{opacity:1}
.svc-list{margin-top:clamp(14px,1.6vw,22px)}
.svc-list li{position:relative;padding:clamp(14px,1.5vw,22px) 0 clamp(14px,1.5vw,22px) clamp(44px,5.2vw,84px);border-top:1px solid var(--line-d);cursor:default;transition:color .2s}
.svc-list li:last-child{border-bottom:1px solid var(--line-d)}
.svc-list h3{font:800 clamp(52px,6.6vw,112px)/.92 var(--cond);text-transform:uppercase;transition:color .2s}
.svc-list .chev{position:absolute;left:0;top:clamp(14px,1.5vw,22px);font-size:clamp(46px,5.8vw,98px);line-height:.98;opacity:0;transform:translateX(12px);transition:opacity .2s,transform .25s}
.svc-list p{margin-top:8px;color:var(--dim-d)}
.svc-list li.on .chev{opacity:1;transform:none}
.svc-list:has(li.on) li:not(.on) h3{color:rgba(255,255,255,.42)}
.svc-inline{display:none}

/* Geniş cephe bandı */
.band img{height:clamp(220px,27vw,440px);object-fit:cover;object-position:50% 70%}

/* Ürünler */
.prod{background:var(--white);color:var(--ink);display:grid;grid-template-columns:repeat(12,1fr);column-gap:clamp(16px,2vw,28px);row-gap:clamp(32px,4vw,56px);padding:clamp(56px,8vw,120px) var(--gut)}
.prod h2{grid-column:1/-1;font:800 clamp(64px,12.6vw,230px)/.84 var(--cond);text-transform:uppercase;margin-left:-.02em}
.prod-photo{grid-column:1/7;align-self:start}
.prod-list{grid-column:7/-1}
.prod-list>div{padding:clamp(14px,1.4vw,20px) 0;border-top:1px solid var(--line-l)}
.prod-list>div:last-child{border-bottom:1px solid var(--line-l)}
.prod-list h3{font:800 clamp(30px,2.8vw,40px)/1 var(--cond)}
.prod-list p{margin-top:4px;color:var(--dim-l)}
.sw{display:inline-block;width:13px;height:13px;margin-right:3px;background:var(--c);vertical-align:-1px}
.sw:last-of-type{margin-right:6px}

/* Kampanya */
.deal{background:var(--red);display:grid;grid-template-columns:6fr 6fr;column-gap:clamp(24px,4vw,64px);align-items:end;overflow:hidden;padding:clamp(40px,5vw,80px) var(--gut) clamp(40px,5vw,80px)}
.deal-big{font:800 clamp(190px,32.5vw,640px)/.76 var(--cond);margin:0 0 -.03em -.02em;letter-spacing:-.01em}
.deal-list{margin:clamp(14px,1.6vw,22px) 0 clamp(24px,2.6vw,36px)}
.deal-list li{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:clamp(12px,1.3vw,18px) 0;border-top:1px solid rgba(255,255,255,.5)}
.deal-list li:last-child{border-bottom:1px solid rgba(255,255,255,.5)}
.deal-list h3{font:800 clamp(28px,2.7vw,40px)/1 var(--cond)}
.deal-list p{margin-top:3px;font-size:16px}
.deal-list strong{flex:none;font:800 clamp(28px,2.7vw,40px)/1 var(--cond);text-transform:uppercase}
.btn-ink:hover{background:var(--white);color:var(--ink)}

/* Bayilik */
.deal-to{display:grid;grid-template-columns:7fr 5fr;gap:clamp(24px,4vw,64px);align-items:start;padding:clamp(56px,8vw,120px) var(--gut);background:var(--ink)}
.dealer-lead{margin:clamp(14px,1.6vw,22px) 0 clamp(20px,2.4vw,32px);font:800 clamp(62px,9.4vw,168px)/.98 var(--cond);text-transform:uppercase;margin-left:-.02em}
.dealer-text>p:not(.dealer-lead){max-width:30em;margin-bottom:clamp(24px,2.6vw,36px);color:var(--dim-d);font-size:clamp(19px,1.5vw,22px);line-height:1.42}
.dealer-video{position:sticky;top:var(--gut);justify-self:end;width:min(100%,460px);background:var(--ink-2);aspect-ratio:720/1020}
.dealer-video video{height:100%;object-fit:cover}

/* Bayilik formu */
.apply{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,2vw,26px) clamp(16px,2vw,28px);max-width:760px}
.apply label>span{display:block;font-size:15px;font-weight:600;color:var(--dim-d)}
.apply input:not([type=checkbox]),.apply textarea{display:block;width:100%;background:none;border:0;border-bottom:1px solid var(--line-d);border-radius:0;padding:6px 0 8px;color:var(--white);font:500 20px/1.3 var(--sans);transition:border-color .15s}
.apply textarea{resize:vertical}
.apply input:not([type=checkbox]):focus,.apply textarea:focus{outline:0;border-color:var(--led)}
.apply .wide{grid-column:1/-1}
.apply .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.apply .consent{display:flex;gap:12px;align-items:flex-start;cursor:pointer}
.apply .consent input{flex:none;width:20px;height:20px;margin:2px 0 0;accent-color:var(--led)}
.apply .consent span{font-weight:400}
.apply-foot{display:flex;flex-wrap:wrap;align-items:center;gap:16px 22px}
.apply button{border:0;border-radius:0;cursor:pointer}
.apply button[disabled]{opacity:.55;cursor:wait}
.dealer-text .apply-msg{margin:0;font-weight:600;color:var(--white);font-size:17px}
.dealer-text .apply-msg.err{color:var(--led)}
.dealer-text>p.apply-alt{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 18px;max-width:none;margin:clamp(20px,2.4vw,30px) 0 0;font-size:17px}
.apply-alt .link{color:var(--white)}
.dealer-text>p.apply-done{max-width:760px;margin:0;color:var(--white);font:800 clamp(34px,3.6vw,52px)/1.05 var(--cond)}
.apply-done:focus{outline:0}

/* Alt bilgi */
.foot{background:var(--ink-2);padding:clamp(48px,6vw,88px) var(--gut) 0;border-top:1px solid var(--line-d)}
.foot-line{font:800 clamp(56px,11.2vw,200px)/.86 var(--cond);text-transform:uppercase;margin-left:-.02em}
.foot-grid{display:grid;grid-template-columns:repeat(12,1fr);column-gap:clamp(16px,2vw,28px);align-items:start;margin-top:clamp(32px,4vw,56px);padding-top:clamp(18px,2vw,26px);border-top:1px solid var(--line-d)}
.foot-logo{grid-column:1/4;width:min(100%,220px)}
.foot address{grid-column:5/9;color:var(--dim-d)}
.foot address .link{margin-top:6px;color:var(--white)}
.foot-reach{grid-column:9/-1;justify-self:end;display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.foot-reach .link{margin-top:6px}
.foot-tel{font:800 clamp(38px,4.4vw,70px)/1 var(--cond)}
.foot-tel:hover{color:var(--led)}
.foot-legal{margin-top:clamp(28px,3.4vw,48px);padding-bottom:18px;font-size:14px;color:var(--dim-d)}
.flag{display:flex;height:6px;margin:0 calc(var(--gut)*-1)}
.flag i{flex:1}
.flag i:nth-child(1){background:#000}
.flag i:nth-child(2){background:#dd0000}
.flag i:nth-child(3){background:#ffce00}

.dock{display:none}

@media (max-width:1040px){
  .top-nav{display:none}
  .prod-photo{grid-column:1/-1}
  .prod-list{grid-column:1/-1}
  .deal{grid-template-columns:1fr}
  .deal-big{margin-bottom:24px;font-size:48vw}
}
@media (max-width:760px){
  body{padding-bottom:calc(52px + env(safe-area-inset-bottom))}
  .top{position:static;background:var(--ink);padding:14px var(--gut)}
  .top-logo{width:150px}
  .hero{grid-template-columns:1fr;min-height:0}
  .hero-photo{grid-column:1;grid-row:1;height:64svh;min-height:400px}
  .hero-text{grid-column:1;grid-row:2;padding-top:26px;padding-bottom:30px}
  .hero h1{font-size:clamp(60px,19vw,150px)}
  .hero-foot{grid-template-columns:1fr}
  .hero-act .btn{width:100%}
  .hero-where{bottom:16px}
  .about{display:block}
  .about-photo img{max-height:none}
  .about-body{padding:32px var(--gut) 0}
  .spec>div{grid-template-columns:1fr}
  .svc{display:block}
  .svc-stage{display:none}
  .svc-list li{padding:0;border:0;margin-top:28px}
  .svc-list li:last-child{border:0}
  .svc-inline{display:block;aspect-ratio:4/3;object-fit:cover;background:var(--ink-2);margin-bottom:14px}
  .svc-list h3{color:var(--white)!important;font-size:clamp(52px,15vw,96px)}
  .svc-list .chev{display:none}
  .prod h2{font-size:clamp(64px,19.5vw,140px);line-height:.98}
  .deal-big{font-size:58vw}
  .deal-list li{flex-direction:column;gap:6px}
  .deal .btn,.apply button{display:block;width:100%}
  .apply{grid-template-columns:1fr}
  .dealer-video{position:static}
  .foot-reach{align-items:flex-start;justify-self:start}
  .deal-to{grid-template-columns:1fr}
  .dealer-lead{font-size:clamp(60px,17vw,120px)}
  .dealer-video{justify-self:stretch;width:100%}
  .foot-line{font-size:clamp(58px,17.6vw,120px)}
  .foot-grid{display:flex;flex-direction:column;gap:22px}
  .foot-tel{font-size:48px}
  .dock{position:fixed;inset:auto 0 0 0;z-index:10;display:grid;grid-template-columns:1.2fr 1fr 1fr;background:var(--ink);border-top:1px solid var(--line-d);padding-bottom:env(safe-area-inset-bottom)}
  .dock a{padding:13px 6px 11px;text-align:center;font:800 24px/1.1 var(--cond);text-transform:uppercase;border-left:1px solid var(--line-d)}
  .dock a:first-child{background:var(--red);border-left:0}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}