/* EVOPAK V6 — German engineering discipline + premium technology presentation */
:root{
  --v6-bg:#05111d;
  --v6-bg2:#081827;
  --v6-paper:#eef5fb;
  --v6-ink:#07111a;
  --v6-muted:#738190;
  --v6-line:rgba(148,197,232,.20);
  --v6-blue:#1f9cff;
  --v6-blue2:#75c6ff;
  --v6-white:#f7fbff;
  --v6-radius:26px;
}
html{scroll-behavior:smooth}.v6-home{background:var(--v6-bg);color:var(--v6-white);overflow:clip}.v6-home *{box-sizing:border-box}
.v6-section{position:relative;padding:clamp(82px,9vw,150px) 0}.v6-container{width:min(1220px,calc(100% - 48px));margin:auto}.v6-kicker{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.18em;font-weight:800;color:var(--v6-blue2);text-transform:uppercase}.v6-kicker:before{content:"";width:35px;height:1px;background:currentColor}.v6-title{font-size:clamp(42px,6.3vw,92px);line-height:.94;letter-spacing:-.055em;margin:18px 0 24px;font-weight:800}.v6-copy{max-width:720px;color:#aebdca;font-size:clamp(17px,1.55vw,21px);line-height:1.7}.v6-accent{color:var(--v6-blue)}
/* hero */
.v6-hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;padding:170px 0 74px;isolation:isolate;background:#04101a}.v6-hero-media{position:absolute;inset:0;z-index:-4;overflow:hidden}.v6-hero-media video{width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block;transform:scale(1.12);transform-origin:center center;filter:brightness(.48) saturate(.88) contrast(1.02);opacity:.62}.v6-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,13,23,.99) 0%,rgba(3,13,23,.90) 40%,rgba(3,13,23,.62) 68%,rgba(3,13,23,.84) 100%),linear-gradient(0deg,#04101a 0%,transparent 38%)}.v6-hero-grid{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(117,198,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(117,198,255,.07) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,black,transparent 86%)}.v6-hero:before{content:"";position:absolute;width:46vw;height:46vw;min-width:420px;min-height:420px;border:1px solid rgba(31,156,255,.16);border-radius:50%;right:-15vw;top:10vh;box-shadow:0 0 0 70px rgba(31,156,255,.035),0 0 0 140px rgba(31,156,255,.025);animation:v6orbit 18s linear infinite}@keyframes v6orbit{to{transform:rotate(360deg)}}
.v6-hero-wrap{display:grid;grid-template-columns:minmax(0,1.2fr) 340px;gap:64px;align-items:end}.v6-hero-index{display:flex;gap:20px;align-items:center;color:#90a6b8;font:700 11px/1.2 monospace;letter-spacing:.13em}.v6-live{display:inline-flex;align-items:center;gap:8px;color:#b8d7ef}.v6-live:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--v6-blue);box-shadow:0 0 18px var(--v6-blue);animation:pulse 1.6s infinite}@keyframes pulse{50%{opacity:.35}}.v6-hero h1{font-size:clamp(52px,7.8vw,118px);line-height:.87;letter-spacing:-.07em;margin:24px 0 28px;max-width:980px;font-weight:850}.v6-hero h1 span{display:block;color:var(--v6-blue)}.v6-hero-sub{max-width:680px;font-size:clamp(18px,1.7vw,23px);line-height:1.58;color:#c7d4de}.v6-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}.v6-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:58px;padding:0 24px;border-radius:3px;text-decoration:none;font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(255,255,255,.18);transition:.35s cubic-bezier(.2,.7,.2,1)}.v6-btn strong{font-size:18px;font-weight:400;transition:transform .35s}.v6-btn:hover strong{transform:translateX(5px)}.v6-btn.primary{background:var(--v6-blue);border-color:var(--v6-blue);color:#031321;box-shadow:0 10px 35px rgba(31,156,255,.22)}.v6-btn.primary:hover{transform:translateY(-3px);box-shadow:0 18px 45px rgba(31,156,255,.33)}.v6-btn.ghost{color:#eef8ff;background:rgba(255,255,255,.04);backdrop-filter:blur(10px)}.v6-btn.ghost:hover{background:#fff;color:#04111c}.v6-hero-panel{border:1px solid rgba(141,203,245,.22);background:rgba(5,19,31,.58);backdrop-filter:blur(18px);padding:25px;position:relative;overflow:hidden}.v6-hero-panel:before{content:"";position:absolute;width:120px;height:1px;background:var(--v6-blue);right:-25px;top:14px;transform:rotate(-35deg);box-shadow:0 0 22px var(--v6-blue)}.v6-hero-panel small{display:block;color:#758fa3;font:700 10px/1.4 monospace;letter-spacing:.14em}.v6-hero-panel b{display:block;font-size:28px;line-height:1.05;margin:9px 0 22px}.v6-status{display:grid;gap:1px;background:rgba(117,198,255,.13)}.v6-status div{background:rgba(4,17,28,.92);padding:14px 13px;display:flex;justify-content:space-between;gap:15px;font:700 10px monospace;color:#a8bbca}.v6-status i{font-style:normal;color:var(--v6-blue2)}
/* stats */
.v6-stats{border-top:1px solid var(--v6-line);border-bottom:1px solid var(--v6-line);background:#061523}.v6-statgrid{display:grid;grid-template-columns:repeat(4,1fr)}.v6-stat{padding:44px 30px;border-right:1px solid var(--v6-line);min-height:170px;display:flex;flex-direction:column;justify-content:space-between}.v6-stat:first-child{border-left:1px solid var(--v6-line)}.v6-stat strong{font-size:clamp(42px,5vw,68px);letter-spacing:-.06em;color:#fff}.v6-stat span{font-size:12px;line-height:1.45;color:#8fa6b8;text-transform:uppercase;letter-spacing:.11em}
/* service bento */
.v6-bento{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;margin-top:58px}.v6-card{position:relative;min-height:340px;padding:34px;border:1px solid var(--v6-line);background:linear-gradient(145deg,rgba(12,34,52,.88),rgba(4,17,28,.8));overflow:hidden;transition:.45s cubic-bezier(.2,.7,.2,1)}.v6-card:hover{transform:translateY(-7px);border-color:rgba(117,198,255,.52);box-shadow:0 32px 80px rgba(0,0,0,.26)}.v6-card.big{min-height:515px}.v6-card-media{position:absolute;inset:0;background:radial-gradient(circle at 75% 35%,rgba(31,156,255,.22),transparent 30%);opacity:.7}.v6-card:after{content:"";position:absolute;inset:auto 0 0;height:50%;background:linear-gradient(transparent,rgba(4,14,24,.96))}.v6-card>*{position:relative;z-index:2}.v6-card-num{font:700 11px monospace;color:var(--v6-blue2);letter-spacing:.14em}.v6-card h3{position:absolute;left:34px;right:34px;bottom:75px;font-size:clamp(26px,3vw,44px);line-height:1;letter-spacing:-.04em;margin:0}.v6-card p{position:absolute;left:34px;right:34px;bottom:28px;margin:0;color:#91a6b5;font-size:13px}.v6-bento-side{display:grid;gap:18px}
/* image placeholder */
.v6-cinematic{min-height:80vh;display:flex;align-items:flex-end;background:linear-gradient(180deg,rgba(4,14,23,.08),#04101a),radial-gradient(circle at 70% 25%,rgba(31,156,255,.12),transparent 30%),#0b1b29;border-top:1px solid var(--v6-line);border-bottom:1px solid var(--v6-line);overflow:hidden}.v6-cinematic{position:relative;isolation:isolate}.v6-cinematic-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;z-index:-3;transform:scale(1.08);transform-origin:center center;filter:brightness(.44) saturate(.86);opacity:.58}.v6-cinematic:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(4,14,23,.10),rgba(4,14,23,.90)),linear-gradient(90deg,rgba(4,14,23,.94),rgba(4,14,23,.32) 65%,rgba(4,14,23,.72))}.v6-cinematic-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(117,198,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(117,198,255,.045) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,transparent 0,black 10%,black 90%,transparent 100%)}.v6-cinematic-wrap{position:relative;z-index:2;max-width:900px;padding-bottom:8px}.v6-cinematic .v6-kicker,.v6-cinematic .v6-title,.v6-cinematic .v6-copy{max-width:820px}.v6-cinematic .v6-title{max-width:1000px;font-size:clamp(46px,8vw,110px);line-height:.92}
/* brands */
.v6-brandwall{margin-top:54px;border-top:1px solid var(--v6-line);border-bottom:1px solid var(--v6-line);overflow:hidden}.v6-marquee{display:flex;width:max-content;animation:v6marquee 24s linear infinite}.v6-marquee:hover{animation-play-state:paused}@keyframes v6marquee{to{transform:translateX(-50%)}}.v6-branditem{width:270px;height:150px;display:grid;place-items:center;border-right:1px solid var(--v6-line);font-size:22px;font-weight:800;color:#9fb0bf;transition:.3s}.v6-branditem:hover{background:var(--v6-blue);color:#03111d}.v6-branditem small{display:block;font-size:9px;letter-spacing:.17em;font-family:monospace;font-weight:700;opacity:.6}
/* reference */
.v6-reference-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}.v6-logo-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--v6-line);border-left:1px solid var(--v6-line)}.v6-logo-slot{aspect-ratio:1.3;display:grid;place-items:center;border-right:1px solid var(--v6-line);border-bottom:1px solid var(--v6-line);color:#60778a;font:700 10px monospace;text-align:center;padding:15px;transition:.3s}.v6-logo-slot:hover{background:rgba(31,156,255,.08);color:#b9dcf4}.v6-logo-slot:before{content:"REFERANS LOGO"}
/* map */
.v6-map{background:#eef5fa;color:#08131c}.v6-map .v6-kicker{color:#1c75b7}.v6-map .v6-copy{color:#60707b}.v6-map-layout{display:grid;grid-template-columns:.86fr 1.14fr;gap:70px;align-items:center}.v6-mapbox{position:relative;min-height:520px;border:1px solid #ccdae5;background:radial-gradient(circle at 50% 50%,rgba(31,156,255,.12),transparent 44%),linear-gradient(#e9f2f8,#f6fbff);display:grid;place-items:center;overflow:hidden}.v6-mapbox:before{content:"81 İL\A TEKNİK SERVİS + PARÇA TEDARİĞİ";white-space:pre;text-align:center;color:#0f6cae;font-size:clamp(22px,3vw,42px);font-weight:850;letter-spacing:-.03em}.v6-mapbox:after{content:"TÜRKİYE HARİTASI / SERVİS NOKTALARI";position:absolute;bottom:20px;font:700 10px monospace;letter-spacing:.16em;color:#7b93a4}
/* e-commerce machines */
.v6-products{background:#f3f7fa;color:#07131d}.v6-products .v6-kicker{color:#1478ba}.v6-products .v6-copy{color:#657786}.v6-products-head{display:flex;justify-content:space-between;gap:30px;align-items:end}.v6-productgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}.v6-product{background:#fff;border:1px solid #dfe8ef;transition:.4s;position:relative}.v6-product:hover{transform:translateY(-7px);box-shadow:0 28px 60px rgba(18,49,72,.12);border-color:#b9d8ed}.v6-product-img{aspect-ratio:4/3;background:#e9f0f5;position:relative;display:grid;place-items:center;overflow:hidden}.v6-product-img img{width:100%;height:100%;object-fit:contain;transition:.55s}.v6-product:hover .v6-product-img img{transform:scale(1.045)}.v6-product-badge{position:absolute;left:14px;top:14px;background:#061522;color:white;font:700 9px monospace;letter-spacing:.12em;padding:8px 10px}.v6-product-body{padding:22px}.v6-product-brand{font:700 10px monospace;letter-spacing:.14em;color:#1883c7}.v6-product h3{font-size:25px;margin:8px 0 16px;letter-spacing:-.035em}.v6-product-meta{display:flex;justify-content:space-between;gap:15px;padding-top:16px;border-top:1px solid #e5edf3;color:#6f7d87;font-size:11px}.v6-product-action{display:flex;justify-content:space-between;align-items:center;margin:19px -22px -22px;padding:17px 22px;background:#061522;color:#fff;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.1em;transition:.3s}.v6-product-action:hover{background:var(--v6-blue);color:#04111b}
/* faq */
.v6-faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.v6-faq-list{border-top:1px solid var(--v6-line)}.v6-faq-item{border-bottom:1px solid var(--v6-line)}.v6-faq-q{width:100%;padding:24px 0;background:none;border:0;color:white;display:flex;justify-content:space-between;gap:25px;text-align:left;font-size:18px;font-weight:750;cursor:pointer}.v6-faq-q i{font-style:normal;color:var(--v6-blue);font-size:22px;transition:.3s}.v6-faq-a{max-height:0;overflow:hidden;color:#91a4b3;line-height:1.7;transition:max-height .45s ease}.v6-faq-item.open .v6-faq-a{max-height:220px;padding-bottom:23px}.v6-faq-item.open .v6-faq-q i{transform:rotate(45deg)}
/* final CTA */
.v6-final{background:var(--v6-blue);color:#03111c}.v6-final .v6-kicker{color:#06243c}.v6-final .v6-title{max-width:980px}.v6-final .v6-copy{color:#0f3e5f}.v6-final .v6-btn.primary{background:#03111c;color:#fff;border-color:#03111c;box-shadow:none}.v6-final .v6-btn.ghost{color:#03111c;border-color:rgba(3,17,28,.3);background:transparent}
/* motion */
.v6-reveal{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.v6-reveal.is-in{opacity:1;transform:none}.v6-word{display:inline-block;overflow:hidden;vertical-align:bottom}.v6-word>span{display:inline-block;transform:translateY(115%);transition:transform .7s cubic-bezier(.2,.75,.25,1)}.v6-word.is-in>span{transform:none}
@media(max-width:980px){.v6-hero{padding-top:150px}.v6-hero-wrap,.v6-reference-grid,.v6-map-layout,.v6-faq{grid-template-columns:1fr}.v6-hero-panel{display:none}.v6-statgrid{grid-template-columns:repeat(2,1fr)}.v6-bento{grid-template-columns:1fr}.v6-productgrid{grid-template-columns:repeat(2,1fr)}.v6-logo-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.v6-container{width:min(100% - 30px,1220px)}.v6-hero{min-height:92svh;padding-bottom:45px}.v6-hero h1{font-size:clamp(48px,15vw,76px)}.v6-actions{display:grid}.v6-btn{width:100%}.v6-stat{padding:28px 18px}.v6-stat strong{font-size:42px}.v6-bento-side{display:block}.v6-bento-side .v6-card{margin-top:18px}.v6-card,.v6-card.big{min-height:370px}.v6-productgrid{grid-template-columns:1fr}.v6-products-head{display:block}.v6-logo-grid{grid-template-columns:repeat(2,1fr)}.v6-mapbox{min-height:360px}.v6-cinematic{min-height:72vh}.v6-marquee{animation-duration:18s}}
@media(prefers-reduced-motion:reduce){.v6-home *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.v6-reveal{opacity:1;transform:none}.v6-word>span{transform:none}}

/* V6 imagery integration — 2026-09-22 */
.v6-card-media{opacity:1;background:#0b1d2c}
.v6-card-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,12,21,.08),rgba(2,12,21,.34) 50%,rgba(2,12,21,.96) 100%)}
.v6-card-media img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9) contrast(1.03);transition:transform 1s cubic-bezier(.2,.7,.2,1),filter .45s ease}
.v6-card:hover .v6-card-media img{transform:scale(1.045);filter:saturate(1) contrast(1.05)}
.v6-service-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}
.v6-service-gallery figure{position:relative;margin:0;min-height:260px;overflow:hidden;border:1px solid var(--v6-line);background:#071824}
.v6-service-gallery img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .4s;filter:saturate(.88)}
.v6-service-gallery figure:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(2,12,20,.84))}
.v6-service-gallery figure:hover img{transform:scale(1.055);filter:saturate(1)}
.v6-service-gallery figcaption{position:absolute;z-index:2;left:20px;bottom:18px;font:800 10px monospace;letter-spacing:.15em;color:#d7efff}
.v6-mapbox{background:#03111d;border-color:#174563;padding:0}
.v6-mapbox:before,.v6-mapbox:after{display:none}
.v6-mapbox img{width:100%;height:100%;min-height:520px;object-fit:cover;display:block}
.v6-efa-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}
.v6-efa-card{min-height:370px;border:1px solid var(--v6-line);background:linear-gradient(145deg,#fff,#e9f1f7);display:grid;place-items:center;position:relative;overflow:hidden;padding:56px}
.v6-efa-card:before{content:"";position:absolute;width:280px;height:280px;border:1px solid rgba(31,156,255,.25);border-radius:50%;right:-85px;top:-80px;box-shadow:0 0 0 58px rgba(31,156,255,.04)}
.v6-efa-card img{position:relative;z-index:2;width:min(330px,80%);height:auto;mix-blend-mode:multiply}
.v6-efa-card span{position:absolute;left:26px;bottom:22px;color:#507087;font:700 9px monospace;letter-spacing:.14em}
@media(max-width:980px){.v6-service-gallery,.v6-efa-grid{grid-template-columns:1fr}.v6-service-gallery figure{min-height:330px}.v6-mapbox img{min-height:0}}
@media(max-width:640px){.v6-service-gallery figure{min-height:240px}.v6-efa-card{min-height:280px;padding:35px}}
/* V7.1 — Türkiye servis ağı görseli: görselin üzerindeki başlık ve harita kırpılmasın */
.v6-mapbox{
  min-height:0;
  aspect-ratio:auto;
  overflow:hidden;
  background:#03111d;
}
.v6-mapbox img{
  width:100%;
  height:auto;
  min-height:0;
  object-fit:contain;
  object-position:center;
  display:block;
}
@media(max-width:980px){
  .v6-mapbox img{width:100%;height:auto;min-height:0;object-fit:contain}
}

@media(max-width:640px){.v6-cinematic .v6-title{font-size:clamp(38px,12vw,68px)}}

.v6-brand-seo-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--v6-line);margin-top:36px;border:1px solid var(--v6-line)}.v6-brand-seo-link{background:#071724;color:#e8f4fc;text-decoration:none;padding:24px 18px;font-size:13px;font-weight:800;letter-spacing:.04em;display:flex;justify-content:space-between;align-items:center;transition:.3s}.v6-brand-seo-link span{color:var(--v6-blue);font-size:18px}.v6-brand-seo-link:hover{background:#0c2234;transform:translateY(-2px)}@media(max-width:980px){.v6-brand-seo-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.v6-brand-seo-grid{grid-template-columns:1fr}}
