/*
Theme Name: OWOM Digital
Theme URI: https://www.owomdigital.com/
Author: OWOM Digital
Description: OWOM Digital kurumsal web sitesi teması.
Version: 1.0.0
Requires at least: 5.8
Requires PHP: 7.4
Text Domain: owom-digital
*/
:root{
  --red:#e61244; --ink:#16161d; --muted:#626575; --line:#ececf1;
  --pink:#fff0f4; --grey:#f3f3f6; --peach:#fff3ea; --white:#fff;
  --radius:28px; --ease:cubic-bezier(.22,.7,.2,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--white);color:var(--ink);font:17px/1.7 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;overflow-x:clip}
img{max-width:100%;display:block}
.wrap{width:min(1200px,100% - 40px);margin-inline:auto;position:relative}
a{color:inherit}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:99}
.progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--red);z-index:100}
.red{color:var(--red)}
.muted{color:var(--muted)}

/* header */
.site-header{position:sticky;top:0;z-index:50;background:#fff;backdrop-filter:blur(12px);transition:box-shadow .3s}
.site-header.scrolled{box-shadow:0 1px 0 var(--line)}
.bar{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:16px;transition:min-height .3s}
.scrolled .bar{min-height:62px}
.logo img{height:48px;width:auto;transition:height .3s}
.scrolled .logo img{height:40px}
.nav{display:flex;align-items:center;gap:30px}
.nav a:not(.btn){text-decoration:none;font-weight:500;font-size:.95rem;position:relative;padding:4px 0}
.nav a:not(.btn)::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--red);transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease)}
.nav a:not(.btn):hover::after{transform:scaleX(1);transform-origin:left}
.nav .nav-social{display:none}
.menu-btn{display:none;background:none;border:0;padding:12px 0 12px 12px;color:var(--ink);cursor:pointer;line-height:0;-webkit-tap-highlight-color:transparent}
.burger{position:relative;display:block;width:26px;height:18px}
.burger i{position:absolute;left:0;width:100%;height:2px;border-radius:2px;background:currentColor;transition:transform .35s var(--ease),opacity .2s,top .35s var(--ease)}
.burger i:nth-child(1){top:0}.burger i:nth-child(2){top:8px}.burger i:nth-child(3){top:16px}
.menu-btn[aria-expanded="true"] .burger i:nth-child(1){top:8px;transform:rotate(45deg)}
.menu-btn[aria-expanded="true"] .burger i:nth-child(2){opacity:0}
.menu-btn[aria-expanded="true"] .burger i:nth-child(3){top:8px;transform:rotate(-45deg)}

/* buttons */
.btn{position:relative;overflow:hidden;display:inline-block;background:var(--red);color:#fff!important;border:2px solid var(--red);border-radius:999px;padding:14px 32px;font:600 1rem inherit;text-decoration:none;cursor:pointer;isolation:isolate;transition:transform .3s var(--ease),box-shadow .3s,border-color .3s}
.btn::before{content:"";position:absolute;inset:0;background:var(--ink);transform:translateY(101%);transition:transform .4s var(--ease);z-index:-1}
.btn:hover::before{transform:none}
.btn:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(230,18,68,.28);border-color:var(--ink)}
.btn-sm{padding:9px 22px;font-size:.9rem}
.btn-lg{padding:20px 46px;font-size:1.15rem;margin-top:36px}
.btn-line{background:transparent;color:var(--red)!important}
.btn-line:hover{color:#fff!important}

/* type */
.eyebrow{color:var(--red);font-weight:700;font-size:.85rem;letter-spacing:.16em;text-transform:uppercase;margin:0 0 18px}
.mega{font-size:clamp(3rem,9.5vw,8.5rem);line-height:1;letter-spacing:-.04em;font-weight:800;margin:0}
.mega.small{font-size:clamp(2.6rem,7vw,6rem)}
.big{font-size:clamp(2.2rem,5.5vw,4.6rem);line-height:1.05;letter-spacing:-.03em;font-weight:800;margin:0 0 20px}
.lead{font-size:1.2rem;color:var(--muted);max-width:520px;margin:0}

/* hero */
.hero{padding:70px 0 40px;background:linear-gradient(180deg,var(--pink),#fff)}
.line{display:block;overflow:hidden;padding-bottom:.08em}
.line>span{display:block}
.load{animation:rise 1s var(--ease) both}
.d1{animation-delay:.1s}.d2{animation-delay:.2s}.d3{animation-delay:.4s}
@keyframes rise{from{opacity:0;transform:translateY(60%)}}
.hero-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;flex-wrap:wrap;margin-top:44px}
.cta{display:flex;flex-wrap:wrap;gap:14px}

/* genişleyen görsel */
.expand{height:220vh;position:relative}
.expand-stick{position:sticky;top:0;height:100vh;display:grid;place-items:center;overflow:hidden}
.expand-media{position:relative;width:calc(62% + 38% * var(--p,0));height:calc(58vh + 42vh * var(--p,0));border-radius:calc(var(--radius) * (1 - var(--p,0)));overflow:hidden;background:var(--grey);will-change:width,height}
.expand-media>img:first-child{width:100%;height:100%;object-fit:cover;transform:scale(calc(1.25 - .25 * var(--p,0)))}
.emb{position:absolute;right:5%;bottom:8%;width:clamp(56px,8vw,100px);height:auto;filter:drop-shadow(0 14px 20px rgba(0,0,0,.3));animation:spin 24s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* cümle */
.statement{padding:120px 0 100px}
.scrub{font-size:clamp(1.6rem,3.6vw,3rem);line-height:1.3;font-weight:700;letter-spacing:-.02em;margin:0;max-width:1000px}
.scrub .w{opacity:.16;transition:opacity .25s}
.scrub .w.on{opacity:1}
.about-sub{max-width:44em;margin:36px 0 0;color:var(--muted);font-size:1.15rem;line-height:1.65}
.facts{display:flex;flex-wrap:wrap;gap:28px 96px;margin:72px 0 0;padding-top:48px;border-top:1px solid var(--line)}
.facts div{margin:0}
.facts dt{font-size:clamp(3.2rem,8vw,6.4rem);font-weight:800;color:var(--red);line-height:1;letter-spacing:-.03em}
.facts dd{margin:10px 0 0;color:var(--muted);font-size:1rem;font-weight:500}

/* hizmetler: üst üste paneller */
.stack{background:#fff}
.stack-head{padding:60px 0 50px}
.panel{position:sticky;top:0;min-height:100vh;display:flex;align-items:center;border-radius:var(--radius) var(--radius) 0 0;box-shadow:0 -20px 50px rgba(22,22,29,.06)}
.p1{background:var(--red);color:#fff}.p2{background:var(--grey)}.p3{background:var(--peach)}.p4{background:var(--pink)}.p5{background:var(--ink);color:#fff}
.panel-in{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:70px 0}
.no{display:block;font-size:1rem;font-weight:800;color:var(--red);letter-spacing:.1em;margin-bottom:12px}
.p1 .no{color:rgba(255,255,255,.75)}
.panel h3{font-size:clamp(2rem,4.6vw,3.8rem);line-height:1.05;letter-spacing:-.03em;font-weight:800;margin:0 0 18px}
.panel p{font-size:1.15rem;color:var(--muted);margin:0 0 20px;max-width:480px}
.p1 p{color:rgba(255,255,255,.88)}
.panel ul{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:8px}
.panel li{padding-left:26px;position:relative;font-weight:500}
.panel li::before{content:"";position:absolute;left:0;top:.62em;width:14px;height:2px;background:var(--red)}
.p1 li::before{background:#fff}
.link{--c:var(--red);--t:#fff;display:inline-flex;align-items:center;gap:22px;height:60px;padding:0 6px 0 28px;border-radius:999px;border:2px solid var(--c);color:var(--c);font-weight:700;font-size:.98rem;text-decoration:none;white-space:nowrap;transition:background .4s var(--ease),color .4s var(--ease)}
.p1 .link{--c:#fff;--t:var(--red)}
.link:hover{background:var(--c);color:var(--t)}
.link-ic{position:relative;flex:none;width:44px;height:44px;border-radius:50%;background:var(--c);overflow:hidden;transition:background .4s var(--ease)}
.link-ic svg{position:absolute;left:50%;top:50%;width:20px;height:20px;margin:-10px 0 0 -10px;stroke:var(--t);transition:transform .5s var(--ease),stroke .4s var(--ease)}
.link-ic svg+svg{transform:translateX(-36px)}                 /* ikinci ok soldan girer */
.link:hover .link-ic{background:var(--t)}
.link:hover .link-ic svg{stroke:var(--c);transform:translateX(36px)}
.link:hover .link-ic svg+svg{transform:none}
.panel-media{border-radius:var(--radius);overflow:hidden;aspect-ratio:10/11;background:rgba(0,0,0,.06)}
.panel-media img{width:100%;height:112%;object-fit:cover;will-change:transform}

/* yatay galeri */
.hscroll{position:relative;background:#fff}
.hs-stick{position:sticky;top:0;height:100vh;box-sizing:border-box;padding-top:100px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;gap:34px}   /* içerik üstte başlar: önceki bölümle aradaki boşluk ekran boyundan bağımsız sabit */
.hs-head .big{margin:0}
.hs-track{display:flex;gap:28px;padding:0 max(20px,calc((100vw - 1200px) / 2));will-change:transform}
.hs-track figure{margin:0;flex:none;width:clamp(260px,min(30vw,42vh),420px)}
.hs-track img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius);background:var(--grey);transition:transform .5s var(--ease)}
.hs-track figure:hover img{transform:scale(1.03)}
.hs-track figcaption{display:grid;padding:14px 4px 0}
.hs-track figcaption span{color:var(--muted);font-size:.9rem}

/* cta */
.cta-big{position:relative;overflow:hidden;background:var(--pink);padding:150px 0}
.cta-bg{position:absolute;inset:-60px;width:calc(100% + 120px);height:calc(100% + 120px);max-width:none;object-fit:cover;filter:blur(32px) saturate(1.15)}
.cta-big::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,12,20,.72),rgba(12,12,20,.52));z-index:0}   /* koyu örtü: beyaz yazı her görselde okunur */
.cta-big .mega{color:#fff;text-shadow:0 2px 30px rgba(0,0,0,.25)}
.cta-big .mega .red{color:var(--red);text-shadow:none}
.cta-big .wrap{z-index:1}
.cta-emb{z-index:1;position:absolute;right:-60px;top:50%;width:clamp(240px,34vw,460px);height:auto;opacity:.95;margin-top:-230px;will-change:transform}

/* iletişim */
.contact{padding:120px 0}
.two{display:grid;grid-template-columns:1fr 1.1fr;gap:72px;align-items:start}
.info{list-style:none;padding:0;margin:30px 0 0;display:grid;gap:18px}
.info li{display:grid;border-left:3px solid var(--red);padding-left:16px}
.info strong{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.info a{color:var(--red);text-decoration:none;font-weight:600}
.todo{color:#c98200;font-style:normal}
.form{display:grid;gap:14px;background:var(--grey);border-radius:var(--radius);padding:36px}
label{display:grid;gap:5px;font-size:.88rem;font-weight:600}
input,select,textarea{font:inherit;font-weight:400;color:var(--ink);background:#fff;border:1.5px solid transparent;border-radius:14px;padding:14px 16px;transition:border-color .25s,box-shadow .25s}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--red);box-shadow:0 0 0 4px rgba(230,18,68,.12)}

.site-footer{background:var(--ink);color:#b7b9c6;padding-top:64px;font-size:.92rem}
.foot{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:32px}
.foot>div:first-child img{height:48px;width:auto;margin-bottom:12px}
.foot strong{display:block;color:#fff;margin-bottom:10px}
.foot a{display:block;text-decoration:none;margin-bottom:6px;transition:color .2s,transform .2s}
.foot a:hover{color:var(--red);transform:translateX(4px)}
.foot p{margin:0}
.copy{margin-top:44px;padding:22px 0;border-top:1px solid #2e2e3b;font-size:.85rem}

/* belirme */
.reveal{opacity:0;transform:translateY(40px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.reveal.in{opacity:1;transform:none}
.facts .reveal:nth-child(2){transition-delay:.1s}.facts .reveal:nth-child(3){transition-delay:.2s}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .reveal{opacity:1;transform:none}.scrub .w{opacity:1}html{scroll-behavior:auto}
  .expand{height:auto}.expand-stick{position:static;height:auto;padding:0 20px}
  .expand-media{width:100%;height:60vh;--p:1}
}

@media (max-width:900px){
  .menu-btn{display:block;grid-column:3;justify-self:end}
  .bar{display:grid;grid-template-columns:1fr auto 1fr}   /* logo ortada, menü düğmesi sağda */
  .logo{grid-column:2}
  .nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;align-items:flex-start;padding:18px 20px;border-bottom:1px solid var(--line)}
  .nav.open{display:flex}
  .panel{position:relative;min-height:0;border-radius:var(--radius) var(--radius) 0 0;margin-top:-1px}
  .panel-in,.two{grid-template-columns:1fr;gap:32px}
  .panel-in{padding:56px 0}
  .panel-media{order:-1;aspect-ratio:4/3}
  .foot{grid-template-columns:1fr}
  .expand{height:170vh}
  .contact{padding:80px 0}.cta-big{padding:100px 0}
  .cta-emb{opacity:.18}
}

/* ===== sayfa geçişi: görsel büyüyerek açılır ===== */
.fx{position:fixed;z-index:300;overflow:hidden;border-radius:var(--radius);transition:top .85s cubic-bezier(.7,0,.2,1),left .85s cubic-bezier(.7,0,.2,1),width .85s cubic-bezier(.7,0,.2,1),height .85s cubic-bezier(.7,0,.2,1),border-radius .85s cubic-bezier(.7,0,.2,1)}
.fx img{width:100%;height:100%;object-fit:cover}

/* ===== hizmet detay sayfaları ===== */
.detail .site-header{position:fixed;left:0;right:0;background:transparent;backdrop-filter:none}
.detail .site-header.scrolled{background:rgba(255,255,255,.92);backdrop-filter:blur(12px)}
.detail .site-header:not(.scrolled) .nav a:not(.btn){color:#fff}
.d-hero{position:relative;height:100vh;min-height:560px;color:#fff;display:flex;align-items:flex-end;overflow:hidden;background:var(--ink)}
.d-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.d-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,0) 30%,rgba(0,0,0,.6))}
.d-hero .wrap{z-index:1;padding-bottom:84px}
.d-hero .eyebrow{color:#fff;opacity:.9}
.d-hero .lead{color:rgba(255,255,255,.88);margin-top:22px}
.d-hero .mega{font-size:clamp(2.8rem,8vw,7rem)}
.d-hero .load{animation-delay:.55s}.d-hero .d1{animation-delay:.65s}.d-hero .d2{animation-delay:.75s}

.d-sec{padding:110px 0}
.d-sec.tint{background:var(--grey)}
.d-split{display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,520px);justify-content:space-between;gap:64px;align-items:start}
.d-split-head{position:sticky;top:112px}                  /* özellikler kayarken başlık ekranda kalır */
.d-split-head .big{font-size:clamp(2rem,3.5vw,3.4rem);margin:0}
.d-grid{display:grid;grid-template-columns:1fr;gap:72px;margin-top:0}
/* özellikler kutusuz: büyük çizim + altında başlık ve açıklama */
.d-card{display:block;background:none;padding:0;border-radius:0;box-shadow:none}
.d-card .ill{display:block;width:100%;max-width:520px;height:auto;max-height:calc(100vh - 300px);border-radius:32px;background:linear-gradient(160deg,#fff3f6,#ffe6ed);margin:0 0 28px;transition:transform .6s var(--ease),box-shadow .6s var(--ease)}
.d-card:hover .ill{transform:translateY(-8px);box-shadow:0 30px 60px rgba(230,18,68,.14)}
.d-card .ill .fl{transition:transform .8s var(--ease)}
.d-card:hover .ill .fl{transform:translateY(-6px) scale(1.02)}
.d-card h3{font-size:clamp(1.4rem,2.2vw,1.9rem);letter-spacing:-.025em;margin:0 0 10px;padding-left:4px}
.d-card p{margin:0;max-width:28em;color:var(--muted);font-size:1.05rem;padding-left:4px}
.d-steps{list-style:none;padding:0;margin:48px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.d-steps li{border-top:3px solid var(--red);padding-top:18px}
.d-steps h3{font-size:1.25rem;margin:0 0 8px}
.d-steps p{margin:0;color:var(--muted);font-size:.95rem}
.d-more{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:44px}
.d-more a{position:relative;display:block;border-radius:var(--radius);overflow:hidden;aspect-ratio:4/3;text-decoration:none;color:#fff;background:var(--ink)}
.d-more img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.d-more a:hover img{transform:scale(1.06)}
.d-more a::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.65))}
.d-more span{position:absolute;left:20px;right:16px;bottom:18px;z-index:1;font-weight:800;font-size:1.15rem;line-height:1.15;letter-spacing:-.02em}
@media (max-width:900px){
  .d-grid,.d-more{grid-template-columns:1fr}
  .d-split{grid-template-columns:1fr;gap:36px}
  .d-split-head{position:static}
  .d-card .ill{max-height:none;max-width:none}
  .d-steps{grid-template-columns:repeat(2,1fr)}
  .d-sec{padding:72px 0}
  .detail .nav a:not(.btn){color:var(--ink)!important}
}

/* ===== başlık: harf harf efektli giriş ===== */
.ch{display:inline-block;white-space:pre;opacity:0;transform:translateY(105%) rotate(7deg);transform-origin:0 100%;filter:blur(10px);animation:chIn 1s var(--ease) forwards;animation-delay:calc(var(--base,0ms) + var(--i) * 45ms)}
@keyframes chIn{60%{filter:blur(0)}to{opacity:1;transform:none;filter:blur(0)}}
.red .ch{animation-name:chIn,glow}
@keyframes glow{0%,100%{text-shadow:none}50%{text-shadow:0 0 .35em rgba(230,18,68,.35)}}

/* ===== hero: uzayda süzülen parçacıklı amblemler ===== */
.hero{position:relative;padding:0;background:#05060d;color:#fff}
.hero-stick{position:relative;min-height:calc(100vh - 76px);display:flex;align-items:center;padding:80px 0}
.hero .mega{font-size:clamp(3rem,8.4vw,7.6rem)}
.hero-canvas{display:none}
.hero-hint{display:none}
/* WebGL çalışıyorsa */
.hero.gl{height:400vh;margin-top:-76px}
.hero.gl .hero-stick{position:sticky;top:0;height:100vh;min-height:0;padding:0;overflow:hidden}
.hero.gl .hero-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .5s;pointer-events:none}
.hero.gl .hero-canvas.on{opacity:1}
.hero.gl .hero-canvas.back{z-index:0}
.hero.gl .hero-canvas.front{z-index:2}
.hero.gl .hero-copy{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:76px 0 4vh;pointer-events:none}
.hero.gl .hero-copy>*{opacity:calc(1 - var(--hp,0) * 3.2)}
.hero.gl .hero-foot{position:relative;z-index:3}
.hero.gl .hero-copy a{pointer-events:auto}
.hero.gl .lead{color:var(--ink)}
.hero.gl .hero-foot{flex-direction:column;align-items:center;gap:26px;margin-top:34px}
.hero.gl .lead{margin-inline:auto}
.hero.gl .cta{justify-content:center}
.hero.gl .line{padding-inline:.1em}
.hero.gl .hero-hint{display:block;position:absolute;z-index:3;left:50%;bottom:22px;transform:translateX(-50%);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);opacity:calc(1 - var(--hp,0) * 6)}
@media (max-width:900px){
  .hero-stick{min-height:0;padding:64px 0}
  .hero.gl{height:340vh}
}

/* ===== hero: uzay videosu arka planı ===== */
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.hero-shade{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse at 50% 50%,rgba(5,6,13,.25),rgba(5,6,13,.62))}
.hero .mega{color:#fff}
.hero .mega .red{color:var(--red)}
.hero .eyebrow{color:#ff6b8f}
.hero .lead,.hero.gl .lead{color:rgba(255,255,255,.88)}
.hero .btn-line{color:#fff!important;border-color:rgba(255,255,255,.7)}
.hero .btn-line:hover{border-color:var(--ink)}
.hero.gl .hero-hint{color:rgba(255,255,255,.75)}

/* ===== anasayfa: menü hero'nun üzerinde şeffaf, hero geçilince beyaza döner ===== */
.home .site-header{position:fixed;left:0;right:0}
.home .hero.gl{margin-top:0}
.home .hero-stick{min-height:100vh}
.home .site-header.on-dark{background:transparent;backdrop-filter:none;box-shadow:none}
.home .site-header.on-dark .nav a:not(.btn){color:#fff}
.home .site-header.on-dark .menu-btn{color:#fff}
.detail .site-header:not(.scrolled) .menu-btn{color:#fff}

/* logo: koyu zemin üzerinde beyaz */
.home .site-header.on-dark .logo img,
.detail .site-header:not(.scrolled) .logo img{filter:brightness(0) invert(1)}

/* video katmanları kendi yığını içinde kalır: geçişteki z-index yazıların/amblemlerin üstüne çıkamaz */
.hero-videos{position:absolute;inset:0;z-index:0;overflow:hidden}
.hero-videos .hero-bg{z-index:1}

/* ===== Dünya'ya iniş geçişi (hero-clouds.js) ===== */
.hero-next,.hero-clouds{display:none}
.hero.gl .hero-next{display:block;position:absolute;inset:0;z-index:0;overflow:hidden;background:linear-gradient(135deg,#3a4a6b,#c9a27a)}
.hero-next img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;will-change:transform}
.hero-next-cap{position:absolute;left:clamp(20px,6vw,90px);bottom:clamp(28px,7vh,80px);color:#fff;font-size:clamp(1.4rem,3vw,2.4rem);font-weight:800;letter-spacing:-.02em;text-shadow:0 2px 24px rgba(0,0,0,.5);opacity:0}
.hero.gl .hero-clouds{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}
.hero-videos{will-change:transform;transform-origin:50% 72%}
.hero .mega .fl{display:inline-block;will-change:transform,opacity}
.hero.gl .hero-copy>.mega{opacity:1}                       /* başlığı harfler kendisi söndürür */
.hero.gl.flying .line{overflow:visible}                    /* uçan harfler satır kutusunda kesilmesin */

/* ===== kaydırma ipucu: hareketli fare / parmak ikonu ===== */
.hero.gl .hero-hint{bottom:26px;line-height:0}
.hint-mouse{display:block;width:26px;height:42px;border:2px solid rgba(255,255,255,.85);border-radius:14px;position:relative}
.hint-mouse i{position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:#fff;animation:wheel 1.6s var(--ease) infinite}
@keyframes wheel{0%{opacity:0;transform:translateY(0)}20%{opacity:1}80%{opacity:0;transform:translateY(14px)}100%{opacity:0}}
.hint-touch{display:none;width:34px;height:44px;position:relative}
.hint-touch .hand{position:absolute;left:3px;top:4px;width:29px;height:30px;fill:#fff;filter:drop-shadow(0 2px 6px rgba(0,0,0,.45));animation:swipe 5s ease-in-out infinite}
@keyframes swipe{0%{opacity:0;transform:translateY(0) rotate(180deg)}25%{opacity:1;transform:translateY(0) rotate(180deg)}75%{opacity:1;transform:translateY(8px) rotate(180deg)}100%{opacity:0;transform:translateY(10px) rotate(180deg)}}
@media (hover:none) and (pointer:coarse){.hint-mouse{display:none}.hint-touch{display:block}.hero.gl .hero-hint{bottom:calc(env(safe-area-inset-bottom,0px) + 74px)}}
@supports (height:100svh){@media (hover:none) and (pointer:coarse){.hero.gl .hero-hint{bottom:calc(100vh - 100svh + 20px)}}}
@media (prefers-reduced-motion:reduce){.hint-mouse i,.hint-touch .hand{animation:none;opacity:1}}

/* ===== mobil menü: tam ekran, marka kırmızısı; düğmenin olduğu köşeden daire gibi açılır ===== */
@media (max-width:900px){
  .logo,.menu-btn{position:relative;z-index:2}
  body.menu-open{overflow:hidden}
  body.menu-open .site-header{backdrop-filter:none;-webkit-backdrop-filter:none;background:transparent;box-shadow:none}
  body.menu-open .logo img{filter:brightness(0) invert(1)}
  body.menu-open .menu-btn{color:#fff!important}
  .site-header .nav{display:flex;position:fixed;inset:0;z-index:1;height:100vh;height:100dvh;box-sizing:border-box;
    flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2px;padding:96px 28px 40px;border:0;background:var(--red);
    visibility:hidden;pointer-events:none;
    clip-path:circle(0px at calc(100% - 38px) 38px);
    transition:clip-path .75s cubic-bezier(.7,0,.2,1),visibility 0s .75s}
  .site-header .nav.open{visibility:visible;pointer-events:auto;clip-path:circle(150vmax at calc(100% - 38px) 38px);transition:clip-path .75s cubic-bezier(.7,0,.2,1),visibility 0s}
  .site-header .nav a:not(.btn){font-size:clamp(2.3rem,11vw,3.6rem);font-weight:800;letter-spacing:-.035em;line-height:1.08;padding:6px 0;color:#fff!important}
  .site-header .nav a:not(.btn)::after{display:none}
  .site-header .nav .btn{margin-top:28px;background:#fff;color:var(--red)!important;border-color:#fff;padding:16px 38px;font-size:1.1rem}
  .site-header .nav .btn::before{background:var(--ink)}
  .site-header .nav .btn:hover{color:#fff!important;border-color:var(--ink)}
  /* bağlantılar sırayla belirir */
  .site-header .nav>*{opacity:0;transform:translateY(34px);transition:opacity .35s,transform .35s}
  .site-header .nav.open>*{opacity:1;transform:none;transition:opacity .6s var(--ease),transform .8s var(--ease)}
  .site-header .nav.open>:nth-child(1){transition-delay:.28s}
  .site-header .nav.open>:nth-child(2){transition-delay:.34s}
  .site-header .nav.open>:nth-child(3){transition-delay:.40s}
  .site-header .nav.open>:nth-child(4){transition-delay:.46s}
  .site-header .nav.open>:nth-child(5){transition-delay:.52s}
  .site-header .nav.open>:nth-child(6){transition-delay:.60s}
  .site-header .nav.open>:nth-child(7){transition-delay:.72s}
  .site-header .nav .nav-social{display:flex;justify-content:center;margin-top:29px;padding:0;line-height:0}   /* görünen boşluk İletişim ile Teklif Al arasındakiyle eşit (~36px) */
  .site-header .nav .nav-social svg{width:38px;height:38px}
}
@media (prefers-reduced-motion:reduce){
  .site-header .nav,.site-header .nav.open,.site-header .nav>*,.site-header .nav.open>*{transition:none!important;transition-delay:0s!important}
}

/* ===== Yapay zekâ destekli içerik üretimi (Sosyal Medya sayfası) ===== */
.ai-sec{background:var(--ink);color:#fff;overflow:hidden;padding-bottom:64px}
.ai-sec .big{color:#fff}
.ai-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.ai-lead{font-size:1.15rem;color:rgba(255,255,255,.76);max-width:34em;margin:0 0 28px}
.ai-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:14px 24px}
.ai-list li{position:relative;padding-left:34px;font-weight:600;line-height:1.35}
.ai-list li::before{content:"";position:absolute;left:0;top:.05em;width:22px;height:22px;border-radius:50%;background:var(--red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.500l4 4 8-9'/%3E%3C/svg%3E") center/13px no-repeat}
.ai-art{position:relative}
.ai-ill{display:block;width:100%;height:auto;overflow:visible}
.ai-ill .fl{animation:aifloat 6s ease-in-out infinite}
@keyframes aifloat{50%{transform:translateY(-8px)}}
.ai-tools{margin-top:72px;padding-top:64px;border-top:1px solid rgba(255,255,255,.14)}   /* çizgiden başlığa = logo adlarından bölüm sonuna */
.ai-tools-title{margin:0 0 20px;font-size:.85rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.ai-license{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;margin-top:64px;padding:30px 36px;border-radius:24px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05)}
.ai-license-ic{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--red);color:#fff}
.ai-license-ic svg{width:26px;height:26px}
.ai-license h3{margin:0 0 6px;font-size:1.3rem;letter-spacing:-.02em;color:#fff}
.ai-license p{margin:0;max-width:40em;color:rgba(255,255,255,.7);font-size:1rem}
.ai-license-src{list-style:none;margin:0;padding:0;display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.ai-license-src{gap:0;align-items:center}
.ai-license-src li{display:flex;align-items:center;height:38px;padding:0 26px}
.ai-license-src li:first-child{padding-left:0}
.ai-license-src li:last-child{padding-right:0}
.ai-license-src li+li{border-left:1px solid rgba(255,255,255,.28)}   /* iki kaynağı ayıran ince dikey çizgi */
.lic-logo{position:relative;display:block;overflow:hidden}
.lic-logo img{position:absolute;max-width:none;height:auto;filter:brightness(0) invert(1);opacity:.9}   /* logoların boş kenarları kırpıldı; tek renk beyaz */
@media (max-width:900px){.ai-license{grid-template-columns:1fr;gap:18px;padding:26px 24px;margin-top:48px}.ai-license-src{justify-content:flex-start;flex-wrap:nowrap}.ai-license-src li{padding:0 16px}.ai-license-src li:first-child{padding-left:0}.ai-license-src li:last-child{padding-right:0}}
@media (max-width:400px){.ai-license-src .lic-ss{width:106px;height:auto}.ai-license-src .lic-mg{width:110px;height:auto}}   /* dar telefonlarda iki logo yan yana kalsın (zoom yerine boyut) */
.ai-tools{--u:1px}
/* logolar kendi genişliğinde; aralarındaki boşluk (logo kenarından logo kenarına) eşit */
.ai-tools ul{list-style:none;padding:0;margin:0;display:flex;justify-content:space-between;align-items:flex-start}
.ai-tools li{display:flex;flex-direction:column;align-items:center;gap:14px}
.ai-logo{position:relative;display:block;width:calc(var(--v) * var(--u));height:calc(56 * var(--u));overflow:hidden;transition:transform .4s var(--ease)}
/* her logo yalnızca görünen (mürekkep) kısmı kadar yer kaplar: aradaki boşluk gerçek logo kenarlarından ölçülür */
.ai-logo img{position:absolute;display:block;max-width:none;height:auto;width:calc(var(--iw) * var(--u));left:calc(var(--il) * var(--u) * -1);top:calc((28 - var(--ic)) * var(--u));filter:brightness(0) invert(1);opacity:.85;transition:opacity .3s}   /* tüm logolar tek renk beyaz */
.ai-logo.inv img{filter:invert(1);mix-blend-mode:screen}  /* ElevenLabs'ın kendi beyaz zemini var: ters çevrilip zeminle karışır */
.ai-tools li:hover .ai-logo{transform:translateY(-4px)}
.ai-tools li:hover .ai-logo img{opacity:1}
.ai-name{display:flex;justify-content:center;width:0;white-space:nowrap;font-size:.74rem;font-weight:600;letter-spacing:.02em;color:rgba(255,255,255,.62);text-align:center}
@media (max-width:1100px){.ai-tools ul{flex-wrap:wrap;justify-content:center;gap:40px 52px}.ai-tools{--u:.9px}}
.ai-tools.few ul{justify-content:flex-start;gap:40px 72px}   /* az logo olunca aralarına sabit boşluk */
@media (max-width:1100px){.ai-tools.few ul{justify-content:center;gap:40px 52px}}
@media (max-width:900px){.ai-grid{grid-template-columns:1fr;gap:36px}.ai-list{grid-template-columns:1fr}.ai-tools{margin-top:48px;padding-top:48px}.ai-sec{padding-bottom:48px}}
@media (max-width:640px){.ai-tools ul{gap:34px 40px}.ai-tools{--u:.78px}}
@media (prefers-reduced-motion:reduce){.ai-ill .fl{animation:none}}

/* ===== Hizmet kapsamı: renkli sahneler + etkileşimli liste (Grafik Tasarım) ===== */
.svc-group{--acc:var(--red);--on:#fff;position:relative;margin-top:36px;padding:48px;border-radius:40px;color:#fff;overflow:hidden}
.svc-ink{background:radial-gradient(60% 90% at 100% 0,rgba(230,18,68,.38),transparent 62%),var(--ink)}
.svc-red{--acc:#fff;--on:var(--red);--dim:rgba(255,255,255,.72);background:radial-gradient(60% 90% at 0 100%,rgba(0,0,0,.22),transparent 62%),var(--red)}
.svc-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px 28px;padding-bottom:30px;margin-bottom:6px;border-bottom:1px solid rgba(255,255,255,.16)}
.svc-label{margin:0;font-weight:800;font-size:1.35rem;letter-spacing:-.02em}
.svc-intro{margin:0;color:rgba(255,255,255,.7);font-size:.98rem}
.svc-count{padding:7px 16px;border-radius:99px;background:rgba(255,255,255,.14);font-weight:700;font-size:.82rem;white-space:nowrap}
.svc-body{position:relative}
.svc-list{list-style:none;margin:0;padding:0;width:44%}
.svc-red .svc-list{margin-left:auto}
.svc-btn{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.14);cursor:pointer;color:var(--dim,rgba(255,255,255,.52));font-size:clamp(1.05rem,1.45vw,1.35rem);font-weight:700;letter-spacing:-.02em;line-height:1.2;transition:color .3s var(--ease)}
.svc-btn:hover{color:rgba(255,255,255,.85)}
.svc-btn:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:8px}
.svc-btn span{display:block;transition:transform .45s var(--ease)}
.svc-arrow{flex:none;display:block;box-sizing:content-box;width:16px;height:16px;padding:8px;border-radius:50%;background:transparent;color:inherit;opacity:0;transform:scale(.6);transition:opacity .3s var(--ease),transform .45s var(--ease),background .3s}
.svc-list li.active .svc-btn{color:#fff}
.svc-list li.active .svc-btn span{transform:translateX(8px)}
.svc-list li.active .svc-arrow{opacity:1;transform:none;background:var(--acc);color:var(--on)}
.svc-detail{position:absolute;top:12px;right:0;width:52%;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(16px) scale(.98);transition:opacity .4s var(--ease),transform .5s var(--ease),visibility 0s .4s}
.svc-red .svc-detail{right:auto;left:0}
.svc-list li.active .svc-detail{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity .4s var(--ease),transform .5s var(--ease),visibility 0s}
.svc-art{border-radius:30px;overflow:hidden;background:linear-gradient(160deg,#fff3f6,#ffe0e9)}
.svc-art .ill{display:block;width:100%;height:auto}
.svc-detail h4{margin:22px 0 6px;font-size:1.5rem;font-weight:800;letter-spacing:-.025em}
.svc-detail p{margin:0;max-width:26em;color:rgba(255,255,255,.78);font-size:1.02rem;line-height:1.5}
.svc-cta{display:inline-flex;align-items:center;gap:10px;margin-top:18px;padding:11px 20px;border-radius:99px;background:#fff;color:var(--ink);font-weight:700;font-size:.92rem;text-decoration:none;transition:transform .3s var(--ease),background .3s,color .3s}
.svc-cta svg{width:16px;height:16px;transition:transform .3s var(--ease)}
.svc-cta:hover{transform:translateY(-2px);background:var(--acc);color:var(--on)}
.svc-red .svc-cta{color:var(--red)}.svc-red .svc-cta:hover{background:var(--ink);color:#fff}
.svc-cta:hover svg{transform:translateX(4px)}
@media (max-width:900px){
  .svc-group{padding:28px 22px;border-radius:30px;margin-top:24px}
  .svc-head{grid-template-columns:1fr auto;padding-bottom:20px}
  .svc-intro{grid-column:1 / -1;grid-row:2}
  .svc-list,.svc-red .svc-list{width:100%;margin:0}
  .svc-btn{padding:15px 0;font-size:1.12rem}
  .svc-arrow{opacity:1;transform:none;width:12px;height:12px;padding:6px;background:rgba(255,255,255,.14)}
  .svc-list li.active .svc-btn span{transform:none}
  .svc-list li.active .svc-arrow{transform:rotate(90deg)}
  .svc-detail,.svc-red .svc-detail{position:static;width:100%;display:none;transform:none;opacity:1;visibility:visible;pointer-events:auto;padding:18px 0 22px}
  .svc-list li.active .svc-detail{display:block}
  .svc-detail h4{font-size:1.25rem;margin-top:18px}
}
@media (prefers-reduced-motion:reduce){.svc-detail,.svc-btn,.svc-btn span,.svc-arrow,.svc-cta{transition:none!important}}

/* ===== Hizmet kapsamı: yatay kaydırmalı kartlar (Grafik Tasarım) ===== */
.sg-main{margin-bottom:8px}
.sg-main .big{margin:0}
.sg-group{margin-top:44px}
.sg-head{display:flex;justify-content:flex-end;margin-bottom:16px}
.sg-ctrl{display:flex;gap:10px;flex:none}
.sg-btn{all:unset;box-sizing:border-box;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;border:2px solid var(--ink);color:var(--ink);cursor:pointer;transition:background .3s var(--ease),color .3s var(--ease),opacity .3s,transform .3s var(--ease)}
.sg-btn svg{width:22px;height:22px}
.sg-btn:hover{background:var(--ink);color:#fff;transform:scale(1.06)}
.sg-btn:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.sg-btn[disabled]{opacity:.28;pointer-events:none}
.sg-track{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab;scroll-snap-type:x proximity;overscroll-behavior-x:contain;outline:none}
.sg-track::-webkit-scrollbar{display:none}
.sg-track.drag{cursor:grabbing;scroll-snap-type:none;user-select:none}
.sg-track.drag a{pointer-events:none}
.sg-list{list-style:none;margin:0;padding:6px max(20px,calc((100vw - 1200px) / 2)) 22px;display:flex;gap:20px;width:max-content;align-items:stretch}
.sg-list>li{flex:none;scroll-snap-align:start;scroll-margin-left:max(20px,calc((100vw - 1200px) / 2))}
.sg-card{width:clamp(280px,27vw,380px);display:flex;flex-direction:column;background:#fff;border-radius:34px;overflow:hidden;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.sg-card:hover{transform:translateY(-8px);box-shadow:0 30px 60px rgba(22,22,29,.12)}
.sg-art{background:linear-gradient(160deg,#fff3f6,#ffe0e9)}
.sg-art .ill{display:block;width:100%;height:auto;pointer-events:none}
.sg-card:hover .sg-art .fl{transform:translateY(-5px) scale(1.02)}
.sg-art .fl{transition:transform .7s var(--ease)}
.sg-body{display:flex;flex-direction:column;flex:1;padding:26px 28px 30px}
.sg-body h3{margin:0 0 8px;font-size:1.4rem;line-height:1.15;letter-spacing:-.025em}
.sg-body p{margin:0;color:var(--muted);font-size:1rem;line-height:1.5}
.sg-cta{display:inline-flex;align-items:center;gap:10px;margin-top:auto;align-self:flex-start;padding:11px 20px;border-radius:99px;border:2px solid var(--red);color:var(--red);font-weight:700;font-size:.92rem;text-decoration:none;transition:background .3s var(--ease),color .3s var(--ease)}
.sg-cta svg{width:16px;height:16px;transition:transform .3s var(--ease)}
.sg-cta:hover{background:var(--red);color:#fff}
.sg-cta:hover svg{transform:translateX(4px)}
.sg-bar{height:3px;margin-top:10px;border-radius:2px;background:rgba(22,22,29,.12);overflow:hidden}
.sg-bar i{display:block;height:100%;width:20%;border-radius:2px;background:var(--red);transform-origin:0 50%;will-change:transform}
.sg-intro{width:clamp(270px,25vw,340px);display:flex;flex-direction:column;justify-content:flex-end;padding:34px;border-radius:34px;color:#fff}
.sg-i-ink{background:radial-gradient(90% 70% at 100% 0,rgba(230,18,68,.42),transparent 62%),var(--ink)}
.sg-i-red{background:radial-gradient(90% 70% at 0 100%,rgba(0,0,0,.26),transparent 62%),var(--red)}
.sg-intro .sg-count{align-self:flex-start;margin:0 0 auto;padding:7px 16px;border-radius:99px;background:rgba(255,255,255,.16);color:#fff;font-weight:700;font-size:.82rem}
.sg-intro h3{margin:0 0 12px;font-size:clamp(2rem,3vw,2.7rem);line-height:1.04;letter-spacing:-.035em}
.sg-intro p{margin:0 0 26px;color:rgba(255,255,255,.78);font-size:1rem;line-height:1.5}
.sg-hint{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:.92rem}
.sg-hint svg{width:18px;height:18px;animation:sgnudge 1.8s var(--ease) infinite}
@keyframes sgnudge{50%{transform:translateX(7px)}}
@media (prefers-reduced-motion:reduce){.sg-card,.sg-art .fl{transition:none}.sg-hint svg{animation:none}}
@media (max-width:900px){
  .sg-group{margin-top:28px}
  .sg-head{display:none}
  .sg-card{width:min(78vw,340px)}
  .sg-intro{width:min(70vw,300px);padding:28px}
}

/* ===== Web Siteleri: paket gibi anlatım (Web Tasarım) ===== */
.pk{margin-top:36px}
.pk-head{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;padding:40px 44px;border-radius:36px;color:#fff;background:radial-gradient(70% 90% at 100% 0,rgba(230,18,68,.42),transparent 62%),var(--ink)}
.pk-title{max-width:620px}
.pk-count{display:inline-block;padding:7px 16px;border-radius:99px;background:rgba(255,255,255,.16);font-weight:700;font-size:.82rem}
.pk-head h3{margin:18px 0 10px;font-size:clamp(2.2rem,4vw,3.4rem);line-height:1.04;letter-spacing:-.035em}
.pk-title p{margin:0;color:rgba(255,255,255,.78);font-size:1.08rem;line-height:1.5}
.pk-side{flex:none;max-width:340px;display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.pk-side p{margin:0;color:rgba(255,255,255,.78);font-size:1rem;line-height:1.5}
.pk-grid{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.pk-card{display:grid;grid-row:span 3;grid-template-rows:subgrid;background:#fff;color:var(--ink);border-radius:28px;overflow:hidden;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}   /* görsel / başlık / liste satırları kartlar arasında aynı hizada */
.pk-card:hover{transform:translateY(-8px);box-shadow:0 30px 60px rgba(22,22,29,.14)}
.pk-art{background:linear-gradient(160deg,#fff3f6,#ffe0e9)}
.pk-art .ill{display:block;width:100%;height:auto}
.pk-card:hover .pk-art .fl{transform:translateY(-5px) scale(1.02)}
.pk-art .fl{transition:transform .7s var(--ease)}
.pk-body{display:contents}
.pk-top{padding:22px 22px 0}
.pk-top h4{margin:0 0 8px;font-size:1.25rem;line-height:1.15;letter-spacing:-.025em}
.pk-top p{margin:0 0 20px;color:var(--muted);font-size:.95rem;line-height:1.45}
.pk-list{margin:0 22px 24px;padding-top:16px;border-top:1px solid var(--line)}
.pk-lbl{display:block;margin-bottom:12px;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.pk-list ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.pk-list li{display:flex;gap:12px;align-items:flex-start;font-size:.9rem;font-weight:450;line-height:1.45;color:#33313f;letter-spacing:.005em}
.pk-list li svg{flex:none;width:15px;height:15px;margin-top:.22em;color:var(--red);transition:transform .3s var(--ease)}
.pk-card:hover .pk-list li svg{transform:translateX(2px)}
.pk-cta{flex:none;display:inline-flex;align-items:center;gap:10px;padding:13px 24px;border-radius:99px;background:#fff;color:var(--ink);font-weight:700;text-decoration:none;transition:background .3s var(--ease),color .3s var(--ease),transform .3s var(--ease)}
.pk-cta svg{width:17px;height:17px;transition:transform .3s var(--ease)}
.pk-cta:hover{background:var(--red);color:#fff;transform:translateY(-2px)}
.pk-cta:hover svg{transform:translateX(4px)}
@media (max-width:1100px){.pk-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){.pk-head{flex-direction:column;align-items:flex-start;gap:24px;padding:30px 26px;border-radius:30px}.pk-side{max-width:none}}
@media (max-width:640px){.pk-grid{grid-template-columns:1fr}.pk-card{display:block}.pk-body{display:block}}
@media (prefers-reduced-motion:reduce){.pk-card,.pk-art .fl,.pk-cta{transition:none}}

/* ===== Teknoloji ve profesyonellik (Web Tasarım) ===== */
.tc{background:var(--ink);color:#fff;overflow:hidden}
.tc .big{color:#fff}
.tc-top{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center}
.tc-top>*{min-width:0}
.tc-lead{margin:0;max-width:34em;color:rgba(255,255,255,.76);font-size:1.15rem}
.tc-code{border-radius:22px;background:#0f0f15;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 70px rgba(0,0,0,.4),0 0 0 1px rgba(230,18,68,.15);overflow:hidden}
.tc-bar{display:flex;align-items:center;gap:7px;padding:14px 18px;background:rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.08)}
.tc-bar i{width:11px;height:11px;border-radius:50%;background:var(--red)}
.tc-bar i:nth-child(2){background:#ff9a62}.tc-bar i:nth-child(3){background:rgba(255,255,255,.35)}
.tc-bar span{margin-left:10px;font:500 .82rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:rgba(255,255,255,.5)}
.tc-code pre{margin:0;padding:22px 24px;overflow-x:auto;font:400 .88rem/1.75 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#d9d7e6}
.tc-code b{font-weight:400}
.tc-code .k{color:#ff6b8f}.tc-code .f{color:#7cc4ff}.tc-code .s{color:#ffc58f}
.tc-grid{list-style:none;margin:64px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tc-card{display:flex;gap:18px;align-items:center;padding:22px 24px;border-radius:24px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);transition:background .35s var(--ease),transform .4s var(--ease),border-color .35s}
.tc-card:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.22);transform:translateY(-4px)}
.tc-glyph{flex:none;display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:color-mix(in srgb,var(--c) 22%,transparent);color:var(--c);font:800 1.05rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.02em}
.tc-card h4{margin:0 0 3px;font-size:1.15rem;letter-spacing:-.02em}
.tc-card p{margin:0;color:rgba(255,255,255,.62);font-size:.92rem;line-height:1.4}
.tc-pro{margin-top:72px;padding-top:40px;border-top:1px solid rgba(255,255,255,.14)}
.tc-pro .tc-pro-title{margin:0 0 26px;font-size:.85rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.tc-pro ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.tc-ic{display:grid;place-items:center;width:46px;height:46px;margin-bottom:16px;border-radius:50%;background:var(--red);color:#fff}
.tc-ic svg{width:22px;height:22px}
.tc-pro h4{margin:0 0 8px;font-size:1.15rem;letter-spacing:-.02em}
.tc-pro p{margin:0;color:rgba(255,255,255,.66);font-size:.95rem;line-height:1.5}
@media (max-width:1000px){.tc-top{grid-template-columns:minmax(0,1fr);gap:36px}.tc-grid{grid-template-columns:repeat(2,1fr)}.tc-pro ul{grid-template-columns:repeat(2,1fr);gap:36px 28px}}
@media (max-width:640px){.tc-grid{grid-template-columns:1fr;margin-top:44px}.tc-pro{margin-top:48px}.tc-pro ul{grid-template-columns:1fr}.tc-code pre{font-size:.78rem;padding:18px}}
@media (prefers-reduced-motion:reduce){.tc-card{transition:none}}
/* Mobil Uygulama: 3 paketli platform kartları */
.pk-grid.three{grid-template-columns:repeat(3,1fr)}
@media (max-width:1100px){.pk-grid.three{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.pk-grid.three{grid-template-columns:1fr}}

/* ===== Prodüksiyon: drone ve ürün fotoğrafı (Sosyal Medya) ===== */
.pd-lead{margin:18px 0 0;max-width:40em;color:var(--muted);font-size:1.15rem}
.pd-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:48px}
.pd-card{display:flex;flex-direction:column;padding:14px;border-radius:40px;color:#fff;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.pd-card:hover{transform:translateY(-6px);box-shadow:0 34px 70px rgba(22,22,29,.18)}
.pd-ink{background:radial-gradient(80% 60% at 100% 0,rgba(230,18,68,.4),transparent 62%),var(--ink)}
.pd-red{background:radial-gradient(80% 60% at 0 100%,rgba(0,0,0,.26),transparent 62%),var(--red)}
.pd-art{border-radius:28px;overflow:hidden;background:linear-gradient(160deg,#fff3f6,#ffe0e9)}
.pd-art .ill{display:block;width:100%;height:auto}
.pd-card:hover .pd-art .fl{transform:translateY(-6px)}
.pd-art .fl{transition:transform .8s var(--ease)}
.pd-body{display:flex;flex-direction:column;flex:1;padding:30px 26px 28px}
.pd-tag{align-self:flex-start;padding:7px 16px;border-radius:99px;background:rgba(255,255,255,.16);font-weight:700;font-size:.82rem}
.pd-body h3{margin:16px 0 10px;font-size:clamp(1.7rem,2.6vw,2.3rem);line-height:1.08;letter-spacing:-.03em}
.pd-body>p{margin:0 0 24px;max-width:30em;color:rgba(255,255,255,.82);font-size:1.05rem;line-height:1.5}
.pd-list{list-style:none;margin:auto 0 0;padding:22px 0 0;border-top:1px solid rgba(255,255,255,.2);display:grid;gap:12px}
.pd-list li{display:flex;gap:12px;align-items:flex-start;font-size:.95rem;font-weight:450;line-height:1.4;color:rgba(255,255,255,.92)}
.pd-list li svg{flex:none;width:15px;height:15px;margin-top:.25em;color:#fff;opacity:.9}
.pd-flow{display:flex;align-items:center;gap:28px;width:fit-content;max-width:100%;margin:36px auto 0;padding:22px 34px;border-radius:99px;background:#fff}   /* kutu içeriğe göre daralır, ortalanır */
.pd-flow p{margin:0;flex:none;font-size:.82rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--red)}
.pd-flow ol{list-style:none;margin:0;padding:0;display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px}
.pd-flow li{display:flex;align-items:center;gap:14px}
.pd-flow li span{padding:9px 18px;border-radius:99px;background:var(--pink);font-weight:700;font-size:.95rem}
.pd-flow li svg{width:18px;height:18px;color:var(--red)}
@media (max-width:900px){.pd-grid{grid-template-columns:1fr}.pd-body{padding:26px 20px 24px}.pd-flow li svg{display:none}.pd-flow li span{white-space:nowrap}.pd-flow{width:auto;flex-direction:column;align-items:flex-start;gap:16px;border-radius:30px;padding:22px}}
@media (prefers-reduced-motion:reduce){.pd-card,.pd-art .fl{transition:none}}

/* 5. hizmet paneli (Dijital Pazarlama): koyu zemin */
.p5 .no{color:rgba(255,255,255,.75)}
.p5 p{color:rgba(255,255,255,.82)}
.p5 li::before{background:#fff}
.p5 .link{--c:#fff;--t:var(--ink)}

/* ===== OWOM ailesi: yan kuruluş şeridi (QR Menü) ===== */
.fam{background:#fff;padding:100px 0 0}
.fam-card{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center;padding:56px;border-radius:44px;background:radial-gradient(70% 80% at 100% 0,rgba(230,18,68,.10),transparent 62%),var(--pink)}
.fam-title{margin:0 0 16px;font-size:clamp(2.6rem,5vw,4.4rem);line-height:1;letter-spacing:-.04em;font-weight:800}
.fam-lead{margin:0 0 26px;max-width:32em;color:var(--muted);font-size:1.15rem}
.fam-list{list-style:none;margin:0 0 32px;padding:0;display:grid;gap:12px}
.fam-list li{display:flex;gap:12px;align-items:flex-start;font-weight:500;line-height:1.4}
.fam-list li svg{flex:none;width:16px;height:16px;margin-top:.25em;color:var(--red)}
.fam-cta{display:inline-flex;align-items:center;gap:12px;padding:15px 28px;border-radius:99px;background:var(--ink);color:#fff;font-weight:700;text-decoration:none;transition:background .3s var(--ease),transform .3s var(--ease)}
.fam-cta svg{width:18px;height:18px;transition:transform .3s var(--ease)}
.fam-cta:hover{background:var(--red);transform:translateY(-2px)}
.fam-cta:hover svg{transform:translate(3px,-3px)}
.fam-art{border-radius:32px;overflow:hidden;background:#fff}
.fam-art .ill{display:block;width:100%;height:auto}
@media (max-width:900px){.fam{padding:60px 0 0}.fam-card{grid-template-columns:minmax(0,1fr);gap:30px;padding:30px 22px;border-radius:32px}.fam-art{order:-1}}
@media (prefers-reduced-motion:reduce){.fam-cta,.fam-cta svg{transition:none}}

/* ===== Ölçüm ve raporlama (Dijital Pazarlama) ===== */
.ms{background:var(--ink);color:#fff;overflow:hidden}
.ms .big{color:#fff}
.ms-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.ms-lead{margin:0 0 28px;max-width:34em;color:rgba(255,255,255,.76);font-size:1.15rem}
.ms-points{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.ms-points li{display:flex;gap:12px;align-items:flex-start;font-weight:500;line-height:1.4}
.ms-points li svg{flex:none;width:16px;height:16px;margin-top:.25em;color:var(--red)}
.ms-dash{border-radius:26px;background:#0f0f15;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 70px rgba(0,0,0,.4),0 0 0 1px rgba(230,18,68,.15);overflow:hidden}
.ms-bar{display:flex;align-items:center;gap:7px;padding:14px 18px;background:rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.08)}
.ms-bar i{width:11px;height:11px;border-radius:50%;background:var(--red)}
.ms-bar i:nth-child(2){background:#ff9a62}.ms-bar i:nth-child(3){background:rgba(255,255,255,.35)}
.ms-bar span{margin-left:10px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;color:rgba(255,255,255,.6)}
.ms-bar b{flex:none;white-space:nowrap;margin-left:auto;padding:4px 10px;border-radius:99px;background:rgba(255,154,98,.16);color:#ffc58f;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.ms-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:18px 18px 8px}
.ms-kpis div{padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.05)}
.ms-kpis small{display:block;color:rgba(255,255,255,.55);font-size:.74rem;font-weight:600}
.ms-kpis strong{display:block;margin:4px 0 2px;font-size:1.55rem;letter-spacing:-.03em}
.ms-kpis em{font-style:normal;font-size:.8rem;font-weight:700;color:#7ee2a8}
.ms-chart{display:block;width:100%;height:150px;padding:6px 0 0}
.ms-legend{display:flex;gap:20px;padding:6px 20px 18px;font-size:.78rem;color:rgba(255,255,255,.6)}
.ms-legend span{display:flex;align-items:center;gap:8px}
.ms-legend i{width:18px;height:3px;border-radius:2px;background:#ff6b8f}
.ms-legend i.d{background:repeating-linear-gradient(90deg,rgba(255,255,255,.55) 0 4px,transparent 4px 8px)}
.ms-grid{list-style:none;margin:64px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ms-card{display:flex;gap:18px;align-items:flex-start;padding:24px;border-radius:24px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);transition:background .35s var(--ease),transform .4s var(--ease),border-color .35s}
.ms-card:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.22);transform:translateY(-4px)}
.ms-ic{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--red);color:#fff}
.ms-ic svg{width:23px;height:23px}
.ms-card h4{margin:0 0 4px;font-size:1.12rem;letter-spacing:-.02em}
.ms-card p{margin:0;color:rgba(255,255,255,.64);font-size:.92rem;line-height:1.45}
@media (max-width:1000px){.ms-top{grid-template-columns:minmax(0,1fr);gap:36px}.ms-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.ms-grid{grid-template-columns:1fr;margin-top:44px}.ms-kpis{grid-template-columns:1fr;padding:14px 14px 4px}.ms-kpis div{display:flex;align-items:baseline;gap:10px;padding:12px 14px}.ms-kpis small{flex:1}.ms-kpis strong{margin:0}}
@media (prefers-reduced-motion:reduce){.ms-card{transition:none}}

/* ===== SEO bölümü (Dijital Pazarlama) ===== */
.sx-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.sx-lead{margin:18px 0 0;max-width:34em;color:var(--muted);font-size:1.15rem}
.sx-serp{padding:22px;border-radius:28px;background:#fff;box-shadow:0 30px 70px rgba(22,22,29,.12);display:grid;gap:10px}
.sx-sb{display:flex;align-items:center;gap:12px;padding:12px 18px;border-radius:99px;border:1.5px solid var(--line);font-size:.95rem;color:var(--ink)}
.sx-sb svg{flex:none;width:18px;height:18px;color:var(--muted)}
.sx-sb span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sx-sb b{flex:none;padding:4px 10px;border-radius:99px;background:var(--pink);color:var(--red);font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.sx-res{position:relative;padding:14px 16px;border-radius:16px}
.sx-res small{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.78rem}
.sx-res small em{display:block;width:16px;height:16px;border-radius:50%;background:var(--grey)}
.sx-res h5{margin:4px 0 4px;font-size:1.05rem;line-height:1.25;color:#1a4fd1;letter-spacing:-.01em}
.sx-res p{margin:0;color:#4b4a58;font-size:.85rem;line-height:1.45}
.sx-ad small i{font-style:normal;margin-right:8px;padding:2px 7px;border-radius:5px;background:var(--ink);color:#fff;font-size:.66rem;font-weight:700}
.sx-ad{opacity:.75}
.sx-res.sx-first{background:linear-gradient(160deg,#fff7f9,#fff0f4);box-shadow:0 0 0 2px var(--red)}
.sx-res.sx-first small em{background:var(--red)}
.sx-rank{position:absolute;top:-12px;right:16px;padding:5px 12px;border-radius:99px;background:var(--red);color:#fff;font-size:.74rem;font-weight:800}
.sx-stars{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:.78rem;color:var(--muted)}
.sx-stars b{color:#f5a623;letter-spacing:1px;font-size:.9rem}
.sx-dim{opacity:.45}
.sx-grid{list-style:none;margin:64px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sx-card{padding:30px 28px;border-radius:30px;background:#fff;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.sx-card:hover{transform:translateY(-6px);box-shadow:0 26px 56px rgba(22,22,29,.1)}
.sx-ic{display:grid;place-items:center;width:52px;height:52px;margin-bottom:18px;border-radius:16px;background:var(--pink);color:var(--red)}
.sx-ic svg{width:25px;height:25px}
.sx-card h4{margin:0 0 8px;font-size:1.3rem;letter-spacing:-.025em}
.sx-card>p{margin:0 0 20px;color:var(--muted);font-size:.98rem;line-height:1.5}
.sx-card ul{list-style:none;margin:0;padding:18px 0 0;border-top:1px solid var(--line);display:grid;gap:11px}
.sx-card li{display:flex;gap:12px;align-items:flex-start;font-size:.9rem;font-weight:450;line-height:1.4;color:#33313f}
.sx-card li svg{flex:none;width:15px;height:15px;margin-top:.22em;color:var(--red)}
.sx-note{display:flex;gap:20px;align-items:center;margin-top:56px;padding:26px 32px;border-radius:30px;background:var(--ink);color:#fff}
.sx-note-ic{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--red)}
.sx-note-ic svg{width:25px;height:25px}
.sx-note h4{margin:0 0 4px;font-size:1.2rem;letter-spacing:-.02em}
.sx-note p{margin:0;max-width:46em;color:rgba(255,255,255,.76);font-size:.98rem;line-height:1.5}
@media (max-width:1000px){.sx-top{grid-template-columns:minmax(0,1fr);gap:36px}.sx-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.sx-grid{margin-top:44px}.sx-note{flex-direction:column;align-items:flex-start;padding:24px 22px;border-radius:26px}.sx-serp{padding:16px}}
@media (prefers-reduced-motion:reduce){.sx-card{transition:none}}

/* ===== "Hizmetlerimiz" açılır menüsü (masaüstü): kısa, yatay panel ===== */
.nav-dd{display:flex;align-items:center}
.nav-dd-t{display:inline-flex;align-items:center;gap:6px}
.dd-chev{width:12px;height:12px;transition:transform .35s var(--ease)}
.nav-dd:hover .dd-chev,.nav-dd:focus-within .dd-chev{transform:rotate(180deg)}
.nav-dd-t::before{content:"";position:absolute;left:-12px;right:-12px;top:100%;height:34px}   /* fare menüye geçerken kapanmasın */
.dd{position:absolute;top:calc(100% - 4px);left:50%;width:min(860px,calc(100vw - 40px));display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:10px;border-radius:26px;background:#fff;box-shadow:0 24px 60px rgba(22,22,29,.16),0 0 0 1px rgba(22,22,29,.04);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,10px);transition:opacity .25s var(--ease),transform .35s var(--ease),visibility 0s .25s}
.nav-dd:hover .dd,.nav-dd:focus-within .dd{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0);transition:opacity .25s var(--ease),transform .35s var(--ease),visibility 0s}
.nav .dd a{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:16px 16px 18px;border-radius:18px;color:var(--ink)!important;font-weight:400;transition:background .25s var(--ease)}
.nav .dd a::after{display:none}
.nav .dd a:hover,.nav .dd a:focus-visible{background:var(--pink);outline:none}
.dd-ic{display:grid;place-items:center;width:38px;height:38px;margin-bottom:10px;border-radius:12px;background:var(--pink);color:var(--red);transition:background .25s var(--ease),color .25s var(--ease)}
.dd-ic svg{width:19px;height:19px}
.nav .dd a:hover .dd-ic,.nav .dd a:focus-visible .dd-ic{background:var(--red);color:#fff}
.dd b{font-weight:700;font-size:.93rem;letter-spacing:-.01em;line-height:1.2}
.dd small{color:var(--muted);font-size:.78rem;line-height:1.3}
@media (max-width:900px){.dd,.dd-chev,.nav-dd-t::before{display:none}.nav-dd{display:block}}
@media (prefers-reduced-motion:reduce){.dd,.dd-chev,.dd-ic{transition:none}}

/* ===== Referanslarımız: marka logoları (akan iki satır) ===== */
.rf{background:#fff;padding:110px 0 120px;overflow:hidden}
.rf-head{margin-bottom:60px}
.rf-head .big{margin:0 0 16px}
.rf-lead{margin:0;max-width:34em;color:var(--muted);font-size:1.15rem}
.rf-wall{display:grid;gap:14px}
.rf-row{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.rf-track{display:flex;width:max-content;animation:rf-run 160s linear infinite}
.rf-row.rev .rf-track{animation-direction:reverse;animation-duration:190s}
.rf-track ul{list-style:none;margin:0;padding:0;display:flex;flex:none}
.rf-logo{flex:none;display:grid;place-items:center;width:230px;height:96px;margin-right:30px}   /* kutu/şerit yok: yalnızca logo */
.rf-logo img{display:block;width:calc(var(--w,120) * 1px);max-width:100%;height:auto;object-fit:contain;filter:grayscale(1);opacity:.7}   /* her zaman gri */
.rf-ph{display:grid;place-items:center;width:100%;height:46px;border:1.5px dashed rgba(22,22,29,.22);border-radius:12px;color:rgba(22,22,29,.4);font-size:.82rem;font-weight:600}
@keyframes rf-run{to{transform:translateX(calc(var(--rf-w,50%) * -1))}}
/* az logo: sabit ve ortalı */
.rf-wall.static{gap:18px}
.rf-wall.static .rf-row{-webkit-mask-image:none;mask-image:none}
.rf-wall.static .rf-track{animation:none;width:auto;justify-content:center}
.rf-wall.static .rf-track ul{flex-wrap:wrap;justify-content:center;gap:18px;width:min(1200px,calc(100% - 40px));margin-inline:auto}
.rf-wall.static .rf-logo{margin-right:0}
@media (max-width:900px){.rf{padding:72px 0 80px}.rf-head{margin-bottom:32px}.rf-wall{gap:12px}.rf-logo{width:150px;height:72px;margin-right:18px}.rf-logo img{width:calc(var(--w,120) * .66px)}.rf-ph{height:30px;font-size:.72rem;border-radius:9px}.rf-track{animation-duration:120s}.rf-row.rev .rf-track{animation-duration:140s}}
@media (prefers-reduced-motion:reduce){.rf-track{animation:none;flex-wrap:wrap;width:auto}.rf-row{-webkit-mask-image:none;mask-image:none}.rf-track ul[aria-hidden]{display:none}.rf-track ul{flex-wrap:wrap;gap:12px}}

/* ===== İletişim sayfası ===== */
.ct-hero{height:auto;min-height:0;padding:170px 0 150px;background:radial-gradient(60% 90% at 90% 0,rgba(230,18,68,.35),transparent 62%),var(--ink)}
.ct-hero .mega{font-size:clamp(3.4rem,10vw,8.4rem);line-height:.95}
.ct-hero .lead{max-width:34em;margin-top:22px}
.ct-hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:34px}
.wa-btn{display:inline-flex;align-items:center;gap:12px;padding:16px 28px;border-radius:99px;background:#25d366;color:#0b2b17;font-weight:800;text-decoration:none;box-shadow:0 14px 34px rgba(37,211,102,.28);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.wa-btn svg{width:24px;height:24px}
.wa-btn:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(37,211,102,.38)}
.ct-ghost{display:inline-flex;align-items:center;gap:10px;color:#fff;font-weight:700;text-decoration:none}
.ct-ghost svg{width:18px;height:18px;transition:transform .3s var(--ease)}
.ct-ghost:hover svg{transform:translateX(5px)}
.ct-cards-sec{position:relative;z-index:2;margin-top:-76px;padding-bottom:20px;background:linear-gradient(180deg,transparent 76px,var(--grey) 76px)}
.ct-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ct-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;height:100%;box-sizing:border-box;padding:28px 26px;border-radius:30px;background:#fff;color:var(--ink);text-decoration:none;box-shadow:0 20px 50px rgba(22,22,29,.08);transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
a.ct-card:hover{transform:translateY(-6px);box-shadow:0 28px 60px rgba(22,22,29,.14)}
.ct-ic{display:grid;place-items:center;width:52px;height:52px;margin-bottom:16px;border-radius:16px;background:var(--pink);color:var(--red)}
.ct-ic svg{width:25px;height:25px}
.ct-wa .ct-ic{background:#25d366;color:#fff}
.ct-card small{font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.ct-card strong{font-size:1.18rem;line-height:1.25;letter-spacing:-.02em;overflow-wrap:anywhere}
.ct-card em{margin-top:6px;font-style:normal;font-size:.9rem;font-weight:600;color:var(--red)}
.ct-wa em{color:#169c4d}
.ct-soc-l{display:flex;gap:10px;margin-top:10px}
.ct-soc-l a{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--grey);color:var(--ink);transition:background .3s var(--ease),color .3s var(--ease),transform .3s var(--ease)}
.ct-soc-l a svg{width:19px;height:19px}
.ct-soc-l a:hover{background:var(--red);color:#fff;transform:translateY(-3px)}
.ct-form-sec{padding-top:90px}
.ct-steps{list-style:none;margin:34px 0 0;padding:0;display:grid;gap:22px}
.ct-steps li{display:grid;gap:3px;padding-left:20px;border-left:3px solid var(--red)}
.ct-steps strong{font-size:1.1rem;letter-spacing:-.01em}
.ct-steps span{color:var(--muted);font-size:.98rem}
.ct-form{background:#fff;box-shadow:0 20px 50px rgba(22,22,29,.06)}
.ct-form input,.ct-form select,.ct-form textarea{background:var(--grey)}
.ct-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ct-kvkk{display:flex;gap:12px;align-items:flex-start;font-weight:400;font-size:.84rem;line-height:1.45;color:var(--muted)}
.ct-kvkk input{flex:none;width:20px;height:20px;margin-top:1px;padding:0;accent-color:var(--red)}
.ct-ok{margin:0;padding:16px 18px;border-radius:16px;background:var(--pink);color:var(--red);font-weight:600}
.wa-float{position:fixed;right:22px;bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:60;display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#25d366;color:#fff;box-shadow:0 14px 34px rgba(37,211,102,.45);transition:transform .3s var(--ease)}
.wa-float svg{width:30px;height:30px}
.wa-float::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25d366;animation:wapulse 2.4s var(--ease) infinite}
.wa-float:hover{transform:scale(1.08)}
@keyframes wapulse{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.6);opacity:0}}
@media (max-width:1000px){.ct-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.ct-hero{padding:140px 0 120px}.ct-cards{grid-template-columns:minmax(0,1fr)}.ct-row{grid-template-columns:minmax(0,1fr)}.wa-float{width:56px;height:56px;right:16px}.ct-form-sec{padding-top:60px}}
@media (prefers-reduced-motion:reduce){.wa-float::after{animation:none;opacity:0}.ct-card,.wa-btn,.wa-float{transition:none}}

/* anasayfa iletişim özeti */
.ct-home{padding:20px 0 110px}
.ct-home-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:center;padding:56px;border-radius:44px;background:var(--grey)}
.ct-home-card .big{margin:0 0 12px}
.ct-home-act{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.ct-home-act .btn-lg{margin-top:0}
.ct-home-info{display:flex;flex-wrap:wrap;gap:6px 10px;margin:6px 0 0;font-size:.95rem;color:var(--muted)}
.ct-home-info a{color:var(--ink);font-weight:600;text-decoration:none}
.ct-home-info a:hover{color:var(--red)}
@media (max-width:900px){.ct-home{padding:10px 0 72px}.ct-home-card{grid-template-columns:minmax(0,1fr);gap:28px;padding:30px 22px;border-radius:32px}}
.ct-tel{font-variant-numeric:tabular-nums;letter-spacing:.06em}
.ct-tel::placeholder{letter-spacing:.14em}
.ct-form input:user-invalid{border-color:var(--red)}

/* e-posta: sabit @ işaretli iki parçalı alan */
.ct-row.ct-row-mail{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
.ct-field{display:grid;gap:5px;font-size:.88rem;font-weight:600}
.ct-mail{display:flex;align-items:center;min-width:0;background:var(--grey);border:1.5px solid transparent;border-radius:14px;transition:border-color .25s,box-shadow .25s}
.ct-mail:focus-within{border-color:var(--red);box-shadow:0 0 0 4px rgba(230,18,68,.12)}
.ct-mail input{flex:1 1 0;min-width:0;width:100%;border:0!important;box-shadow:none!important;background:transparent!important;border-radius:14px;padding:14px 4px 14px 16px}
.ct-mail input.ct-mail-b{padding:14px 16px 14px 4px}
.ct-mail b{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fff;font-weight:800;font-size:.9rem;color:var(--red);line-height:1;box-shadow:0 1px 4px rgba(22,22,29,.08)}   /* sabit @ ayırıcı */
.ct-mail:has(input:user-invalid){border-color:var(--red)}
@media (max-width:640px){.ct-row.ct-row-mail{grid-template-columns:minmax(0,1fr)}}

/* 7/24: sayaç yerine rakamlar aşağıdan sırayla yükselip yerine oturur (bölüm görününce) */
.facts dt.roll{overflow:hidden;padding:0 .08em .12em 0;margin-bottom:-.12em;white-space:nowrap}
.facts dt.roll i{display:inline-block;font-style:normal;transform:translateY(112%);transition:transform .95s var(--ease)}
.facts .reveal.in dt.roll i{transform:none}
.facts .reveal.in dt.roll i:nth-child(1){transition-delay:.15s}
.facts .reveal.in dt.roll i:nth-child(2){transition-delay:.27s}
.facts .reveal.in dt.roll i:nth-child(3){transition-delay:.39s}
.facts .reveal.in dt.roll i:nth-child(4){transition-delay:.51s}
@media (prefers-reduced-motion:reduce){.facts dt.roll i{transform:none;transition:none}}

/* ===== Ekibimiz: koyu şerit ===== */
.tm{background:var(--ink);color:#fff;padding:110px 0;border-radius:44px 44px 0 0}
.tm-in{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:72px;align-items:center}
.tm .big{color:#fff;margin:0 0 20px}
.tm-lead{margin:0;max-width:30em;color:rgba(255,255,255,.72);font-size:1.15rem;line-height:1.6}
.tm-list{list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.14)}
.tm-list a{position:relative;display:flex;align-items:center;gap:20px;padding:24px 8px;border-bottom:1px solid rgba(255,255,255,.14);color:#fff;text-decoration:none;transition:padding .45s var(--ease),background .35s var(--ease)}
.tm-ic{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:rgba(255,255,255,.08);color:#fff;transition:background .35s var(--ease)}
.tm-ic svg{width:22px;height:22px}
.tm-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.tm-t b{font-size:clamp(1.15rem,1.9vw,1.55rem);font-weight:700;letter-spacing:-.02em;line-height:1.2}
.tm-t small{color:rgba(255,255,255,.62);font-size:.95rem;line-height:1.4}
.tm-arr{flex:none;width:22px;height:22px;color:var(--red);opacity:0;transform:translateX(-10px);transition:opacity .3s var(--ease),transform .4s var(--ease)}
.tm-list a:hover{padding-left:20px;padding-right:0}
.tm-list a:hover .tm-ic{background:var(--red)}
.tm-list a:hover .tm-arr{opacity:1;transform:none}
@media (max-width:900px){.tm{padding:72px 0;border-radius:32px 32px 0 0}.tm-in{grid-template-columns:minmax(0,1fr);gap:36px}.tm-list a{gap:14px;padding:20px 4px}.tm-arr{opacity:1;transform:none;width:18px;height:18px}.tm-list a:hover{padding:20px 4px}}
@media (prefers-reduced-motion:reduce){.tm-list a,.tm-arr,.tm-ic{transition:none}}

/* ===== BÖLÜM BOŞLUKLARI: tek sistem =====
   --sec: bir bölümün içeriği ile bölümün kenarı (ya da bir sonraki içerik) arasındaki mesafe.
   Masaüstü 110px, telefon 72px. Her bölümde üst ve alt boşluk eşittir.
   Aynı zemin rengindeki iki bölüm peş peşe geliyorsa, alttaki bölümün üst boşluğu ya da üstteki bölümün alt boşluğu 0'lanır
   (böylece iki içerik arasında yine tam --sec kalır). Bu blok dosyanın sonunda durmalı; eski boşluk değerlerini ezer. */
:root{--sec:110px}
@media (max-width:900px){:root{--sec:72px}}
.statement,.stack-head,.tm,.rf,.cta-big,.contact,.ct-home,.d-sec{padding-top:var(--sec);padding-bottom:var(--sec)}
.fam{padding-top:var(--sec);padding-bottom:0}               /* altındaki .rf kendi üst boşluğunu verir */
.ai-sec{padding-bottom:var(--sec)}
.ct-cards-sec{padding-bottom:0}                              /* altındaki .ct-form-sec kendi üst boşluğunu verir */
.ct-form-sec{padding-top:var(--sec)}
.site-footer{padding-top:var(--sec)}

/* ===== "Teklif Al" pop-up ===== */
html.tk-open{overflow:hidden}
.tk{width:min(680px,calc(100% - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:44px 44px 40px;border:0;border-radius:36px;background:#fff;color:var(--ink);box-shadow:0 40px 100px rgba(10,10,20,.35);overflow:auto;overscroll-behavior:contain}
.tk::backdrop{background:rgba(14,14,22,.62);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.tk[open]{animation:tk-in .45s var(--ease)}
.tk[open]::backdrop{animation:tk-fade .35s var(--ease)}
@keyframes tk-in{from{opacity:0;transform:translateY(24px) scale(.97)}}
@keyframes tk-fade{from{opacity:0}}
.tk-x{position:absolute;top:18px;right:18px;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:var(--grey);color:var(--ink);cursor:pointer;transition:background .3s var(--ease),color .3s var(--ease),transform .3s var(--ease)}
.tk-x svg{width:20px;height:20px}
.tk-x:hover{background:var(--red);color:#fff;transform:rotate(90deg)}
.tk .eyebrow{margin-bottom:10px}
.tk-h{margin:0 0 10px;padding-right:48px;font-size:clamp(1.9rem,4vw,2.6rem);line-height:1.08;letter-spacing:-.03em;font-weight:800}
.tk-lead{margin:0 0 26px;color:var(--muted)}
.tk .ct-form{padding:0;background:none;box-shadow:none;border-radius:0}
@media (max-width:640px){.tk{padding:30px 20px 26px;border-radius:28px}.tk-x{top:12px;right:12px}.tk-h{padding-right:44px}}
@media (prefers-reduced-motion:reduce){.tk[open],.tk[open]::backdrop{animation:none}.tk-x{transition:none}}

/* ===== Footer ===== */
.site-footer{background:var(--ink);color:#b7b9c6;padding-top:var(--sec);padding-bottom:0;font-size:.95rem}
.ft{display:grid;grid-template-columns:1.5fr 1fr .8fr 1.1fr;gap:48px 40px}
.ft-brand img{display:block;height:50px;width:auto;margin-bottom:18px}
.ft-brand p{margin:0;max-width:24em;line-height:1.6}
.ft-soc{display:flex;gap:10px;margin-top:24px}
.ft-soc a{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.07);color:#fff;transition:background .3s var(--ease),transform .3s var(--ease)}
.ft-soc a svg{width:19px;height:19px}
.ft-soc a:hover{background:var(--red);transform:translateY(-3px)}
.ft-col{display:flex;flex-direction:column;align-items:flex-start}
.ft-col strong{display:block;margin-bottom:18px;color:#fff;font-size:.82rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.ft-col a{position:relative;margin-bottom:12px;color:#b7b9c6;text-decoration:none;transition:color .25s,transform .3s var(--ease)}
.ft-col a:hover{color:#fff;transform:translateX(4px)}
.ft-fam{display:flex;flex-direction:column;gap:3px;margin-top:10px;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.06);transition:background .3s var(--ease),transform .3s var(--ease)}
.ft-fam small{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.ft-fam span{display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:700;font-size:1.05rem}
.ft-ext{width:15px;height:15px;color:var(--red)}
.ft-col a.ft-fam:hover{background:rgba(255,255,255,.1);transform:translateY(-2px)}
.ft-bar{display:flex;align-items:center;gap:12px 32px;flex-wrap:wrap;margin-top:var(--sec);padding:26px 0;border-top:1px solid #2e2e3b;font-size:.86rem}
.ft-bar p{margin:0}
.ft-legal{display:flex;gap:24px;margin-left:auto!important}
.ft-legal a,.ft-top{color:#b7b9c6;text-decoration:none;transition:color .25s}
.ft-legal a:hover,.ft-top:hover{color:#fff}
.ft-top{display:inline-flex;align-items:center;gap:8px;font-weight:600}
.ft-top svg{width:16px;height:16px;color:var(--red);transition:transform .3s var(--ease)}
.ft-top:hover svg{transform:translateY(-3px)}
@media (max-width:1000px){.ft{grid-template-columns:1fr 1fr}.ft-brand{grid-column:1 / -1}}
@media (max-width:640px){.ft{gap:40px 24px}.ft-bar{margin-top:56px;flex-direction:column;align-items:flex-start}.ft-legal{margin-left:0!important;flex-wrap:wrap;gap:8px 20px}}
@media (prefers-reduced-motion:reduce){.ft-soc a,.ft-col a,.ft-fam,.ft-top svg{transition:none}}
.ft-col a.ft-wa{display:inline-flex;align-items:center;gap:10px;margin:8px 0 14px;padding:12px 22px;border-radius:99px;background:#25d366;color:#0b2b17;font-weight:800;box-shadow:0 10px 26px rgba(37,211,102,.25);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.ft-wa svg{width:21px;height:21px}
.ft-col a.ft-wa:hover{color:#0b2b17;transform:translateY(-2px);box-shadow:0 14px 32px rgba(37,211,102,.38)}
.ft-col a.ft-wa{white-space:nowrap}
.ft-wa svg{flex:none}
@media (max-width:1000px){.ft>.ft-col:last-child{grid-column:1 / -1}}
.ct-ig .ct-ic{background:linear-gradient(135deg,#ffd9c2,#fde1e9)}
body.menu-open .wa-float{display:none}
/* WhatsApp düğmesi: hero ekranı geçilene kadar gizli */
.wa-float{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(16px) scale(.8);transition:opacity .4s var(--ease),transform .5s var(--ease),visibility 0s .4s}
.wa-float.show{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity .4s var(--ease),transform .5s var(--ease),visibility 0s}
.wa-float.show:hover{transform:scale(1.08)}
.wa-float:not(.show)::after{animation:none}
@media (prefers-reduced-motion:reduce){.wa-float,.wa-float.show{transition:none}}

/* ===== Çerez bandı ===== */
.ck{position:fixed;left:22px;bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:80;display:flex;flex-direction:column;align-items:stretch;gap:14px;max-width:420px;padding:20px 22px;border-radius:24px;background:#fff;color:var(--ink);box-shadow:0 24px 70px rgba(22,22,29,.22),0 0 0 1px rgba(22,22,29,.05);opacity:0;transform:translateY(20px);transition:opacity .4s var(--ease),transform .5s var(--ease)}
.ck.on{opacity:1;transform:none}
.ck p{margin:0;font-size:.88rem;line-height:1.5;color:var(--muted)}
.ck p strong{display:block;margin-bottom:2px;color:var(--ink);font-size:.95rem}
.ck p a{color:var(--red);font-weight:600;text-decoration:none}
.ck-b{display:flex;flex:none;gap:8px}
.ck-b button{padding:11px 20px;border:1.5px solid var(--line);border-radius:99px;background:#fff;color:var(--ink);font-family:inherit;font-weight:600;font-size:.9rem;cursor:pointer;transition:background .25s var(--ease),border-color .25s,color .25s}
.ck-b button:hover{background:var(--grey)}
.ck-b .ck-yes{border-color:var(--red);background:var(--red);color:#fff}
.ck-b .ck-yes:hover{background:#c40f3a}
@media (max-width:640px){.ck{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));flex-direction:column;align-items:stretch;padding:18px}.ck-b{justify-content:stretch}.ck-b button{flex:1}}
@media (prefers-reduced-motion:reduce){.ck{transition:none}}

/* ===== Açılış yükleme animasyonu (yukleme.js) ===== */
html.pl-on{overflow:hidden}
html.pl-on .load,html.pl-on .ch,html.pl-on .hero .mega *{animation-play-state:paused!important}   /* başlık animasyonları perde açılınca başlar */
.pl{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:radial-gradient(70% 70% at 50% 50%,#101226,#05060d 70%);--hr:0px;--p:0;
  -webkit-mask-image:radial-gradient(circle at 50% 50%,transparent var(--hr),#000 calc(var(--hr) + 1px));mask-image:radial-gradient(circle at 50% 50%,transparent var(--hr),#000 calc(var(--hr) + 1px))}
.pl-glow{position:absolute;left:50%;top:50%;width:calc(var(--ew) * 2.6);height:calc(var(--ew) * 2.6);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(230,18,68,.2),rgba(230,18,68,.05) 60%,transparent);opacity:calc(.25 + var(--p) * .75);animation:pl-breathe 2.6s ease-in-out infinite}
.pl-stage{position:relative;width:var(--ew);height:calc(var(--ew) * 1233 / 1080)}
.pl-emb{position:absolute;inset:0;will-change:transform}
.pl-emb svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.pl-txt{position:absolute;left:50%;top:50%;margin:0;transform:translate(-50%,-50%);display:flex;align-items:baseline;gap:1px;color:rgba(255,255,255,.6);font-size:calc(var(--ew) * .15);font-weight:600;letter-spacing:.04em;font-variant-numeric:tabular-nums;line-height:1;transition:opacity .35s}   /* yüzde, amblemin deliğinde */
.pl-txt b{font-weight:700;color:#fff;min-width:2.2ch;text-align:right}
.pl-full .pl-emb{animation:pl-pulse .42s var(--ease)}
.pl-out .pl-txt{opacity:0}
.pl-out .pl-glow{opacity:0;transition:opacity .7s}
@keyframes pl-breathe{50%{transform:translate(-50%,-50%) scale(1.08)}}
@keyframes pl-pulse{40%{filter:brightness(1.35)}}
@media (prefers-reduced-motion:reduce){.pl{display:none}}

/* ===== "Diğer hizmetlerimiz": kartlı sistem ===== */
.dm .big{margin:0}
.dm-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:48px}
.dm-card{display:flex;flex-direction:column;border-radius:30px;overflow:hidden;background:#fff;color:var(--ink);text-decoration:none;box-shadow:0 20px 50px rgba(22,22,29,.06);transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.dm-card:hover{transform:translateY(-8px);box-shadow:0 30px 60px rgba(22,22,29,.14)}
.dm-img{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--grey)}
.dm-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.dm-card:hover .dm-img img{transform:scale(1.06)}
.dm-body{display:flex;flex-direction:column;flex:1;padding:24px 24px 26px}
.dm-body h3{margin:0 0 8px;font-size:1.3rem;line-height:1.15;letter-spacing:-.025em}
.dm-body p{margin:0 0 20px;color:var(--muted);font-size:.96rem;line-height:1.5}
.dm-go{display:inline-flex;align-items:center;gap:10px;margin-top:auto;color:var(--red);font-weight:700;font-size:.92rem}
.dm-go svg{width:18px;height:18px;transition:transform .3s var(--ease)}
.dm-card:hover .dm-go svg{transform:translateX(5px)}
@media (max-width:1100px){.dm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.dm-grid{grid-template-columns:minmax(0,1fr);margin-top:36px}}
@media (prefers-reduced-motion:reduce){.dm-card,.dm-img img,.dm-go svg{transition:none}}

/* form: bot tuzağı (gizli) ve hata mesajı */
.ct-hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}
.ct-err{margin:0;padding:16px 18px;border-radius:16px;background:#fff0f4;color:var(--red);font-weight:600;border:1.5px solid rgba(230,18,68,.25)}
.ct-form button[type=submit]:disabled{opacity:.7;cursor:progress}

/* ===== Hukuki sayfalar ===== */
.lg{padding-top:calc(var(--sec) - 20px);padding-bottom:var(--sec)}
.lg-in{max-width:820px}
.lg-h1{margin:0 0 10px;font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.05;letter-spacing:-.035em;font-weight:800}
.lg-meta{margin:0 0 24px;color:var(--muted);font-size:.95rem}
.lg-draft{margin:0 0 36px;padding:16px 20px;border-radius:16px;background:#fff7e0;border:1.5px solid #f0d88a;color:#6b5200;font-size:.95rem;line-height:1.5}
.lg-in h2{margin:40px 0 12px;font-size:1.35rem;letter-spacing:-.02em}
.lg-in p,.lg-in li{color:#3c3a4c;line-height:1.75}
.lg-in ul{padding-left:1.2em;display:grid;gap:8px}
.lg-in a{color:var(--red);font-weight:600}
.lg-todo{background:#ffe27a;color:#4d3b00;padding:1px 6px;border-radius:6px;font-weight:600}
.lg-table{display:grid;border:1.5px solid var(--line);border-radius:18px;overflow:hidden;margin:16px 0}
.lg-table>div{display:grid;grid-template-columns:1.1fr 2.2fr .8fr;gap:16px;padding:16px 18px;border-top:1px solid var(--line);font-size:.95rem;line-height:1.5}
.lg-table>div:first-child{border-top:0}
.lg-th{background:var(--grey);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.lg-btn{padding:14px 26px;border:0;border-radius:99px;background:var(--red);color:#fff;font-family:inherit;font-weight:700;font-size:.95rem;cursor:pointer;transition:transform .3s var(--ease),background .3s}
.lg-btn:hover{background:#c40f3a;transform:translateY(-2px)}
@media (max-width:640px){.lg-table>div{grid-template-columns:minmax(0,1fr);gap:6px}.lg-th{display:none}}

/* ===== 404 sayfası ===== */
.nf{padding-top:calc(var(--sec) + 20px);padding-bottom:var(--sec);text-align:center}
.nf-in{max-width:680px}
.nf-emb{display:block;margin:0 auto 26px;height:92px;width:auto;opacity:.95}
.nf-h1{margin:0 0 16px;font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.05;letter-spacing:-.035em;font-weight:800}
.nf-p{margin:0 auto 32px;max-width:32em;color:var(--muted);font-size:1.1rem}
.nf-act{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;justify-content:center}
.nf-act .btn-lg{margin-top:0}
.nf-link{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-weight:700;text-decoration:none}
.nf-link svg{width:18px;height:18px;color:var(--red);transition:transform .3s var(--ease)}
.nf-link:hover svg{transform:translateX(5px)}

/* ===== Anasayfa hero: ekran YÜKSEKLİĞİNE duyarlı düzen =====
   Başlık, metin ve butonlar kısa ekranlarda (13" dizüstü, yatay telefon) küçülür; kaydırma ikonu için alt boşluk ayrılır. */
.hero.gl .hero-copy{padding:calc(88px + 1.5vh) 0 96px}
.hero .mega{font-size:clamp(2.1rem,min(8.4vw,12.5vh),7.6rem)}
.hero.gl .hero-foot{margin-top:clamp(14px,3.2vh,34px);gap:clamp(14px,3vh,26px)}
.hero .eyebrow{margin-bottom:clamp(6px,1.6vh,18px)}
@media (max-height:780px){
  .hero.gl .lead{font-size:1.05rem;line-height:1.5;max-width:46em}
  .hero.gl .hero-foot .btn{padding:12px 28px}
}
@media (max-height:660px){
  .hero .mega{font-size:clamp(2rem,min(8.4vw,11vh),7.6rem)}
  .hero.gl .hero-copy{padding-bottom:84px}
  .hero.gl .lead{font-size:.98rem}
}
@media (max-height:560px){
  .hero.gl .lead{display:none}
}
@media (max-height:520px){.hero.gl .hero-hint{display:none}.hero.gl .hero-copy{padding-bottom:20px}}

/* örnek arama kutusu çok dar ekranlarda taşmasın */
.sx-art,.sx-serp,.sx-res{min-width:0}
.sx-res small{flex-wrap:wrap}
.sx-res h5,.sx-res p{overflow-wrap:anywhere}
@media (max-width:400px){.sx-serp{padding:14px}.sx-sb{padding:10px 14px;gap:8px}.sx-sb b{display:none}}

/* hizmet panelleri (masaüstü, ekrana yapışan): görsel kısa ekranda alttan kesilmesin */
@media (min-width:901px){.panel-media{max-height:calc(100vh - 150px)}}

/* ===== iPhone Safari / eski tarayıcı güvenceleri =====
   iOS'ta adres çubuğu kayarken "100vh" ekrandan uzun hesaplanır; içerik çubuğun altında kalabilir.
   Destekleyen tarayıcılarda "svh" (çubuk görünürken güvenli yükseklik) kullanılır; desteklemeyenler 100vh ile devam eder. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.site-header{-webkit-backdrop-filter:blur(12px)}
.detail .site-header{-webkit-backdrop-filter:none}
.detail .site-header.scrolled{-webkit-backdrop-filter:blur(12px)}
.home .site-header.on-dark{-webkit-backdrop-filter:none}
@supports not (overflow-x:clip){body{overflow-x:hidden}}          /* eski Safari: clip desteklenmez */
@supports (height:100svh){
  .hero.gl .hero-stick{height:100svh}
  .home .hero-stick{min-height:100svh}
  .hero-stick{min-height:calc(100svh - 76px)}
  .d-hero{height:100svh}
  .expand-stick{height:100svh}
  .panel{min-height:100svh}
  .hero.gl .hero-hint{bottom:calc(env(safe-area-inset-bottom,0px) + 22px)}   /* hero artık svh olduğu için ek telafi gerekmez */
  .hero .mega{font-size:clamp(2.1rem,min(8.4vw,12.5svh),7.6rem)}
  .d-card .ill{max-height:calc(100svh - 300px)}
}
@supports (height:100svh){
  @media (max-height:660px){.hero .mega{font-size:clamp(2rem,min(8.4vw,11svh),7.6rem)}}
  @media (min-width:901px){.panel-media{max-height:calc(100svh - 150px)}}
}
.lic-img{display:block;max-width:none;opacity:.9}   /* önceden beyaza çevrilmiş, kırpılmış küçük logo dosyaları */

/* OWOM QR logosu (anasayfa kartı başlığı ve footer kartı) */
.fam-title{line-height:1}
.fam-logo{display:block;height:clamp(64px,9vw,96px);width:auto}
.ft-qr-logo{display:block;height:34px;width:auto}

/* Sade hero (WebGL yoksa ya da GPU yoksa): ortalı, parçacık sahnesiyle aynı düzen */
.hero:not(.gl) .hero-copy{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:calc(88px + 1.5vh) 0 40px}
.hero:not(.gl) .lead{margin-inline:auto;max-width:44em}
.hero:not(.gl) .hero-foot{flex-direction:column;align-items:center;gap:clamp(14px,3vh,26px);margin-top:clamp(14px,3.2vh,34px)}
.hero:not(.gl) .cta{justify-content:center}
.hero:not(.gl) .line{padding-inline:.1em}


.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}