/* BORVEC v108 — performance, footer map, cursor idle dot, droplet navigation, logo intro. */

/* --- Header blur strip: same look, cheaper to keep alive ---------------------------------
   Opacity is now written to this element only (never to <html>), and the strip is removed
   from rendering entirely while it is fully transparent at the top of the page. */
.v106-header-fade{contain:strict;transform:translateZ(0);opacity:0}
.v106-header-fade[data-v108-off]{visibility:hidden}

/* --- Decorative CSS animations pause while their section is off screen ------------------ */
[data-v108-offscreen] *,[data-v108-offscreen]::before,[data-v108-offscreen]::after{animation-play-state:paused!important}

/* --- Approach accordion: transform/clip based, the page below never reflows ------------- */
.approach-steps{position:relative}
.approach-steps>details{position:relative}
.approach-steps details[data-animating="true"] .approach-details-body{will-change:auto}

/* --- Footer map fills the left column --------------------------------------------------- */
@media(min-width:761px){
  .v92-footer-brand{display:flex;flex-direction:column}
  .v92-footer-brand .v94-footer-map{max-width:none;flex:none;display:flex;flex-direction:column}
  .v92-footer-brand .v94-footer-map img{flex:none;height:auto;min-height:0;aspect-ratio:1440/850;object-fit:contain}
  .v103-map-credit{max-width:none}
}
@media(max-width:760px){.v92-footer-brand .v94-footer-map{max-width:none}}

/* --- Cursor: settles into a dot when the pointer rests ---------------------------------- */
.cursor-follower::before{transition:transform .24s cubic-bezier(.16,1,.3,1),background-color .24s ease,border-width .24s ease}
.cursor-follower.is-idle:not(.is-hovering)::before{transform:scale(.2);background-color:currentColor;border-width:4px;transition:transform .55s cubic-bezier(.65,0,.35,1),background-color .4s ease .12s,border-width .4s ease}

/* --- Droplet navigation indicator ------------------------------------------------------- */
html .v92-header #navigation .v28-active-indicator.v108-drop{left:0!important;right:0!important;width:auto!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible;will-change:auto;filter:drop-shadow(0 2px 6px var(--v107-shadow,#0000001a))}
.v108-drop svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;display:block}
.v108-drop .v108-drop-fill{fill:var(--v106-selected);stroke:none}
.v108-drop .v108-drop-sheen{fill:url(#v108-drop-sheen);stroke:none}
.v108-drop .v108-drop-edge{fill:none;stroke:var(--v106-glass-line);stroke-width:1}
.v108-drop .v108-sheen-a{stop-color:#fff;stop-opacity:.22}
.v108-drop .v108-sheen-b{stop-color:#fff;stop-opacity:0}

/* --- Logo intro: draw, fill, then fly into the header ----------------------------------- */
.v108-intro{position:fixed;inset:0;z-index:1000;color:#fff}
html[data-theme=light] .v108-intro{color:#0d1418}
.v108-intro .intro-backdrop{position:absolute;inset:0;background:var(--ink,#0b1218)}
html[data-theme=light] .v108-intro .intro-backdrop{background:#f3f2ec}
.v108-intro-mark{position:fixed;left:0;top:0;transform-origin:0 0;overflow:visible;will-change:transform}
.v108-intro-mark path{fill:currentColor;stroke-width:9!important;fill-opacity:0;stroke:currentColor;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:1}
.v108-intro .v107-intro-skip{position:absolute;right:clamp(18px,3vw,40px);bottom:clamp(18px,3vw,36px);border:0;background:none;color:inherit;opacity:.55;font:500 13px/1 InstrumentSans,sans-serif;letter-spacing:.04em;padding:12px;cursor:pointer}
.v108-intro .v107-intro-skip:hover,.v108-intro .v107-intro-skip:focus-visible{opacity:1}
@media(prefers-reduced-motion:reduce){.v108-intro{display:none}}
.approach-steps>details.v108-ghost{position:absolute;left:0;right:0;margin:0;border-color:transparent!important;pointer-events:none;overflow:hidden}
.approach-steps>details.v108-ghost summary{visibility:hidden}
html.intro-running.intro-revealing .v92-header .v107-logo-lockup,html.intro-running.intro-revealing .opening .brand img,html.intro-running.intro-revealing .v92-header .brand img{visibility:visible}

/* --- v108 colour update: restores the vivid v105 palette (colours only; layout,
       typography and glass material stay as in v107/v108). ---------------------------- */
:root{--v92-accent:#74ffed;--v92-nav-ink:#f3f6f7;--site-heading-period-color:#74ffed;--v10-trace:#74ffed;--mint:#74ffed;--lime:#c8ff5f;
  --v107-bg:#080d16;--v107-glass:rgba(23,36,45,.74);--v107-edge:rgba(225,240,248,.2);--v107-shine:rgba(255,255,255,.42);--v107-shadow:rgba(0,0,0,.2);
  --v106-selected:rgba(116,255,237,.15)}
html[data-theme=light]{--v92-accent:#087d77;--v92-nav-ink:#11181b;--site-heading-period-color:#087d77;--v10-trace:#087d77;
  --v107-bg:#f6f2e9;--v107-glass:rgba(255,255,255,.74);--v107-edge:rgba(20,43,53,.13);--v107-shine:rgba(255,255,255,.95);--v107-shadow:rgba(20,43,53,.09);
  --v106-selected:rgba(8,125,119,.12)}
.product-protecta,.product-vianex{--site-heading-period-color:#15585a}
html[data-theme=light] :is(.product-protecta,.product-vianex){--site-heading-period-color:#087d77}
.v10-opening{background:#080d16!important;--v10-fg:#f3f5f3}
html[data-theme=light] .v10-opening{background:linear-gradient(160deg,#f6f2e9 0%,#e9ede8 52%,#dde9e6 100%)!important;--v10-fg:#182730}
.product-protecta{background:var(--mint)!important;color:#080b14!important}
.product-vianex{background:var(--lime)!important;color:#080b14!important}
.company .company-eyebrow{color:#74ffed}
html[data-theme=light] .company .company-eyebrow{color:#087d77}
html .v92-header .v92-header-cta{background:#f6f8f8!important;color:#101518!important;border-color:transparent!important}
html .v92-header .v92-header-cta>span{background:#101518!important;color:#fff!important}
html[data-theme=light] .v92-header .v92-header-cta{background:#101518!important;color:#fff!important}
html[data-theme=light] .v92-header .v92-header-cta>span{background:#f6f8f8!important;color:#101518!important}
#borvec-scroll-to-top.v107-glass{background:rgba(11,37,45,.82)!important;border-color:#57d7c9!important;color:#b6fff1}
.brand-intro{color:#f3f5f3}
.intro-backdrop,html .v108-intro .intro-backdrop{background:#080d16}
html[data-theme=light] .intro-backdrop,html[data-theme=light] .v108-intro .intro-backdrop{background:linear-gradient(160deg,#f6f2e9 0%,#e9ede8 52%,#dde9e6 100%)}
html[data-theme=light] .brand-intro{color:#11181b}
.v10-opening{--v10-trace:#74ffed}
html[data-theme=light] .v10-opening{--v10-trace:#087d77}
.v92-footer-cta.v107-glass{background:#fff!important;color:#101518!important;border-color:transparent!important}
.vx-inline-close.v107-glass{background:#162532!important;color:#f3f6fb;border-color:#556573!important}
html[data-theme=light] .v92-header .v92-header-cta>span{background:#fff!important}
/* Light theme: hero sculpture orbit rings and corner marks were nearly invisible. */
html[data-theme=light] .v10-stage::before,html[data-theme=light] .v10-stage::after{border-color:rgba(8,125,119,.36)}
html[data-theme=light] .v10-stage-corner{border-color:rgba(8,125,119,.55)}
/* "Açılışı yeniden izle" is a plain footer link like its neighbours, not a glass button. */
.v92-footer-bottom .intro-replay,.v92-footer-bottom .intro-replay.v107-glass{background:none!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding:0!important;min-height:0;color:inherit!important;font:inherit;text-decoration:underline;text-underline-offset:4px}
.v92-footer-bottom .intro-replay.v107-glass::before{display:none}

/* --- Hakkımızda (ana sayfa): kısa kanıtlar + "Bizi tanıyın" ---------------------------- */
.company .v108-achievements{list-style:none;margin:0;padding:0;display:grid;max-width:620px}
.company .v108-achievements li{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:20px 0;border-top:1px solid rgba(214,232,240,.16)}
.company .v108-achievements li:last-child{border-bottom:1px solid rgba(214,232,240,.16)}
.company .v108-ach-title{font-weight:650;font-size:clamp(19px,1.6vw,26px);letter-spacing:-.02em;color:var(--paper)}
.company .v108-ach-meta{font-size:clamp(13px,.95vw,15px);color:var(--muted);text-align:right}
.company .v108-about-cta{display:inline-flex;align-items:center;gap:14px;margin-top:32px;padding:8px 8px 8px 22px;border-radius:999px;background:#f6f8f8;color:#101518;font-weight:600;font-size:16px;text-decoration:none;transition:transform .2s cubic-bezier(.16,1,.3,1)}
.company .v108-about-cta>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#101518;color:#fff}
.company .v108-about-cta svg{width:19px;height:19px;stroke-width:2.1}
.company .v108-about-cta:hover{transform:translateX(3px)}
.company .v108-about-cta:focus-visible{outline:2px solid var(--mint);outline-offset:4px}
html[data-theme=light] .company .v108-achievements li{border-color:rgba(23,35,42,.16)}
html[data-theme=light] .company .v108-ach-title{color:#17232A}
html[data-theme=light] .company .v108-ach-meta{color:#566168}
html[data-theme=light] .company .v108-about-cta{background:#101518;color:#fff}
html[data-theme=light] .company .v108-about-cta>span{background:#fff;color:#101518}
@media(max-width:560px){.company .v108-achievements li{flex-direction:column;gap:4px}.company .v108-ach-meta{text-align:left}}
@media(prefers-reduced-motion:reduce){.company .v108-about-cta{transition:none}}

/* --- Başlık sonu kare noktalar: dekoratif, metin noktasından belirgin şekilde büyük ------ */
.v10-opening .v10-dot,.site-heading-period{width:.17em!important;height:.17em!important;margin-inline-start:.07em!important;vertical-align:0!important}
.about-card-body .site-heading-period{width:.2em!important;height:.2em!important}

/* --- Yetkinlikler: liste | görsel | açıklama (masaüstü) ---------------------------------- */
@media(min-width:1101px){
  #hizmetler .v12-grid{grid-template-columns:minmax(240px,.68fr) minmax(0,1.25fr) minmax(250px,.72fr);gap:clamp(26px,2.6vw,44px);align-items:start}
  #hizmetler .v16-sidebar{display:contents}
  #hizmetler .v12-choices{grid-column:1;grid-row:1}
  #hizmetler .v12-presentation{grid-column:2;grid-row:1}
  #hizmetler .v12-copy-area{grid-column:3;grid-row:1;margin-top:0!important;min-height:0!important;align-self:start}
  #hizmetler .v12-choice-title{line-height:1.16!important}
  #hizmetler .v12-choice{padding-top:clamp(20px,1.7vw,28px)!important;padding-bottom:clamp(20px,1.7vw,28px)!important}
  #hizmetler .v12-copy h3{font-size:clamp(22px,1.7vw,28px)}
  #hizmetler .v12-copy p{font-size:clamp(15px,1.05vw,17px);line-height:1.7}
}
@media(min-width:1101px){
  #hizmetler .v12-presentation{align-self:stretch;display:flex}
  #hizmetler .v12-stage{flex:1;aspect-ratio:auto!important;height:auto;min-height:440px;max-height:none!important}
}
.company .v108-ach-title{white-space:nowrap}
/* Footer: logo ve e-posta düğmesi kaldırıldı, harita üstten hizalı. */
.v92-footer-brand .v94-footer-map{margin-top:0!important}
/* Başlık sonu noktaları metne yapışmasın. */
.site-heading-period{margin-inline-start:.11em!important}
/* Yetkinlik etiketleri: büyük, alt alta, numaralı satırlar. */
#hizmetler .v12-tags{display:flex!important;flex-direction:column;align-items:stretch;gap:0!important;margin-top:clamp(26px,2.4vw,40px)!important;counter-reset:v108tag;border-top:1px solid var(--v12-line)}
#hizmetler .v12-tags span{counter-increment:v108tag;display:flex;align-items:center;gap:16px;padding:clamp(14px,1.2vw,18px) 2px!important;border:0!important;border-bottom:1px solid var(--v12-line)!important;border-radius:0!important;font:600 clamp(15px,1.15vw,18px)/1.3 InstrumentSans,sans-serif!important;letter-spacing:-.01em;color:var(--v12-ink)}
#hizmetler .v12-tags span::before{content:counter(v108tag,decimal-leading-zero);font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--mint);min-width:22px}
html[data-theme=light] #hizmetler .v12-tags span::before{color:#087d77}

/* ======================= v108.2 — hizmet odaklı yeni yapı ======================= */
/* Açılış: tek cümle + iki bağlantı */
.v108-hero-offer{margin-top:clamp(22px,2.6vw,38px);max-width:560px;animation:v108-rise .8s cubic-bezier(.16,1,.3,1) .35s both}
.v108-hero-offer p{margin:0;font-size:clamp(16px,1.3vw,20px);line-height:1.6;color:var(--v10-soft,#b3bdc4)}
html[data-theme=light] .v108-hero-offer p{color:#4f6066}
.v108-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:26px}
.v108-btn{display:inline-flex;align-items:center;gap:12px;font-weight:600;font-size:15px;text-decoration:none;border-radius:999px;transition:transform .2s cubic-bezier(.16,1,.3,1),color .2s}
.v108-btn-primary{padding:7px 7px 7px 20px;background:#f6f8f8;color:#101518}
.v108-btn-primary>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#101518;color:#fff}
.v108-btn-primary svg{width:18px;height:18px;stroke-width:2.1}
.v108-btn-primary:hover{transform:translateX(3px)}
.v108-btn-text{color:inherit;border-bottom:1px solid currentColor;border-radius:0;padding:4px 0}
.v108-btn-text:hover{color:var(--v10-trace)}
html[data-theme=light] .v108-btn-primary{background:#101518;color:#fff}
html[data-theme=light] .v108-btn-primary>span{background:#fff;color:#101518}
@keyframes v108-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
html.intro-running:not(.intro-revealing) .v108-hero-offer{animation-play-state:paused}

/* Ortak bölüm başlığı */
.v108-services,.v108-process{color:var(--paper)}
.v108-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding-bottom:clamp(26px,3vw,40px);margin-bottom:clamp(28px,3.4vw,52px);border-bottom:1px solid rgba(214,232,240,.14)}
.v108-head h2{margin:0}
.v108-head-split p{margin:0;max-width:56ch;font-size:clamp(15px,1.1vw,18px);line-height:1.7;color:var(--muted)}
html[data-theme=light] .v108-head{border-color:rgba(23,35,42,.14)}

/* Hizmetler: 2×2 kart */
.v108-services{background:var(--section)}
.v108-svc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2vw,28px)}
.v108-svc{display:flex;flex-direction:column;border-radius:24px;overflow:hidden;border:1px solid rgba(214,232,240,.13);background:linear-gradient(165deg,rgba(255,255,255,.045),rgba(255,255,255,.01) 60%);transition:border-color .3s ease,transform .35s cubic-bezier(.16,1,.3,1)}
.v108-svc:hover{border-color:rgba(116,255,237,.35);transform:translateY(-3px)}
.v108-svc-media{margin:0;aspect-ratio:16/8.5;overflow:hidden;background:#0c1a22}
.v108-svc-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 45%;transition:transform .8s cubic-bezier(.16,1,.3,1)}
.v108-svc:hover .v108-svc-media img{transform:scale(1.03)}
.v108-svc-body{padding:clamp(22px,2.2vw,34px);display:flex;flex-direction:column;gap:14px;flex:1}
.v108-svc-body h3{margin:0;font:650 clamp(22px,1.8vw,30px)/1.15 InstrumentSans,sans-serif;letter-spacing:-.03em;color:var(--paper)}
.v108-svc-body p{margin:0;font-size:clamp(15px,1.05vw,17px);line-height:1.7;color:var(--muted)}
.v108-svc-scope{list-style:none;margin:auto 0 0;padding:16px 0 0;display:flex;flex-wrap:wrap;gap:8px 20px;border-top:1px solid rgba(214,232,240,.12)}
.v108-svc-scope li{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--paper)}
.v108-svc-scope li::before{content:"";width:6px;height:6px;border-radius:2px;background:var(--mint)}
html[data-theme=light] .v108-svc{border-color:rgba(23,35,42,.12);background:#fff;box-shadow:0 16px 40px rgba(23,35,42,.06)}
html[data-theme=light] .v108-svc-scope{border-color:rgba(23,35,42,.1)}
html[data-theme=light] .v108-svc-scope li::before{background:#087d77}

/* Süreç */
.v108-process{background:#0a101b}
html[data-theme=light] .v108-process{background:#f6f4ee}
.v108-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.4vw,40px)}
.v108-steps li{position:relative;padding-top:26px;border-top:2px solid rgba(214,232,240,.16)}
.v108-steps li::before{content:"";position:absolute;left:0;top:-2px;width:56px;height:2px;background:var(--mint)}
.v108-step-num{display:block;font:700 13px/1 InstrumentSans,sans-serif;letter-spacing:.16em;color:var(--mint);margin-bottom:18px}
.v108-steps h3{margin:0 0 12px;font:650 clamp(21px,1.7vw,28px)/1.2 InstrumentSans,sans-serif;letter-spacing:-.025em;color:var(--paper)}
.v108-steps p{margin:0;font-size:clamp(15px,1.05vw,17px);line-height:1.7;color:var(--muted)}
.v108-deliverables{margin-top:clamp(40px,4.6vw,72px);padding:clamp(24px,2.6vw,40px);border-radius:24px;border:1px solid rgba(116,255,237,.22);background:linear-gradient(160deg,rgba(116,255,237,.07),rgba(116,255,237,.01) 60%)}
.v108-deliverables h3{margin:0 0 20px;font:650 clamp(19px,1.4vw,24px)/1.2 InstrumentSans,sans-serif;color:var(--paper)}
.v108-deliverables ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}
.v108-deliverables li{display:grid;grid-template-columns:110px 1fr;gap:18px;padding:16px 0;border-top:1px solid rgba(214,232,240,.12);font-size:clamp(15px,1.05vw,17px);line-height:1.55}
.v108-deliverables strong{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--mint);padding-top:3px}
.v108-deliverables span{color:var(--paper)}
html[data-theme=light] .v108-steps li{border-color:rgba(23,35,42,.14)}
html[data-theme=light] .v108-steps li::before,html[data-theme=light] .v108-step-num,html[data-theme=light] .v108-deliverables strong{background-color:transparent;color:#087d77}
html[data-theme=light] .v108-steps li::before{background:#087d77}
html[data-theme=light] .v108-deliverables{border-color:rgba(8,125,119,.25);background:linear-gradient(160deg,rgba(8,125,119,.08),#fff 70%)}
html[data-theme=light] .v108-deliverables li{border-color:rgba(23,35,42,.1)}

/* Hakkımızda (ana sayfa) kısa metin */
.company .v108-company-text{margin:0 0 26px!important;font-size:clamp(17px,1.35vw,21px)!important;line-height:1.6!important;font-weight:500!important;color:var(--muted)!important;max-width:46ch}
html[data-theme=light] .company .v108-company-text{color:#566168!important}

/* İletişim başlığı */
.v108-contact-head{max-width:1600px;margin:0 auto clamp(36px,4vw,64px);display:flex;align-items:flex-end;justify-content:space-between;gap:32px;flex-wrap:wrap}
.v108-contact-head h2{margin:0;font:650 clamp(34px,4.2vw,66px)/1.05 InstrumentSans,sans-serif;letter-spacing:-.045em;color:#f3f6f7}
.v108-contact-head p{margin:0;max-width:52ch;font-size:clamp(15px,1.1vw,18px);line-height:1.7;color:#aab5bc}

@media(max-width:980px){
  .v108-svc-grid{grid-template-columns:1fr}
  .v108-steps{grid-template-columns:1fr;gap:30px}
  .v108-deliverables ul{grid-template-columns:1fr}
  .v108-head{flex-direction:column;align-items:flex-start;gap:16px}
}
@media(max-width:560px){
  .v108-deliverables li{grid-template-columns:1fr;gap:4px}
  .v108-hero-actions{gap:14px 20px}
}
@media(prefers-reduced-motion:reduce){.v108-hero-offer{animation:none}.v108-svc,.v108-svc-media img{transition:none}}
/* Başlık: daha uzun "Projenizi paylaşın" düğmesi için tema düğmesi sola alındı. */
@media(min-width:1231px){html .v92-header > .theme-toggle{margin-right:221px!important}}
@media(min-width:981px) and (max-width:1230px){html .v92-header > .theme-toggle{margin-right:181px!important}}
/* Mobil/tablet: dört hizmet seçeneği 2×2 */
@media(max-width:1100px){#hizmetler .v12-choices{grid-template-columns:repeat(2,minmax(0,1fr))!important}#hizmetler .v47-choice-design{grid-column:auto!important}}
/* Hizmet kapsamı: numara yerine marka noktası */
#hizmetler .v12-tags span::before{content:""!important;width:8px;height:8px;min-width:8px!important;border-radius:2px;background:var(--mint)}
html[data-theme=light] #hizmetler .v12-tags span::before{background:#087d77}
/* Sahne: görsel daha büyük (masaüstü) */
@media(min-width:1101px){#hizmetler .v12-stage-media{scale:1.32;translate:0 7%;transform-origin:50% 50%}}

/* v108 ambient hero atmosphere (replaces the sculpture) */
.v10-opening .v108-waves{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;z-index:1;opacity:0;transition:opacity 1.6s ease}
html:not(.intro-running) .v10-opening .v108-waves,html.intro-revealing .v10-opening .v108-waves{opacity:1}
.v10-opening .v10-hero-grid{grid-template-columns:minmax(0,1fr)!important}
.v10-opening .v10-copy{max-width:980px}
.v10-opening::after{mask-image:radial-gradient(ellipse 70% 60% at 70% 55%,#000 0%,transparent 80%)}
.v10-opening .v108-waves{-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.42) 0%,rgba(0,0,0,.6) 30%,#000 62%);mask-image:linear-gradient(90deg,rgba(0,0,0,.42) 0%,rgba(0,0,0,.6) 30%,#000 62%)}
@media(max-width:760px){.v10-opening .v108-waves{-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,.5) 45%,#000 70%);mask-image:linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,.5) 45%,#000 70%)}}