/* ZOOMPIQ ana sayfa — editorial/poster, %100 2D */
:root { --bg:#F7F4ED; --y:#FFE845; --k:#0a0a0a; --dist:36px; }
* { box-sizing:border-box; margin:0; }
html { background:var(--bg); scroll-behavior:smooth; overflow-x:clip; }
body { background:var(--bg); color:var(--k); font:500 16px/1.5 "Poppins",system-ui,sans-serif; overflow-x:clip; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
ul, ol { list-style:none; padding:0; }
svg { display:block; }
.wrap { width:100%; max-width:1360px; margin:0 auto; padding:0 clamp(20px,4vw,56px); }
.skip { position:absolute; left:-999px; top:8px; background:var(--k); color:#fff; padding:8px 14px; border-radius:8px; z-index:99; }
.skip:focus { left:8px; }
:focus-visible { outline:3px solid var(--k); outline-offset:3px; }

/* ---------- tipografi ---------- */
.mega { font-family:"Archivo Black","Arial Black",Impact,sans-serif; font-weight:400; text-transform:uppercase; letter-spacing:-.025em; line-height:.95; }
.mega .ln, .mega .hl-ln { display:block; }
.mega-1 { font-size:clamp(2.7rem,7.6vw,7.4rem); }
.hero .mega { font-size:clamp(2.7rem,8.6vw,8.4rem); }
.mega-2 { font-size:clamp(2.9rem,8.8vw,8.6rem); transform:rotate(-3deg); transform-origin:left center; }
.mega-3 { font-size:clamp(2.6rem,6.4vw,6rem); }
.mega-4 { font-size:clamp(2.8rem,6.8vw,6.4rem); }
.mega-5 { font-size:clamp(2.4rem,5.4vw,5rem); }
.mega-6 { font-size:clamp(2rem,4.6vw,4.4rem); }
.lead { font-size:clamp(15px,1.5vw,21px); font-weight:500; line-height:1.55; }
.note { font-family:"Caveat",cursive; font-weight:700; line-height:.95; font-size:clamp(26px,3vw,42px); transform:rotate(-7deg); }
.pill { display:inline-block; background:var(--y); font-weight:700; font-size:13px; padding:.7em 1.3em; border-radius:999px; margin-bottom:clamp(14px,2vw,26px); transform:rotate(-2deg); }
.pill-dk { background:var(--y); }

/* marker */
.hl { position:relative; display:inline-block; z-index:0; }
.mk { position:absolute; left:-2%; bottom:-.03em; width:104%; height:.46em; z-index:-1; transform-origin:left center; overflow:visible; }
.mk path { fill:var(--y); }

/* el çizimi */
.hand { fill:none; stroke:var(--k); stroke-width:3.4; stroke-linecap:round; stroke-linejoin:round; overflow:visible; position:absolute; pointer-events:none; }
.hand path { stroke-dasharray:1 2; stroke-dashoffset:var(--o,0); }

/* ---------- butonlar ---------- */
.btn { display:inline-flex; align-items:center; gap:.7em; font:700 13px/1 "Poppins",sans-serif; letter-spacing:.03em; text-transform:uppercase; padding:1.05em 1.7em; border-radius:999px; border:2px solid var(--k); transition:transform .2s, background .2s, color .2s; white-space:nowrap; }
.btn:hover { transform:translateY(-2px); }
.btn-y { background:var(--y); border-color:var(--y); }
.btn-y:hover { background:#ffd900; border-color:#ffd900; }
.btn-k { background:var(--k); color:#fff; }
.btn-o { background:transparent; }
.btn-o:hover { background:var(--y); border-color:var(--k); }
.btn-lg { padding:1.2em 2em; font-size:14px; }
.btns { display:flex; flex-wrap:wrap; gap:14px 22px; align-items:center; }
.play { display:inline-flex; align-items:center; gap:12px; font-weight:700; font-size:13px; letter-spacing:.03em; }
.play-ic { width:46px; height:46px; border:2px solid var(--k); border-radius:50%; display:grid; place-items:center; transition:background .2s; }
.play-ic svg { width:20px; height:20px; fill:var(--k); }
.play:hover .play-ic { background:var(--y); }

/* ---------- header ---------- */
.hdr { position:sticky; top:0; z-index:50; background:var(--bg); }
.hdr-in { display:flex; align-items:center; justify-content:space-between; gap:24px; height:96px; transition:height .25s; }
.hdr.sm .hdr-in { height:66px; }
.logo-svg { height:62px; width:auto; aspect-ratio:1160/740; transition:height .25s; }
.hdr.sm .logo-svg { height:44px; }
.nav { display:flex; align-items:center; gap:clamp(16px,2.4vw,40px); }
.nav a:not(.btn) { font-weight:600; font-size:12.5px; letter-spacing:.03em; padding:6px 0; border-bottom:2px solid transparent; }
.nav a:not(.btn):hover, .nav a.on { border-bottom-color:var(--k); }
.nav-cta { display:none; }
.burger { display:none; width:46px; height:46px; border:2px solid var(--k); border-radius:50%; background:transparent; cursor:pointer; position:relative; }
.burger span { position:absolute; left:12px; right:12px; height:2px; background:var(--k); transition:transform .25s, top .25s; }
.burger span:first-child { top:17px; } .burger span:last-child { top:25px; }
.burger[aria-expanded="true"] span:first-child { top:21px; transform:rotate(45deg); }
.burger[aria-expanded="true"] span:last-child { top:21px; transform:rotate(-45deg); }

/* ---------- reveal sistemi (scroll'a bağlı; JS --c / --o değişkenlerini yazar) ---------- */
.js [data-r] { --c:0; }
.js .hand[data-r] { --o:1; }
.js [data-r="l"]  { opacity:var(--c); transform:translate3d(calc((var(--c) - 1) * var(--dist)),0,0); }
.js [data-r="r"]  { opacity:var(--c); transform:translate3d(calc((1 - var(--c)) * var(--dist)),0,0); }
.js [data-r="u"]  { opacity:var(--c); transform:translate3d(0,calc((1 - var(--c)) * var(--dist)),0); }
.js [data-r="f"]  { opacity:var(--c); }
.js [data-r="up2"]{ transform:translate3d(0,calc((1 - var(--c)) * 90px),0); }
.js [data-r="m"]  { transform:scaleX(var(--c)); }
.js [data-r="p"]  { opacity:clamp(0,calc(var(--c) * 30),1); }
.js [data-r="a"]  { opacity:calc(.28 + .72 * var(--c)); transform:scale(calc(.93 + .07 * var(--c))); transform-origin:center top; }
.rm [data-r] { --c:1 !important; --o:0 !important; opacity:1 !important; transform:none !important; }

/* ---------- hero ---------- */
.hero { padding:clamp(16px,3vw,40px) 0 clamp(56px,8vw,120px); }
.hero-grid { display:grid; grid-template-columns:1.3fr .7fr; gap:clamp(16px,3vw,48px); align-items:center; }
.hero-txt { position:relative; }
.lead-row { display:flex; align-items:flex-end; gap:clamp(12px,2vw,28px); margin:clamp(22px,2.6vw,38px) 0 clamp(22px,2.6vw,36px); }
.arrow-hero { position:static; flex:none; width:clamp(56px,6vw,90px); height:auto; margin-bottom:-6px; }
.hero-art { position:relative; padding-top:clamp(36px,5vw,76px); }
.hero-svg { width:100%; max-width:600px; margin-left:auto; overflow:visible; }
.note-hero { position:absolute; top:0; right:4%; }
.arrow-note { width:clamp(40px,4vw,60px); height:auto; top:1%; left:34%; }
.arrow-note2 { width:clamp(22px,2.2vw,32px); height:auto; top:clamp(52px,6vw,96px); right:20%; }

/* hero giriş animasyonları (sadece JS açıkken, sayfa yüklenince) */
.js .hi { opacity:0; animation:hin 1.1s cubic-bezier(.2,.7,.2,1) forwards; }
.js .hi-1 { --hx:-44px; --hy:0px; animation-delay:.1s; }
.js .hi-2 { --hx:44px;  --hy:0px; animation-delay:.28s; }
.js .hi-3 { --hx:0px;   --hy:44px; animation-delay:.46s; }
.js .hi-4 { --hx:0px;   --hy:24px; animation-delay:.7s; }
.js .hi-5 { --hx:0px;   --hy:24px; animation-delay:.85s; }
.js .hi-6 { --hx:0px;   --hy:20px; animation-delay:1.2s; }
@keyframes hin { from { opacity:0; transform:translate3d(var(--hx,0),var(--hy,0),0); } to { opacity:1; transform:none; } }
.js .hero-mk { transform:scaleX(0); animation:draw 1s cubic-bezier(.6,.1,.2,1) 1s forwards; }
@keyframes draw { to { transform:scaleX(1); } }
.js .hero-svg { opacity:0; animation:artin 1.2s cubic-bezier(.2,.7,.2,1) .5s forwards; }
@keyframes artin { from { opacity:0; transform:scale(.92); } to { opacity:1; transform:none; } }
.hq { transform-box:view-box; transform-origin:318px 340px; }
.js .hq { animation:qrot 1.6s cubic-bezier(.2,.8,.2,1) .8s backwards; }
@keyframes qrot { from { transform:rotate(-5deg); } to { transform:none; } }
.rm .hi, .rm .hero-mk, .rm .hero-svg, .rm .hq { animation:none !important; opacity:1 !important; transform:none !important; }

/* ---------- bölümler ---------- */
.sec { padding:clamp(56px,8vw,120px) 0; }
.what-grid { display:grid; grid-template-columns:1.25fr .75fr; gap:clamp(24px,4vw,64px); align-items:center; }
.what-grid > div:first-child { position:relative; }
.sparks-l { width:clamp(30px,3.4vw,48px); height:auto; left:-4%; top:46%; }
.svc { position:relative; padding-left:clamp(34px,3.4vw,48px); }
.brace { left:0; top:-2px; width:clamp(18px,2vw,26px); height:calc(100% - 4px); }
.brace path { stroke-width:3; }
.svc .brace { height:100%; }
.svc-list { display:grid; gap:clamp(12px,1.6vw,20px); font-weight:700; font-size:clamp(15px,1.45vw,20px); letter-spacing:.01em; text-transform:uppercase; }
.note-svc { position:absolute; right:-4%; bottom:-86px; }
.arrow-svc { width:clamp(34px,3.6vw,52px); height:auto; left:12%; bottom:-70px; }
.down { display:grid; place-items:center; width:48px; height:48px; border-radius:50%; background:var(--y); margin:clamp(28px,5vw,72px) auto 0; transition:transform .2s; }
.down:hover { transform:translateY(4px); }
.down svg { width:22px; height:22px; fill:none; stroke:var(--k); stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round; }

.sec-proj { padding-top:clamp(40px,6vw,80px); }
.proj-grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(24px,4vw,64px); align-items:center; }
.proj-grid .lead { margin-top:clamp(18px,2vw,28px); }
.proj-art { position:relative; display:flex; flex-direction:column; align-items:flex-end; gap:clamp(20px,3vw,40px); padding-top:clamp(30px,5vw,70px); }
.proj-eyes { width:min(100%,430px); margin-right:6%; overflow:visible; }
.note-proj { position:absolute; top:0; right:10%; }
.arrow-p1 { width:clamp(28px,3vw,44px); height:auto; right:56%; top:clamp(30px,4vw,56px); }
.arrow-p2 { width:clamp(22px,2.4vw,32px); height:auto; right:12%; top:clamp(60px,6.2vw,92px); }

.why-grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(24px,4vw,64px); align-items:center; }
.why-l { position:relative; }
.sparks-w { width:clamp(28px,3vw,44px); height:auto; right:-2%; top:-6%; }
.arrow-why { width:clamp(56px,6vw,88px); height:auto; left:44%; bottom:clamp(-70px,-5vw,-44px); }
.why-list { display:grid; gap:clamp(26px,3.4vw,44px); }
.why-list li { display:flex; gap:clamp(16px,2vw,26px); align-items:center; }
.num { flex:none; width:clamp(48px,4.6vw,62px); height:clamp(48px,4.6vw,62px); border-radius:50%; background:var(--y); display:grid; place-items:center; font:700 clamp(15px,1.4vw,19px) "Poppins"; }
.why-list h3 { font-size:clamp(14px,1.3vw,17px); font-weight:700; letter-spacing:.02em; text-transform:uppercase; }
.why-list p { font-size:clamp(13px,1.1vw,15px); color:#444; }

.proc-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(24px,4vw,64px); align-items:center; }
.steps { display:flex; align-items:flex-start; justify-content:space-between; gap:clamp(4px,1vw,14px); position:relative; }
.step { text-align:center; flex:1; }
.stp { display:grid; place-items:center; margin:0 auto 14px; width:clamp(48px,4.6vw,62px); height:clamp(48px,4.6vw,62px); border-radius:50%; background:var(--y); font:700 clamp(17px,1.6vw,22px) "Poppins"; }
.step h3 { font-size:clamp(12px,1.1vw,15px); font-weight:700; text-transform:uppercase; letter-spacing:.02em; }
.step p { font-size:clamp(11.5px,.95vw,13px); color:#444; }
.arr-step { position:static; flex:none; width:clamp(40px,5vw,76px); height:auto; margin-top:clamp(8px,1vw,14px); }

/* ---------- final CTA ---------- */
.cta { padding:0 0 clamp(36px,5vw,64px); }
.cta-box { position:relative; background:var(--y); border-radius:clamp(20px,2.4vw,32px); overflow:hidden; padding:clamp(28px,5vw,72px); min-height:clamp(300px,30vw,420px); display:flex; align-items:center; justify-content:flex-end; }
.cta-eyes { position:absolute; left:clamp(-30px,-1vw,0px); bottom:-14%; width:clamp(260px,44%,560px); }
.cta-eyes-svg { width:100%; overflow:visible; }
.cta-eyes-svg circle[fill="#fff"] { stroke-width:12; }
.cta-txt { position:relative; width:min(100%,56%); }
.cta-txt .btns { margin-top:clamp(20px,2.6vw,36px); }
.cta .btn-o:hover { background:#fff; }
.sparks-cta { width:clamp(30px,3.4vw,50px); height:auto; right:3%; top:12%; }

/* ---------- footer ---------- */
.ftr { padding:clamp(24px,3vw,40px) 0 clamp(28px,3vw,44px); }
.ftr-in { display:flex; align-items:center; justify-content:space-between; gap:20px 32px; flex-wrap:wrap; }
.ftr .logo-svg { height:56px; }
.ftr-nav { display:flex; flex-wrap:wrap; gap:10px clamp(16px,2.4vw,36px); }
.ftr-nav a { font-weight:600; font-size:12px; letter-spacing:.03em; }
.ftr-nav a:hover { text-decoration:underline; text-underline-offset:4px; }
.soc { display:flex; gap:12px; }
.soc a { width:36px; height:36px; border-radius:50%; background:var(--k); display:grid; place-items:center; transition:background .2s; }
.soc a:hover { background:#333; }
.soc svg { width:18px; height:18px; fill:#fff; }

/* ---------- tablet / mobil ---------- */
@media (max-width:960px) {
  :root { --dist:22px; }
  .hdr-in { height:80px; }
  .hdr.sm .hdr-in { height:66px; }
  .logo-svg { height:58px; }
  .hdr.sm .logo-svg { height:50px; }
  .hdr-cta { display:none; }
  .burger { display:block; }
  .js .nav { display:none; position:absolute; left:0; right:0; top:100%; flex-direction:column; align-items:stretch; gap:0; background:var(--bg); padding:8px clamp(20px,4vw,56px) 24px; border-bottom:2px solid var(--k); }
  .js .nav.open { display:flex; }
  .nav a:not(.btn) { padding:16px 0; font-size:15px; border-bottom:1px solid rgba(0,0,0,.12); }
  .nav-cta { display:inline-flex; margin-top:16px; justify-content:center; }
  .hero-grid, .what-grid, .proj-grid, .why-grid, .proc-grid { grid-template-columns:1fr; }
  .hero .mega { font-size:clamp(2.6rem,12.4vw,6rem); }
  .mega-2 { font-size:clamp(2.7rem,13vw,6rem); }
  .mega-3 { font-size:clamp(2.5rem,12vw,5.4rem); }
  .mega-4 { font-size:clamp(2.6rem,12.4vw,5.6rem); }
  .mega-5 { font-size:clamp(2.4rem,11.6vw,5rem); }
  .mega-6 { font-size:clamp(1.8rem,8.6vw,4rem); }
  .hero-svg { width:100%; margin-right:0; }
  .arrow-hero { display:none; }
  .hero-art { width:min(92%,440px); margin:8px auto 0; }
  .note-hero { top:0; right:0; }
  .arrow-note { left:22%; top:0; }
  .svc { padding-top:6px; }
  .note-svc { position:relative; right:auto; bottom:auto; margin:26px 0 0 clamp(60px,18vw,120px); display:block; }
  .arrow-svc { left:clamp(12px,6vw,48px); bottom:auto; top:calc(100% - 26px); }
  .proj-art { align-items:center; padding-top:clamp(84px,22vw,112px); }
  .note-proj { top:6px; }
  .arrow-p1, .arrow-p2 { top:clamp(48px,13vw,72px); }
  .proj-eyes { margin-right:0; width:min(88%,380px); }
  .note-proj { right:14%; font-size:clamp(24px,7vw,34px); }
  .arrow-p1 { right:52%; } .arrow-p2 { right:10%; }
  .proj-art .btn { align-self:center; }
  .arrow-why { left:auto; right:6%; bottom:-60px; }
  .why-list { margin-top:26px; }
  .steps { margin-top:12px; }
  .cta-box { display:block; padding:clamp(22px,6vw,40px); }
  .cta-eyes { position:relative; left:auto; bottom:auto; width:min(78%,360px); margin:0 0 -4% -6%; }
  .cta-txt { width:100%; margin-top:14px; }
}
@media (max-width:560px) {
  .steps { flex-direction:column; align-items:flex-start; gap:6px; }
  .step { display:grid; grid-template-columns:auto 1fr; column-gap:16px; text-align:left; align-items:center; }
  .stp { grid-row:1 / 3; margin:0; }
  .arr-step { transform:rotate(90deg); margin:2px 0 2px 6px; width:44px; }
  .btn-lg { padding:1.1em 1.6em; }
  .btns { gap:12px 16px; }
  .ftr-in { flex-direction:column; align-items:flex-start; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
}

/* hizmet listesi: GOOGLE SEO sarı vurgulu */
.svc-list li { position:relative; z-index:0; }
.svc-hl span { position:relative; z-index:0; display:inline-block; padding:0 .45em; margin-left:-.45em; }
.svc-hl span::before { content:""; position:absolute; inset:-.12em 0 -.08em; background:var(--y); z-index:-1; border-radius:6px; transform:rotate(-1.2deg); }

/* =================== HAKKIMIZDA =================== */
.js .hi-0 { --hx:-30px; --hy:0px; animation-delay:0s; }
.mega-ab { font-size:clamp(2.4rem,5.7vw,5.6rem); }
.mega-ab .hl-ln { white-space:nowrap; }
.mega-st { font-size:clamp(1.9rem,4.4vw,4rem); line-height:.98; letter-spacing:-.02em; }
.mega-dt { font-size:clamp(2.6rem,6.4vw,6rem); }
.js [data-r="bulb"] { opacity:var(--c); transform:scale(calc(.86 + .14 * var(--c))) rotate(calc((1 - var(--c)) * -7deg)); transform-origin:50% 80%; }
.js [data-r="qp"] { opacity:calc(.25 + .75 * var(--c)); transform:translate3d(calc((1 - var(--c)) * 22px),calc((1 - var(--c)) * 12px),0) rotate(calc((1 - var(--c)) * -6deg)); transform-origin:42% 42%; }
.pill-h2 { font:700 13px/1.2 "Poppins",sans-serif; }

/* hero */
.ab-hero { padding:clamp(20px,3vw,44px) 0 clamp(36px,5vw,72px); }
.ab-hero-grid { display:grid; grid-template-columns:1.4fr .6fr; gap:clamp(16px,3vw,48px); align-items:center; }
.ab-hero-txt { position:relative; }
.ab-hero-txt .lead { margin-top:clamp(18px,2.2vw,30px); }
.sparks-ab1 { width:clamp(28px,3.2vw,46px); height:auto; right:6%; top:6%; }
.ab-eyes-art { position:relative; padding-top:clamp(40px,5vw,72px); }
.ab-eyes { width:min(100%,500px); margin-left:auto; overflow:visible; }
.js .ab-eyes { opacity:0; animation:artin 1.2s cubic-bezier(.2,.7,.2,1) .5s forwards; }
.rm .ab-eyes { animation:none !important; opacity:1 !important; transform:none !important; }
.note-ab { position:absolute; top:0; right:6%; font-size:clamp(26px,3vw,42px); transform:rotate(-8deg); }
.arrow-ab { width:clamp(34px,3.6vw,54px); height:auto; left:22%; top:clamp(14px,2vw,30px); }
.sparks-ab2 { width:clamp(26px,2.8vw,40px); height:auto; right:-2%; top:50%; }

/* nasıl başladık */
.ab-how { padding:clamp(36px,5vw,72px) 0; }
.ab-how-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:0; align-items:center; }
.ab-how-l { position:relative; padding-right:clamp(20px,4vw,64px); }
.sticker { display:inline-block; background:var(--y); padding:clamp(14px,1.8vw,24px) clamp(22px,2.6vw,38px); border-radius:46px 62px 52px 34px / 54px 44px 62px 40px; transform:rotate(-4deg); margin-bottom:clamp(18px,2.4vw,32px); }
.sticker .mega span { display:block; }
.sticker-row { display:flex; align-items:flex-start; gap:clamp(8px,1.4vw,22px); }
.arrow-how { position:static; flex:none; width:clamp(32px,3.4vw,50px); height:auto; margin-top:clamp(8px,1.4vw,22px); }
.ab-p { font-size:clamp(15px,1.4vw,20px); line-height:1.6; max-width:34em; }
.ab-how-r { position:relative; display:flex; align-items:center; gap:clamp(18px,3vw,48px); border-left:1.5px solid rgba(0,0,0,.4); padding:clamp(10px,2vw,28px) 0 clamp(10px,2vw,28px) clamp(20px,3vw,48px); }
.bulb-box { flex:none; width:clamp(110px,13vw,190px); }
.bulb-lg { width:100%; height:auto; }
.quote { font-size:clamp(16px,1.7vw,24px); line-height:1.55; }
.arrow-quote { width:clamp(26px,2.8vw,42px); height:auto; right:0; top:-6%; }

/* nelere inanıyoruz */
.ab-bel { padding:clamp(28px,4vw,56px) 0 clamp(36px,5vw,72px); }
.ab-bel .pill { margin-bottom:clamp(18px,2.6vw,36px); }
.vals { display:grid; grid-template-columns:repeat(4,1fr); }
.vals li { text-align:center; padding:6px clamp(12px,1.6vw,26px); }
.vals li + li { border-left:1.5px solid rgba(0,0,0,.4); }
.vals .ic { width:clamp(60px,6.6vw,96px); height:clamp(60px,6.6vw,96px); margin:0 auto clamp(10px,1.4vw,18px); overflow:visible; }
.vals h3 { font-size:clamp(14px,1.45vw,20px); font-weight:700; text-transform:uppercase; letter-spacing:.01em; margin-bottom:6px; }
.vals p { font-size:clamp(13px,1.1vw,16px); color:#333; line-height:1.45; }

/* bizi farklı kılan */
.ab-diff { padding:clamp(24px,4vw,56px) 0 clamp(48px,7vw,104px); }
.ab-diff-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(24px,4vw,64px); align-items:center; }
.ab-diff-l { position:relative; }
.ab-diff-l .ab-p { margin-top:clamp(20px,2.6vw,36px); }
.sparks-dt { width:clamp(28px,3vw,44px); height:auto; left:-5%; top:48%; }
.q-wrap { position:relative; width:100%; max-width:560px; margin-left:auto; aspect-ratio:1 / .92; }
.qmag { position:absolute; width:58%; left:22%; top:22%; overflow:visible; }
.q-wrap .note { position:absolute; font-size:clamp(20px,2.3vw,32px); line-height:1; }
.n-a { left:6%; top:2%; transform:rotate(-10deg); }
.n-s { right:0; top:0; transform:rotate(-8deg); }
.n-f { right:-4%; top:56%; transform:rotate(-8deg); }
.n-h { left:0; bottom:4%; transform:rotate(-10deg); }
.arr-a { width:clamp(26px,2.8vw,40px); height:auto; left:24%; top:15%; }
.arr-s { width:clamp(26px,2.8vw,40px); height:auto; right:30%; top:12%; }
.arr-f { width:clamp(40px,4.4vw,64px); height:auto; right:6%; top:68%; }
.arr-h { width:clamp(28px,3vw,44px); height:auto; left:24%; bottom:3%; }
.arr-h2 { width:clamp(24px,2.6vw,38px); height:auto; left:12%; top:58%; }

@media (max-width:960px) {
  .mega-ab .hl-ln { white-space:normal; }
  .ab-hero-grid, .ab-how-grid, .ab-diff-grid { grid-template-columns:1fr; }
  .mega-ab { font-size:clamp(2.4rem,11.6vw,5.6rem); }
  .mega-st { font-size:clamp(1.9rem,8.6vw,3.4rem); }
  .mega-dt { font-size:clamp(2.5rem,12vw,5.4rem); }
  .ab-eyes-art { width:min(92%,440px); margin:0 auto; padding-top:56px; }
  .sparks-ab1 { display:none; }
  .ab-how-l { padding-right:0; }
  .ab-how-r { border-left:0; border-top:1.5px solid rgba(0,0,0,.4); margin-top:30px; padding:26px 0 0; }
  .vals { grid-template-columns:repeat(2,1fr); row-gap:30px; }
  .vals li:nth-child(3) { border-left:0; }
  .q-wrap { margin:20px auto 0; max-width:480px; }
  .n-f { right:0; }
}
@media (max-width:560px) {
  .ab-hero .lead br { display:none; }
  .ab-how-r { flex-direction:column; align-items:flex-start; }
  .bulb-box { width:120px; }
  .arrow-quote { right:8%; top:auto; bottom:-8px; }
  .vals li { padding:6px 8px; }
  .q-wrap .note { font-size:clamp(17px,5vw,22px); }
}

/* 10 hizmet: geniş ekranda sağ sütun içeriğe göre açılır, uzun hizmet adları tek satırda kalır */
@media (min-width:1181px) {
  .what-grid { grid-template-columns:minmax(0,1fr) max-content; gap:clamp(20px,2.2vw,32px); }
  .svc-list li { white-space:nowrap; }
  .note-svc { bottom:-108px; }
  .arrow-svc { bottom:-92px; }
}

/* =================== HİZMETLER =================== */
.sr { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.pill-rot { transform:rotate(-3deg); }
.mega-hz { font-size:clamp(2.6rem,7vw,6.6rem); }
.mega-hz .hl-ln { white-space:nowrap; }
.mega-hw { font-size:clamp(2.2rem,4.1vw,4.4rem); }
.mega-hw .ln { white-space:nowrap; }
.hz-hero { padding:clamp(20px,3vw,44px) 0 clamp(28px,4vw,56px); }
.hz-hero-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(16px,3vw,48px); align-items:center; }
.hz-hero-txt { position:relative; }
.hz-hero-txt .lead { margin-top:clamp(18px,2.2vw,30px); }
.sparks-hz { width:clamp(26px,2.8vw,40px); height:auto; left:-4%; top:46%; }
.hz-eyes-art { position:relative; padding-top:clamp(36px,5vw,70px); }
.hz-eyes { width:min(100%,560px); margin-left:auto; overflow:visible; }
.js .hz-eyes { opacity:0; animation:artin 1.2s cubic-bezier(.2,.7,.2,1) .5s forwards; }
.rm .hz-eyes { animation:none !important; opacity:1 !important; transform:none !important; }
.note-hz { position:absolute; top:0; right:4%; font-size:clamp(26px,3vw,42px); transform:rotate(-7deg); }
.arrow-hz { width:clamp(34px,3.6vw,54px); height:auto; left:24%; top:clamp(6px,1.4vw,20px); }

/* kartlar */
.hz-list { padding:0 0 clamp(36px,5vw,72px); }
.hz-grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(12px,1.4vw,20px); }
.hz-card { display:flex; justify-content:space-between; align-items:center; gap:12px; height:100%; padding:clamp(18px,2vw,28px) clamp(18px,2.2vw,32px); background:#fbf9f4; border:1.5px solid rgba(0,0,0,.14); border-radius:16px; transition:transform .25s, border-color .25s; }
.hz-txt { min-width:0; }
.hz-card .num { display:grid; place-items:center; width:clamp(34px,3vw,42px); height:clamp(34px,3vw,42px); border-radius:50%; background:var(--y); font:700 clamp(12px,1vw,14px) "Poppins"; margin-bottom:clamp(8px,1.2vw,14px); transition:transform .25s; }
.hz-card h3 { font-family:"Archivo Black","Arial Black",sans-serif; font-weight:400; text-transform:uppercase; letter-spacing:-.02em; line-height:1; font-size:clamp(1.05rem,1.5vw,1.6rem); margin-bottom:clamp(8px,1vw,12px); }
.hz-card p { font-size:clamp(13px,1.1vw,16px); line-height:1.5; color:#333; margin-bottom:clamp(14px,1.8vw,22px); }
.more { display:inline-flex; gap:.5em; align-items:center; font-weight:700; font-size:12px; letter-spacing:.03em; }
.more span { display:inline-block; transition:transform .2s; }
.si { flex:none; width:clamp(92px,10.6vw,150px); height:auto; overflow:visible; transition:transform .25s; }
@media (hover:hover) {
  .hz-card:hover { transform:translateY(-4px); border-color:rgba(0,0,0,.65); }
  .hz-card:hover .num { transform:scale(1.1); }
  .hz-card:hover .more span { transform:translateX(5px); }
  .hz-card:hover .si { transform:scale(1.04) rotate(-1.5deg); }
}
.more:focus-visible { outline-offset:5px; }

/* ikon mikro animasyonları: kartın scroll ilerlemesine (--c) bağlı, döngü yok */
.si * { transform-box:fill-box; }
.si .rays { opacity:clamp(0,calc((var(--c,1) - .5) * 4),1); }
.hz-strateji .arr { transform:translate(calc((1 - var(--c,1)) * 14px),calc((1 - var(--c,1)) * -14px)); }
.hz-sosyal-medya .notif { transform-origin:20% 90%; transform:scale(calc(.6 + .4 * var(--c,1))); opacity:clamp(0,calc(var(--c,1) * 3),1); }
.hz-fotograf-video .lens { transform-origin:center; transform:scale(calc(.8 + .2 * var(--c,1))); }
.hz-web-tasarim .pane { transform:translateY(calc((1 - var(--c,1)) * 10px)); opacity:clamp(0,calc(var(--c,1) * 3),1); }
.hz-google-seo .mag { transform-origin:30% 30%; transform:translate(calc((1 - var(--c,1)) * -10px),calc((1 - var(--c,1)) * -6px)) rotate(calc((1 - var(--c,1)) * -10deg)); }
.hz-reklam-yonetimi .b1, .hz-reklam-yonetimi .b2, .hz-reklam-yonetimi .b3 { transform-origin:50% 100%; }
.hz-reklam-yonetimi .b1 { transform:scaleY(clamp(.05,calc(var(--c,1) * 3),1)); }
.hz-reklam-yonetimi .b2 { transform:scaleY(clamp(.05,calc((var(--c,1) - .15) * 3),1)); }
.hz-reklam-yonetimi .b3 { transform:scaleY(clamp(.05,calc((var(--c,1) - .3) * 3),1)); }
.hz-reklam-yonetimi .trend { opacity:clamp(0,calc((var(--c,1) - .5) * 4),1); }
.hz-hosting-sunucu .l1 { opacity:clamp(.2,calc(var(--c,1) * 4),1); }
.hz-hosting-sunucu .l2 { opacity:clamp(.2,calc((var(--c,1) - .25) * 4),1); }
.hz-hosting-sunucu .l3 { opacity:clamp(.2,calc((var(--c,1) - .5) * 4),1); }
.hz-marka-kurumsal-kimlik .pts { transform-origin:center; transform:scale(calc(.85 + .15 * var(--c,1))); }
.hz-eticaret-ozel-yazilim .cur { transform:translate(calc((1 - var(--c,1)) * 12px),calc((1 - var(--c,1)) * 8px)); }
.hz-yapay-zeka-otomasyon .eyes-r { transform:translateX(calc((1 - var(--c,1)) * -5px)); }
.rm .si * { transform:none !important; opacity:1 !important; }

/* neden zoompiq */
.hz-why { padding:clamp(28px,4vw,56px) 0 clamp(40px,6vw,88px); }
.hz-why-grid { display:grid; grid-template-columns:1.5fr .5fr; gap:clamp(20px,4vw,64px); align-items:center; }
.hz-why-l { position:relative; }
.hz-why-l .ab-p { margin-top:clamp(16px,2vw,26px); max-width:34em; }
.arrow-hw { width:clamp(60px,7vw,100px); height:auto; right:2%; bottom:clamp(-12px,1vw,20px); }
.checks { display:grid; gap:clamp(14px,1.8vw,22px); }
.checks li { display:flex; gap:14px; align-items:center; font-size:clamp(14px,1.2vw,17px); font-weight:500; }
.chk { flex:none; display:grid; place-items:center; width:clamp(32px,2.8vw,40px); height:clamp(32px,2.8vw,40px); border-radius:50%; background:var(--y); transform:scale(calc(.7 + .3 * var(--c,1))); }
.chk svg { width:60%; height:60%; fill:none; stroke:var(--k); stroke-width:3; stroke-linecap:round; stroke-linejoin:round; }

@media (max-width:960px) {
  .hz-hero-grid, .hz-why-grid { grid-template-columns:1fr; }
  .mega-hz { font-size:clamp(2.5rem,12.4vw,5.6rem); }
  .mega-hw { font-size:clamp(1.7rem,7vw,4.2rem); }
  .hz-eyes-art { width:min(92%,460px); margin:0 auto; padding-top:56px; }
  .sparks-hz { display:none; }
  .hz-grid { grid-template-columns:1fr; }
  .arrow-hw { right:6%; bottom:-50px; }
  .checks { margin-top:30px; }
}
@media (max-width:560px) {
  .hz-hero .lead br { display:none; }
  .si { width:clamp(84px,24vw,110px); }
  .hz-card { padding:16px 16px 18px; }
  .hz-card h3 { font-size:clamp(1.05rem,5.2vw,1.4rem); }
}

/* =================== PROJELER (marka vitrini) =================== */
.mega-pj { font-size:clamp(2.3rem,5.4vw,5.2rem); }
.mega-pj .hl-ln { white-space:nowrap; }
.pj-hero { padding:clamp(20px,3vw,44px) 0 clamp(20px,3vw,40px); }
.pj-hero-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:clamp(16px,3vw,48px); align-items:center; }
.pj-hero-txt .lead { margin-top:clamp(16px,2vw,28px); }
.uline { display:block; width:clamp(80px,9vw,130px); height:auto; margin-top:10px; stroke:var(--y); stroke-width:5; fill:none; stroke-linecap:round; }
.pj-eyes-art { position:relative; padding-top:clamp(84px,9.5vw,130px); }
.pj-eyes { width:min(100%,500px); margin-left:auto; overflow:visible; }
.js .pj-eyes { opacity:0; animation:artin 1.2s cubic-bezier(.2,.7,.2,1) .5s forwards; }
.rm .pj-eyes { animation:none !important; opacity:1 !important; transform:none !important; }
.note-pj { position:absolute; top:0; right:0; max-width:60%; font-size:clamp(20px,2.3vw,32px); transform:rotate(-7deg); text-align:left; }
.arrow-pj { width:clamp(36px,4vw,58px); height:auto; right:30%; top:clamp(28px,3.4vw,52px); }
.sparks-pj { width:clamp(26px,2.8vw,40px); height:auto; left:6%; top:2%; }

.bw { position:relative; overflow:hidden; padding:clamp(30px,5vw,70px) 0 clamp(60px,8vw,120px); }
.bw .wrap { position:relative; z-index:1; }
.bgtype span { position:absolute; font-family:"Archivo Black","Arial Black",sans-serif; font-size:clamp(8rem,31vw,31rem); line-height:.8; letter-spacing:-.04em; color:rgba(0,0,0,.04); user-select:none; pointer-events:none; transform:translate3d(0,var(--py,0px),0); }
.bg-z { top:1%; left:-3%; }
.bg-q { top:34%; right:-2%; }
.brush { position:absolute; fill:var(--y); height:auto; z-index:0; pointer-events:none; transform:translate3d(0,var(--py,0px),0); }
.brush-a { width:clamp(120px,22vw,300px); left:3%; top:25%; }
.brush-b { width:clamp(120px,22vw,310px); left:-2%; bottom:5%; }

.bw-list { display:grid; grid-template-columns:repeat(12,1fr); column-gap:clamp(12px,2vw,32px); row-gap:clamp(34px,5vw,80px); align-items:center; }
.bw-item { position:relative; grid-column:span 4; display:flex; justify-content:center; align-items:center; min-height:clamp(120px,15vw,210px); padding-bottom:clamp(30px,3.6vw,52px); }
.bw-logo { position:relative; display:flex; justify-content:center; width:100%; color:inherit; }
.lbox { position:relative; display:block; width:var(--lw); max-width:100%; isolation:isolate; transition:transform .35s ease; }
.lbox img { display:block; width:100%; height:auto; opacity:.94; transition:filter .35s ease, transform .35s ease, opacity .35s ease; }
.is-real img { filter:grayscale(100%); }
.tint { position:absolute; inset:0; background:var(--accent); -webkit-mask-size:contain; mask-size:contain; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center; opacity:0; transition:opacity .35s ease; pointer-events:none; }
.is-mono:not(.has-accent) .bw-logo::before { content:""; position:absolute; left:10%; right:10%; bottom:8%; height:30%; background:var(--y); border-radius:6px; transform:scaleX(0); transform-origin:left; transition:transform .35s ease; z-index:-1; }
.bw-item.i2 { min-height:clamp(220px,28vw,400px); }
.bw-item.i2 .lbox { width:min(100%,calc(var(--lw) * 1.3)); }
.bw-item.i10 .lbox { width:min(var(--lw),62%); }
.bw-logo:focus-visible { outline-offset:8px; }
@media (hover:hover) {
  .bw-logo:hover .lbox { transform:scale(1.045); }
  .is-real .bw-logo:hover img { filter:grayscale(0%); }
  .has-accent .bw-logo:hover .tint { opacity:1; }
  .has-accent .bw-logo:hover img { opacity:0; }
  .is-mono:not(.has-accent) .bw-logo:hover::before { transform:scaleX(1); }
}
/* dokunmatik / klavye odağı */
.bw-logo.tap .lbox, .bw-logo:focus-visible .lbox { transform:scale(1.04); }
.is-real .bw-logo.tap img, .is-real .bw-logo:focus-visible img { filter:grayscale(0%); }
.has-accent .bw-logo.tap .tint, .has-accent .bw-logo:focus-visible .tint { opacity:1; }
.has-accent .bw-logo.tap img, .has-accent .bw-logo:focus-visible img { opacity:0; }
.is-mono:not(.has-accent) .bw-logo.tap::before, .is-mono:not(.has-accent) .bw-logo:focus-visible::before { transform:scaleX(1); }

/* el yazısı notlar */
.bw-note { position:absolute; left:8%; bottom:0; font-size:clamp(17px,1.9vw,27px); line-height:1; transform:rotate(-8deg); z-index:2; margin:0; }
.bw-arrow { width:clamp(30px,3.2vw,46px); height:auto; left:2%; bottom:clamp(10px,1.4vw,22px); z-index:2; }
.bw-item:nth-child(3n+2) .bw-note { left:34%; }
.bw-item:nth-child(3n+2) .bw-arrow { left:26%; }
.bw-item:nth-child(3n) .bw-note { left:auto; right:6%; }
.bw-item:nth-child(3n) .bw-arrow { left:auto; right:46%; transform:scaleX(-1); }
.bw-item.i10 .bw-note { left:auto; right:4%; bottom:30%; }
.bw-item.i10 .bw-arrow { left:auto; right:30%; bottom:26%; transform:none; }

@media (min-width:961px) {
  .bw-item.i1 { top:14px; } .bw-item.i3 { top:34px; } .bw-item.i4 { top:-8px; }
  .bw-item.i6 { top:22px; } .bw-item.i7 { top:6px; } .bw-item.i9 { top:-12px; }
  .bw-item.i10 { grid-column:3 / span 8; }
}
@media (max-width:960px) {
  .pj-hero-grid { grid-template-columns:1fr; }
  .mega-pj { font-size:clamp(2rem,9.4vw,5rem); }
  .mega-pj .hl-ln { white-space:normal; }
  .pj-eyes-art { width:min(92%,440px); margin:0 auto; padding-top:60px; }
  .sparks-pj { display:none; }
  .bw-list { grid-template-columns:repeat(2,1fr); row-gap:clamp(26px,7vw,52px); column-gap:clamp(10px,3vw,24px); }
  .bw-item { grid-column:span 1; min-height:clamp(110px,26vw,170px); }
  .bw-item:nth-child(even) { margin-top:clamp(18px,6vw,40px); }
  .bw-item.i2, .bw-item.i10 { grid-column:span 2; }
  .bw-item.i2 { min-height:clamp(200px,50vw,320px); margin-top:0; }
  .bw-item.i2 .lbox { width:min(70%,calc(var(--lw) * 1.2)); }
  .bw-item.i10 .lbox { width:min(var(--lw),80%); }
  .bw-item:nth-child(3n+2) .bw-note, .bw-item:nth-child(3n) .bw-note { left:8%; right:auto; }
  .bw-item:nth-child(3n) .bw-arrow { transform:none; right:auto; left:2%; }
  .bw-item:nth-child(3n+2) .bw-arrow { left:2%; }
}
@media (max-width:560px) {
  .bw-arrow { display:none; }
  .bw-note { display:none; }
  .bw-item.i1 .bw-note, .bw-item.i10 .bw-note { display:block; left:8%; right:auto; bottom:2px; }
  .brush-a { top:18%; }
}
.js [data-r="ls"] { opacity:var(--c); transform:scale(calc(.96 + .04 * var(--c))); }

/* =================== BLOG =================== */
.mega-bl { font-size:clamp(2.5rem,6.2vw,6rem); }
.mega-bl .hl-ln { white-space:nowrap; }
.bl-hero { padding:clamp(20px,3vw,44px) 0 clamp(16px,2.4vw,32px); }
.bl-hero-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(16px,3vw,48px); align-items:center; }
.bl-hero-txt { position:relative; }
.bl-hero-txt .lead { margin-top:clamp(14px,1.8vw,24px); }
.squig-bl { width:clamp(14px,1.6vw,22px); height:auto; left:-4%; top:30%; stroke:var(--y); stroke-width:5; }
.bl-eyes-art { position:relative; padding-top:clamp(80px,9vw,120px); padding-bottom:clamp(40px,5vw,70px); }
.bl-eyes { width:min(100%,460px); margin-left:auto; overflow:visible; }
.js .bl-eyes { opacity:0; animation:artin 1.2s cubic-bezier(.2,.7,.2,1) .5s forwards; }
.rm .bl-eyes { animation:none !important; opacity:1 !important; transform:none !important; }
.note-bl { position:absolute; top:0; right:2%; font-size:clamp(20px,2.4vw,34px); transform:rotate(-8deg); }
.arrow-bl { width:clamp(46px,5vw,76px); height:auto; right:30%; bottom:clamp(2px,2vw,26px); }
.blob-bl { position:absolute; right:-3%; bottom:0; margin:0; width:clamp(110px,13vw,176px); aspect-ratio:1.15; background:var(--y); border-radius:58% 42% 55% 45% / 52% 50% 50% 48%; display:grid; place-items:center; text-align:center; font-family:"Caveat",cursive; font-weight:700; font-size:clamp(17px,1.9vw,27px); line-height:1; transform:rotate(-12deg); }

/* kategori filtresi */
.bl-filter-wrap { padding:clamp(8px,1.4vw,18px) 0 clamp(18px,2.4vw,32px); }
.bl-filter { display:flex; flex-wrap:wrap; justify-content:center; gap:clamp(8px,1vw,14px); }
.chip { font:700 clamp(11px,.95vw,13px)/1 "Poppins",sans-serif; letter-spacing:.02em; padding:.95em 1.7em; border:1.5px solid var(--k); border-radius:999px; background:transparent; color:var(--k); cursor:pointer; transition:transform .2s, background .2s; }
.chip:hover { transform:translateY(-2px) scale(1.03); }
.chip.on { background:var(--y); }
.chip:focus-visible { outline:3px solid var(--k); outline-offset:3px; }

/* liste */
.bl-list { padding:0 0 clamp(36px,5vw,72px); }
.bl-grid { display:grid; grid-template-columns:repeat(12,1fr); gap:clamp(12px,1.4vw,20px); transition:opacity .18s ease, transform .18s ease; }
.bl-grid.fade { opacity:0; transform:translateY(8px); }
.bl-item { grid-column:span 4; display:block; }
.bl-item[hidden] { display:none; }
.bl-item[data-slot="0"] { grid-column:span 7; grid-row:span 2; }
.bl-item[data-slot="1"], .bl-item[data-slot="2"] { grid-column:span 5; }
.bl-item[data-slot="6"], .bl-item[data-slot="7"] { grid-column:span 6; }
.bl-grid[data-n="1"] .bl-item[data-slot="0"] { grid-column:1 / -1; grid-row:auto; }
.bl-grid[data-n="2"] .bl-item[data-slot="0"] { grid-row:auto; }
.bl-card { position:relative; height:100%; display:flex; flex-direction:column; background:#fbf9f4; border:1.5px solid rgba(0,0,0,.12); border-radius:18px; padding:clamp(14px,1.6vw,24px); overflow:hidden; transition:transform .25s, border-color .25s; }
.bl-art { position:relative; }
.bl-art .illu { display:block; width:100%; height:auto; overflow:visible; transition:transform .3s ease; }
.pc-note { position:static; margin:0 0 clamp(2px,.6vw,8px); font-size:clamp(15px,1.5vw,22px); line-height:1.05; transform:rotate(-2.5deg); transform-origin:left center; text-align:left; }
.bl-body { display:flex; flex-direction:column; align-items:flex-start; gap:clamp(6px,.8vw,10px); margin-top:clamp(8px,1vw,14px); }
.bl-cat { display:inline-block; background:var(--y); font:700 11px/1 "Poppins",sans-serif; letter-spacing:.03em; padding:.55em 1.1em; border-radius:999px; }
.bl-card h3 { font-family:"Archivo Black","Arial Black",sans-serif; font-weight:400; letter-spacing:-.015em; line-height:1.08; font-size:clamp(1.05rem,1.55vw,1.5rem); }
.bl-link { color:inherit; }
.bl-link::after { content:""; position:absolute; inset:0; z-index:1; }
.bl-link:focus-visible { outline:none; }
.bl-card:has(.bl-link:focus-visible) { outline:3px solid var(--k); outline-offset:3px; }
.bl-spot { font-size:clamp(13px,1.1vw,16px); line-height:1.5; color:#333; display:none; }
.bl-meta { display:flex; flex-wrap:wrap; gap:6px clamp(12px,1.4vw,22px); font-size:clamp(11.5px,.95vw,13px); color:#222; }
.bl-meta span { display:inline-flex; align-items:center; gap:7px; }
.bl-meta svg { width:16px; height:16px; fill:none; stroke:var(--k); stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.bl-card .more { margin-top:auto; padding-top:6px; border-bottom:1.5px solid var(--k); padding-bottom:2px; align-self:flex-end; }
.bl-card .more span { display:inline-block; transition:transform .2s; }
.bl-empty { text-align:center; font-size:clamp(15px,1.4vw,19px); padding:clamp(30px,6vw,80px) 0; }

/* öne çıkan (0) ve yatay kartlar */
.bl-item[data-slot="0"] .bl-card { display:grid; grid-template-columns:1fr 1.15fr; align-items:center; gap:clamp(8px,1.4vw,22px); padding:clamp(18px,2.4vw,36px); }
.bl-item[data-slot="0"] .bl-art { order:2; }
.bl-item[data-slot="0"] .bl-body { order:1; margin-top:0; align-self:stretch; justify-content:center; gap:clamp(8px,1.2vw,16px); }
.bl-item[data-slot="0"] h3 { font-size:clamp(1.4rem,2.6vw,2.4rem); }
.bl-item[data-slot="0"] .bl-spot { display:block; }
.bl-item[data-slot="0"] .more { margin-top:clamp(10px,1.6vw,22px); align-self:flex-start; }
.bl-item[data-slot="1"] .bl-card, .bl-item[data-slot="2"] .bl-card,
.bl-item[data-slot="6"] .bl-card, .bl-item[data-slot="7"] .bl-card { display:grid; grid-template-columns:1fr minmax(120px,44%); align-items:center; gap:clamp(6px,1vw,16px); }
.bl-item[data-slot="1"] .bl-art, .bl-item[data-slot="2"] .bl-art,
.bl-item[data-slot="6"] .bl-art, .bl-item[data-slot="7"] .bl-art { order:2; }
.bl-item[data-slot="1"] .bl-body, .bl-item[data-slot="2"] .bl-body,
.bl-item[data-slot="6"] .bl-body, .bl-item[data-slot="7"] .bl-body { order:1; margin-top:0; }
.bl-item[data-slot="1"] .pc-note, .bl-item[data-slot="2"] .pc-note,
.bl-item[data-slot="6"] .pc-note, .bl-item[data-slot="7"] .pc-note { display:none; }

@media (hover:hover) {
  .bl-card:hover { transform:translateY(-4px); border-color:rgba(0,0,0,.55); }
  .bl-card:hover .illu { transform:scale(1.04) rotate(-1.2deg); }
  .bl-card:hover .more span { transform:translateX(5px); }
}

/* illüstrasyon mikro hareketleri: kartın scroll ilerlemesine (--c) bağlı, döngü yok */
.illu .pin, .illu .phone, .illu .fan, .illu .cal, .illu .play, .illu .target, .illu .robot, .illu .lens { transform-box:fill-box; }
.illu-seo .pin { transform-origin:50% 100%; transform:scale(calc(.95 + .05 * var(--c,1))); }
.illu-seo .trend { opacity:clamp(0,calc((var(--c,1) - .35) * 3),1); transform:translateY(calc((1 - var(--c,1)) * 8px)); }
.illu-seo .bars { transform:translateY(calc((1 - var(--c,1)) * 6px)); }
.illu-sosyal .phone { transform-origin:50% 100%; transform:rotate(calc((1 - var(--c,1)) * -3deg)); }
.illu-sosyal .hearts { transform:translateY(calc((1 - var(--c,1)) * 9px)); }
.illu-reklam .arrow { transform:translate(calc((1 - var(--c,1)) * -12px),calc((1 - var(--c,1)) * 12px)); }
.illu-ai .arm { transform-box:fill-box; transform-origin:0 100%; transform:rotate(calc((1 - var(--c,1)) * 8deg)); }
.illu-ai .ant { transform-box:fill-box; transform-origin:50% 100%; transform:rotate(calc((1 - var(--c,1)) * -8deg)); }
.illu-ai .ball { transform:translateX(calc((1 - var(--c,1)) * -3px)); }
.illu-takvim .cal { transform-origin:50% 100%; transform:rotate(calc((1 - var(--c,1)) * 3deg)); }
.illu-video .play { transform-origin:center; transform:scale(calc(.95 + .05 * var(--c,1))); }
.illu-video .clap { transform:translateX(calc((1 - var(--c,1)) * 8px)); }
.illu-tasarim .fan { transform-origin:50% 100%; transform:rotate(calc((1 - var(--c,1)) * -8deg)); }
.illu-tasarim .pen { transform:translate(calc((1 - var(--c,1)) * 10px),calc((1 - var(--c,1)) * 6px)); }
.illu-web .pane { transform:translateY(calc((1 - var(--c,1)) * 8px)); }
.illu-web .cur { transform:translate(calc((1 - var(--c,1)) * -10px),calc((1 - var(--c,1)) * -8px)); }
.rm .illu g[class] { transform:none !important; opacity:1 !important; }

/* detay sayfası */
.bp-head { padding:clamp(18px,2.6vw,40px) 0 clamp(18px,2.6vw,36px); }
.bp-head-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:clamp(16px,3vw,48px); align-items:center; }
.bp-crumb { font-size:12px; font-weight:600; margin-bottom:clamp(12px,1.6vw,20px); }
.bp-crumb a:hover { text-decoration:underline; text-underline-offset:3px; }
.bp-title { font-family:"Archivo Black","Arial Black",sans-serif; font-weight:400; letter-spacing:-.02em; line-height:1.04; font-size:clamp(1.9rem,4.2vw,3.8rem); margin:clamp(8px,1vw,14px) 0 clamp(12px,1.6vw,20px); }
.bp-art .illu { width:100%; height:auto; display:block; overflow:visible; }
.bp-content { max-width:720px; margin:0 auto; padding:clamp(10px,2vw,28px) 0 clamp(20px,3vw,40px); font-size:clamp(16px,1.25vw,18px); line-height:1.8; }
.bp-content p { margin:0 0 1.2em; }
.bp-content h2 { font-family:"Archivo Black","Arial Black",sans-serif; font-weight:400; letter-spacing:-.015em; line-height:1.1; font-size:clamp(1.3rem,2.2vw,1.9rem); margin:1.8em 0 .6em; }
.bp-content h2::after { content:""; display:block; width:56px; height:8px; margin-top:10px; background:var(--y); border-radius:4px; transform:rotate(-2deg); }
.bp-content h3 { font-weight:700; font-size:clamp(1.05rem,1.5vw,1.3rem); margin:1.5em 0 .5em; }
.bp-content ul, .bp-content ol { margin:0 0 1.3em; padding-left:1.3em; list-style:revert; }
.bp-content li { margin-bottom:.4em; }
.bp-content a { text-decoration:underline; text-decoration-color:var(--y); text-decoration-thickness:3px; text-underline-offset:3px; }
.bp-content blockquote { margin:1.5em 0; padding:.2em 0 .2em 1.1em; border-left:5px solid var(--y); font-weight:600; }
.bp-content img, .bp-content iframe { max-width:100%; height:auto; }
.back-blog { display:block; max-width:720px; margin:0 auto clamp(30px,5vw,64px); font-weight:700; font-size:13px; letter-spacing:.03em; }
.back-blog:hover { text-decoration:underline; text-underline-offset:4px; }
.bp-more { padding:0 0 clamp(36px,5vw,72px); }
.bp-more-h { font-family:"Archivo Black","Arial Black",sans-serif; font-weight:400; font-size:clamp(1.2rem,2vw,1.7rem); margin-bottom:clamp(14px,2vw,26px); }
.bp-more-list { display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(12px,1.6vw,22px); }
.bp-more-list a { display:flex; flex-direction:column; align-items:flex-start; gap:10px; height:100%; padding:clamp(16px,1.8vw,26px); background:#fbf9f4; border:1.5px solid rgba(0,0,0,.12); border-radius:16px; transition:transform .25s, border-color .25s; }
.bp-more-list .t { font-weight:700; line-height:1.3; font-size:clamp(14px,1.25vw,17px); }
.bp-more-list .more { margin-top:auto; }
.bp-more-list a:hover { transform:translateY(-4px); border-color:rgba(0,0,0,.55); }

@media (max-width:960px) {
  .bl-hero-grid, .bp-head-grid { grid-template-columns:1fr; }
  .mega-bl { font-size:clamp(2.2rem,11vw,5rem); }
  .bl-eyes-art { width:min(92%,440px); margin:0 auto; padding-top:84px; }
  .squig-bl { display:none; }
  .bl-grid { grid-template-columns:repeat(2,1fr); }
  .bl-item, .bl-item[data-slot] { grid-column:span 1; grid-row:auto; }
  .bl-item[data-slot="0"] { grid-column:1 / -1; }
  .bl-item[data-slot="0"] .bl-card, .bl-item[data-slot="1"] .bl-card, .bl-item[data-slot="2"] .bl-card,
  .bl-item[data-slot="6"] .bl-card, .bl-item[data-slot="7"] .bl-card { display:flex; flex-direction:column; }
  .bl-item[data-slot] .bl-art { order:0; }
  .bl-item[data-slot] .bl-body { order:1; margin-top:clamp(8px,1vw,14px); }
  .bl-item[data-slot="0"] .pc-note, .bl-item[data-slot="1"] .pc-note, .bl-item[data-slot="2"] .pc-note,
  .bl-item[data-slot="6"] .pc-note, .bl-item[data-slot="7"] .pc-note { display:block; }
  .bp-more-list { grid-template-columns:1fr; }
}
@media (max-width:640px) {
  .bl-filter { flex-wrap:nowrap; justify-content:flex-start; overflow-x:auto; margin:0 calc(-1 * clamp(20px,4vw,56px)); padding:4px clamp(20px,4vw,56px) 8px; scroll-snap-type:x proximity; scrollbar-width:none; }
  .bl-filter::-webkit-scrollbar { display:none; }
  .chip { flex:none; scroll-snap-align:start; }
  .bl-grid { grid-template-columns:1fr; }
  .bl-item, .bl-item[data-slot], .bl-item[data-slot="0"] { grid-column:1 / -1; }
  .bl-item .bl-spot { display:block; }
  .blob-bl { right:0; }
  .arrow-bl { right:34%; }
}

/* =================== İLETİŞİM =================== */
.mega-ct { font-size:clamp(2.3rem,5.6vw,5.4rem); }
.mega-ct .hl-ln { white-space:nowrap; }
.ct-hero { padding:clamp(20px,3vw,44px) 0 clamp(14px,2vw,28px); }
.ct-hero-grid { display:grid; grid-template-columns:1.3fr .7fr; gap:clamp(16px,3vw,48px); align-items:center; }
.ct-hero-txt .lead { margin-top:clamp(14px,1.8vw,24px); }
.ct-eyes-art { position:relative; padding-top:clamp(70px,8vw,110px); padding-bottom:clamp(60px,6.5vw,96px); }
.ct-eyes { width:min(100%,380px); margin-left:auto; overflow:visible; }
.js .ct-eyes { opacity:0; animation:artin 1.2s cubic-bezier(.2,.7,.2,1) .5s forwards; }
.rm .ct-eyes { animation:none !important; opacity:1 !important; transform:none !important; }
.note-ct { position:absolute; top:0; right:0; font-size:clamp(18px,2vw,28px); transform:rotate(-8deg); text-align:left; }
.arrow-ct { width:clamp(46px,5vw,72px); height:auto; right:12%; bottom:clamp(2px,3vw,40px); }
.blob-ct { position:absolute; right:-4%; bottom:-4px; margin:0; padding:.5em 1em; background:var(--y); border-radius:46% 54% 48% 52% / 62% 40% 60% 38%; transform:rotate(-9deg); font-family:"Caveat",cursive; font-weight:700; font-size:clamp(20px,2.4vw,34px); line-height:1; text-align:center; }

/* form */
.ct-main { padding:clamp(8px,1.4vw,20px) 0 clamp(24px,3.4vw,48px); }
.ct-main-grid { display:grid; grid-template-columns:1.12fr .88fr; gap:clamp(18px,3vw,48px); align-items:center; }
.ct-card { position:relative; background:#fbf9f4; border:1.5px solid rgba(0,0,0,.1); border-radius:20px; padding:clamp(20px,3vw,40px); }
.ct-h2 { font-family:"Archivo Black","Arial Black",sans-serif; font-weight:400; letter-spacing:-.02em; line-height:1; font-size:clamp(1.6rem,2.8vw,2.5rem); }
.ct-head { display:flex; align-items:flex-start; gap:12px; }
.sparks-ctf { position:static; flex:none; width:clamp(26px,2.6vw,38px); height:auto; stroke:var(--y); stroke-width:5; }
.ct-sub { font-size:clamp(14px,1.2vw,17px); margin:clamp(8px,1vw,12px) 0 clamp(16px,2vw,26px); }
.ct-alert { border-radius:12px; padding:14px 18px; font-weight:600; font-size:15px; margin-bottom:16px; }
.ct-alert[hidden] { display:none; }
.ct-ok { background:var(--y); }
.ct-bad { border:1.5px solid #b3261e; color:#8a1c16; background:#fff4f2; }
.ct-card form { display:grid; grid-template-columns:minmax(0,1fr); gap:clamp(10px,1.2vw,14px); }
.ct-card form.is-sent { display:none; }
.hp { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.fld { position:relative; display:flex; align-items:center; gap:10px; background:#fff; border:1.5px solid rgba(0,0,0,.28); border-radius:10px; padding:0 16px; min-height:54px; transition:border-color .2s, box-shadow .2s; }
.fld:focus-within { border-color:var(--k); box-shadow:inset 0 -4px 0 var(--y); }
.fld.has-err { border-color:#b3261e; }
.fld .ico { flex:none; display:grid; place-items:center; width:22px; height:22px; }
.fld .ico svg { width:20px; height:20px; fill:none; stroke:var(--k); stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
.fld input, .fld select, .fld textarea { flex:1; min-width:0; border:0; outline:0; background:transparent; font:500 15px/1.4 "Poppins",sans-serif; color:var(--k); padding:15px 0; }
.fld select { appearance:none; -webkit-appearance:none; padding-right:30px; cursor:pointer; margin-left:2px; }
.fld select:invalid { color:#555; }
.fld .chev { position:absolute; right:16px; top:50%; width:18px; height:18px; margin-top:-9px; fill:none; stroke:var(--k); stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; pointer-events:none; }
.fld:has(textarea) { align-items:flex-start; }
.fld:has(textarea) .ico { margin-top:16px; }
.fld textarea { min-height:104px; resize:vertical; }
.fld ::placeholder { color:#444; opacity:1; }
.ferr { color:#b3261e; font-size:12.5px; font-weight:600; margin:5px 4px 0; }
.ferr[hidden] { display:none; }
.ct-send { display:flex; align-items:center; justify-content:center; gap:12px; width:100%; min-height:58px; border:0; border-radius:12px; background:var(--y); color:var(--k); cursor:pointer; font:700 clamp(14px,1.2vw,16px) "Poppins",sans-serif; letter-spacing:.03em; transition:transform .2s, background .2s; }
.ct-send:hover { transform:translateY(-2px); background:#ffd900; }
.ct-send:disabled { opacity:.6; cursor:wait; transform:none; }
.ct-send svg { width:22px; height:22px; fill:none; stroke:var(--k); stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
.ct-send b { font-weight:700; }
.ct-wa { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px 18px; margin-top:clamp(16px,2vw,24px); padding-top:clamp(14px,1.8vw,20px); border-top:1.5px dashed rgba(0,0,0,.22); }
.ct-wa p { font-weight:600; font-size:clamp(14px,1.15vw,16px); }
.wa-btn { display:inline-flex; align-items:center; gap:10px; background:#25D366; color:#fff; border-radius:999px; padding:.9em 1.5em; min-height:52px; font:700 13px/1 "Poppins",sans-serif; letter-spacing:.03em; transition:transform .2s, background .2s; }
.wa-btn svg { width:24px; height:24px; flex:none; }
.wa-btn:hover { background:#1ebe5b; transform:translateY(-2px); }

/* sağdaki 2D illüstrasyon */
.ct-art { position:relative; padding-top:clamp(70px,8vw,110px); }
.ct-art-note { position:absolute; top:0; left:12%; font-size:clamp(20px,2.4vw,34px); transform:rotate(-7deg); text-align:left; margin:0; }
.ct-art .hand { stroke:var(--y); }
.a-left { width:clamp(30px,3.2vw,48px); height:auto; left:2%; top:clamp(20px,3vw,48px); }
.a-right { width:clamp(30px,3.2vw,48px); height:auto; right:12%; top:clamp(30px,4vw,60px); }
.ct-illu { display:block; width:100%; height:auto; overflow:visible; }
.ct-illu .plane, .ct-illu .bubble, .ct-illu .heart, .ct-illu .pens, .ct-illu .b1, .ct-illu .b2, .ct-illu .b3, .ct-illu .plant { transform-box:fill-box; }
.ct-illu .plane { transform:translate(calc((1 - var(--c,1)) * -22px),calc((1 - var(--c,1)) * 20px)); }
.ct-illu .bubble { transform-origin:center; transform:scale(calc(.95 + .05 * var(--c,1))); }
.ct-illu .heart { transform-origin:center; transform:scale(calc(.85 + .15 * var(--c,1))); }
.ct-illu .pens { transform:translateY(calc((1 - var(--c,1)) * 6px)); }
.ct-illu .plant { transform-origin:50% 100%; transform:rotate(calc((1 - var(--c,1)) * 4deg)); }
.ct-illu .b1 { opacity:clamp(0,calc((var(--c,1) - .15) * 4),1); transform:translateX(calc((1 - var(--c,1)) * 12px)); }
.ct-illu .b2 { opacity:clamp(0,calc((var(--c,1) - .35) * 4),1); transform:translateX(calc((1 - var(--c,1)) * 12px)); }
.ct-illu .b3 { opacity:clamp(0,calc((var(--c,1) - .55) * 4),1); transform:translateX(calc((1 - var(--c,1)) * 12px)); }
.rm .ct-illu g { transform:none !important; opacity:1 !important; }

/* 4 özellik */
.ct-feat { padding:clamp(16px,2.4vw,32px) 0 clamp(20px,3vw,40px); }
.ct-feat-list { display:grid; grid-template-columns:repeat(4,1fr); background:#fbf9f4; border:1.5px solid rgba(0,0,0,.1); border-radius:18px; padding:clamp(16px,2.2vw,30px) 0; }
.ct-feat-list li { position:relative; text-align:center; padding:6px clamp(12px,1.6vw,26px); }
.ct-feat-list li + li { border-left:1.5px solid rgba(0,0,0,.25); }
.fi { display:block; width:clamp(48px,5vw,68px); height:auto; margin:0 auto 10px; overflow:visible; transform:scale(calc(.9 + .1 * var(--c,1))) rotate(calc((1 - var(--c,1)) * -3deg)); }
.fi-sp { position:absolute; top:clamp(6px,1vw,12px); left:calc(50% + clamp(22px,2.6vw,36px)); width:clamp(18px,2vw,26px); height:auto; fill:none; stroke:var(--y); stroke-width:3.4; stroke-linecap:round; opacity:clamp(0,calc((var(--c,1) - .4) * 3),1); }
.ct-feat-list h3 { font-size:clamp(13px,1.3vw,18px); font-weight:700; margin-bottom:6px; }
.ct-feat-list p { font-size:clamp(12px,1.05vw,15px); line-height:1.45; color:#333; }
.rm .fi, .rm .fi-sp { transform:none !important; opacity:1 !important; }

/* SSS */
.ct-faq { padding:clamp(12px,2vw,28px) 0 clamp(40px,6vw,88px); }
.ct-faq-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(18px,3vw,48px); align-items:center; }
.ct-faq-l { position:relative; display:flex; align-items:center; gap:clamp(12px,2vw,28px); min-height:clamp(160px,18vw,230px); }
.bulb-ct { order:-1; flex:none; width:clamp(90px,10vw,140px); height:auto; overflow:visible; }
.faq-note { font-size:clamp(24px,2.8vw,40px); line-height:1.05; transform:rotate(-7deg); font-weight:700; }
.arrow-faq { width:clamp(50px,5.4vw,80px); height:auto; right:6%; bottom:0; }
.faq { background:#fbf9f4; border:1.5px solid rgba(0,0,0,.1); border-radius:12px; margin-bottom:clamp(8px,1vw,12px); }
.faq h3 { margin:0; font-size:inherit; }
.faq-q { display:flex; align-items:center; justify-content:space-between; gap:16px; width:100%; text-align:left; padding:clamp(14px,1.6vw,20px) clamp(16px,1.8vw,24px); background:none; border:0; cursor:pointer; font:700 clamp(13.5px,1.15vw,16px)/1.35 "Poppins",sans-serif; color:var(--k); }
.faq-q:focus-visible { outline:3px solid var(--k); outline-offset:-3px; border-radius:12px; }
.pl { position:relative; flex:none; width:28px; height:28px; border:1.5px solid var(--k); border-radius:50%; transition:background .25s; }
.pl::before, .pl::after { content:""; position:absolute; left:50%; top:50%; width:12px; height:2px; margin:-1px 0 0 -6px; background:var(--k); transition:transform .3s ease; }
.pl::after { transform:rotate(90deg); }
.faq.open .pl { background:var(--y); }
.faq.open .pl::after { transform:rotate(0deg); }
.faq-a { display:grid; grid-template-rows:0fr; transition:grid-template-rows .32s ease; }
.faq-a > div { overflow:hidden; padding:0 clamp(16px,1.8vw,24px); font-size:clamp(13.5px,1.1vw,15.5px); line-height:1.65; color:#222; }
.faq.open .faq-a { grid-template-rows:1fr; }
.faq.open .faq-a > div { padding-bottom:clamp(14px,1.6vw,20px); }
.faq-a p { margin:0 0 .7em; }

@media (max-width:960px) {
  .ct-hero-grid, .ct-main-grid, .ct-faq-grid { grid-template-columns:minmax(0,1fr); }
  .ct-main-grid > *, .ct-hero-grid > *, .ct-faq-grid > * { min-width:0; }
  .mega-ct { font-size:clamp(2rem,9.6vw,4.6rem); }
  .mega-ct .hl-ln { white-space:normal; }
  .ct-eyes-art { width:min(92%,380px); margin:0 auto; padding-top:84px; }
  .ct-art { width:min(100%,520px); margin:0 auto; }
  .ct-feat-list { grid-template-columns:repeat(2,1fr); row-gap:22px; }
  .ct-feat-list li:nth-child(3) { border-left:0; }
  .sparks-ctf { display:none; }
}
@media (max-width:560px) {
  .ct-wa { flex-direction:column; align-items:stretch; }
  .wa-btn { justify-content:center; width:100%; min-height:56px; }
  .ct-art-note { left:6%; }
  .a-right { display:none; }
  .ct-faq-l { min-height:0; }
  .arrow-faq { display:none; }
}

/* =================== BLOG DETAY (sayfaicerigi referansı) =================== */
.bp-crumb .cur { opacity:.7; }
.bp-lead { font-size:clamp(1.02rem,1.45vw,1.3rem); line-height:1.55; max-width:34em; margin:0 0 clamp(14px,1.8vw,22px); }
.bp-art { position:relative; }
.bp-note { position:absolute; right:0; top:-6px; max-width:9em; font-size:clamp(1.15rem,1.8vw,1.6rem); line-height:1.05; transform:rotate(7deg); text-align:left; }
.bp-grid { display:grid; grid-template-columns:56px minmax(0,1fr) clamp(260px,26vw,330px); gap:clamp(20px,3vw,48px); align-items:start; padding-top:clamp(10px,2vw,28px); }
.bp-grid .bp-content { max-width:none; margin:0; padding:0 0 clamp(20px,3vw,40px); font-size:clamp(16px,1.2vw,17.5px); line-height:1.75; }
.bp-share { position:sticky; top:104px; display:flex; flex-direction:column; align-items:center; gap:12px; font-size:10px; font-weight:800; letter-spacing:.08em; }
.bp-share a, .bp-share button { display:grid; place-items:center; width:40px; height:40px; border:1.8px solid var(--k); border-radius:50%; background:transparent; color:var(--k); cursor:pointer; transition:background .2s, transform .2s; }
.bp-share a:hover, .bp-share button:hover { background:var(--y); transform:translateY(-2px); }
.bp-share button.done { background:var(--y); }
.bp-share svg { width:19px; height:19px; }
.bp-grid .bp-content h2 { position:relative; padding-left:18px; margin:2em 0 .65em; clear:both; font-size:clamp(1.35rem,2.1vw,1.95rem); }
.bp-grid .bp-content h2::after { display:none; }
.bp-grid .bp-content h2::before { content:""; position:absolute; left:0; top:.08em; bottom:.08em; width:5px; border-radius:3px; background:var(--y); }
.bp-grid .bp-content > h2:first-child { margin-top:0; }
.bp-content h3 { font-family:"Archivo Black","Arial Black",sans-serif; font-weight:400; font-size:clamp(1.05rem,1.4vw,1.25rem); margin:1.6em 0 .4em; clear:both; }
.bp-content strong { font-weight:700; }
.bp-content blockquote { clear:both; margin:1.8em 0; padding:.9em 1.2em; border:0; background:none; font-family:Caveat,cursive; font-weight:700; font-size:clamp(1.5rem,2.3vw,2.1rem); line-height:1.15; position:relative; z-index:0; }
.bp-content blockquote::before { content:""; position:absolute; inset:.2em 0 .2em -.2em; background:var(--y); border-radius:14px 28px 18px 30px; transform:rotate(-1deg); z-index:-1; opacity:.85; }
/* ipucu kutusu */
.tip { clear:both; position:relative; margin:1.7em 0; padding:18px 22px 18px 118px; min-height:96px; border-radius:22px 34px 24px 30px; background-color:rgba(255,232,69,.38); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cpath d='M60 14C40 14 28 28 28 44C28 56 36 62 40 72V80H80V72C84 62 92 56 92 44C92 28 80 14 60 14Z' fill='%23FFE845' stroke='%23000' stroke-width='4' stroke-linejoin='round'/%3E%3Cpath d='M44 92H76M50 103H70M8 38H16M104 38H112M18 12L24 18M102 12L96 18' stroke='%23000' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-size:78px 78px; background-position:20px 50%; }
.tip strong { display:block; font-family:Caveat,cursive; font-size:1.7rem; line-height:1; }
.tip p { margin:0; font-family:Caveat,cursive; font-weight:600; font-size:clamp(1.25rem,1.8vw,1.55rem); line-height:1.2; }
/* kontrol listesi */
.ck-list { list-style:none !important; padding:0 !important; margin:1.2em 0 1.6em !important; }
.ck-list li { position:relative; padding-left:38px; margin-bottom:.7em; }
.ck-list li::before { content:""; position:absolute; left:0; top:.18em; width:26px; height:26px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='11' fill='%23FFE845'/%3E%3Cpath d='M7 12.5l3.4 3.4L17 9' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat; }
/* numaralı adımlar */
.st-list { list-style:none !important; counter-reset:st; padding:0 !important; margin:1.4em 0 1.8em !important; }
.st-list li { counter-increment:st; position:relative; padding:0 0 1.1em 58px; margin:0; }
.st-list li::before { content:counter(st); position:absolute; left:0; top:-.1em; width:40px; height:40px; display:grid; place-items:center; border:2.5px solid var(--k); border-radius:50%; background:var(--y); font-family:"Archivo Black",sans-serif; font-size:1.05rem; }
.st-list li:not(:last-child)::after { content:""; position:absolute; left:19px; top:44px; bottom:4px; border-left:2.5px dashed rgba(0,0,0,.35); }
.st-list b { display:block; font-family:"Archivo Black","Arial Black",sans-serif; font-weight:400; font-size:1.05em; margin-bottom:.15em; }
/* karşılaştırma */
.cmp { clear:both; display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:1.6em 0; }
.cmp > div { padding:18px 20px; border:2px solid var(--k); border-radius:18px; background:#fbf9f4; }
.cmp > div:first-child { background:var(--y); }
.cmp h4 { font-family:"Archivo Black",sans-serif; font-weight:400; font-size:1rem; margin:0 0 .5em; }
.cmp p, .cmp ul { margin:0; font-size:.95em; line-height:1.6; }
.cmp ul { padding-left:1.1em; list-style:disc; }
/* mini infografik */
.stats { clear:both; display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin:1.6em 0; }
.stats > div { padding:18px 14px; text-align:center; border:2px solid var(--k); border-radius:18px; background:#fbf9f4; }
.stats b { font-family:"Archivo Black",sans-serif; font-weight:400; font-size:clamp(1.7rem,3vw,2.4rem); line-height:1; background:linear-gradient(transparent 62%,var(--y) 62%); display:inline-block; padding:0 6px; }
.stats span { display:block; margin-top:.5em; font-size:.82em; line-height:1.4; }
/* zaman çizgisi */
.tl { clear:both; margin:1.6em 0 2em; padding-left:6px; border-left:3px solid var(--k); }
.tl > div { position:relative; padding:0 0 1.2em 26px; }
.tl > div::before { content:""; position:absolute; left:-13px; top:.35em; width:18px; height:18px; border:3px solid var(--k); border-radius:50%; background:var(--y); }
.tl b { display:block; font-family:"Archivo Black",sans-serif; font-weight:400; font-size:1.02em; }
.tl p { margin:.1em 0 0; }
/* 3'lü ikon şeridi */
.trio { clear:both; display:grid; grid-template-columns:repeat(3,1fr); margin:1.8em 0; }
.trio > div { padding:4px 18px; display:grid; grid-template-columns:54px 1fr; column-gap:12px; align-items:start; border-left:1.5px solid rgba(0,0,0,.25); }
.trio > div:first-child { border-left:0; padding-left:0; }
.trio .spot { width:54px; height:54px; grid-row:1 / span 2; }
.trio h4 { font-family:"Archivo Black",sans-serif; font-weight:400; font-size:.98rem; margin:0 0 .2em; }
.trio p { margin:0; font-size:.86em; line-height:1.45; }
/* satır içi çizimler */
.spot { display:inline-block; vertical-align:middle; overflow:visible; }
.spot-fig { float:right; width:clamp(120px,15vw,176px); margin:.2em 0 .8em 28px; text-align:center; }
.spot-fig .spot { width:100%; height:auto; display:block; }
.spot-fig figcaption { margin-top:.3em; font-family:Caveat,cursive; font-size:1.25rem; line-height:1.05; font-weight:600; }
.spot-wide { clear:both; display:flex; align-items:center; justify-content:center; gap:22px; margin:1.6em 0; flex-wrap:wrap; }
.spot-wide .spot { width:clamp(64px,8vw,92px); height:auto; }
/* kenar çubuğu */
.bp-side { position:sticky; top:96px; display:grid; gap:clamp(14px,1.8vw,22px); }
.bp-eyes { position:relative; display:flex; align-items:center; gap:10px; }
.bp-eyes-svg { width:clamp(104px,10vw,138px); height:auto; flex:0 0 auto; }
.bp-eyes .note { font-size:1.35rem; line-height:1.05; transform:rotate(-4deg); padding:12px 16px; background:rgba(255,232,69,.7); border-radius:60% 40% 55% 45%; }
.side-card { padding:clamp(16px,1.8vw,24px); border:1.5px solid rgba(0,0,0,.14); border-radius:20px; background:#fbf9f4; }
.side-h { font-family:"Archivo Black",sans-serif; font-weight:400; font-size:1.02rem; margin:0 0 .8em; }
.side-rel { display:grid; gap:14px; }
.side-rel a { display:grid; grid-template-columns:86px 1fr; gap:12px; align-items:center; }
.side-rel .th { display:block; }
.side-rel .illu { width:100%; height:auto; display:block; overflow:visible; }
.side-rel .tx { display:grid; gap:4px; }
.side-rel .bl-cat { align-self:start; justify-self:start; font-style:normal; font-size:10px; font-weight:800; letter-spacing:.05em; padding:3px 9px; border-radius:999px; background:var(--y); }
.side-rel b { font-family:"Archivo Black",sans-serif; font-weight:400; font-size:.88rem; line-height:1.25; }
.side-rel small { font-size:11px; opacity:.7; }
.side-rel a:hover b { text-decoration:underline; text-underline-offset:3px; }
.side-cats a { display:flex; justify-content:space-between; padding:9px 2px; border-bottom:1px solid rgba(0,0,0,.1); font-size:.9rem; }
.side-cats li:last-child a { border-bottom:0; }
.side-cats i { font-style:normal; opacity:.55; }
.side-cats a:hover span, .side-cats a.on span { text-decoration:underline; text-decoration-color:var(--y); text-decoration-thickness:3px; text-underline-offset:3px; font-weight:700; }
.back-blog { max-width:none; margin:0 0 clamp(30px,5vw,64px); }
@media (max-width:960px) {
  .bp-grid { grid-template-columns:minmax(0,1fr); }
  .bp-share { position:static; flex-direction:row; justify-content:flex-start; order:-1; gap:10px; }
  .bp-share span { margin-right:6px; }
  .bp-side { position:static; }
  .bp-note { position:static; transform:rotate(-3deg); margin:6px 0 0; max-width:none; }
}
@media (max-width:620px) {
  .tip { padding:96px 18px 18px; background-position:20px 14px; }
  .cmp, .stats, .trio { grid-template-columns:1fr; }
  .trio > div { border-left:0; padding:10px 0; border-top:1.5px solid rgba(0,0,0,.2); }
  .trio > div:first-child { border-top:0; }
  .spot-fig { float:none; margin:1em auto; width:150px; }
  .side-rel a { grid-template-columns:78px 1fr; }
}

/* =================== HİZMET SAYFALARI (SEO landing) =================== */
.mega-sv { font-size:clamp(1.75rem,4vw,4rem); line-height:.97; }
.mega-sv .hl-ln { white-space:nowrap; }
.mega-sv .hl-ln:empty { display:none; }
.sv-hero { padding:clamp(18px,2.6vw,36px) 0 clamp(26px,3.6vw,52px); }
.sv-hero-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:clamp(14px,3vw,44px); align-items:center; }
.sv-hero-txt { position:relative; min-width:0; }
.sv-hero-txt .lead { margin-top:clamp(16px,2vw,26px); }
.sv-cta { display:flex; flex-wrap:wrap; align-items:center; gap:14px 22px; margin-top:clamp(18px,2.2vw,30px); }
.sv-link { font-weight:700; font-size:13px; text-decoration:underline; text-decoration-color:var(--y); text-decoration-thickness:3px; text-underline-offset:4px; }
.sv-art { position:relative; min-width:0; }
.sv-illu { width:100%; height:auto; display:block; overflow:visible; }
.sv-note { position:absolute; right:0; top:-8px; max-width:9em; font-size:clamp(1.15rem,1.9vw,1.7rem); line-height:1.05; transform:rotate(6deg); text-align:left; }
.sv-sec { padding:clamp(22px,3.4vw,52px) 0; }
.sv-h2 { position:relative; padding-left:18px; font-family:"Archivo Black","Arial Black",sans-serif; font-weight:400; letter-spacing:-.015em; line-height:1.1; font-size:clamp(1.4rem,2.7vw,2.4rem); margin:0 0 clamp(14px,1.8vw,24px); }
.sv-h2::before { content:""; position:absolute; left:0; top:.08em; bottom:.08em; width:6px; border-radius:3px; background:var(--y); }
.sv-lead { max-width:46em; margin:-8px 0 clamp(16px,2vw,28px); font-size:clamp(15px,1.25vw,17.5px); line-height:1.65; }
.sv-two { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr); gap:clamp(18px,3.4vw,56px); align-items:center; }
.sv-two-r { grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr); }
.sv-txt p { margin:0 0 1.1em; font-size:clamp(15px,1.2vw,17px); line-height:1.75; }
.sv-txt a, .sv-cards a, .sv-faq a { text-decoration:underline; text-decoration-color:var(--y); text-decoration-thickness:3px; text-underline-offset:3px; }
.sv-txt strong { font-weight:700; }
.sv-side { display:flex; justify-content:center; }
.sv-side .spot-fig { float:none; width:clamp(150px,20vw,260px); margin:0; }
.sv-side .spot-fig figcaption { font-size:1.6rem; }
.sv-cards { display:grid; gap:clamp(12px,1.5vw,20px); }
.sv-cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.sv-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.sv-cards li { padding:clamp(16px,1.8vw,26px); background:#fbf9f4; border:1.5px solid rgba(0,0,0,.12); border-radius:20px; transition:transform .25s ease, border-color .25s ease; }
.sv-cards li:hover { transform:translateY(-4px); border-color:rgba(0,0,0,.55); }
.sv-cards .spot { width:56px; height:56px; margin-bottom:10px; }
.sv-cards h3 { font-family:"Archivo Black","Arial Black",sans-serif; font-weight:400; font-size:1.02rem; margin:0 0 .4em; }
.sv-cards p { margin:0; font-size:.92rem; line-height:1.6; color:#222; }
.sv-steps { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr)); gap:clamp(12px,1.5vw,20px); counter-reset:sv; }
.sv-steps li { counter-increment:sv; position:relative; padding:clamp(16px,1.8vw,24px); padding-top:clamp(40px,3.4vw,52px); border:2px solid var(--k); border-radius:20px; background:#fff; }
.sv-steps li::before { content:counter(sv); position:absolute; left:clamp(16px,1.8vw,24px); top:-14px; width:40px; height:40px; display:grid; place-items:center; border:2.5px solid var(--k); border-radius:50%; background:var(--y); font-family:"Archivo Black",sans-serif; }
.sv-steps b { display:block; font-family:"Archivo Black","Arial Black",sans-serif; font-weight:400; font-size:1rem; margin-bottom:.35em; }
.sv-steps span { display:block; font-size:.9rem; line-height:1.6; }
.sv-cmp-sec .cmp { margin:0; }
.sv-sky-card { position:relative; padding:clamp(20px,3vw,40px); border:2px solid var(--k); border-radius:28px; background:var(--y); overflow:hidden; }
.sv-sky-card .sv-h2::before { background:var(--k); }
.sv-sky-txt { max-width:34em; }
.sv-sky-txt p { font-size:clamp(15px,1.2vw,17px); line-height:1.7; margin:0 0 1em; }
.sv-sky-art { display:block; width:100%; max-width:760px; height:auto; margin:clamp(6px,1vw,14px) 0 -4px auto; }
.sv-faq-grid { display:grid; grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr); gap:clamp(18px,3vw,48px); align-items:start; }
.sv-faq-grid .spot { width:clamp(70px,8vw,110px); height:auto; }
.sv-rel-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(12px,1.5vw,20px); }
.sv-rel-list a { position:relative; display:block; height:100%; padding:clamp(16px,1.8vw,24px) clamp(44px,3.6vw,56px) clamp(16px,1.8vw,24px) clamp(16px,1.8vw,24px); border:1.5px solid rgba(0,0,0,.14); border-radius:18px; background:#fbf9f4; transition:transform .25s ease, background .25s ease; }
.sv-rel-list a:hover { transform:translateY(-4px); background:var(--y); }
.sv-rel-list b { display:block; font-family:"Archivo Black","Arial Black",sans-serif; font-weight:400; font-size:1rem; margin-bottom:.3em; }
.sv-rel-list span { display:block; font-size:.88rem; line-height:1.5; }
.sv-rel-list i { position:absolute; right:clamp(14px,1.6vw,22px); top:50%; transform:translateY(-50%); font-style:normal; font-size:1.4rem; }
.sv-blog .bp-more-list { margin-top:0; }
.svc-list a { color:inherit; text-decoration:none; }
.svc-list a:hover span, .svc-list a:focus-visible span { text-decoration:underline; text-decoration-color:var(--y); text-decoration-thickness:4px; text-underline-offset:5px; }
@media (max-width:960px) {
  .sv-hero-grid, .sv-two, .sv-two-r, .sv-faq-grid { grid-template-columns:minmax(0,1fr); }
  .sv-cols-3, .sv-rel-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sv-note { position:static; transform:rotate(-3deg); margin:6px 0 0; max-width:none; }
  .sv-two-r .sv-side { order:2; }
  .sv-art { max-width:480px; margin:0 auto; width:100%; }
}
@media (max-width:620px) {
  .sv-cols-3, .sv-cols-2, .sv-rel-list { grid-template-columns:minmax(0,1fr); }
  .mega-sv { font-size:clamp(1.55rem,8.4vw,2.2rem); }
}

/* Projeler: gerçek logo yüklenmemiş markalar için yazı logosu */
.bw-logo .lbox.wm { width:auto !important; aspect-ratio:auto !important; display:flex; align-items:center; justify-content:center; padding:clamp(6px,1vw,14px) clamp(8px,1.4vw,20px); text-align:center; }
.wm-t { font-family:"Archivo Black","Arial Black",sans-serif; font-weight:400; font-size:clamp(1.15rem,2.3vw,2.2rem); line-height:1.02; letter-spacing:-.02em; text-transform:uppercase; color:#000; transition:color .25s ease; overflow-wrap:anywhere; }
.bw-item.i2 .wm-t { font-size:clamp(1.5rem,3.4vw,3.2rem); }
.bw-item.i10 .wm-t { font-size:clamp(1.6rem,4vw,3.6rem); }
@media (hover:hover) { .bw-logo:hover .wm-t { color:var(--wm,#000); } }
.bw-logo.tap .wm-t, .bw-logo:focus-visible .wm-t { color:var(--wm,#000); }

/* İç link bloğu (footer) + ana sayfa İstanbul metni */
.ftr-links { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:20px 32px; margin-top:28px; padding-top:24px; border-top:2px solid #000; }
.ftr-links h2 { font:600 12px/1 inherit; letter-spacing:.08em; text-transform:uppercase; margin:0 0 10px; }
.ftr-links ul { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:6px 16px; }
.ftr-links a { font-size:13px; font-weight:500; }
.ftr-links a:hover { text-decoration:underline; text-underline-offset:3px; }
.sec-ist { padding:clamp(40px,6vw,80px) 0; }
.ist-in { max-width:820px; }
.ist-h { font:700 clamp(20px,2.4vw,28px)/1.25 inherit; margin:0 0 14px; }
.ist-in p { font-size:16px; line-height:1.65; margin:0 0 12px; }
.ist-in a { text-decoration:underline; text-underline-offset:3px; font-weight:600; }