/* ===== Dijitabela vitrin: ana sayfa + ortak üst/alt bilgi (kâğıt, mürekkep, LED kehribar) ===== */
:root{--kagit:#F4F3EF;--murekkep:#16181D;--led:#FFB000;--led-koyu:#8A5A00;--sonuk:#262A31;--gri:#5F646D;--cizgi:#D9D6CE;
  --baslik:"Archivo","Arial Narrow",system-ui,sans-serif;--mono:"Space Mono",ui-monospace,monospace}
body{background:var(--kagit)}

/* Üst bilgi */
.hdr{background:var(--kagit);border-bottom:2px solid var(--murekkep);box-shadow:none}
.hdr .nav{min-height:68px}
.hdr .nav ul a{font-family:var(--mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;border-radius:0;color:var(--murekkep)}
.hdr .nav ul a:hover{background:transparent;text-decoration:underline;text-decoration-color:var(--led);text-decoration-thickness:3px;text-underline-offset:6px}
.btn{border-radius:0}
.hdr .btn-p,.v-btn.ana{background:var(--led);color:var(--murekkep);border:2px solid var(--murekkep)}

/* Düğmeler */
.v-btn{display:inline-flex;align-items:center;gap:10px;padding:15px 22px;border:2px solid var(--murekkep);color:var(--murekkep);background:transparent;font-weight:800;text-decoration:none;font-size:1rem;transition:background .15s}
.v-btn:hover{background:var(--murekkep);color:var(--kagit)}
.v-btn.ana:hover{background:var(--murekkep);color:var(--led)}
.v-dugmeler{display:flex;gap:12px;flex-wrap:wrap}

/* Ortak parçalar */
.v-etiket{font-family:var(--mono);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gri);display:flex;align-items:center;gap:10px}
.v-etiket::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--led);box-shadow:0 0 0 2px var(--murekkep)}
.v-b{padding:96px 0;border-top:2px solid var(--murekkep)}
.v-b h2{font-family:var(--baslik);font-stretch:68%;font-weight:800;text-transform:uppercase;font-size:clamp(2.4rem,6vw,4.6rem);line-height:.92;letter-spacing:-.01em;text-wrap:balance;margin:14px 0 18px}
.v-b .v-alt{font-size:1.15rem;color:#3A3E46;max-width:640px}
.v-ust{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:40px;align-items:end;margin-bottom:48px}

/* Açılış */
.v-hero{border-bottom:2px solid var(--murekkep);padding:0}
.v-tabela{background:var(--murekkep);padding:22px 0;border-bottom:6px solid var(--led)}
.v-tabela canvas{display:block;width:100%;height:clamp(64px,11vw,132px)}
.v-hero-ic{padding:56px 20px 64px}
.v-hero h1{font-family:var(--baslik);font-stretch:62%;font-weight:900;text-transform:uppercase;font-size:clamp(3.4rem,11vw,9.2rem);line-height:.86;letter-spacing:-.015em;margin:18px 0 26px}
.v-hero h1 span{background:var(--led);padding:0 .06em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.v-giris{font-size:1.22rem;line-height:1.55;max-width:680px;color:#2E3238;margin-bottom:30px}
.v-serit{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:2px solid var(--murekkep);margin-top:52px}
.v-serit div{padding:16px 18px 0 0}
.v-serit dt{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--gri)}
.v-serit dd{font-family:var(--baslik);font-stretch:70%;font-weight:800;font-size:1.9rem;text-transform:uppercase;line-height:1.1}

/* Vaka */
.v-vaka-g{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:48px;align-items:start}
.v-vaka-g figure{margin:0;border:2px solid var(--murekkep);background:var(--murekkep)}
.v-vaka-g figure img{width:100%;display:block}
.v-vaka-g figcaption{font-family:var(--mono);font-size:.72rem;color:#C9CCD2;padding:10px 14px;letter-spacing:.04em}
.v-oncesonra{display:grid;gap:0;border-top:2px solid var(--murekkep)}
.v-oncesonra div{padding:18px 0;border-bottom:1px solid var(--cizgi);display:grid;grid-template-columns:90px 1fr;gap:14px}
.v-oncesonra b{font-family:var(--mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;padding-top:3px}
.v-oncesonra .once b{color:#B3261E}.v-oncesonra .sonra b{color:var(--led-koyu)}
.v-oncesonra p{font-size:1.02rem}
.v-kucukler{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.v-kucukler img{width:100%;border:1px solid var(--cizgi);display:block;aspect-ratio:16/10;object-fit:cover;object-position:top}

/* Ne yapıyoruz */
.v-liste{list-style:none;counter-reset:n}
.v-liste>li{display:grid;grid-template-columns:110px minmax(0,1fr) minmax(0,1.2fr);gap:28px;padding:34px 0;border-top:1px solid var(--murekkep)}
.v-liste>li:last-child{border-bottom:1px solid var(--murekkep)}
.v-liste .no{font-family:var(--mono);font-size:1.1rem;font-weight:700}
.v-liste h3{font-family:var(--baslik);font-stretch:70%;font-weight:800;text-transform:uppercase;font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:.95}
.v-liste p{color:#3A3E46;margin-bottom:10px}
.v-liste ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.v-liste ul li{font-family:var(--mono);font-size:.74rem;border:1px solid var(--murekkep);padding:4px 8px}
.v-liste figure{grid-column:2/-1;margin:10px 0 0;border:2px solid var(--murekkep)}
.v-liste figure img{width:100%;display:block}

/* Taslak */
.v-taslak{background:var(--murekkep);color:var(--kagit);border-top:6px solid var(--led)}
.v-taslak .v-etiket{color:#AEB3BB}
.v-taslak .v-alt{color:#C9CCD2}
.v-taslak-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px}
.v-adim{list-style:none;margin-top:30px;border-top:1px solid #3A3F48}
.v-adim li{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid #3A3F48}
.v-adim span{font-family:var(--mono);color:var(--led);font-weight:700}
.v-adim b{display:block;font-size:1.05rem}
.v-adim p{color:#AEB3BB;font-size:.95rem}
.v-form{background:var(--kagit);color:var(--murekkep);padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:start}
.v-form h3{grid-column:1/-1;font-family:var(--baslik);font-stretch:70%;font-weight:800;text-transform:uppercase;font-size:2rem;line-height:1}
.v-form label{display:grid;gap:6px;font-size:.82rem;font-weight:700}
.v-form label.tam{grid-column:1/-1}
.v-form input,.v-form select,.v-form textarea{font:inherit;font-weight:400;font-size:1rem;padding:12px;border:2px solid var(--murekkep);background:#fff;border-radius:0;color:var(--murekkep);width:100%}
.v-form input:focus,.v-form select:focus,.v-form textarea:focus{outline:3px solid var(--led);outline-offset:0}
.v-form .onay{grid-column:1/-1;display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:.85rem}
.v-form .onay input{width:18px;height:18px;margin-top:2px;accent-color:var(--murekkep)}
.v-form button{grid-column:1/-1;justify-content:center;cursor:pointer;font-family:inherit}
.v-form .durum{grid-column:1/-1;font-size:.92rem;min-height:1.2em}
.v-form .durum.iyi{background:var(--led);padding:12px 14px;font-weight:700}
.v-form .durum.kotu{color:#B3261E;font-weight:700}

/* Fiyatlar */
.v-paket{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;background:#fff;border:2px solid var(--murekkep)}
.v-paket th,.v-paket td{padding:14px 16px;border-bottom:1px solid var(--cizgi);text-align:left;vertical-align:top}
.v-paket thead th{border-bottom:2px solid var(--murekkep);vertical-align:bottom}
.v-paket thead th.p{width:22%}
.v-paket .pad{font-family:var(--baslik);font-stretch:70%;font-weight:800;font-size:1.6rem;text-transform:uppercase;line-height:1;display:block}
.v-paket .pf{font-family:var(--baslik);font-stretch:70%;font-weight:900;font-size:2.6rem;line-height:1;display:block;margin-top:10px}
.v-paket .pf small{font-family:var(--mono);font-size:.7rem;font-weight:700;letter-spacing:.05em}
.v-paket .pk{font-size:.82rem;color:var(--gri);display:block;margin-top:6px}
.v-paket .onerilen{background:#FFF6DD}
.v-paket .onerilen .rozet{display:inline-block;font-family:var(--mono);font-size:.66rem;background:var(--murekkep);color:var(--led);padding:3px 6px;margin-bottom:8px;letter-spacing:.06em}
.v-paket td.v{font-weight:800;font-size:1.1rem}
.v-paket td.y{color:#B8B4AA}
.v-paket tfoot td{border-bottom:0;padding-top:18px}
.v-tablo-sar{overflow-x:auto}
.v-fiyatlistesi{columns:2;column-gap:56px;margin-top:56px}
.v-fiyatlistesi h4{font-family:var(--mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;margin:0 0 8px;padding-top:6px;break-after:avoid}
.v-fiyatlistesi ul{list-style:none;margin-bottom:26px;break-inside:avoid}
.v-fiyatlistesi li{display:flex;align-items:baseline;gap:8px;padding:7px 0;font-variant-numeric:tabular-nums}
.v-fiyatlistesi li span:nth-child(2){flex:1;border-bottom:2px dotted #A9A59B;transform:translateY(-4px)}
.v-fiyatlistesi li b{white-space:nowrap}
.v-not{font-family:var(--mono);font-size:.74rem;color:var(--gri);margin-top:18px}

/* Sektörler */
.v-sektor{display:flex;flex-wrap:wrap;gap:0 28px;font-family:var(--baslik);font-stretch:66%;font-weight:800;text-transform:uppercase;font-size:clamp(2rem,5vw,3.6rem);line-height:1.12}
.v-sektor span:nth-child(odd){color:var(--murekkep)}.v-sektor span:nth-child(even){color:transparent;-webkit-text-stroke:1.5px var(--murekkep)}

/* Süreç */
.v-surec{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:2px solid var(--murekkep)}
.v-surec li{padding:22px 22px 0 0;border-right:1px solid var(--cizgi)}
.v-surec li:last-child{border-right:0}
.v-surec span{font-family:var(--mono);font-weight:700;font-size:.8rem;color:var(--led-koyu)}
.v-surec h3{font-family:var(--baslik);font-stretch:70%;font-weight:800;text-transform:uppercase;font-size:1.6rem;margin:8px 0 6px}
.v-surec p{color:#3A3E46;font-size:.96rem}

/* SSS */
.v-sss details{border-top:1px solid var(--murekkep);border-radius:0;background:transparent;padding:0}
.v-sss details:last-child{border-bottom:1px solid var(--murekkep)}
.v-sss summary{font-weight:800;font-size:1.12rem;padding:22px 40px 22px 0}
.v-sss details p{padding:0 0 22px;color:#3A3E46;max-width:760px}

/* Son çağrı */
.v-son{background:var(--murekkep);color:var(--kagit);padding:0 0 72px;border-top:2px solid var(--murekkep)}
.v-son canvas{display:block;width:100%;height:clamp(56px,8vw,96px);margin-bottom:48px}
.v-son .v-tabela{padding:18px 0}
.v-son h2{font-family:var(--baslik);font-stretch:62%;font-weight:900;text-transform:uppercase;font-size:clamp(2.6rem,7vw,5.6rem);line-height:.9;margin-bottom:24px}
.v-son .v-btn{border-color:var(--kagit);color:var(--kagit)}
.v-son .v-btn.ana{border-color:var(--led);color:var(--murekkep)}

/* Alt bilgi */
.ftr{background:var(--kagit);border-top:2px solid var(--murekkep)}
.ftr h4{font-family:var(--mono);font-size:.74rem;text-transform:uppercase;letter-spacing:.1em}

@media(max-width:900px){
  .v-ust,.v-vaka-g,.v-taslak-g{grid-template-columns:1fr}
  .v-liste>li{grid-template-columns:60px 1fr}.v-liste>li>div:last-of-type{grid-column:2}
  .v-liste figure{grid-column:1/-1}
  .v-surec{grid-template-columns:1fr 1fr}.v-surec li:nth-child(2){border-right:0}
  .v-serit{grid-template-columns:1fr 1fr}
  .v-fiyatlistesi{columns:1}
}
@media(max-width:600px){
  .v-b{padding:64px 0}
  .v-form{grid-template-columns:1fr;padding:22px}
  .v-surec{grid-template-columns:1fr}.v-surec li{border-right:0;border-bottom:1px solid var(--cizgi);padding-bottom:18px}
  .v-hero-ic{padding:36px 16px 44px}
  .v-giris{font-size:1.06rem}
}
@media(prefers-reduced-motion:reduce){.v-btn{transition:none}}

/* ===== Açılış: telefonda haritadaki işletme kartı (ÖNCE ↔ SONRA) ===== */
.v-hero-g{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:56px;align-items:center}
.tel{margin:0;justify-self:end;width:320px;max-width:100%}
.tel-cerceve{border:10px solid var(--murekkep);border-radius:38px;background:#fff;overflow:hidden;aspect-ratio:9/16;display:flex;flex-direction:column;font-family:"Plus Jakarta Sans",system-ui,sans-serif;color:#1f2328}
.tel-ust{display:flex;justify-content:space-between;align-items:center;padding:8px 18px 4px;font-size:.72rem;font-weight:700}
.tel-pil{width:22px;height:10px;border:2px solid #1f2328;border-radius:3px;position:relative}
.tel-pil::after{content:"";position:absolute;inset:1px 6px 1px 1px;background:#1f2328}
.tel-arama{margin:6px 12px 8px;border:1px solid #D7D4CC;border-radius:24px;padding:9px 14px;font-size:.8rem;display:flex;gap:8px;align-items:center;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.tel-arama i{width:11px;height:11px;border:2px solid #5F646D;border-radius:50%;position:relative}
.tel-arama i::after{content:"";position:absolute;width:5px;height:2px;background:#5F646D;right:-5px;bottom:-2px;transform:rotate(45deg)}
.tel-harita{position:relative;height:118px;background:#EFEBE2;flex:none}
.tel-harita svg{width:100%;height:100%;display:block}
.tel-pin{position:absolute;left:46%;top:32%;width:22px;height:22px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#9AA0A6;border:3px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:background .5s}
.tel-kart{padding:12px 14px;flex:1;display:flex;flex-direction:column;gap:6px}
.tel-foto{display:grid;grid-template-columns:1fr 1fr 1fr;gap:3px;height:92px}
.tel-foto i{background-color:#DAD6CD;transition:opacity .6s,filter .6s}
.tel-foto i{background-image:url(img/tel-fotolar.png);background-size:300% 100%;background-repeat:no-repeat}
.tel-foto i:nth-child(1){background-position:0 50%}
.tel-foto i:nth-child(2){background-position:50% 50%}
.tel-foto i:nth-child(3){background-position:100% 50%}



.tel-kart h4{font-size:1.05rem;font-weight:700;margin-top:4px}
.tel-puan{font-size:.74rem;color:#5F646D}.tel-puan b{color:#1f2328}.tel-puan span{color:#E8A317;letter-spacing:-1px}
.tel-durum{font-size:.8rem}
.tel-durum .kapali{color:#C5221F}.tel-durum .acik{color:#188038}
.tel-dugmeler{display:flex;gap:4px;flex-wrap:nowrap;margin-top:4px}
.tel-dugmeler span{font-size:.62rem;font-weight:700;border:1px solid #D7D4CC;border-radius:16px;padding:5px 8px;color:#1a4fb5;white-space:nowrap;transition:opacity .5s,transform .5s}
.tel-dugmeler .yeni{background:#FFB000;border-color:#FFB000;color:#16181D}
.tel-web{font-size:.72rem;color:#1a4fb5;transition:opacity .5s}
.tel-etiket{margin-top:14px;font-family:var(--mono);font-size:.78rem;font-weight:700;letter-spacing:.1em;text-align:center;height:1.4em;position:relative}
.tel-etiket span{position:absolute;inset:0;transition:opacity .4s}
.tel-etiket .e-once{color:#C5221F}
.tel-etiket .e-sonra{background:var(--led);color:var(--murekkep);padding:2px 0}
/* ÖNCE */
.tel[data-durum="once"] .acik,.tel[data-durum="once"] .yeni,.tel[data-durum="once"] .e-sonra{opacity:0}
.tel[data-durum="once"] .tel-dugmeler .yeni{transform:translateY(6px)}
.tel[data-durum="once"] .tel-foto i:nth-child(n+2){opacity:.15}
.tel[data-durum="once"] .tel-foto i:nth-child(1){filter:grayscale(1) contrast(.7);opacity:.55}
.tel[data-durum="once"] .tel-durum .acik{display:none}
/* SONRA */
.tel[data-durum="sonra"] .kapali,.tel[data-durum="sonra"] .e-once{opacity:0}
.tel[data-durum="sonra"] .tel-durum .kapali{display:none}
.tel[data-durum="sonra"] .tel-pin{background:#C5221F}
@media(max-width:900px){.v-hero-g{grid-template-columns:1fr;gap:40px}.tel{justify-self:center;width:280px}}
@media(prefers-reduced-motion:reduce){.tel *{transition:none!important}}

/* ===== Ücretsiz ekspertiz (ana sayfa şeridi + ekspertiz.html) ===== */
.v-eks{background:var(--led);border-top:2px solid var(--murekkep);border-bottom:2px solid var(--murekkep);padding:56px 0}
.v-eks-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:end}
.v-eks .v-etiket{color:var(--murekkep)}.v-eks .v-etiket::before{background:var(--murekkep)}
.v-eks h2{font-family:var(--baslik);font-stretch:66%;font-weight:900;text-transform:uppercase;font-size:clamp(2.2rem,5vw,3.8rem);line-height:.92;margin:12px 0 14px;text-wrap:balance}
.v-eks p{max-width:560px;font-size:1.05rem}
.v-eks-f{display:grid;grid-template-columns:minmax(0,1fr) auto;border:2px solid var(--murekkep);background:#fff}
.v-eks-f input{font:inherit;font-size:1.05rem;padding:16px;border:0;min-width:0;background:transparent;color:var(--murekkep)}
.v-eks-f input:focus{outline:3px solid var(--murekkep);outline-offset:-3px}
.v-eks-f button{border:0;border-left:2px solid var(--murekkep);background:var(--murekkep);color:var(--led);font:inherit;font-weight:800;padding:0 22px;cursor:pointer}
.v-eks small{display:block;font-family:var(--mono);font-size:.72rem;margin-top:10px;letter-spacing:.03em}
.v-eks small a{color:inherit}

.eks .v-hero h1{font-size:clamp(3rem,9vw,7.4rem)}
.eks-form .onay{margin-top:-4px}
.eks-sorular h2,.eks-sonuc>h2{margin-top:10px}
.eks-soru-liste{list-style:none;counter-reset:s;margin:28px 0;border-top:2px solid var(--murekkep)}
.eks-soru-liste p{font-weight:700;font-size:1.05rem;margin-bottom:10px}
.eks-secim{display:flex;flex-wrap:wrap;gap:8px}
.eks-secim label{cursor:pointer}
.eks-secim input{position:absolute;opacity:0;pointer-events:none}
.eks-secim span{display:inline-block;padding:9px 16px;border:2px solid var(--murekkep);font-weight:700;font-size:.92rem;background:#fff}
.eks-secim input:checked+span{background:var(--murekkep);color:var(--led)}
.eks-secim input:focus-visible+span{outline:3px solid var(--led)}
.eks-ilerleme{display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:.82rem;margin:0 0 20px}
.eks-ilerleme .nokta{width:12px;height:12px;border-radius:50%;background:var(--led);box-shadow:0 0 0 2px var(--murekkep);animation:eksNabiz 1s steps(2) infinite}
.eks-ilerleme.tamam .nokta{animation:none;background:#1E8E3E}
@keyframes eksNabiz{50%{background:var(--sonuk)}}
#eks-sonuc-dugme{cursor:pointer;font-family:inherit}
#eks-sonuc-dugme:disabled{opacity:.4;cursor:not-allowed}
.eks-skor{display:flex;align-items:baseline;gap:6px;font-family:var(--baslik);font-stretch:62%;font-weight:900;margin-top:14px}
.eks-skor b{font-size:clamp(5rem,16vw,9rem);line-height:.85}
.eks-skor span{font-size:2rem}
.eks-skor.kotu b{color:#B3261E}.eks-skor.orta b{color:var(--led-koyu)}.eks-skor.iyi b{color:#1E7A36}
.eks-bar{height:14px;border:2px solid var(--murekkep);background:#fff;margin-top:14px}
.eks-bar i{display:block;height:100%;background:var(--murekkep)}
.eks-h{font-family:var(--mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px}
.eks-liste{list-style:none;border-top:2px solid var(--murekkep)}
.eks-liste li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;padding:14px 0;border-bottom:1px solid var(--cizgi)}
.eks-liste li>span{width:28px;height:28px;display:grid;place-items:center;font-weight:900;border:2px solid var(--murekkep)}
.eks-liste li.eksik>span{background:#B3261E;color:#fff;border-color:#B3261E}
.eks-liste li.uyari>span{background:var(--led)}
.eks-liste li.ok>span{background:#1E7A36;color:#fff;border-color:#1E7A36}
.eks-liste b{display:block}
.eks-liste p{color:#3A3E46;font-size:.95rem}
.eks-iyi{margin-top:22px}
.eks-iyi summary{cursor:pointer;font-family:var(--mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;padding:10px 0}
.eks-cta{margin-top:48px;background:var(--murekkep);color:var(--kagit);padding:36px;border-top:6px solid var(--led)}
.eks-cta .v-etiket{color:#AEB3BB}
.eks-cta h2 span{color:var(--led)}
.eks-cta .v-alt{color:#C9CCD2;margin:14px 0 24px}
.eks-cta .v-btn{border-color:var(--kagit);color:var(--kagit)}
.eks-cta .v-btn.ana{border-color:var(--led);color:var(--murekkep)}
.eks-fiyat{display:flex;align-items:flex-end;gap:12px;font-family:var(--baslik);font-stretch:62%;font-weight:900;color:var(--led)}
.eks-fiyat b{font-size:clamp(4.6rem,14vw,8rem);line-height:.82}
.eks-fiyat span{font-family:var(--mono);font-size:.78rem;font-weight:700;color:var(--kagit);letter-spacing:.04em;padding-bottom:8px}
.eks-rapor{margin-top:30px}
@media(max-width:900px){.v-eks-g{grid-template-columns:1fr;gap:24px}}
@media(max-width:600px){.eks-cta{padding:24px 18px}.v-eks-f{grid-template-columns:1fr}.v-eks-f button{border-left:0;border-top:2px solid var(--murekkep);padding:14px}}
@media(prefers-reduced-motion:reduce){.eks-ilerleme .nokta{animation:none}}

/* Tanıtım videosu */
.v-video video{width:100%;display:block;border:2px solid var(--murekkep);background:var(--murekkep);aspect-ratio:16/9}
.eks .v-b{padding:56px 0 80px}.eks-form{border:2px solid var(--murekkep);background:#fff}.eks-form input,.eks-form select{background:var(--kagit)}

/* Ekspertiz: 4 alan */
.eks-soru-liste li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;padding:20px 0;border-bottom:1px solid var(--cizgi)}
.eks-soru-liste .eks-no{font-family:var(--mono);font-weight:700;padding-top:2px}
.eks-soru-liste li.eks-alan-bas{display:block;background:var(--murekkep);color:var(--led);font-family:var(--mono);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;padding:10px 14px;margin-top:22px;border:0}
.eks-soru-liste li.eks-alan-bas:first-child{margin-top:0}
.eks-4{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:2px solid var(--murekkep);margin-top:6px}
.eks-4 li{padding:16px 18px 4px 0;display:grid;gap:4px;align-content:start}
.eks-4 b{font-family:var(--mono);color:var(--led-koyu)}
.eks-4 span{font-family:var(--baslik);font-stretch:70%;font-weight:800;text-transform:uppercase;font-size:1.35rem;line-height:1}
.eks-4 small{color:var(--gri);font-size:.86rem}
.eks-alanlar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:0 0 34px;border-top:2px solid var(--murekkep)}
.eks-alanlar>div{display:grid;grid-template-columns:1fr auto;gap:6px 12px;padding:14px 0;border-bottom:1px solid var(--cizgi);align-items:baseline}
.eks-alanlar dt{font-weight:800}
.eks-alanlar dd{font-family:var(--mono);font-size:.85rem}.eks-alanlar dd b{font-size:1.25rem}
.eks-alanlar .kotu dd b{color:#B3261E}.eks-alanlar .orta dd b{color:var(--led-koyu)}.eks-alanlar .iyi dd b{color:#1E7A36}
.eks-mini{grid-column:1/-1;height:8px;background:var(--cizgi)}.eks-mini i{display:block;height:100%;background:var(--murekkep)}
.eks-h{margin-top:28px}
.eks-cozum{font-family:var(--mono);font-size:.78rem!important;color:var(--led-koyu)!important;margin-top:6px;letter-spacing:.02em}
.eks-oneri{background:#23262D;padding:20px 22px;margin:6px 0 26px}
.eks-oneri-bas{font-family:var(--mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:#AEB3BB;margin-bottom:8px}
.eks-oneri .row{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid #3A3F48;font-size:.95rem;font-variant-numeric:tabular-nums}
.eks-oneri .row.top{border-bottom:0;padding-top:14px;font-size:1.05rem}.eks-oneri .row.top b{color:var(--led);font-size:1.3rem}
.eks-kazanc{font-family:var(--mono);font-size:.8rem;color:var(--led);margin-top:6px}
.eks-sonuc>.eks-rapor{margin-top:28px;border:2px solid var(--murekkep);background:#fff}
@media(max-width:900px){.eks-4{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.eks-alanlar{grid-template-columns:1fr}.eks-4{grid-template-columns:1fr}.eks-soru-liste li{grid-template-columns:34px minmax(0,1fr)}}

/* ===== Etkileşimli tabela: "İşletmenizin adını yazın" ===== */
.v-yaz{background:var(--kagit);border-top:2px solid var(--murekkep);padding:72px 0}
.v-yaz-g{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center}
.v-yaz h2{font-family:var(--baslik);font-stretch:66%;font-weight:900;text-transform:uppercase;font-size:clamp(2.4rem,5.4vw,4.2rem);line-height:.9;margin:12px 0 14px;text-wrap:balance}
.v-yaz .v-alt{font-size:1.1rem;color:#3A3E46;max-width:520px;margin-bottom:22px}
.v-yaz-f{display:grid;grid-template-columns:minmax(0,1fr) auto;border:2px solid var(--murekkep);background:#fff;margin-bottom:16px;max-width:560px}
.v-yaz-f input{font:inherit;font-size:1.1rem;padding:16px;border:0;min-width:0;background:transparent;color:var(--murekkep)}
.v-yaz-f input:focus{outline:3px solid var(--led);outline-offset:-3px}
.v-yaz-f button{border:0;border-left:2px solid var(--murekkep);background:var(--murekkep);color:var(--led);font:inherit;font-weight:800;padding:0 22px;cursor:pointer}
.v-yaz-tabela{margin:0;position:relative;padding-top:34px}
.v-yaz-aski{position:absolute;top:0;left:18%;right:18%;height:34px;display:flex;justify-content:space-between}
.v-yaz-aski i{width:6px;height:100%;background:var(--murekkep)}
#yaz-led{display:block;width:100%;background:#121418;border:6px solid var(--murekkep);border-bottom:10px solid var(--led)}
.v-yaz-tabela figcaption{font-family:var(--mono);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gri);margin-top:10px}

/* ===== Telefonda otomatik mesaj akışı ===== */
.v-sohbet{margin:0;width:100%;max-width:340px;justify-self:center;border:12px solid var(--murekkep);border-radius:44px;background:#ECE9E1;overflow:hidden}
.v-sohbet-ust{background:var(--murekkep);color:var(--kagit);padding:22px 18px 14px;display:flex;gap:10px;align-items:center}
.v-sohbet-ust i{width:38px;height:38px;border-radius:50%;background:var(--led);color:var(--murekkep);display:grid;place-items:center;font-style:normal;font-family:var(--baslik);font-stretch:62%;font-weight:900;font-size:1.3rem;flex:none}
.v-sohbet-ust b{display:block;font-size:.95rem}.v-sohbet-ust small{font-family:var(--mono);font-size:.66rem;color:#AEB3BB}
.v-sohbet-ic{padding:14px 12px 18px;display:flex;flex-direction:column;gap:10px}
.v-balon{max-width:88%;align-self:flex-end;background:#FFF3CF;border:1.5px solid var(--murekkep);padding:10px 12px 6px}
.v-balon.gelen{align-self:flex-start;background:#fff}
.v-balon-e{display:inline-block;font-family:var(--mono);font-weight:700;font-size:.62rem;letter-spacing:.06em;background:var(--murekkep);color:var(--led);padding:2px 6px;margin-bottom:6px}
.v-balon p{font-size:.86rem;line-height:1.35}
.v-balon small{display:block;text-align:right;font-family:var(--mono);font-size:.6rem;color:var(--gri);margin-top:4px}

/* ===== Otomasyon bölümü ===== */
.v-oto-g{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:56px;align-items:start}
.v-zaman{list-style:none;border-top:2px solid var(--murekkep);margin:26px 0 18px}
.v-zaman li{display:grid;grid-template-columns:200px minmax(0,1fr);gap:18px;padding:16px 0;border-bottom:1px solid var(--cizgi)}
.v-zaman span{font-family:var(--mono);font-weight:700;font-size:.78rem;letter-spacing:.06em;color:var(--led-koyu);padding-top:2px}

/* ===== Sektör sayfaları ===== */
@media(min-width:901px){.v-dert>li{grid-template-columns:110px minmax(0,1fr) minmax(0,1.2fr)}}
.v-kurulum{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;border-top:2px solid var(--murekkep)}
.v-kurulum li{display:grid;grid-template-columns:48px 1fr;gap:10px;padding:16px 0;border-bottom:1px solid var(--cizgi);font-weight:700;font-size:1.05rem}
.v-kurulum span{font-family:var(--mono);color:var(--led-koyu)}
.v-sektor a{color:var(--murekkep);text-decoration:none;border-bottom:4px solid var(--led)}
.v-sektor a:hover{background:var(--led)}
.v-not a{color:inherit}

/* Video: mobilde dikey */
@media(max-width:700px){.v-video video{aspect-ratio:9/16;max-height:82vh;margin:0 auto}}
@media(max-width:900px){.v-yaz-g,.v-oto-g{grid-template-columns:1fr;gap:36px}.v-kurulum{grid-template-columns:1fr}}
@media(max-width:600px){.v-yaz{padding:52px 0}.v-yaz-f{grid-template-columns:1fr}.v-yaz-f button{border-left:0;border-top:2px solid var(--murekkep);padding:14px}.v-zaman li{grid-template-columns:1fr;gap:4px}}

/* ===== Blog ve Hakkımızda ===== */
.b-liste{list-style:none;border-top:2px solid var(--murekkep)}
.b-liste a{display:grid;grid-template-columns:70px minmax(0,1fr) 40px;gap:20px;padding:26px 0;border-bottom:1px solid var(--cizgi);color:var(--murekkep);text-decoration:none;align-items:start}
.b-liste a:hover h2{text-decoration:underline;text-decoration-color:var(--led);text-decoration-thickness:4px;text-underline-offset:6px}
.b-no{font-family:var(--mono);font-weight:700;padding-top:6px}
.b-liste h2{font-family:var(--baslik);font-stretch:70%;font-weight:800;text-transform:uppercase;font-size:clamp(1.5rem,3vw,2.2rem);line-height:.98;margin-bottom:8px;text-wrap:balance}
.b-liste p{color:#3A3E46;max-width:760px}
.b-liste small{display:block;font-family:var(--mono);font-size:.74rem;color:var(--gri);margin-top:8px}
.b-ok{font-size:1.6rem;font-weight:800;padding-top:4px}
.b-bas{padding-top:56px}
.b-yol{font-family:var(--mono);font-size:.76rem;margin-bottom:22px;color:var(--gri)}.b-yol a{color:inherit}
.b-bas h1{font-family:var(--baslik);font-stretch:66%;font-weight:900;text-transform:uppercase;font-size:clamp(2.4rem,6vw,4.4rem);line-height:.92;margin:14px 0 18px;text-wrap:balance}
.b-ozet{font-size:1.2rem;color:#3A3E46;border-bottom:2px solid var(--murekkep);padding-bottom:28px}
.b-govde,.h-hikaye{font-size:1.08rem;line-height:1.7;padding-top:28px}
.b-govde h2,.h-hikaye h2{font-family:var(--baslik);font-stretch:70%;font-weight:800;text-transform:uppercase;font-size:clamp(1.6rem,3.4vw,2.3rem);line-height:1;margin:40px 0 14px;text-wrap:balance}
.b-govde p,.h-hikaye p{margin-bottom:16px;max-width:68ch}
.b-govde ul,.b-govde ol{margin:0 0 18px 1.3em;display:grid;gap:8px;max-width:68ch}
.b-govde a,.h-hikaye a{color:var(--murekkep);text-decoration-color:var(--led);text-decoration-thickness:3px;text-underline-offset:3px}
.b-cta{margin-top:40px;background:var(--led);border:2px solid var(--murekkep);padding:30px 28px}
.b-cta h2{font-family:var(--baslik);font-stretch:66%;font-weight:900;text-transform:uppercase;font-size:clamp(1.8rem,4vw,2.8rem);line-height:.95;margin:10px 0 10px}
.b-cta .v-etiket{color:var(--murekkep)}.b-cta .v-etiket::before{background:var(--murekkep)}
.b-cta p{margin-bottom:18px}
.b-ilgili{margin:40px auto 80px}
.b-ilgili ul{list-style:none;border-top:2px solid var(--murekkep);margin-top:12px}
.b-ilgili li{border-bottom:1px solid var(--cizgi)}.b-ilgili a{display:block;padding:14px 0;font-weight:700;color:var(--murekkep)}
.h-hikaye{padding-bottom:40px}
@media(max-width:600px){.b-liste a{grid-template-columns:44px minmax(0,1fr);}.b-ok{display:none}.b-cta{padding:22px 18px}}
/* Ekspertiz v2: işletme kimliği, rakip tablosu, öncelik kutusu */
.eks-kimlik{margin:-4px 0 14px;font-size:.92rem;color:#3A3E46}.eks-kimlik em{color:#8A5A00;font-style:normal}
.eks-not{background:#fff7e0;border-left:3px solid var(--led,#FFB000);padding:12px 14px;margin:0 0 22px;font-size:.95rem}.eks-not.kotu{background:#fdecea;border-color:#c0392b}
.eks-rakip{width:100%;border-collapse:collapse;margin:6px 0 26px;font-size:.93rem;background:#fff}
.eks-rakip th,.eks-rakip td{text-align:left;padding:9px 10px;border-bottom:1px solid #e4e1d9}.eks-rakip th{font:700 .72rem/1 "Space Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:#5d6470}
.eks-rakip td:nth-child(n+2),.eks-rakip th:nth-child(n+2){text-align:right;white-space:nowrap}.eks-rakip small{color:#8a8f99;font-size:.78rem}
.eks-rakip tr.biz td{background:#16181D;color:#fff;font-weight:700}
.eks-oncelik{background:#16181D;color:#fff;padding:20px 22px;margin:0 0 28px;border-radius:4px}.eks-oncelik .v-etiket{color:#FFB000}
.eks-oncelik ol{margin:8px 0 0 18px}.eks-oncelik li{margin:8px 0;line-height:1.5}.eks-oncelik b{color:#FFB000;display:block}
@media (max-width:560px){.eks-rakip{font-size:.85rem}.eks-rakip th,.eks-rakip td{padding:8px 6px}}
.eks-cozum{font-family:inherit!important;font-size:.9rem!important;line-height:1.5;color:#3A3E46!important}.eks-cozum b{color:#8A5A00}
/* Ekspertiz: görünmeyen kayıplar, önerilen sistem, iletişim düğmeleri */
.eks-oncelik-alt{margin:14px 0 4px;font-size:.95rem;line-height:1.5;opacity:.92}
.eks-dugmeler{margin-top:14px;flex-wrap:wrap;gap:10px}
.eks-oncelik .eks-dugmeler .v-btn:not(.ana){background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}
.eks-gizli{margin:34px 0 26px;padding:22px 22px 8px;background:#fff;border:1px solid #e4e1d9;border-top:4px solid #c0392b}
.eks-gizli h3,.eks-onerilen h3{font-size:1.15rem;line-height:1.35;margin:6px 0 8px}
.eks-gizli ol{margin:14px 0 0 18px}.eks-gizli li{margin:0 0 14px}.eks-gizli li b{display:block}.eks-gizli li p{margin:3px 0 0;color:#3A3E46;font-size:.95rem;line-height:1.5}
.eks-onerilen{margin:0 0 28px;padding:22px;background:#fff7e0;border:1px solid #f1d58a}
.eks-onerilen ul{list-style:none;margin:12px 0 0}.eks-onerilen li{padding:9px 0;border-bottom:1px dashed #e8cf86}.eks-onerilen li:last-child{border-bottom:0}
.eks-onerilen li b:before{content:"●";color:#FFB000;margin-right:8px;text-shadow:0 0 0 #16181D}.eks-onerilen li span{display:block;margin:2px 0 0 20px;color:#5d6470;font-size:.88rem}
@media (max-width:560px){.eks-dugmeler .v-btn{width:100%;text-align:center}}
#eks-form[hidden],#eks-ilerleme[hidden],.eks-ilerleme[hidden]{display:none!important}
/* Tanıtım: Kemal Usta'nın hikâyesi (dikey video, masaüstünde telefon çerçevesi) */
.v-hikaye .wrap{display:grid;grid-template-columns:1fr minmax(260px,340px);gap:48px;align-items:center}
.v-hikaye-liste{list-style:none;margin:18px 0 22px}.v-hikaye-liste li{position:relative;padding:7px 0 7px 22px;border-bottom:1px solid #e4e1d9}
.v-hikaye-liste li:before{content:"";position:absolute;left:0;top:15px;width:9px;height:9px;border-radius:50%;background:var(--led,#FFB000);box-shadow:0 0 0 2px var(--murekkep,#16181D)}
.v-hikaye-tel{background:#16181D;border-radius:34px;padding:12px;box-shadow:0 18px 40px rgba(0,0,0,.25)}
.v-video.v-hikaye video{aspect-ratio:9/16;border:0;border-radius:24px;max-height:none}
@media(max-width:820px){.v-hikaye .wrap{grid-template-columns:1fr;gap:26px}.v-hikaye-tel{max-width:380px;margin:0 auto;width:100%}}
/* Dijitabela uygulaması: ana sayfa bölümü + uygulama sayfası */
.mg-g{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;align-items:center}
.mg-madde{list-style:none;margin:22px 0 26px;display:grid;gap:10px}
.mg-madde li{padding-left:26px;position:relative;font-weight:600}
.mg-madde li::before{content:"";position:absolute;left:0;top:.45em;width:12px;height:12px;border-radius:50%;background:var(--led);box-shadow:0 0 0 2px var(--murekkep)}
.mg-tel img,.mg-ekranlar img{display:block;width:100%;height:auto;border:2px solid var(--murekkep);border-radius:28px;background:#fff}
.mg-ekranlar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.v-btn.mg-yakinda{cursor:default;opacity:.62;border-style:dashed}
.v-btn.mg-yakinda:hover{background:transparent;color:var(--murekkep)}
.hizmet .yasal-bas .v-dugmeler{margin-top:22px}
.hizmet .b-ozet{max-width:68ch}
@media(max-width:900px){.mg-g{grid-template-columns:1fr;gap:36px}.mg-tel{justify-self:center;width:240px}.mg-ekranlar{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:62%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.mg-ekranlar img{scroll-snap-align:start}}