/* Be. Point — ana sayfa art direction v1 (style.css'in üzerine, yalnız body.home) */
.home{--ink:#181B19;--paper:#F4EFE5;--paper2:#EDE6D8;--line2:rgba(24,27,25,.12);--ease:cubic-bezier(.2,.8,.2,1);background:var(--paper)}
.home img{height:auto}
.home h1,.home h2,.home h3{letter-spacing:.4px}
.home .kick{display:inline-flex;align-items:center;gap:10px;font:600 12px/1 var(--f-body);letter-spacing:2.6px;text-transform:uppercase;color:var(--red);margin-bottom:16px}
.home .kick::before{content:"";width:22px;height:2px;background:currentColor}
.home .dark .kick,.home .tele .kick{color:var(--glow)}
.home .head .kick{justify-content:center}
.home .head.left{text-align:left;margin-left:0}.home .head.left .kick{justify-content:flex-start}
.home .head p{max-width:520px;margin-inline:auto}

/* butonlar */
.home .btn{box-shadow:none;padding:14px 24px;font-weight:600;letter-spacing:.2px;transition:background .2s,color .2s,transform .2s}
.home .btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s var(--ease)}
.home .btn:hover svg{transform:translateX(4px)}
.home .btn.line{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.home .btn.line:hover{background:var(--ink);color:#fff}
.home .dark .btn.line,.home .info .btn.line{color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55)}
.home .info .btn.line:hover{background:#fff;color:var(--ink)}
.home .btn.alien{box-shadow:none}
.home .btn:focus-visible,.home a:focus-visible,.home button:focus-visible{outline:2px solid var(--red);outline-offset:3px}

/* nav — açık zemin üstünde koyu yazı */
.home .nav{padding:16px 0}
.home .nav .brand{color:var(--ink);font-weight:700}
.home .nav ul{color:var(--ink);font-weight:500;font-size:14.5px;gap:28px}
.home .nav ul a{opacity:.72;position:relative}
.home .nav ul a::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.home .nav ul a:hover{opacity:1;color:var(--ink)}.home .nav ul a:hover::after{transform:scaleX(1)}
.home .nav.solid{background:rgba(244,239,229,.9);backdrop-filter:saturate(1.4) blur(12px);box-shadow:0 1px 0 var(--line2);padding:8px 0}

/* HERO */
.h2o{position:relative;overflow:hidden;background:var(--paper);padding:120px 0 64px;min-height:min(100svh,920px);display:flex;align-items:center}
.h2o::after{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:var(--line2)}
.h2o-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center;width:100%}
.h2o h1{font-size:clamp(64px,9vw,142px);line-height:.86;color:var(--ink)}
.h2o h1>span{display:block;overflow:hidden;padding:.14em 0 .04em;margin-top:-.14em}
.h2o h1 i{display:block;font-style:normal}
.h2o h1 em{font-style:normal;color:var(--red)}
.h2o h1 b{color:var(--red);font-weight:400}
.h2o .lead{font-size:18px;line-height:1.6;color:#45433d;max-width:470px;margin:26px 0 32px}
.h2o .cta{display:flex;gap:12px;flex-wrap:wrap}
.facts{display:flex;gap:0;margin-top:44px;border-top:1px solid var(--line2);max-width:520px}
.facts div{flex:1;padding:18px 18px 0 0}
.facts div+div{padding-left:18px;border-left:1px solid var(--line2)}
.facts dt{font:400 34px/1 var(--f-display);color:var(--ink)}
.facts dd{font-size:12.5px;color:#6d6a63;margin-top:6px}

.h2o-media{position:relative;justify-self:center;width:min(100%,470px);margin:0}
.h2o-media .disc{display:none}
.h2o-media::before{content:"";position:absolute;inset:0;border:1.5px solid var(--red);border-radius:999px 999px 28px 28px;transform:translate(22px,-22px)}
.h2o-media .arch{position:relative;border-radius:999px 999px 28px 28px;overflow:hidden;aspect-ratio:540/620;background:#FBEDDC;box-shadow:0 40px 80px -30px rgba(24,27,25,.45)}
.h2o-media .arch img{width:100%;height:100%;object-fit:cover}
.h2o-media .say{position:absolute;left:-46px;bottom:64px;background:#fff;color:var(--ink);padding:14px 18px;border-radius:18px 18px 18px 4px;max-width:230px;font-weight:600;font-size:14.5px;line-height:1.4;box-shadow:0 18px 40px -12px rgba(24,27,25,.35);transition:opacity .3s}
.h2o-media .say small{display:block;font:400 12px/1.2 var(--f-accent);color:var(--red);letter-spacing:.5px;margin-bottom:4px}

/* bant */
.home .strip{transform:rotate(-1deg);margin:-10px -10px 0;font-size:24px;padding:12px 0;box-shadow:none}
.home .strip i{font-style:normal;color:rgba(255,255,255,.55);margin:0 14px;font-size:.7em;vertical-align:.15em}
.home .strip b{color:#fff;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}

/* MIGO raporu */
.rep{padding:130px 0 120px}
.rep-head{max-width:640px;margin-bottom:64px}
.rep-head h2{font-size:clamp(46px,6vw,80px)}
.rep-head p{color:#a9a9a0;margin-top:12px}
.rep-list{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.14)}
.rep-list li{padding:34px 34px 10px 0;position:relative}
.rep-list li+li{padding-left:34px;border-left:1px solid rgba(255,255,255,.14)}
.rep-list .no{display:block;font:400 64px/1 var(--f-display);color:transparent;-webkit-text-stroke:1px rgba(200,255,106,.55)}
.rep-list .ic{width:28px;height:28px;fill:none;stroke:var(--glow);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;position:absolute;top:40px;right:34px}
.rep-list li:first-child .ic{right:34px}
.rep-list h3{font-size:34px;margin:22px 0 10px}
.rep-list p{color:#b9b9b0;font-size:15px;line-height:1.65}
.rep-list small{display:inline-block;margin-top:18px;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#7d7f78}

/* Menü rayı */
.menu-sec{padding:120px 0 90px;background:var(--paper)}
.ms-head{display:grid;grid-template-columns:1fr minmax(0,380px);gap:40px;align-items:end;margin-bottom:40px}
.ms-head h2{font-size:clamp(46px,6vw,80px)}
.ms-head p{color:#6d6a63}
.home .rail{padding-top:6px;padding-bottom:22px}
.home .slide{border:0;border-radius:18px;background:#fff;box-shadow:0 1px 0 var(--line2)}
.home .slide:hover{transform:translateY(-6px);box-shadow:0 24px 40px -18px rgba(24,27,25,.35)}
.home .slide img{transition:transform .8s var(--ease)}
.home .slide:hover img{transform:scale(1.03)}
.home .rail-nav{align-items:center;margin-top:18px}
.home .rail-nav .grow{flex:1}
.home .rbtn{border-color:var(--line2);background:transparent;transition:.2s}

/* ışınlayıcı */
.home .tele{padding:120px 0}
.home .chip{font-family:var(--f-body)}
.home .pad .migo-side{object-position:50% 30%}

/* mekân */
.place{padding:130px 0;background:#fff}
.place-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:72px;align-items:center}
.place-pics{position:relative;display:grid;grid-template-columns:1fr .62fr;grid-template-rows:auto auto;gap:16px}
.place-pics figure{margin:0;position:relative;overflow:hidden;border-radius:6px}
.place-pics img{width:100%;height:100%;object-fit:cover}
.p-main{grid-column:1/3;aspect-ratio:16/9}
.p-main img{transform:scale(1.08)}
.p-main.in img{transform:none}
.p-vit{grid-column:2;grid-row:2;aspect-ratio:3/4;margin-top:-90px!important;border:8px solid #fff!important;border-radius:6px}
.p-vit figcaption{position:absolute;left:10px;bottom:10px;background:rgba(24,27,25,.78);color:#fff;font-size:11.5px;padding:6px 10px;border-radius:999px;letter-spacing:.3px}
.p-host{grid-column:1;grid-row:2;display:flex!important;align-items:center;gap:16px;overflow:visible!important;align-self:start;padding-top:6px}
.p-host img{width:76px;height:76px;flex:0 0 76px;border-radius:50%;object-position:50% 12%}
.p-host figcaption{font-size:14px;color:#6d6a63;line-height:1.4}
.p-host figcaption b{display:block;color:var(--ink);font:400 26px/1 var(--f-display);margin-bottom:2px}
.place-copy h2{font-size:clamp(46px,5.6vw,78px);margin-bottom:22px}
.place-copy p{color:#45433d;margin-bottom:16px;line-height:1.7}
.place-copy .btn{margin-top:12px}

/* instagram */
.home .ig-sec{padding:120px 0;background:var(--paper)}
.home .btn.line.dk{color:var(--ink)}

/* QR */
.qr-sec{padding:110px 0}
.qr2{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:56px;align-items:center;background:var(--red);color:#fff;border-radius:28px;padding:64px 72px;position:relative;overflow:hidden}
.qr2::before{content:"";position:absolute;width:520px;aspect-ratio:1;border-radius:50%;right:-160px;top:-220px;background:rgba(255,255,255,.07)}
.qr2>*{position:relative}
.qr2 .kick{color:#fff}
.qr2 h2{font-size:clamp(44px,5vw,72px)}
.qr2 p{opacity:.9;margin:14px 0 28px;max-width:440px}
.qr2 .btn{background:#fff;color:var(--red)}
.qr2 .btn:hover{background:var(--ink);color:#fff}
.qr2-code{background:#fff;color:var(--ink);border-radius:20px;padding:18px 18px 12px;text-align:center;width:240px}
.qr2-code svg{width:100%;height:auto;display:block}
.qr2-code span{display:block;font-size:11.5px;overflow-wrap:anywhere;letter-spacing:.4px;color:#6d6a63;margin-top:8px}

/* iletişim */
.contact-sec{padding:20px 0 120px}
.home .info{border-radius:20px}
.home .info .row .ic{width:44px;height:44px;flex:0 0 44px;padding:11px;border-radius:12px;background:rgba(200,255,106,.1);fill:none;stroke:var(--glow);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.home .info .btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}
.home .map{border-radius:20px;background:var(--paper2) url("img/mekan2.webp") center/cover;position:relative;display:grid;place-items:center}
.home .map::before{content:"";position:absolute;inset:0;background:rgba(24,27,25,.55)}
.home .map iframe{position:relative;z-index:1}
.map-load{position:relative;z-index:1;background:#fff;color:var(--ink);border:0;border-radius:999px;padding:12px 20px;font:600 14px var(--f-body);cursor:pointer}
.home footer{padding:40px 0 34px}

/* ---- motion ---- */
.js [data-a]{transition:opacity .8s var(--ease),transform .8s var(--ease),clip-path 1.1s var(--ease)}
.js [data-a="up"]:not(.in){opacity:0;transform:translateY(24px)}
.js [data-a="rise"]:not(.in){opacity:0;transform:translateY(40px) scale(.97)}
.js [data-a="clip"] img{clip-path:inset(0 0 0 0);transition:clip-path 1.1s var(--ease),transform 1.6s var(--ease)}
.js [data-a="clip"]:not(.in) img{clip-path:inset(0 0 100% 0)}
.js [data-a="slide"]:not(.in){opacity:0;transform:translateX(80px)}
.js [data-a="lines"] i{transform:translateY(160%);transition:transform 1s var(--ease)}
.js [data-a="lines"].in i{transform:none}
.js [data-a="lines"] span:nth-child(2) i{transition-delay:.09s}
.js [data-a="lines"] span:nth-child(3) i{transition-delay:.18s}
.js [data-a="stagger"]>*{transition:opacity .7s var(--ease),transform .7s var(--ease)}
.js [data-a="stagger"]:not(.in)>*{opacity:0;transform:translateY(30px)}
.js [data-a="stagger"]>*:nth-child(2){transition-delay:.12s}
.js [data-a="stagger"]>*:nth-child(3){transition-delay:.24s}
.h2o-media .arch img{animation:none}
@media (prefers-reduced-motion:reduce){
 .js [data-a],.js [data-a] i,.js [data-a]>*{opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important}
 .p-main img{transform:none}
}

/* ---- responsive ---- */
@media(max-width:980px){
 .h2o{padding:104px 0 56px;min-height:0}
 .h2o-grid{grid-template-columns:1fr;gap:48px}
 .h2o-media{width:min(78%,380px)}
 .h2o-media .say{left:-28px;bottom:36px;max-width:200px;font-size:13.5px}
 .rep-list{grid-template-columns:1fr}
 .rep-list li,.rep-list li+li{padding:28px 0;border-left:0;border-bottom:1px solid rgba(255,255,255,.14)}
 .rep-list .ic,.rep-list li:first-child .ic{right:0;top:34px}
 .ms-head{grid-template-columns:1fr;gap:12px}
 .place-grid{grid-template-columns:1fr;gap:48px}
 .qr2{grid-template-columns:1fr;padding:44px 28px;text-align:center;gap:32px}
 .qr2 .kick{justify-content:center}
 .qr2 p{margin-inline:auto}
 .qr2-code{margin:0 auto;width:210px}
}
@media(max-width:600px){
 .home .nav .brand{font-size:15px}.home .nav .brand img{width:38px;height:38px}
 .h2o{padding-top:92px}
 .h2o h1{font-size:clamp(56px,17vw,84px)}
 .h2o .lead{font-size:16px;margin:20px 0 26px}
 .h2o .cta .btn{flex:1 1 100%;justify-content:center}
 .facts{margin-top:34px}.facts dt{font-size:28px}.facts dd{font-size:11.5px}
 .facts div{padding-right:12px}.facts div+div{padding-left:12px}
 .h2o-copy{display:contents}
 .h2o-grid{gap:0}
 .h2o .kick{order:1}.h2o h1{order:2}.h2o-media{order:3;width:66%;margin:30px auto 6px}.h2o .lead{order:4}.h2o .cta{order:5}.facts{order:6}
 .h2o-media::before{transform:translate(12px,-12px)}
 .h2o-media .say{left:-18px;bottom:-22px;max-width:190px;padding:11px 14px}
 .h2o-media{margin-bottom:34px!important}
 .home .strip{font-size:20px}
 .rep,.menu-sec,.home .tele,.place,.home .ig-sec{padding:84px 0}
 .rep-head{margin-bottom:36px}
 .rep-list .no{font-size:52px}
 .place-pics{grid-template-columns:1fr .7fr}
 .p-vit{margin-top:-56px!important;border-width:6px!important}
 .p-host img{width:60px;height:60px;flex-basis:60px}
 .qr-sec{padding:70px 0}
 .contact-sec{padding-bottom:84px}
 .home .rail-nav .btn{padding:12px 18px}
}


/* ===== v4: uzay teması hero ===== */
.h2o{background:radial-gradient(900px 640px at 78% 58%,#3a0a0e 0%,#140f0e 46%,#0a0c0b 100%);color:#fff}
.h2o::after{background:rgba(255,255,255,.08)}
.h2o #stars{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.h2o .wrap{position:relative;z-index:1}
.h2o h1{color:#fff}
.h2o h1 em{color:var(--glow)}
.h2o .kick{color:var(--glow)}
.h2o .lead{color:rgba(255,255,255,.78)}
.h2o .btn.line{color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.5)}
.h2o .btn.line:hover{background:#fff;color:var(--ink)}
.h2o .facts{border-color:rgba(255,255,255,.14)}
.h2o .facts div+div{border-color:rgba(255,255,255,.14)}
.h2o .facts dt{color:#fff}.h2o .facts dd{color:rgba(255,255,255,.55)}
.h2o-media::before{display:none}
.h2o-media .planet{position:absolute;width:132%;aspect-ratio:1;left:-16%;top:-8%;border-radius:50%;background:radial-gradient(circle at 34% 30%,#ff5a4f 0%,#E60012 32%,#6d0008 70%,#240003 100%);box-shadow:0 0 140px 20px rgba(230,0,18,.3);opacity:.9}
.h2o-media .arch{border-radius:50%;aspect-ratio:1;box-shadow:0 0 0 6px rgba(200,255,106,.9),0 0 0 14px rgba(200,255,106,.12),0 0 80px rgba(200,255,106,.35),0 40px 80px -20px rgba(0,0,0,.7)}
.h2o-media .arch img{object-position:50% 18%}
.h2o-media .orbit{position:absolute;inset:-5%;border:1px dashed rgba(255,255,255,.22);border-radius:50%;animation:orbit 60s linear infinite}
.h2o-media .orbit::after{content:"";position:absolute;top:12%;left:7%;width:12px;height:12px;border-radius:50%;background:var(--glow);box-shadow:0 0 14px var(--glow)}
@keyframes orbit{to{transform:rotate(360deg)}}
.h2o-media .say{bottom:6%;left:-30px}
.h2o-media.ai .arch{border-radius:28px;aspect-ratio:3/4;box-shadow:0 40px 90px -20px rgba(0,0,0,.8)}
.h2o-media.ai .planet,.h2o-media.ai .orbit{display:none}
.home .nav:not(.solid) .brand,.home .nav:not(.solid) ul{color:#fff}
.home .nav:not(.solid) ul a:hover{color:#fff}
@media (prefers-reduced-motion:reduce){.h2o-media .orbit{animation:none}}
@media(max-width:600px){.h2o-media .say{left:-14px;bottom:-14px}.h2o-media .planet{width:120%;left:-10%}}

/* ===== v5: etkileşimler ===== */
.h2o{--px:0;--py:0}
.h2o-media{cursor:pointer;-webkit-tap-highlight-color:transparent}
.h2o-media .planet{transform:translate(calc(var(--px)*-26px),calc(var(--py)*-26px));transition:transform .4s ease-out}
.h2o-media .arch{transform:translate(calc(var(--px)*12px),calc(var(--py)*12px));transition:transform .4s ease-out}
.h2o-media.boop .arch{animation:boop .5s cubic-bezier(.3,1.6,.5,1)}
@keyframes boop{30%{transform:scale(.94) rotate(-2deg)}60%{transform:scale(1.04) rotate(1deg)}}
.h2o-media .tap{position:absolute;right:4%;top:6%;z-index:3;background:var(--glow);color:var(--ink);font:600 11.5px/1 var(--f-body);letter-spacing:.4px;padding:8px 11px;border-radius:999px;pointer-events:none;animation:tapHint 2.4s ease-in-out infinite}
@keyframes tapHint{50%{transform:translateY(-5px)}}
.h2o-media.tapped .tap{opacity:0;transition:opacity .3s}
.shoot{position:absolute;z-index:0;width:130px;height:2px;border-radius:2px;background:linear-gradient(90deg,rgba(200,255,106,0),#C8FF6A);pointer-events:none;transform-origin:right center}
.ufo-fly{position:fixed;z-index:90;left:0;top:18vh;width:120px;pointer-events:none;filter:drop-shadow(0 10px 20px rgba(0,0,0,.4))}
.ufo-fly .bm{position:absolute;left:30%;top:62%;width:40%;height:120px;background:linear-gradient(180deg,rgba(200,255,106,.55),transparent);clip-path:polygon(30% 0,70% 0,100% 100%,0 100%)}
.rep-list h3{font-variant-numeric:tabular-nums}
.rep-list li{transition:background .3s}
.rep-list li:hover{background:linear-gradient(180deg,rgba(200,255,106,.05),transparent)}
.home .rail{cursor:grab}.home .rail.drag{cursor:grabbing;scroll-snap-type:none}.home .rail.drag .slide{pointer-events:none}
@media (hover:none){.h2o-media .tap{display:block}}
@media (prefers-reduced-motion:reduce){.h2o-media .planet,.h2o-media .arch{transform:none!important}.h2o-media .tap{animation:none}}


/* ===== v6: AI hero görseli ===== */
.h2o-media.ai{width:min(100%,440px)}
.h2o-media.ai .arch{background:#0a0c0b;box-shadow:0 0 0 1px rgba(200,255,106,.35),0 0 60px rgba(200,255,106,.12),0 50px 100px -30px rgba(0,0,0,.9)}
.h2o-media.ai .arch img{object-position:50% 30%}
.h2o-media.ai .say{bottom:12%}
@media(max-width:600px){.h2o-media.ai{width:78%}.h2o-media.ai .say{bottom:-16px}}

/* v7: koyu nav (uzay teması) */
.home .nav.solid{background:rgba(10,12,11,.86);box-shadow:0 1px 0 rgba(255,255,255,.08)}
.home .nav.solid .brand,.home .nav.solid ul{color:#fff}.home .nav.solid ul a:hover{color:#fff}

/* ===== v8: Instagram — kozmik vitrin (zümrüt + kızıl) ===== */
.igx{--em:#10b981;--em2:#34d399;--cr:#be123c;--cr2:#f43f5e;--sp:#070b10;position:relative;overflow:hidden;padding:130px 0 120px;color:#e9eef0;
 background:radial-gradient(60% 50% at 12% 8%,rgba(16,185,129,.16),transparent 70%),radial-gradient(55% 50% at 92% 92%,rgba(190,18,60,.18),transparent 70%),linear-gradient(180deg,#0a1016 0%,#070b10 55%,#0b0a10 100%)}
.igx-sky{position:absolute;inset:0;pointer-events:none;
 background-image:radial-gradient(1px 1px at 10% 20%,rgba(255,255,255,.7) 50%,transparent 51%),radial-gradient(1px 1px at 70% 12%,rgba(255,255,255,.5) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 40% 70%,rgba(52,211,153,.7) 50%,transparent 51%),radial-gradient(1px 1px at 85% 55%,rgba(255,255,255,.6) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 22% 85%,rgba(244,63,94,.6) 50%,transparent 51%),radial-gradient(1px 1px at 58% 40%,rgba(255,255,255,.45) 50%,transparent 51%);
 background-size:420px 420px}
.igx-sky .orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55}
.igx-sky .o1{width:420px;height:420px;left:-140px;top:12%;background:rgba(16,185,129,.22)}
.igx-sky .o2{width:460px;height:460px;right:-160px;bottom:-80px;background:rgba(190,18,60,.24)}
.igx-sky .ring{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.07)}
.igx-sky .r1{width:1100px;height:1100px;left:50%;top:-640px;transform:translateX(-50%);border-color:rgba(52,211,153,.12);animation:igSpin 140s linear infinite}
.igx-sky .r1::after{content:"";position:absolute;left:50%;bottom:-4px;width:8px;height:8px;border-radius:50%;background:var(--em2);box-shadow:0 0 14px var(--em2)}
.igx-sky .r2{width:1500px;height:1500px;left:50%;top:-860px;transform:translateX(-50%);border-color:rgba(244,63,94,.09);animation:igSpin 220s linear infinite reverse}
.igx-sky .r2::after{content:"";position:absolute;left:12%;bottom:22%;width:6px;height:6px;border-radius:50%;background:var(--cr2);box-shadow:0 0 12px var(--cr2)}
@keyframes igSpin{to{transform:translateX(-50%) rotate(360deg)}}
.igx .wrap{position:relative}
.igx-head{text-align:center;max-width:680px;margin:0 auto 64px}
.igx-kick{display:inline-flex;align-items:center;gap:9px;padding:8px 14px 8px 10px;border-radius:999px;font:600 12px/1 var(--f-body);letter-spacing:.6px;color:#d7f7ea;
 background:linear-gradient(90deg,rgba(16,185,129,.16),rgba(190,18,60,.14));box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.igx-kick svg{width:16px;height:16px;fill:none;stroke:var(--em2);stroke-width:1.8}
.igx-head h2{font-size:clamp(48px,6.4vw,88px);color:#fff;margin:22px 0 14px;line-height:.9}
.igx-head h2 em{font-style:normal;color:#fff;position:relative;white-space:nowrap}
.igx-head h2 em::after{content:"";position:absolute;left:2%;right:2%;bottom:.02em;height:.09em;border-radius:4px;background:linear-gradient(90deg,var(--em),var(--cr));box-shadow:0 0 18px rgba(16,185,129,.35),0 0 18px rgba(190,18,60,.3)}
.igx-head p{color:rgba(233,238,240,.66);max-width:480px;margin:0 auto}
.igx-cta{position:relative;display:inline-flex;align-items:center;gap:10px;margin-top:28px;padding:14px 26px;border-radius:999px;color:#fff;font:600 15px var(--f-body);background:rgba(255,255,255,.04);isolation:isolate;transition:transform .25s,box-shadow .3s}
.igx-cta::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:linear-gradient(90deg,var(--em2),var(--cr2));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1}
.igx-cta svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
.igx-cta:hover{transform:translateY(-2px);box-shadow:-10px 0 30px -8px rgba(16,185,129,.5),10px 0 30px -8px rgba(190,18,60,.5)}
.igx-cta:hover svg{transform:translateX(4px)}
.igx-wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start}
.igc{position:relative;border-radius:22px;background:linear-gradient(180deg,rgba(18,26,32,.92),rgba(10,14,18,.96));box-shadow:0 30px 60px -30px rgba(0,0,0,.8);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s;isolation:isolate}
.igc::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(150deg,rgba(52,211,153,.75),rgba(255,255,255,.06) 38%,rgba(255,255,255,.04) 62%,rgba(244,63,94,.75));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.igc:nth-child(3n+2){margin-top:56px}
.igc:hover{transform:translateY(-8px);box-shadow:-18px 20px 50px -26px rgba(16,185,129,.55),18px 26px 50px -26px rgba(190,18,60,.55)}
.igc header{display:flex;align-items:center;gap:9px;padding:14px 16px;font-size:13px;color:rgba(233,238,240,.85)}
.igc header svg{width:18px;height:18px;fill:none;stroke:var(--em2);stroke-width:1.8}
.igc header b{font-weight:600}
.igc header span{margin-left:auto;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:rgba(233,238,240,.45)}
.igc-body{margin:0 10px 10px;border-radius:14px;overflow:hidden;background:#0e1419;min-height:420px;position:relative}
.igc-body::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.05) 50%,transparent 70%) 0 0/200% 100%;animation:igShim 1.6s linear infinite}
.igc-body:has(iframe)::before{display:none}
@keyframes igShim{to{background-position:-200% 0}}
.igc .instagram-media{margin:0!important;min-width:0!important;max-width:none!important;width:100%!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;position:relative}
.igc blockquote.instagram-media a{display:grid;place-items:center;min-height:420px;color:rgba(233,238,240,.7);font-size:14px}
.igc iframe{border-radius:0!important;min-width:0!important}
.igx-hint{display:none}
@media(max-width:980px){.igx-wall{grid-template-columns:repeat(2,minmax(0,1fr))}.igc:nth-child(3n+2){margin-top:0}.igc:nth-child(2n){margin-top:44px}}
@media(max-width:700px){
 .igx{padding:90px 0 80px}.igx-head{margin-bottom:40px}
 .igx-wall{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -20px;padding:4px 20px 18px;scrollbar-width:none}
 .igx-wall::-webkit-scrollbar{display:none}
 .igc{flex:0 0 86%;scroll-snap-align:center;margin-top:0!important}
 .igx-hint{display:block;text-align:center;font-size:12px;letter-spacing:2px;color:rgba(233,238,240,.45);margin-top:6px}
 .igx-sky .r1{width:700px;height:700px;top:-420px}.igx-sky .r2{display:none}
}
@media (prefers-reduced-motion:reduce){.igx-sky .ring,.igc-body::before{animation:none}}

/* ===== v9: MIGO dokunma efektleri ===== */
.h2o-media .arch{isolation:isolate}
.fx-scan{position:absolute;left:0;right:0;height:22%;top:-22%;z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(200,255,106,.0) 20%,rgba(200,255,106,.55) 50%,rgba(200,255,106,0) 80%,transparent);mix-blend-mode:screen}
.fx-beam{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(200,255,106,.55),rgba(200,255,106,.08) 70%,transparent);clip-path:polygon(38% 0,62% 0,100% 100%,0 100%);mix-blend-mode:screen;transform-origin:top}
.fx-lines{position:absolute;inset:0;z-index:2;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(200,255,106,.12) 0 2px,transparent 2px 5px);mix-blend-mode:screen}
.fx-ring{position:absolute;z-index:4;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;border:2px solid #C8FF6A;pointer-events:none;box-shadow:0 0 18px rgba(200,255,106,.6)}
.fx-p{position:absolute;z-index:4;pointer-events:none;font-size:16px;line-height:1;margin:-8px 0 0 -8px;text-shadow:0 0 10px currentColor}
.h2o-media.glitch .arch img{animation:glitch .6s steps(2,end)}
@keyframes glitch{0%{transform:translate(0)}15%{transform:translate(-6px,2px);filter:hue-rotate(60deg) saturate(1.6)}30%{transform:translate(5px,-3px);clip-path:inset(12% 0 40% 0)}45%{transform:translate(-3px,0);clip-path:inset(55% 0 8% 0);filter:hue-rotate(-40deg)}60%{transform:translate(4px,2px);clip-path:none}80%{transform:translate(-2px,-1px);filter:none}100%{transform:none}}
.h2o-media.glitch .arch::after{content:"";position:absolute;inset:0;z-index:3;background:linear-gradient(90deg,rgba(244,63,94,.25),transparent 30%,transparent 70%,rgba(52,211,153,.25));mix-blend-mode:screen;animation:fadeOut .6s forwards}
@keyframes fadeOut{to{opacity:0}}
.h2o-media .say.typing span::after{content:"▍";color:var(--red);animation:blink .7s steps(1) infinite;margin-left:1px}

/* ===== v10: ses düğmesi + göktaşı ===== */
.snd{position:fixed;right:16px;bottom:16px;z-index:65;width:44px;height:44px;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;color:#fff;background:rgba(10,12,11,.72);backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px rgba(200,255,106,.35),0 8px 24px rgba(0,0,0,.35);transition:transform .2s}
.snd:hover{transform:scale(1.08)}
.snd svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.snd svg path:first-child{fill:currentColor;stroke:none}
.snd[aria-pressed=false]{color:rgba(255,255,255,.55)}
.meteor{position:absolute;z-index:0;width:130px;height:2px;border-radius:2px;pointer-events:none;transform-origin:left center;background:linear-gradient(90deg,#fff,rgba(255,214,170,.9) 12%,rgba(244,63,94,.35) 45%,transparent);box-shadow:0 0 10px rgba(255,200,150,.6)}
.meteor.big{height:3px;width:200px;background:linear-gradient(90deg,#fff,#ffd6a8 10%,rgba(200,255,106,.5) 40%,transparent)}
.impact{position:absolute;z-index:0;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(255,230,190,.9),rgba(244,63,94,.35) 45%,transparent 70%)}
@media(max-width:600px){.snd{bottom:16px;right:12px;width:40px;height:40px}}