@charset "UTF-8";
/* ==========================================================================
   Genel site (public layout) — sinematik tema
   Yalnızca public layout'ta yüklenir; panel/admin app.css ile çalışmaya devam eder.
   Bileşenler "c-" önekiyle app.css sınıflarından ayrılır.
   ========================================================================== */

body.site{
  --c-bg:#080910; --c-panel:#10121d; --c-panel-2:#161722; --c-white:#f6f5fb;
  --c-muted:#9393a8; --c-soft:#c6c1d0; --c-line:rgba(255,255,255,.11);
  --c-violet:#916cff; --c-lilac:#ae95ff; --c-mint:#70f2d6;
  --c-ease:cubic-bezier(.2,.8,.2,1);
  --c-head:'Space Grotesk',ui-sans-serif,system-ui,sans-serif;
  --nav-h:72px;
  /* app.css token'ları: eski bileşenler (dosya sayfası, yasal sayfalar) temaya uysun */
  --bg:#080910; --surface:#10121d; --surface-2:#171926; --border:rgba(255,255,255,.11);
  --text:#f6f5fb; --muted:#9393a8; --primary:#916cff; --primary-2:#ae95ff;
  margin:0; background:var(--c-bg); color:var(--c-white);
  font:15px/1.65 'DM Sans',ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  overflow-x:hidden; -webkit-font-smoothing:antialiased;
}
body.site a{text-underline-offset:3px}
body.site ::selection{background:#916cff66;color:#fff}
body.site a:focus-visible, body.site button:focus-visible, body.site summary:focus-visible,
body.site input:focus-visible, body.site select:focus-visible{outline:2px solid var(--c-mint);outline-offset:3px;border-radius:8px}
.c-i{width:1em;height:1em;flex:none;display:inline-block;vertical-align:middle}

/* ---------- Ortak yapı taşları ---------- */
.c-wrap{width:min(1200px,calc(100% - 48px));margin-inline:auto}
.c-main{padding-top:var(--nav-h);min-height:60vh}
.c-sec{padding:130px 0;position:relative}
.c-eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.19em;text-transform:uppercase;color:#bbb0ff;font-weight:700}
.c-eyebrow::before{content:'';width:19px;height:1px;background:var(--c-mint)}
.c-grad{background:linear-gradient(100deg,#fff 5%,#ae95ff 55%,#70f2d6);-webkit-background-clip:text;background-clip:text;color:transparent}
.c-title{font:700 clamp(38px,5.2vw,74px)/1.04 var(--c-head);letter-spacing:-.05em;margin:18px 0 0;text-wrap:balance;color:#fff}
.c-title-xl{font-size:clamp(46px,7vw,108px);letter-spacing:-.055em}
.c-head{max-width:740px;margin-bottom:60px}
.c-head p{font-size:17px;max-width:580px;margin:22px 0 0;color:var(--c-muted)}
.c-head.is-center{margin-inline:auto;text-align:center}
.c-head.is-center p{margin-inline:auto}
.c-muted{color:var(--c-muted)}

.c-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--c-line);padding:13px 22px;border-radius:100px;font:700 13.5px/1.1 'DM Sans',sans-serif;color:#fff;background:rgba(255,255,255,.04);text-decoration:none;white-space:nowrap;cursor:pointer;transition:transform .3s var(--c-ease),background .3s,border-color .3s}
.c-btn:hover{transform:translateY(-3px);background:rgba(255,255,255,.1);opacity:1;color:#fff}
.c-btn .c-i{width:15px;height:15px}
.c-btn-p{background:#e9e5ff;color:#161322;border-color:transparent}
.c-btn-p:hover{background:#fff;color:#161322}
.c-btn-s{padding:9px 16px;font-size:12.5px}
.c-btn-block{width:100%}

/* Kaydırınca beliren öğeler (JS yoksa görünür kalır) */
.js .c-reveal{opacity:0;transform:translateY(34px);transition:opacity .85s var(--c-ease),transform .85s var(--c-ease)}
.js .c-reveal.is-in{opacity:1;transform:none}
.js .c-reveal[data-d="1"]{transition-delay:.08s}.js .c-reveal[data-d="2"]{transition-delay:.16s}.js .c-reveal[data-d="3"]{transition-delay:.24s}

/* ---------- Üst çubuk ---------- */
.c-progress{position:fixed;left:0;top:0;height:2px;width:100%;background:linear-gradient(90deg,var(--c-violet),var(--c-mint));transform:scaleX(0);transform-origin:left;z-index:70;pointer-events:none}
.c-nav{position:fixed;inset:0 0 auto;z-index:60;background:rgba(8,9,16,.62);-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);border-bottom:1px solid rgba(255,255,255,.07);transition:background .3s}
.c-nav.is-scrolled{background:rgba(8,9,16,.86)}
.c-nav.is-open{background:#080910;max-height:100vh;max-height:100svh;overflow-y:auto}
.c-announce{display:block;text-align:center;padding:9px 16px;font-size:13.5px;font-weight:600;color:#fff;text-decoration:none}
a.c-announce:hover{text-decoration:underline;opacity:1}
.c-navin{height:72px;display:flex;align-items:center;gap:24px}
.c-brand{display:inline-flex;align-items:center;gap:9px;font:700 22px/1 var(--c-head);letter-spacing:-.05em;color:#fff;text-decoration:none;flex:none}
.c-brand:hover{opacity:1;color:#fff}
.c-brand img{height:32px;width:auto;display:block}
.c-mark{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--c-violet),var(--c-mint));color:#111}
.c-mark .c-i{width:17px;height:17px}
.c-links{display:flex;gap:2px;margin:0 auto}
.c-links a{padding:8px 13px;border-radius:100px;color:#b4b2c5;font-size:13.5px;font-weight:500;text-decoration:none;transition:color .2s,background .2s}
.c-links a:hover{color:#fff;opacity:1}
.c-links a.on{color:#fff;background:rgba(255,255,255,.08)}
.c-navright{display:flex;align-items:center;gap:10px;flex:none}
.c-lang{appearance:none;-webkit-appearance:none;width:auto;background:rgba(255,255,255,.05);color:#d8d6e4;border:1px solid var(--c-line);border-radius:100px;padding:8px 14px;font:600 12.5px 'DM Sans',sans-serif;cursor:pointer}
.c-lang option{background:#10121d;color:#fff}
.c-burger{display:none;width:42px;height:42px;border-radius:50%;border:1px solid var(--c-line);background:rgba(255,255,255,.05);color:#fff;cursor:pointer;padding:0;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.c-burger span{display:block;width:16px;height:1.5px;background:currentColor;border-radius:2px;transition:transform .3s var(--c-ease),opacity .2s}
.c-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.c-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.c-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.c-mnav{padding:6px 0 22px;display:grid;gap:4px}
.c-mnav[hidden]{display:none}
.c-mnav a{padding:13px 16px;border-radius:14px;color:#c9c6d8;font-weight:600;font-size:15px;text-decoration:none}
.c-mnav a.on,.c-mnav a:hover{background:rgba(255,255,255,.06);color:#fff;opacity:1}
.c-mnav a.c-btn{border-radius:100px;padding:12px 20px;font-size:13.5px;color:#fff}
.c-mnav a.c-btn-p,.c-mnav a.c-btn-p:hover{background:#e9e5ff;color:#161322}
.c-mnav-actions{display:flex;gap:10px;flex-wrap:wrap;padding-top:10px;margin-top:6px;border-top:1px solid var(--c-line)}

/* ---------- Alt bilgi ---------- */
.c-foot{border-top:1px solid var(--c-line);padding:70px 0 30px;background:linear-gradient(180deg,transparent,#0b0c14)}
.c-foot-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:44px}
.c-foot p{color:var(--c-muted);font-size:14px;max-width:300px;margin:16px 0 0}
.c-foot h4{font:700 11.5px 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.14em;color:#d8d5e6;margin:4px 0 14px}
.c-foot-grid a:not(.c-brand){display:block;color:#9997aa;font-size:13.5px;margin:9px 0;text-decoration:none;transition:color .2s}
.c-foot-grid a:not(.c-brand):hover{color:#fff;opacity:1}
.c-social{display:flex;gap:8px;margin-top:22px;flex-wrap:wrap}
.c-social a{padding:7px 14px;border:1px solid var(--c-line);border-radius:100px;font-size:12px;font-weight:600;color:#c9c6d8;text-decoration:none}
.c-social a:hover{border-color:#ffffff40;color:#fff;opacity:1}
.c-copy{margin-top:56px;border-top:1px solid var(--c-line);padding-top:22px;font-size:12.5px;color:#79788d}

/* ---------- Çerez bildirimi ---------- */
.c-cookie{position:fixed;left:20px;bottom:20px;z-index:80;max-width:420px;display:none;gap:14px;align-items:center;padding:16px 18px;border:1px solid var(--c-line);border-radius:20px;background:rgba(16,18,29,.94);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 24px 60px #000a;font-size:13.5px;color:#c9c6d8}
.c-cookie.is-on{display:flex}
.c-cookie a{color:var(--c-lilac)}

/* ==========================================================================
   ANA SAYFA
   ========================================================================== */

/* --- Sinematik açılış: 4 aşamalı kaydırma sahnesi --- */
.c-main>.c-story:first-child{margin-top:calc(-1 * var(--nav-h))}
.c-story{height:460vh;position:relative}
.c-story-stick{height:100vh;height:100svh;position:sticky;top:0;overflow:hidden;isolation:isolate}
.c-ambient{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse 48% 40% at 66% 51%,#6340ba42,transparent 90%),radial-gradient(ellipse 30% 35% at 82% 72%,#2ad4b31b,transparent 90%)}
.c-gridbg{position:absolute;inset:0;z-index:-1;opacity:.23;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:74px 74px;-webkit-mask-image:radial-gradient(ellipse,#000,transparent 75%);mask-image:radial-gradient(ellipse,#000,transparent 75%)}
.c-story-copy{position:absolute;left:max(calc((100vw - 1200px)/2),5vw);top:50%;transform:translateY(-45%);width:min(560px,44vw);z-index:6;display:grid}
.c-stage{grid-area:1/1;opacity:0;transform:translateY(18px);transition:opacity .55s var(--c-ease),transform .55s var(--c-ease);pointer-events:none}
.c-stage.on{opacity:1;transform:none;pointer-events:auto}
.c-display{font:700 clamp(54px,6.2vw,99px)/1 var(--c-head);letter-spacing:-.055em;margin:20px 0;color:#fff;text-wrap:balance}
.c-sdesc{max-width:450px;font-size:17px;color:var(--c-muted);margin:0}
.c-actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.c-scroll-hint{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.2em;color:#a3a1b7;text-align:center;z-index:10;text-transform:uppercase}
.c-scroll-hint::after{content:'';display:block;height:40px;width:1px;background:linear-gradient(#aaa,transparent);margin:10px auto 0}
.c-phone-scene{position:absolute;inset:0;pointer-events:none}
.c-phone{width:300px;height:603px;position:absolute;top:50%;left:72%;margin:-300px 0 0 -150px;padding:9px;border-radius:46px;border:1px solid #ffffff4d;background:linear-gradient(135deg,#39394b,#101019 50%,#343145);box-shadow:0 35px 110px #000b,0 0 120px #8a61ff27;transform:rotate(-8deg) scale(.91);will-change:transform;z-index:3}
.c-screen{height:100%;border-radius:37px;overflow:hidden;background:linear-gradient(165deg,#2b204b 0%,#151323 35%,#0c1017 100%);padding:37px 17px 15px;text-align:center;position:relative}
.c-island{position:absolute;top:10px;left:50%;transform:translateX(-50%);height:21px;width:91px;border-radius:100px;background:#050509}
.c-avatar{width:79px;height:79px;border-radius:25px;margin:25px auto 13px;display:grid;place-items:center;background:linear-gradient(135deg,#b0a0ff,#65e4cf);color:#17122a;box-shadow:0 15px 40px #9a7aff38}
.c-avatar .c-i{width:34px;height:34px}
.c-screen strong{display:block;font:700 20px var(--c-head);letter-spacing:-.03em;color:#fff}
.c-screen small{font-size:11px;color:#aca5bd}
.c-socials{display:flex;gap:8px;justify-content:center;margin:16px 0}
.c-socials span{width:32px;height:32px;display:grid;place-items:center;border:1px solid #ffffff27;border-radius:10px;background:#ffffff0e;color:#e2ddf3}
.c-socials .c-i{width:15px;height:15px}
.c-plink{display:flex;align-items:center;gap:10px;height:47px;border:1px solid #ffffff22;background:#ffffff0e;border-radius:13px;margin:9px 0;padding:0 13px;font-size:12px;font-weight:700;text-align:left;color:#fff;opacity:.2;transform:translateY(24px)}
.c-plink .c-i{width:15px;height:15px}
.c-plink b{margin-left:auto;color:#c3bbd6;display:flex}
.c-plink.is-hot{background:linear-gradient(100deg,#9a83ff,#73eadb);color:#131023;border:0}
.c-plink.is-hot b{color:#131023}
.c-screen footer{font-size:10px;color:#827e9a;margin-top:18px;letter-spacing:.02em}
.c-orbit{position:absolute;top:50%;left:72%;width:580px;height:580px;border:1px solid #a08bff27;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 105px #8b70ff05,0 0 0 210px #8b70ff03}
.c-float{position:absolute;z-index:4;top:50%;left:72%;width:70px;height:70px;border-radius:23px;display:grid;place-items:center;background:linear-gradient(145deg,#272438,#11131d);border:1px solid #ffffff2b;box-shadow:0 20px 60px #000a;color:#e6e0ff;opacity:0;transform:translate(-50%,-50%) scale(.2);will-change:transform,opacity}
.c-float .c-i{width:28px;height:28px}
.c-float:nth-child(odd) .c-i{color:var(--c-mint)}
.c-float label{position:absolute;top:78px;white-space:nowrap;font-size:11px;font-weight:700;color:#ded9f5;letter-spacing:.02em;margin:0}
.c-stage-note{position:absolute;bottom:11%;left:max(calc((100vw - 1200px)/2),5vw);color:#9994b1;font-size:12px;z-index:8;letter-spacing:.04em}
.c-stage-note b{color:#fff;font-weight:600}
.c-counter{position:absolute;right:4%;bottom:7%;font:500 12px var(--c-head);letter-spacing:.15em;color:#b9b3cb;z-index:8}
.c-counter strong{font-size:25px;color:#fff}

/* --- Rakam şeridi --- */
.c-strip{border-block:1px solid var(--c-line);background:#0d0e17}
.c-stats{display:grid;grid-template-columns:repeat(4,1fr)}
.c-stat{padding:42px 20px;text-align:center;border-right:1px solid var(--c-line)}
.c-stat:last-child{border-right:0}
.c-stat strong{display:block;font:700 clamp(32px,4vw,53px)/1.1 var(--c-head);letter-spacing:-.06em;color:#fff}
.c-stat span{font-size:12.5px;color:#9694aa}

/* --- Sorun / çözüm: sürekli dönen telefon animasyonları --- */
.c-vs{display:grid;grid-template-columns:1fr auto 1fr;gap:34px;align-items:center;max-width:1000px;margin:auto}
.c-vs-col{display:grid;gap:18px;justify-items:center;text-align:center}
.c-tag{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:100px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.c-tag.is-bad{background:#ff6b8a14;color:#ff9db1;border:1px solid #ff6b8a33}
.c-tag.is-good{background:#70f2d614;color:var(--c-mint);border:1px solid #70f2d633}
.c-vs-arrow{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;border:1px solid #a38bff55;background:#916cff1a;color:#e6e0ff}
.c-vs-arrow .c-i{width:22px;height:22px}
.c-vs-col>p{font-size:14px;color:var(--c-muted);max-width:330px;margin:0}
.c-vs-col>p strong{color:#fff}

.c-ph2{width:268px;height:550px;padding:8px;border-radius:42px;border:1px solid #ffffff40;background:linear-gradient(135deg,#39394b,#101019 50%,#343145);box-shadow:0 34px 90px #000b}
.c-ph2-scr{position:relative;height:100%;border-radius:34px;overflow:hidden;background:#0c0d14;text-align:left}
.c-ph2-scr::before{content:'';position:absolute;top:9px;left:50%;transform:translateX(-50%);width:84px;height:20px;border-radius:100px;background:#050509;z-index:5}
.c-ig{padding:38px 14px 0;font-size:11px;line-height:1.4;color:#f2f2f5}
.c-ig-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:12px}
.c-ig-top b{font-weight:700}
.c-ig-row{display:flex;align-items:center;gap:12px}
.c-ig-av{width:60px;height:60px;border-radius:50%;padding:2.5px;flex:none;background:conic-gradient(#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5,#feda75)}
.c-ig-av span{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;border:2.5px solid #0c0d14;background:linear-gradient(135deg,#f6c27a,#e0745e);font:700 20px var(--c-head);color:#2a160f}
.c-ig-nums{display:flex;flex:1;justify-content:space-around;text-align:center}
.c-ig-nums b{display:block;font-size:13px}
.c-ig-nums small{font-size:9.5px;color:#a9a6ba}
.c-ig-name{font-weight:700;font-size:12px;margin-top:10px}
.c-ig-cat{font-size:10px;color:#a9a6ba}
.c-ig-bio{font-size:10.5px;margin:2px 0 4px;color:#e4e3ea}
.c-ig-links{margin:2px 0 12px}
.c-ig-l{position:relative;font-size:10.5px;font-weight:600;color:#8fb6ff;margin:2px 0;white-space:nowrap}
.c-ig-more{position:relative}
.c-ig-l.is-bl{display:inline-block;padding:2px 6px;margin-left:-6px;border-radius:6px}
.c-ig-warn{position:absolute;inset:-5px -6px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:10px;border:1px solid #ff6b8a55;background:rgba(18,12,20,.82);color:#ff9db1;font-size:11px;font-weight:700;opacity:0}
.c-ig-warn .c-i{width:14px;height:14px}
.c-ig-edit{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px}
.c-ig-edit span{padding:6px;border-radius:8px;background:#ffffff14;text-align:center;font-size:10px;font-weight:600}
.c-ig-hl{display:flex;gap:14px;margin-bottom:12px}
.c-ig-hl div{text-align:center}
.c-ig-hl i{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1.5px solid #ffffff30;color:#d8d6e4;margin-bottom:3px}
.c-ig-hl .c-i{width:17px;height:17px}
.c-ig-hl small{font-size:9px;color:#c9c6d8}
.c-ig-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin:0 -14px}
.c-ig-grid i{aspect-ratio:1;background:linear-gradient(135deg,#3b2a20,#7a4b2f)}
.c-ig-grid i:nth-child(2n){background:linear-gradient(135deg,#2b2140,#5d3f7a)}
.c-ig-grid i:nth-child(3n){background:linear-gradient(135deg,#1e3a36,#3d6f63)}

/* Dokunma halkası */
.c-tap{position:absolute;left:50%;top:50%;width:28px;height:28px;margin:-14px 0 0 -14px;border-radius:50%;border:2px solid;opacity:0;pointer-events:none;z-index:4}
.c-tap.is-bad{border-color:#ff9db1;background:#ff6b8a33}
.c-tap.is-good,.c-tap.is-good2{border-color:var(--c-mint);background:#70f2d633}

/* Bio-link sayfası (Sonra) */
.c-blp{position:absolute;inset:0;z-index:3;padding:0 16px;text-align:center;color:#fff;background:linear-gradient(170deg,#2b204b,#121322 60%);transform:translateY(102%);box-shadow:0 -20px 40px #0008}
.c-blp-cover{height:78px;margin:0 -16px;background:linear-gradient(120deg,#7a4b2f,#c0763e 50%,#2b204b)}
.c-blp-av{width:64px;height:64px;margin:-32px auto 8px;border-radius:50%;border:3px solid #1d1733;display:grid;place-items:center;background:linear-gradient(135deg,#f6c27a,#e0745e);font:700 22px var(--c-head);color:#2a160f}
.c-blp-name{display:flex;align-items:center;justify-content:center;gap:5px;font:700 14px var(--c-head);letter-spacing:-.02em}
.c-blp-name .c-i{width:14px;height:14px;padding:2px;border-radius:50%;background:#1d9bf0;color:#fff}
.c-blp-tag{font-size:10.5px;color:#aca5bd;margin:2px 0 8px}
.c-blp-soc{display:flex;justify-content:center;gap:7px;margin-bottom:8px}
.c-blp-soc span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#ffffff14;border:1px solid #ffffff22}
.c-blp-soc .c-i{width:13px;height:13px}
.c-blp-b{position:relative;display:flex;align-items:center;gap:9px;padding:10px 12px;margin:7px 0;border-radius:12px;border:1px solid #ffffff1f;background:#ffffff10;font-size:11.5px;font-weight:600;text-align:left;opacity:0}
.c-blp-b .c-i{width:14px;height:14px;color:var(--c-mint);flex:none}
.c-blp-b[data-i="0"]{background:linear-gradient(100deg,#9a83ff,#73eadb);color:#131023;border:0}
.c-blp-b[data-i="0"] .c-i{color:#131023}
.c-blp-foot{font-size:9.5px;color:#827e9a;margin-top:10px}

/* Önce: 8 sn döngü — bağlantılar eklenir, bulanıklaşır, uyarı çıkar, dokunulamaz */
.c-anim-bad .c-ig-x:nth-child(1){animation:cIgX1 8s infinite}
.c-anim-bad .c-ig-x:nth-child(2){animation:cIgX2 8s infinite}
.c-anim-bad .c-ig-x:nth-child(3){animation:cIgX3 8s infinite}
.c-anim-bad .c-ig-x:nth-child(4){animation:cIgX4 8s infinite}
@keyframes cIgX1{0%,6%{opacity:0;transform:translateX(-8px);filter:none}11%,48%{opacity:1;transform:none;filter:none}56%,94%{opacity:.5;transform:none;filter:blur(3px)}100%{opacity:0;filter:blur(3px)}}
@keyframes cIgX2{0%,13%{opacity:0;transform:translateX(-8px);filter:none}18%,48%{opacity:1;transform:none;filter:none}56%,94%{opacity:.5;transform:none;filter:blur(3px)}100%{opacity:0;filter:blur(3px)}}
@keyframes cIgX3{0%,20%{opacity:0;transform:translateX(-8px);filter:none}25%,48%{opacity:1;transform:none;filter:none}56%,94%{opacity:.5;transform:none;filter:blur(3px)}100%{opacity:0;filter:blur(3px)}}
@keyframes cIgX4{0%,27%{opacity:0;transform:translateX(-8px);filter:none}32%,48%{opacity:1;transform:none;filter:none}56%,94%{opacity:.5;transform:none;filter:blur(3px)}100%{opacity:0;filter:blur(3px)}}
.c-anim-bad .c-ig-warn{animation:cIgWarn 8s infinite}
@keyframes cIgWarn{0%,48%{opacity:0;transform:translateY(6px) scale(.96)}55%{opacity:1;transform:none}60%{transform:scale(1.04)}65%,72%{transform:none}75%{transform:translateX(-4px)}78%{transform:translateX(4px)}81%{transform:translateX(-2px)}84%,94%{opacity:1;transform:none}100%{opacity:0}}
.c-anim-bad .c-tap.is-bad{animation:cTap 8s infinite;--t0:70%}
@keyframes cTap{0%,69%{opacity:0;transform:scale(.4)}73%{opacity:1;transform:scale(1)}82%,100%{opacity:0;transform:scale(2.4)}}

/* Sonra: 9 sn döngü — tek bağlantıya dokunulur, bio-link sayfası açılır, butonlar dolar */
.c-anim-good .c-tap.is-good{animation:cTapLink 9s infinite}
@keyframes cTapLink{0%,7%{opacity:0;transform:scale(.4)}11%{opacity:1;transform:scale(1)}19%,100%{opacity:0;transform:scale(2.4)}}
.c-anim-good .c-ig-l.is-bl{animation:cLinkHl 9s infinite}
@keyframes cLinkHl{0%,8%,24%,100%{background:transparent}12%,18%{background:#8fb6ff26}}
.c-anim-good .c-blp{animation:cBlp 9s infinite cubic-bezier(.2,.8,.2,1)}
@keyframes cBlp{0%,17%{transform:translateY(102%)}27%,88%{transform:none}97%,100%{transform:translateY(102%)}}
.c-anim-good .c-blp-b[data-i="0"]{animation:cBlpB1 9s infinite}
.c-anim-good .c-blp-b[data-i="1"]{animation:cBlpB2 9s infinite}
.c-anim-good .c-blp-b[data-i="2"]{animation:cBlpB3 9s infinite}
.c-anim-good .c-blp-b[data-i="3"]{animation:cBlpB4 9s infinite}
.c-anim-good .c-blp-b[data-i="4"]{animation:cBlpB5 9s infinite}
@keyframes cBlpB1{0%,27%{opacity:0;transform:translateY(10px)}31%,90%{opacity:1;transform:none}96%,100%{opacity:0}}
@keyframes cBlpB2{0%,31%{opacity:0;transform:translateY(10px)}35%,62%{opacity:1;transform:none}66%{opacity:1;transform:scale(.95);background:#25d3662e}71%,90%{opacity:1;transform:none}96%,100%{opacity:0}}
@keyframes cBlpB3{0%,35%{opacity:0;transform:translateY(10px)}39%,90%{opacity:1;transform:none}96%,100%{opacity:0}}
@keyframes cBlpB4{0%,39%{opacity:0;transform:translateY(10px)}43%,90%{opacity:1;transform:none}96%,100%{opacity:0}}
@keyframes cBlpB5{0%,43%{opacity:0;transform:translateY(10px)}47%,90%{opacity:1;transform:none}96%,100%{opacity:0}}
.c-anim-good .c-tap.is-good2{animation:cTapBtn 9s infinite}
@keyframes cTapBtn{0%,62%{opacity:0;transform:scale(.4)}66%{opacity:1;transform:scale(1)}74%,100%{opacity:0;transform:scale(2.4)}}

/* --- Özellik ızgarası --- */
.c-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.c-feat{min-height:280px;padding:30px;border:1px solid var(--c-line);border-radius:25px;background:radial-gradient(circle at 90% 0%,#a18bff12,transparent 48%),#10111b;overflow:hidden;position:relative;transition:border-color .3s,transform .4s var(--c-ease)}
.c-feat:hover{transform:translateY(-8px);border-color:#a38bff79}
.c-feat.is-wide{grid-column:span 2;display:flex;align-items:center;justify-content:space-between;gap:30px}
.c-feat.is-full{grid-column:1/-1;min-height:0}
.c-feat.is-full:hover{transform:none}
.c-feat h3{font:700 24px/1.15 var(--c-head);letter-spacing:-.04em;margin:24px 0 12px;color:#fff}
.c-feat p{font-size:14px;max-width:320px;color:var(--c-muted);margin:0}
.c-ficon{width:54px;height:54px;flex:none;display:grid;place-items:center;border:1px solid #ffffff20;border-radius:17px;background:#9c80ff1d;color:#e6e0ff}
.c-ficon .c-i{width:25px;height:25px}
.c-mini{width:210px;flex:none;border:1px solid #ffffff26;border-radius:20px;background:#1d1a30;padding:19px;transform:rotate(8deg);box-shadow:0 20px 55px #0009;transition:transform .5s var(--c-ease)}
.c-feat:hover .c-mini{transform:rotate(3deg) translateY(-6px)}
.c-mini i{display:block;height:26px;background:#ffffff19;border-radius:8px;margin:8px 0}
.c-mini i:first-child{background:linear-gradient(90deg,#9376f8,#76e8d7)}
.c-bars{display:flex;align-items:flex-end;gap:8px;height:150px;width:250px;flex:none;padding:14px;border:1px solid #ffffff1c;border-radius:18px;background:#ffffff05}
.c-bars i{flex:1;height:var(--h);border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#9376f8,#76e8d7 160%);transform-origin:bottom;animation:cBar 3.4s ease-in-out infinite;animation-delay:calc(var(--k) * -.3s)}
@keyframes cBar{0%,100%{transform:scaleY(.78)}50%{transform:scaleY(1)}}
.c-blocks-head{display:flex;align-items:center;gap:22px}
.c-blocks-head h3{margin:0 0 6px}
.c-blocks-head p{max-width:560px}
.c-blocks-n{margin-left:auto;font:700 64px/1 var(--c-head);letter-spacing:-.06em;background:linear-gradient(100deg,#fff 5%,#ae95ff 55%,#70f2d6);-webkit-background-clip:text;background-clip:text;color:transparent}
.c-blocks{list-style:none;padding:0;margin:28px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:8px}
.c-blocks li{display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid #ffffff17;border-radius:13px;background:#ffffff05;font-size:13.5px;font-weight:600;color:#e2deef;transition:border-color .25s,background .25s}
.c-blocks li:hover{border-color:#a38bff66;background:#916cff12}
.c-blocks li .c-i{width:15px;height:15px;color:var(--c-mint)}

/* --- İkinci sahne: kayıt → sürükle-bırak → bitmiş sayfa --- */
.c-builder{height:340vh}
.c-builder-stick{height:100vh;height:100svh;position:sticky;top:0;overflow:hidden;display:grid;align-items:center;background:radial-gradient(ellipse at 75% 55%,#3d28753a,transparent 55%),#0a0c14}
.c-builder-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}
.c-builder p.c-lead{max-width:450px;font-size:17px;color:var(--c-muted);margin:22px 0 0}
.c-steps{display:grid;gap:13px;margin-top:35px}
.c-step{padding:16px 20px;border-radius:15px;border:1px solid var(--c-line);background:#ffffff05;color:#8d8ba1;transition:background .4s,border-color .4s,transform .4s var(--c-ease),color .4s}
.c-step strong{font-weight:700;color:inherit}
.c-step b{color:#b5a7ff;margin-right:14px;font-family:var(--c-head)}
.c-step small{display:block;margin:4px 0 0 34px;font-size:13px;opacity:.75}
.c-step.on{border-color:#9477ff99;background:#9375ff1b;color:#fff;transform:translateX(9px)}
.c-bphone{width:270px;height:550px;margin:auto;padding:9px;border:1px solid #ffffff55;border-radius:40px;background:linear-gradient(140deg,#41405b,#14141f);box-shadow:0 40px 100px #000b;transform:rotate(-5deg)}
.c-bscreen{position:relative;height:100%;border-radius:32px;background:linear-gradient(160deg,#332253,#131322);overflow:hidden;text-align:center}
.c-bs{position:absolute;inset:0;padding:34px 18px 18px;opacity:0;visibility:hidden;transform:translateX(18px);transition:opacity .45s,transform .45s var(--c-ease),visibility 0s .45s}
.c-bs.on{opacity:1;visibility:visible;transform:none;transition:opacity .45s,transform .45s var(--c-ease)}
/* 1) Kayıt */
.c-bs-brand{display:flex;align-items:center;justify-content:center;gap:8px;font:700 15px var(--c-head);color:#fff;margin:6px 0 24px}
.c-bs-brand .c-mark{width:26px;height:26px;border-radius:8px}
.c-bs-brand .c-mark .c-i{width:14px;height:14px}
.c-bs-h{font:700 19px var(--c-head);letter-spacing:-.03em;color:#fff}
.c-bs-s{font-size:11px;color:#aca5bd;margin:4px 0 22px}
.c-fld{text-align:left;margin-bottom:12px}
body.site .c-fld label{display:block;margin:0 0 5px;font-size:10.5px;font-weight:600;color:#aca5bd}
.c-inp{display:flex;align-items:center;height:38px;padding:0 12px;border-radius:10px;border:1px solid #ffffff22;background:#ffffff0a;font-size:12.5px;color:#fff;transition:border-color .25s,background .25s}
.c-inp.is-act{border-color:#a38bff;background:#916cff14}
.c-inp.is-act::after{content:'';width:1.5px;height:15px;margin-left:1px;background:#fff;animation:cCaret 1s steps(2) infinite}
@keyframes cCaret{50%{opacity:0}}
.c-bs-btn{display:grid;place-items:center;height:40px;margin-top:18px;border-radius:100px;background:#e9e5ff;color:#161322;font-size:12.5px;font-weight:700;transition:transform .2s,background .2s,box-shadow .2s}
.c-bs-btn.is-press{transform:scale(.95);background:#fff;box-shadow:0 0 0 6px #916cff33}
.c-bs-ok{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:14px;font-size:12px;font-weight:700;color:var(--c-mint);opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s}
.c-bs-ok .c-i{width:15px;height:15px}
.c-bs-ok.on{opacity:1;transform:none}
/* 2) Düzenleyici */
.c-ed-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;color:#fff;margin:4px 0 12px}
.c-ed-top i{font-style:normal;font-size:10.5px;color:var(--c-mint)}
.c-ed-top i::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:5px;vertical-align:middle;animation:rakamNabiz 1.6s infinite}
.c-ed-pal{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px}
.c-ed-chip{display:flex;align-items:center;gap:6px;padding:8px 9px;border-radius:10px;border:1px solid #ffffff1c;background:#ffffff0e;font-size:11px;font-weight:600;color:#fff;transition:background .2s,border-color .2s}
.c-ed-chip .c-i{width:13px;height:13px;color:var(--c-mint)}
.c-ed-chip.is-grab{background:#916cff33;border-color:#a38bff}
.c-ed-can{position:relative;padding:12px 10px;border:1px dashed #ffffff26;border-radius:16px;background:#ffffff04}
.c-ed-av{width:42px;height:42px;margin:0 auto 5px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#ac8bff,#73e9d9);color:#17122a}
.c-ed-av .c-i{width:20px;height:20px}
.c-ed-name{font:700 12px var(--c-head);color:#fff;margin-bottom:6px}
.c-ed-slot{position:relative;height:34px;margin:7px 0;border:1px dashed #ffffff2a;border-radius:10px;transition:border-color .2s,background .2s}
.c-ed-slot:nth-child(5),.c-ed-slot:nth-child(6){height:48px}
.c-ed-slot.is-target{border-color:#a38bff;background:#916cff1a}
.c-ed-slot.is-full{border-color:transparent}
.c-ed-blk{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:10px;background:#ffffff18;border:1px solid #ffffff22;font-size:11.5px;font-weight:700;color:#fff;opacity:0;transform:scale(.88);transition:opacity .25s,transform .35s var(--c-ease)}
.c-ed-slot.is-full .c-ed-blk{opacity:1;transform:none}
.c-ed-blk .c-i{width:14px;height:14px}
.c-ed-blk.is-hot{background:linear-gradient(90deg,#9a7aff,#76e8d9);color:#141024;border:0}
.c-ed-blk.is-soc span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#ffffff1c}
.c-ed-blk.is-soc .c-i{width:12px;height:12px}
.c-ed-blk.is-vid{background:#05060ccc}
.c-ed-blk.is-vid .c-i{width:20px;height:20px;color:#ff5a5a}
.c-ed-blk.is-map{background:repeating-linear-gradient(45deg,#1f3a35 0 8px,#24443e 8px 16px);color:#ff8a8a}
.c-ed-blk.is-map .c-i{width:20px;height:20px}
.c-ghost{position:absolute;left:0;top:0;width:92px;height:30px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:9px;border:1px solid #a38bff;background:#2a2147ee;box-shadow:0 10px 24px #0007;font-size:11px;font-weight:700;color:#fff;opacity:0;pointer-events:none;z-index:4}
.c-ghost .c-i{width:13px;height:13px;color:var(--c-mint)}
.c-cursor{position:absolute;left:0;top:0;width:20px;height:20px;z-index:5;pointer-events:none;filter:drop-shadow(0 2px 4px #0009);opacity:0}
/* 3) Bitmiş sayfa */
.c-bs.is-done{padding-top:30px}
.c-bav{width:64px;height:64px;border-radius:22px;background:linear-gradient(135deg,#ac8bff,#73e9d9);margin:10px auto 10px;display:grid;place-items:center;color:#17122a}
.c-bav .c-i{width:26px;height:26px}
.c-bname{display:flex;align-items:center;justify-content:center;gap:5px;font:700 16px var(--c-head);margin:6px 0 2px;color:#fff}
.c-bname .c-ok{width:14px;height:14px;padding:2px;border-radius:50%;background:#1d9bf0;color:#fff}
.c-bitem small{color:#aca5bd;font-size:11px}
.js .c-bitem{opacity:0;transform:translateY(20px) scale(.95);transition:opacity .45s,transform .45s var(--c-ease)}
.js .c-bitem.on{opacity:1;transform:none}
.c-bsocial{margin:14px 0}
.c-bsocial span{display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid #ffffff2c;border-radius:10px;margin:0 3px;color:#e2ddf3}
.c-bsocial .c-i{width:15px;height:15px}
.c-blink{height:40px;background:#ffffff18;border:1px solid #ffffff25;border-radius:12px;margin:8px 0;display:flex;align-items:center;gap:10px;padding:0 13px;font-size:12px;font-weight:700;color:#fff}
.c-blink .c-i{width:14px;height:14px}
.c-blink.is-hot{background:linear-gradient(90deg,#9a7aff,#76e8d9);color:#141024;border:0}
.c-bvid{height:62px;border-radius:12px;margin:8px 0;display:grid;place-items:center;background:linear-gradient(135deg,#1a1626,#05060c);border:1px solid #ffffff1c}
.c-bvid .c-i{width:22px;height:22px;color:#ff5a5a}
.c-bshare{display:grid;justify-items:center;gap:9px;margin-top:12px}
.c-bfinish{font-size:11px;color:#9e94b9;display:flex;align-items:center;justify-content:center;gap:6px}
.c-bfinish .c-i{color:var(--c-mint)}
.c-bshare-btn{padding:8px 16px;border-radius:100px;background:#e9e5ff;color:#161322;font-size:11px;font-weight:700}

/* --- Tema şeridi --- */
.c-themes{overflow:hidden}
.c-track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:25px max(24px,calc((100vw - 1200px)/2)) 40px;scrollbar-width:thin;scrollbar-color:#7561ac transparent;overscroll-behavior-x:contain}
.c-tcard{flex:0 0 220px;height:380px;scroll-snap-align:center;border:1px solid #ffffff25;border-radius:25px;padding:24px 18px;text-align:center;position:relative;overflow:hidden;isolation:isolate;transition:transform .35s var(--c-ease),border-color .35s;background-size:cover;background-position:center}
.c-tcard::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0000 30%,#0009)}
.c-tcard:hover{transform:translateY(-9px);border-color:#ffffff77}
.c-tcard .c-tdot{width:62px;height:62px;border-radius:50%;margin:18px auto;background:#ffffffb3;box-shadow:0 8px 24px #0005}
.c-tcard .c-tname{font-weight:700;font-size:12px;margin-bottom:22px;color:#fff;text-shadow:0 1px 8px #0008}
.c-tcard .c-tbar{height:30px;border-radius:10px;margin:11px 0;background:var(--tb,#ffffff);opacity:.82;box-shadow:0 4px 14px #0003}
.c-tcard .c-ttag{position:absolute;left:0;right:0;bottom:20px;font:700 12px var(--c-head);letter-spacing:.14em;text-transform:uppercase;color:#fff;text-shadow:0 1px 10px #000a}
/* Sürekli akan şerit (site.js): kopya kartlarla sonsuz döngü, fareyle sürüklenebilir */
.c-track.is-akan{scroll-snap-type:none;scroll-behavior:auto;scrollbar-width:none;cursor:grab;-webkit-user-select:none;user-select:none}
.c-track.is-akan::-webkit-scrollbar{display:none}
.c-track.is-surukle{cursor:grabbing}
.c-track.is-surukle .c-tcard{transition:none}
.c-dur .c-i-oyn{display:none}
.c-dur.is-durdu .c-i-dur{display:none}
.c-dur.is-durdu .c-i-oyn{display:inline-block}
.c-tlink{display:inline-flex;align-items:center;gap:7px;color:#e7e2ff;text-decoration:none;font-weight:600}
.c-tlink b{padding:2px 9px;border-radius:100px;background:linear-gradient(135deg,var(--c-violet),var(--c-mint));color:#111;font-size:12px}
.c-tlink:hover{color:#fff}
/* Animasyonlu şablon kartları (bio-anim.css motorlarıyla) */
.c-tcard.c-tanim{background:none}
.c-tcard.c-tanim::before{background:linear-gradient(180deg,#0000 58%,#000b)}
.c-tcard.c-tanim .bga{z-index:-2}
.c-tcard.c-tanim:not(.c-gor) .bga *{animation-play-state:paused}
.c-tcard.c-tanim .c-tdot{display:grid;place-items:center;background:linear-gradient(140deg,var(--a3),var(--a4));color:var(--vt);font:700 26px/1 var(--tf,inherit);box-shadow:0 0 0 4px color-mix(in srgb,var(--tx) 14%,transparent),0 8px 24px #0004}
.c-tcard.c-tanim .c-tname{color:var(--tx);text-shadow:none;font:700 15px/1.2 var(--tf,inherit);letter-spacing:0}
.c-tcard.c-tanim .c-tbar{background:var(--bc);opacity:1;box-shadow:none;border-radius:10px}
.c-tcard.c-tanim .c-tbar.v{background:linear-gradient(100deg,var(--a3),var(--a4))}
.c-tcard.c-tanim[data-bs=yumusak] .c-tbar,.c-tcard.c-tanim[data-bs=pill] .c-tbar{border-radius:100px}
.c-tcard.c-tanim[data-bs=cam] .c-tbar:not(.v){background:#ffffff2e;border:1px solid #ffffff66;backdrop-filter:blur(6px)}
.c-tcard.c-tanim[data-bs=neon] .c-tbar:not(.v){background:color-mix(in srgb,var(--a1) 80%,transparent);border:1.5px solid var(--a3);box-shadow:0 0 14px -3px var(--a2)}
.c-tcard.c-tanim[data-bs=sert] .c-tbar{border-radius:0;border:2px solid var(--a4);box-shadow:4px 4px 0 var(--a4)}
.c-tcard.c-tanim[data-bs=sert] .c-tbar.v{background:var(--a3)}
.c-tcard.c-tanim[data-bs=cizgi] .c-tbar:not(.v){background:color-mix(in srgb,var(--a1) 55%,transparent);border:1px solid color-mix(in srgb,var(--tx) 28%,transparent)}
.c-tcard.c-tanim[data-bs=kalin] .c-tbar{border-radius:0;transform:skewX(-8deg);border-left:4px solid var(--a3)}
.c-tcard.c-tanim[data-bs=kalin] .c-tbar.v{background:var(--a3)}
.c-tnav{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:20px}
.c-round{width:46px;height:46px;border:1px solid var(--c-line);border-radius:50%;background:#ffffff0b;color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .25s,transform .25s var(--c-ease)}
.c-round:hover{background:#ffffff1c;transform:translateY(-2px)}
.c-round .c-i{width:18px;height:18px}
.c-tmore{font-size:13px;color:var(--c-muted);margin:0 10px}

/* --- Planlar --- */
.c-pricing{background:#0e0f19;border-block:1px solid var(--c-line)}
.c-campaign{display:flex;align-items:center;justify-content:center;gap:10px;max-width:640px;margin:0 auto 28px;padding:13px 20px;border:1px solid #70f2d644;border-radius:100px;background:#70f2d60f;color:#d9fff6;font-size:14px;text-align:center}
.c-campaign .c-i{color:var(--c-mint);width:18px;height:18px}
.c-switch{display:inline-flex;gap:5px;border:1px solid var(--c-line);border-radius:100px;padding:5px;background:#ffffff08;margin-bottom:45px}
.c-switch button{border:0;border-radius:100px;padding:11px 19px;background:none;color:#aaa7b9;font:700 12.5px 'DM Sans',sans-serif;cursor:pointer;transition:background .3s,color .3s}
.c-switch button.on{background:#f1eeff;color:#17121f}
.c-switch em{font-style:normal;color:var(--c-mint);margin-left:4px}
.c-switch button.on em{color:#5b3fd6}
.c-plans{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:18px;max-width:calc(var(--n,3) * 390px);margin-inline:auto}
.c-plan{padding:33px;border-radius:26px;background:#161722;border:1px solid var(--c-line);position:relative;display:flex;flex-direction:column}
.c-plan.is-pop{background:linear-gradient(180deg,#30234c,#161722 45%);border-color:#8e72e5}
.c-plan .c-pbadge{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);white-space:nowrap;padding:5px 12px;border-radius:100px;border:1px solid #70f2d655;background:#0f1d1c;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--c-mint);font-weight:700}
.c-plan h3{font:700 24px var(--c-head);letter-spacing:-.04em;margin:0;color:#fff}
.c-plan .c-pdesc{font-size:13px;min-height:42px;color:var(--c-muted);margin:8px 0 0}
.c-price{margin:18px 0 6px;min-height:84px}
.c-amt{font:700 45px/1 var(--c-head);letter-spacing:-.06em;color:#fff}
.c-per{font-size:13px;color:#a3a0b3;margin-left:4px}
.c-old{display:block;font-size:14px;color:#8d8aa0;text-decoration:line-through;margin-bottom:4px}
.c-save{display:inline-block;margin-top:8px;padding:3px 10px;border-radius:100px;background:#70f2d61a;color:var(--c-mint);font-size:11.5px;font-weight:700}
.c-eq{font-size:12px;color:#8d8aa0;margin-top:6px}
.c-plans[data-cycle="monthly"] .c-cyc-y,.c-plans[data-cycle="yearly"] .c-plan[data-y="1"] .c-cyc-m{display:none}
.c-plan ul{list-style:none;padding:0;margin:22px 0 28px;flex:1}
.c-plan li{display:flex;gap:12px;margin:10px 0;color:#c6c1d0;font-size:13.5px}
.c-plan li .c-i{color:var(--c-mint);width:15px;height:15px;margin-top:3px}
.c-plan li strong{color:#fff}

/* --- NFC --- */
.c-nfc-note{max-width:640px;margin:0 auto 34px;padding:12px 18px;border-radius:14px;border:1px solid #f59e0b66;background:#f59e0b14;color:#fde2b0;font-size:13.5px;text-align:center}
.c-nfc{display:grid;grid-template-columns:repeat(var(--n,2),minmax(0,1fr));gap:24px;max-width:calc(var(--n,2) * 560px);margin-inline:auto}
.c-npanel{padding:28px;border:1px solid var(--c-line);border-radius:25px;background:#13151e;display:flex;flex-direction:column}
.c-nart{height:250px;border-radius:19px;display:grid;place-items:center;perspective:800px;overflow:hidden;background:radial-gradient(ellipse,#3d3c55,#0a0b11 72%)}
.c-npanel.is-pro .c-nart{background:radial-gradient(ellipse,#66512d,#15110c 72%)}
.c-npanel.is-vcard .c-nart{background:radial-gradient(ellipse,#1f5a50,#0a1110 72%)}
.c-nart img{width:100%;height:100%;object-fit:cover}
.c-nobj{width:270px;max-width:82%;aspect-ratio:1.6/1;border-radius:17px;display:flex;align-items:flex-end;justify-content:space-between;padding:20px 22px;font:700 22px var(--c-head);letter-spacing:-.04em;color:#fff;background:linear-gradient(130deg,#333343,#0a0a10);border:1px solid #ffffff38;box-shadow:0 35px 65px #000b;transform:rotate(-13deg) rotateY(17deg);position:relative;transition:transform .6s var(--c-ease)}
.c-npanel:hover .c-nobj{transform:rotate(-5deg) rotateY(-8deg) translateY(-10px)}
.c-npanel.is-pro .c-nobj{background:linear-gradient(130deg,#5c4b31,#17120c)}
.c-npanel.is-vcard .c-nobj{background:linear-gradient(130deg,#1f5a50,#0a1513)}
.c-nobj .c-i{width:24px;height:24px;opacity:.8}
.c-chip{position:absolute;top:20px;left:22px;width:35px;height:25px;border-radius:5px;background:linear-gradient(135deg,#f0d68b,#94743a)}
.c-npanel h3{font:700 24px var(--c-head);letter-spacing:-.04em;margin:26px 0 6px;color:#fff;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.c-npanel h3 span{font:700 10px 'DM Sans',sans-serif;letter-spacing:.14em;color:var(--c-mint);border:1px solid #70f2d644;border-radius:100px;padding:4px 9px}
.c-npanel>p{color:var(--c-muted);font-size:14px;margin:0}
.c-npanel ul{list-style:none;padding:0;margin:16px 0 22px;display:grid;gap:8px;flex:1;align-content:start}
.c-npanel li{display:flex;gap:10px;font-size:13.5px;color:#c6c1d0}
.c-npanel li .c-i{color:var(--c-mint);width:15px;height:15px;margin-top:3px}
.c-nfoot{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.c-nfoot .c-amt{font-size:34px}

/* --- SSS --- */
.c-faq{max-width:780px;margin:auto}
.c-faq details{border-bottom:1px solid var(--c-line);padding:4px 0}
.c-faq summary{cursor:pointer;font-weight:700;font-size:16px;color:#fff;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0}
.c-faq summary::-webkit-details-marker{display:none}
.c-faq summary::after{content:'';flex:none;width:30px;height:30px;border-radius:50%;border:1px solid var(--c-line);background:no-repeat center/12px 1.5px linear-gradient(#fff,#fff),no-repeat center/1.5px 12px linear-gradient(#fff,#fff);transition:transform .35s var(--c-ease),background-color .3s}
.c-faq details[open] summary::after{transform:rotate(45deg);background-color:#916cff33}
.c-faq details p,.c-faq .c-ans{margin:0 0 20px;font-size:14.5px;color:var(--c-muted);max-width:680px}
.c-faq-more{text-align:center;margin-top:36px}

/* --- Kapanış çağrısı --- */
.c-endcta{padding:95px 24px;text-align:center;border:1px solid #8e6cfd55;border-radius:35px;background:radial-gradient(ellipse at 50% 0,#7150be5c,transparent 62%),#131321;position:relative;overflow:hidden}
.c-endcta .c-title{margin:15px auto 22px;max-width:820px}
.c-endcta p{margin:0 auto 30px;max-width:520px;color:var(--c-muted);font-size:16px}

/* ==========================================================================
   İÇ SAYFALAR
   ========================================================================== */
.c-phero{position:relative;padding:90px 0 60px;isolation:isolate;overflow:hidden}
.c-phero::before{content:'';position:absolute;inset:-30% -10% auto;height:520px;z-index:-1;background:radial-gradient(ellipse 50% 60% at 30% 40%,#6340ba3d,transparent 70%),radial-gradient(ellipse 30% 40% at 80% 30%,#2ad4b314,transparent 70%)}
.c-phero .c-gridbg{-webkit-mask-image:radial-gradient(ellipse 60% 80% at 30% 0,#000,transparent 75%);mask-image:radial-gradient(ellipse 60% 80% at 30% 0,#000,transparent 75%)}
.c-phero .c-sub{font-size:18px;max-width:600px;color:var(--c-muted);margin:24px 0 0}
.c-crumb{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#a9a6ba;text-decoration:none;margin-bottom:22px}
.c-crumb:hover{color:#fff;opacity:1}
.c-crumb .c-i{width:14px;height:14px}

/* Blog */
.c-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:34px}
.c-pills a{padding:9px 16px;border:1px solid var(--c-line);border-radius:100px;font-size:13px;font-weight:600;color:#c9c6d8;text-decoration:none;background:#ffffff05;transition:background .25s,border-color .25s,color .25s}
.c-pills a:hover{border-color:#ffffff3a;color:#fff;opacity:1}
.c-pills a.on{background:#e9e5ff;color:#161322;border-color:transparent}
.c-pills a span{opacity:.6;margin-left:4px;font-weight:500}
.c-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-bottom:110px}
.c-post{display:flex;flex-direction:column;border:1px solid var(--c-line);border-radius:24px;background:#10111b;overflow:hidden;color:inherit;text-decoration:none;transition:transform .45s var(--c-ease),border-color .3s}
.c-post:hover{transform:translateY(-7px);border-color:#a38bff79;opacity:1;color:inherit}
.c-post-cover{aspect-ratio:16/10;overflow:hidden;background:linear-gradient(135deg,#2b204b,#121e2a);position:relative}
.c-post-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s var(--c-ease)}
.c-post:hover .c-post-cover img{transform:scale(1.05)}
.c-post-cover .c-ph{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse 70% 80% at 20% 10%,hsl(var(--h,260) 65% 58% / .5),transparent 70%),radial-gradient(ellipse 60% 70% at 90% 100%,hsl(calc(var(--h,260) + 50) 70% 62% / .28),transparent 70%),#12131f;transition:transform .8s var(--c-ease)}
.c-post-cover .c-ph::before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#ffffff0d 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:radial-gradient(ellipse,#000,transparent 75%);mask-image:radial-gradient(ellipse,#000,transparent 75%)}
.c-post-cover .c-ph span{position:relative;font:700 clamp(90px,10vw,150px)/1 var(--c-head);letter-spacing:-.06em;color:#ffffff;opacity:.16}
.c-post:hover .c-post-cover .c-ph{transform:scale(1.05)}
.c-post-body{padding:22px 24px 24px;display:flex;flex-direction:column;flex:1}
.c-cat{align-self:flex-start;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#bbb0ff;margin-bottom:12px;text-decoration:none}
.c-post h2,.c-post h3{font:700 21px/1.2 var(--c-head);letter-spacing:-.035em;margin:0 0 10px;color:#fff;text-wrap:balance}
.c-post p{font-size:14px;color:var(--c-muted);margin:0;flex:1}
.c-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:12px;color:#8d8aa0;margin-top:18px}
.c-meta span{display:inline-flex;align-items:center;gap:6px}
.c-meta .c-i{width:13px;height:13px}
.c-post.is-lead{grid-column:span 3;display:grid;grid-template-columns:1.25fr 1fr}
.c-post.is-lead .c-post-cover{aspect-ratio:auto;min-height:360px}
.c-post.is-lead .c-post-body{padding:40px;justify-content:center}
.c-post.is-lead h2{font-size:clamp(28px,3vw,40px)}
.c-post.is-lead p{flex:0;font-size:15.5px}
.c-pager{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:-60px 0 110px}
.c-pager a{min-width:44px;height:44px;display:grid;place-items:center;padding:0 12px;border:1px solid var(--c-line);border-radius:100px;color:#c9c6d8;text-decoration:none;font-weight:700;font-size:13px}
.c-pager a:hover{border-color:#ffffff3a;color:#fff;opacity:1}
.c-pager a.on{background:#e9e5ff;color:#161322;border-color:transparent}
.c-empty{padding:70px 24px;text-align:center;border:1px dashed #ffffff24;border-radius:24px;color:var(--c-muted);margin-bottom:110px}
.c-empty .c-i{width:40px;height:40px;color:#ffffff40;margin-bottom:12px}

/* Blog yazısı */
.c-article-head{max-width:860px}
.c-article-head .c-title{font-size:clamp(36px,5vw,68px)}
.c-article-cover{border-radius:28px;overflow:hidden;border:1px solid var(--c-line);margin-bottom:56px;box-shadow:0 40px 100px #0008}
.c-article-cover img{width:100%;max-height:620px;object-fit:cover;display:block}
.c-article{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;align-items:start;padding-bottom:120px}
.c-side{position:sticky;top:calc(var(--nav-h) + 24px);display:grid;gap:16px}
.c-box{border:1px solid var(--c-line);border-radius:22px;background:#10111b;padding:22px}
.c-box h4{font:700 11.5px 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.14em;color:#d8d5e6;margin:0 0 14px}
.c-box-list{display:grid;gap:2px}
.c-box-list a{display:flex;justify-content:space-between;gap:10px;padding:9px 10px;margin:0 -10px;border-radius:10px;font-size:14px;color:#c9c6d8;text-decoration:none}
.c-box-list a:hover{background:#ffffff08;color:#fff;opacity:1}
.c-box-list a span{color:#8d8aa0}
.c-rel{display:grid;gap:14px}
.c-rel a{display:flex;gap:12px;align-items:center;text-decoration:none;color:#e9e6f4}
.c-rel a:hover{opacity:1;color:#fff}
.c-rel-img{width:58px;height:58px;flex:none;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#2b204b,#121e2a)}
.c-rel-img img{width:100%;height:100%;object-fit:cover;display:block}
.c-rel b{font-size:13.5px;line-height:1.3;font-weight:600;display:block}
.c-rel small{font-size:11.5px;color:#8d8aa0}
.c-box.is-cta{background:radial-gradient(ellipse at 50% 0,#7150be4d,transparent 70%),#131321;border-color:#8e6cfd55}
.c-box.is-cta p{font-size:14px;color:var(--c-muted);margin:8px 0 16px}
.c-box.is-cta strong{font:700 20px/1.2 var(--c-head);letter-spacing:-.03em;color:#fff;display:block}

/* Yönetici HTML'i için okunaklı metin */
.c-prose{font-size:17px;line-height:1.8;color:#d4d2e0;min-width:0;overflow-wrap:break-word}
.c-prose>*:first-child{margin-top:0}
.c-prose h1,.c-prose h2,.c-prose h3,.c-prose h4{font-family:var(--c-head);letter-spacing:-.035em;line-height:1.2;color:#fff;margin:1.8em 0 .6em}
.c-prose h2{font-size:32px}.c-prose h3{font-size:24px}.c-prose h4{font-size:19px}
.c-prose p{margin:0 0 1.2em}
.c-prose a{color:var(--c-mint)}
.c-prose img,.c-prose video,.c-prose iframe{max-width:100%;height:auto;border-radius:16px}
.c-prose ul,.c-prose ol{padding-left:1.3em;margin:0 0 1.2em}
.c-prose li{margin:.35em 0}
.c-prose li::marker{color:var(--c-lilac)}
.c-prose blockquote{margin:1.6em 0;padding:6px 0 6px 24px;border-left:2px solid var(--c-violet);font-size:20px;line-height:1.6;color:#fff;font-family:var(--c-head);letter-spacing:-.02em}
.c-prose code{background:#ffffff12;border-radius:6px;padding:2px 7px;font-size:.9em}
.c-prose pre{background:#10111b;border:1px solid var(--c-line);border-radius:16px;padding:18px;overflow-x:auto}
.c-prose table{display:block;overflow-x:auto;border-collapse:collapse;margin:0 0 1.2em}
.c-prose th,.c-prose td{border-bottom:1px solid var(--c-line);padding:10px 14px;text-align:left}
.c-prose hr{border:0;border-top:1px solid var(--c-line);margin:2.4em 0}

/* Bilgi bankası */
.c-search{position:relative;max-width:560px;margin-top:34px}
.c-search .c-i{position:absolute;left:22px;top:50%;transform:translateY(-50%);width:19px;height:19px;color:#a9a6ba;pointer-events:none}
body.site .c-search input{width:100%;height:60px;padding:0 24px 0 56px;border-radius:100px;border:1px solid #ffffff26;background:#ffffff0a;color:#fff;font:500 16px 'DM Sans',sans-serif;transition:border-color .25s,background .25s}
body.site .c-search input::placeholder{color:#8d8aa0}
body.site .c-search input:focus{outline:none;border-color:#a38bff;background:#ffffff10}
.c-kb{display:grid;grid-template-columns:240px minmax(0,1fr);gap:56px;align-items:start;padding-bottom:120px}
.c-kb-nav{position:sticky;top:calc(var(--nav-h) + 24px);display:grid;gap:4px}
.c-kb-nav a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;font-size:14px;color:#a9a6ba;text-decoration:none;border:1px solid transparent;transition:background .2s,color .2s}
.c-kb-nav a:hover{color:#fff;background:#ffffff08;opacity:1}
.c-kb-nav a.on{color:#fff;background:#916cff1f;border-color:#916cff44}
.c-kb-nav a span{color:#7d7a90;font-size:12px}
.c-kb-nav a[hidden],.c-kb-cat[hidden],.c-acc[hidden]{display:none}
.c-kb-cat{scroll-margin-top:calc(var(--nav-h) + 24px);margin-bottom:56px}
#planlar{scroll-margin-top:calc(var(--nav-h) - 90px)}
@media(max-width:900px){#planlar{scroll-margin-top:calc(var(--nav-h) - 56px)}}
.c-kb-cat h2{display:flex;align-items:baseline;gap:14px;font:700 28px var(--c-head);letter-spacing:-.04em;color:#fff;margin:0 0 18px}
.c-kb-cat h2 small{font:600 12px 'DM Sans',sans-serif;color:#8d8aa0;letter-spacing:.06em}
.c-acc{border:1px solid var(--c-line);border-radius:18px;background:#10111b;margin-bottom:10px;transition:border-color .3s,background .3s}
.c-acc[open]{border-color:#a38bff55;background:#13131f}
.c-acc summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;font-weight:700;font-size:15.5px;color:#fff}
.c-acc summary::-webkit-details-marker{display:none}
.c-acc summary::after{content:'';flex:none;width:26px;height:26px;border-radius:50%;border:1px solid var(--c-line);background:no-repeat center/10px 1.5px linear-gradient(#fff,#fff),no-repeat center/1.5px 10px linear-gradient(#fff,#fff);transition:transform .35s var(--c-ease)}
.c-acc[open] summary::after{transform:rotate(45deg)}
.c-acc .c-acc-body{padding:0 22px 20px;color:var(--c-muted);font-size:14.5px;line-height:1.7}
.c-kb-none{display:none;padding:50px 24px;text-align:center;color:var(--c-muted);border:1px dashed #ffffff24;border-radius:22px}

/* Hakkımızda */
.c-lit{font:600 clamp(20px,2.2vw,30px)/1.4 var(--c-head);letter-spacing:-.025em;color:#fff;max-width:900px;margin:0;text-wrap:pretty}
.c-lit .w{opacity:.16;transition:opacity .25s linear}
.c-lit .w.on{opacity:1}
.c-lit-more{max-width:640px;margin:32px 0 0 auto;font-size:16px;color:var(--c-muted)}
.c-duo{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.c-card{padding:34px;border:1px solid var(--c-line);border-radius:26px;background:radial-gradient(circle at 100% 0,#a18bff12,transparent 50%),#10111b;transition:border-color .3s,transform .45s var(--c-ease)}
.c-card:hover{border-color:#a38bff66;transform:translateY(-6px)}
.c-card h3{font:700 26px/1.15 var(--c-head);letter-spacing:-.04em;margin:24px 0 12px;color:#fff}
.c-card p{color:var(--c-muted);font-size:15px;margin:0}
.c-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.c-trio .c-card h3{font-size:22px}
.c-num{font:700 13px var(--c-head);letter-spacing:.14em;color:#bbb0ff}

/* İletişim */
.c-contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}
.c-globe{position:relative;aspect-ratio:1;width:100%;max-width:560px;margin-left:auto}
.c-globe canvas{width:100%;height:100%;display:block}
.c-globe::before{content:'';position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,#6340ba44,transparent 70%);filter:blur(30px);z-index:-1}
.c-globe-cap{position:absolute;left:50%;bottom:4%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:8px 14px;border:1px solid var(--c-line);border-radius:100px;background:#10121dcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:12.5px;color:#c9c6d8}
.c-globe-cap .c-i{color:var(--c-mint);width:15px;height:15px}
.c-cards{display:grid;gap:14px;margin-top:40px}
.c-ccard{display:flex;align-items:center;gap:18px;padding:22px 24px;border:1px solid var(--c-line);border-radius:22px;background:#10111b;text-decoration:none;color:inherit;transition:transform .4s var(--c-ease),border-color .3s,background .3s}
.c-ccard:hover{transform:translateX(8px);border-color:#a38bff79;background:#14141f;opacity:1;color:inherit}
.c-cico{width:52px;height:52px;flex:none;border-radius:16px;display:grid;place-items:center;border:1px solid #ffffff22}
.c-cico .c-i{width:24px;height:24px}
.c-ccard.is-wa .c-cico{background:#25d36618;color:#5ee38e;border-color:#25d36640}
.c-ccard.is-mail .c-cico{background:#916cff1d;color:#c9b8ff;border-color:#916cff44}
.c-clabel{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#8d8aa0}
.c-cval{font:700 21px/1.25 var(--c-head);letter-spacing:-.03em;color:#fff;margin:3px 0 2px;overflow-wrap:anywhere}
.c-csub{font-size:13px;color:var(--c-muted)}
.c-ccard>.c-i{margin-left:auto;width:20px;height:20px;color:#8d8aa0;transition:color .3s,transform .3s var(--c-ease)}
.c-ccard:hover>.c-i{color:var(--c-mint);transform:translate(3px,-3px)}

/* Yasal / genel sayfalar ve 404 */
.c-legacy{padding:60px 0 110px}
.c-404{min-height:calc(100vh - var(--nav-h));display:grid;place-items:center;text-align:center;padding:60px 0}
.c-404 .c-display{font-size:clamp(110px,22vw,260px);margin:0;line-height:.9}

/* ==========================================================================
   Duyarlı düzen
   ========================================================================== */
@media(max-width:1080px){
  .c-links a{padding:8px 9px;font-size:13px}
  .c-navright .c-hide-md{display:none}
}
@media(max-width:900px){
  .c-links,.c-navright .c-nav-btn,.c-navright .c-lang{display:none}
  .c-burger{display:flex}
  .c-navright{margin-left:auto}
  .c-story{height:360vh}
  .c-story-copy{top:calc(var(--nav-h) + 4vh);left:5%;transform:none;width:90%;text-align:center}
  .c-stage .c-eyebrow{justify-content:center}
  .c-display{font-size:clamp(42px,9vw,64px);margin:12px 0}
  .c-sdesc{margin:0 auto;font-size:14.5px}
  .c-actions{justify-content:center}
  .c-phone{left:50%;top:69%}
  .c-orbit,.c-float{left:50%;top:69%}
  .c-orbit{width:400px;height:400px}
  .c-float{width:54px;height:54px;border-radius:17px}
  .c-float .c-i{width:22px;height:22px}
  .c-float label{display:none}
  .c-counter{right:20px;bottom:22px}
  .c-stage-note{display:none}
  .c-vs{grid-template-columns:1fr;max-width:420px}
  .c-vs-arrow{transform:rotate(90deg);margin:auto}
  .c-feats{grid-template-columns:1fr 1fr}
  .c-feat.is-wide,.c-feat.is-nfc{grid-column:span 2}
  .c-ph2{width:250px;height:514px}
  .c-builder-grid{gap:30px}
  .c-plans,.c-nfc{grid-template-columns:1fr;max-width:460px}
  .c-price{min-height:0}
  .c-foot-grid{grid-template-columns:1.5fr 1fr 1fr}
  .c-foot-grid>div:first-child{grid-column:1/-1}
  .c-posts{grid-template-columns:1fr 1fr}
  .c-post.is-lead{grid-column:span 2;grid-template-columns:1fr}
  .c-post.is-lead .c-post-cover{min-height:0;aspect-ratio:16/9}
  .c-post.is-lead .c-post-body{padding:28px}
  .c-article{grid-template-columns:1fr;gap:40px}
  .c-side{position:static}
  .c-kb{grid-template-columns:1fr;gap:28px}
  .c-kb-nav{position:sticky;top:var(--nav-h);z-index:5;display:flex;overflow-x:auto;gap:6px;padding:12px 0;margin:0 -24px;padding-inline:24px;background:rgba(8,9,16,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);scrollbar-width:none}
  .c-kb-nav a{flex:none;border-color:var(--c-line);border-radius:100px;padding:8px 14px;font-size:13px}
  .c-kb-cat{scroll-margin-top:calc(var(--nav-h) + 80px)}
  .c-contact{grid-template-columns:1fr}
  .c-globe{max-width:420px;margin:0 auto;order:-1}
  .c-globe-cap{white-space:normal;width:max-content;max-width:92%;text-align:left;bottom:0}
  .c-trio{grid-template-columns:1fr}
}
@media(max-width:650px){
  .c-wrap{width:calc(100% - 32px)}
  .c-kb-nav{margin:0 -16px;padding-inline:16px}
  .c-sec{padding:88px 0}
  .c-head{margin-bottom:44px}
  .c-display{font-size:44px}
  .c-sdesc{font-size:13.5px}
  .c-actions .c-btn{padding:11px 16px;font-size:12px}
  .c-scroll-hint{display:none}
  .c-stats{grid-template-columns:1fr 1fr}
  .c-stat:nth-child(2){border-right:0}
  .c-stat:nth-child(-n+2){border-bottom:1px solid var(--c-line)}
  .c-feats{grid-template-columns:1fr}
  .c-feat.is-wide,.c-feat.is-nfc{grid-column:auto}
  .c-feat.is-wide{flex-direction:column;align-items:flex-start}
  .c-bars{width:100%;height:120px}
  .c-blocks-head{flex-wrap:wrap;gap:14px}
  .c-blocks-n{font-size:44px}
  .c-blocks{grid-template-columns:1fr 1fr}
  .c-blocks li{font-size:12.5px;padding:10px 11px}
  .c-mini{display:none}
  .c-builder{height:auto}
  .c-builder-stick{height:auto;position:relative;padding:90px 0}
  .c-builder-grid{grid-template-columns:1fr}
  .c-bphone{margin:35px auto 0;transform:none}
  .c-tcard{flex-basis:190px;height:345px}
  .c-foot-grid{grid-template-columns:1fr 1fr}
  .c-posts{grid-template-columns:1fr}
  .c-post.is-lead{grid-column:auto}
  .c-phero{padding:56px 0 40px}
  .c-phero .c-sub{font-size:16px}
  .c-duo{grid-template-columns:1fr}
  .c-card{padding:26px}
  .c-ccard{padding:18px}
  .c-cval{font-size:18px}
  .c-cookie{left:12px;right:12px;bottom:12px;max-width:none;flex-wrap:wrap}
  .c-endcta{padding:70px 20px;border-radius:28px}
}
@media(prefers-reduced-motion:reduce){
  body.site *,body.site *::before,body.site *::after{transition:none!important;animation:none!important}
  .c-story{height:auto}
  .c-story-stick{position:relative;height:auto;min-height:860px}
  .c-stage{opacity:0}.c-stage:first-child{opacity:1;transform:none;pointer-events:auto}
  .c-plink,.c-float{opacity:1!important;transform:none!important}
  .c-float,.c-counter,.c-scroll-hint,.c-stage-note{display:none}
  .js .c-reveal{opacity:1;transform:none}
  .c-builder{height:auto}
  .c-builder-stick{position:relative;height:auto;padding:110px 0}
  .js .c-bitem{opacity:1;transform:none}
  .c-anim-bad .c-ig-x{opacity:.5;filter:blur(3px)}
  .c-anim-bad .c-ig-warn{opacity:1}
  .c-anim-good .c-blp{transform:none}
  .c-anim-good .c-blp-b{opacity:1}
  .c-cursor,.c-ghost{display:none}
  .c-lit .w{opacity:1}
}

/* ==========================================================================
   BAYİLİK SAYFASI (/bayilik)
   ========================================================================== */
.by-hero{padding-bottom:90px}
.by-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center}
.by-panel{border:1px solid #ffffff1f;border-radius:24px;background:linear-gradient(170deg,#1a1630,#10111b 55%);box-shadow:0 40px 100px -30px #000c,0 0 0 1px #916cff14;overflow:hidden;transform:rotate(1.5deg)}
.by-panel-ust{display:flex;align-items:center;gap:6px;padding:12px 16px;border-bottom:1px solid #ffffff12;font-size:12px;color:#a9a6ba}
.by-panel-ust i{width:9px;height:9px;border-radius:50%;background:#ffffff26}
.by-panel-ust i:first-child{background:#ff6b8a99}.by-panel-ust i:nth-child(2){background:#f5b84299}.by-panel-ust i:nth-child(3){background:#70f2d699}
.by-panel-ust span{margin-left:8px;font-weight:600;color:#d8d5e6}
.by-panel-ozet{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:16px}
.by-panel-ozet div{padding:12px;border-radius:14px;background:#ffffff08;border:1px solid #ffffff12}
.by-panel-ozet b{display:block;font:700 24px/1 var(--c-head);letter-spacing:-.04em;color:#fff}
.by-panel-ozet small{font-size:11px;color:var(--c-muted)}
.by-satirlar{padding:0 16px 8px;display:grid;gap:7px}
.by-satir{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:13px;background:#ffffff06;border:1px solid #ffffff10}
.js .by-panel.is-in .by-satir{animation:bySatir .6s var(--c-ease) both;animation-delay:calc(.25s + var(--i) * .09s)}
@keyframes bySatir{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.by-av{width:32px;height:32px;flex:none;border-radius:10px;display:grid;place-items:center;font:700 13px var(--c-head);color:#17122a;background:linear-gradient(135deg,#ac8bff,#73e9d9)}
.by-ad{flex:1;min-width:0}
.by-ad b{display:block;font-size:13px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.by-ad small{font-size:11px;color:var(--c-muted)}
.by-durum{flex:none;padding:4px 10px;border-radius:100px;font-size:11px;font-weight:700}
.by-durum.is-aktif{background:#70f2d61c;color:var(--c-mint)}
.by-durum.is-yakin{background:#f5b8421f;color:#f5c26b;animation:byNabiz 2.4s ease-in-out infinite}
.by-durum.is-donuk{background:#ff6b8a1c;color:#ff9db1}
.by-durum.is-ucretsiz{background:#ffffff10;color:#c9c6d8}
@keyframes byNabiz{0%,100%{box-shadow:0 0 0 0 #f5b84200}50%{box-shadow:0 0 0 5px #f5b84222}}
.by-panel-alt{display:flex;align-items:center;gap:8px;margin:8px 16px 16px;padding:10px 12px;border-radius:12px;border:1px dashed #ffffff22;font-size:12px;color:#c9c6d8}
.by-panel-alt .c-i{color:var(--c-mint);width:15px;height:15px}

.by-avantaj{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.by-avantaj .c-feat{min-height:0}

.by-adimlar{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:15px;counter-reset:none}
.by-adimlar li{position:relative;padding:28px 24px;border:1px solid var(--c-line);border-radius:22px;background:#10111b}
.by-adimlar li:not(:last-child)::after{content:'';position:absolute;top:44px;right:-15px;width:15px;height:1px;background:linear-gradient(90deg,#916cff88,#70f2d688)}
.by-adimlar b{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#916cff1f;border:1px solid #916cff44;font:700 13px var(--c-head);color:#cdbfff}
.by-adimlar h3{font:700 20px/1.2 var(--c-head);letter-spacing:-.03em;color:#fff;margin:18px 0 8px}
.by-adimlar p{font-size:14px;color:var(--c-muted);margin:0}

.by-hesap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;align-items:center;padding:44px;border:1px solid var(--c-line);border-radius:30px;background:radial-gradient(ellipse at 0 0,#6340ba2e,transparent 60%),#10111b}
.by-alan{margin-top:22px}
body.site .by-alan label{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 8px;font-size:13px;font-weight:600;color:#d8d5e6}
.by-alan output{font:700 20px var(--c-head);color:#fff}
body.site .by-alan input[type=number],body.site .by-alan select{width:100%;height:48px;padding:0 16px;border-radius:14px;border:1px solid #ffffff22;background:#ffffff0a;color:#fff;font:500 15px 'DM Sans',sans-serif}
body.site .by-alan select option{background:#10121d}
body.site .by-alan input[type=range]{width:100%;padding:0;border:0;background:none;accent-color:var(--c-violet);height:28px}
.by-hesap-sag{display:grid;gap:10px}
.by-hesap-sag>div{display:flex;justify-content:space-between;align-items:baseline;padding:16px 20px;border-radius:16px;background:#ffffff06;border:1px solid #ffffff12}
.by-hesap-sag small{font-size:13px;color:var(--c-muted)}
.by-hesap-sag b{font:700 24px var(--c-head);letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums}
.by-hesap-sag .is-net{background:linear-gradient(100deg,#916cff22,#70f2d61a);border-color:#916cff55}
.by-hesap-sag .is-net b{font-size:32px;background:linear-gradient(100deg,#fff 5%,#ae95ff 55%,#70f2d6);-webkit-background-clip:text;background-clip:text;color:transparent}
.by-hesap-sag .is-net b.is-eksi{background:none;color:#ff9db1}
.by-uyari{margin:0;padding:10px 14px;border-radius:12px;background:#f5b8421a;border:1px solid #f5b84255;color:#f5d08f;font-size:13px}
.by-uyari[hidden]{display:none}
.by-not{margin:4px 0 0;font-size:12px;color:#8d8aa0}
.c-plan li.by-musteri{color:#fff;font-weight:600}
.c-plan li.by-musteri .c-i{color:var(--c-lilac)}
.by-giris-not{text-align:center;margin:26px 0 0;font-size:14px;color:var(--c-muted)}
.by-giris-not a{color:var(--c-lilac)}

@media(max-width:900px){
  .by-hero-grid,.by-hesap{grid-template-columns:1fr}
  .by-panel{transform:none;max-width:520px}
  .by-avantaj{grid-template-columns:1fr 1fr}
  .by-adimlar{grid-template-columns:1fr 1fr}
  .by-adimlar li::after{display:none}
  .by-hesap{padding:30px}
}
@media(max-width:650px){
  .by-avantaj,.by-adimlar{grid-template-columns:1fr}
  .by-hesap{padding:24px 20px;border-radius:24px}
  .by-panel-ozet b{font-size:20px}
}
@media(prefers-reduced-motion:reduce){
  .js .by-panel.is-in .by-satir{animation:none}
}

/* ==========================================================================
   Şablonlar sayfası (/sablonlar) — küçük telefonlar bio-anim.css motorlarını kullanır
   ========================================================================== */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sb-hero{padding-bottom:40px}
.sb-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:40px;align-items:center}
.sb-sayilar{display:flex;flex-wrap:wrap;gap:16px 34px;margin:36px 0 0;padding:0}
.sb-sayilar div{min-width:70px}
.sb-sayilar dt{font:700 32px/1 var(--c-head);letter-spacing:-.04em;color:#fff;font-variant-numeric:tabular-nums}
.sb-sayilar dd{margin:6px 0 0;font-size:12.5px;color:var(--c-muted)}
.sb-yelpaze{position:relative;height:540px}
.sb-yelpaze .sb-tel{position:absolute;top:50%;left:50%;width:236px}
.sb-yelpaze .sb-y1{transform:translate(-118%,-46%) rotate(-9deg)}
.sb-yelpaze .sb-y2{transform:translate(-50%,-53%);z-index:2;box-shadow:0 40px 90px -30px #000,0 0 0 1px #ffffff22}
.sb-yelpaze .sb-y3{transform:translate(18%,-46%) rotate(9deg)}

/* Küçük telefon */
.sb-tel{position:relative;aspect-ratio:9/16;border-radius:30px;padding:7px;background:linear-gradient(150deg,#2e2d3c,#0f0f16 55%,#2a2838);border:1px solid #ffffff2a;box-shadow:0 30px 60px -30px #000;transition:transform .45s var(--c-ease)}
.sb-tel:not(.oyna) .bga *{animation-play-state:paused}
.sb-ekran{position:relative;height:100%;overflow:hidden;border-radius:23px;container-type:inline-size;background:var(--a1);color:var(--tx);font-family:var(--tf)}
.sb-ic{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:3.2cqw;padding:14cqw 7cqw 0;text-align:center}
.sb-av{width:22cqw;height:22cqw;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,var(--a3),var(--a4));color:var(--vt);font-weight:700;font-size:10cqw;line-height:1;box-shadow:0 0 0 1.5cqw color-mix(in srgb,var(--tx) 12%,transparent)}
.sb-ad{font-weight:700;font-size:6.2cqw;line-height:1.2;margin-top:1cqw}
.sb-bio{font-size:3.6cqw;line-height:1.45;opacity:.8;max-width:94%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sb-sos{display:flex;gap:2.2cqw;margin:1cqw 0}
.sb-sos i{width:7.5cqw;height:7.5cqw;border-radius:50%;background:#fff;opacity:.9;box-shadow:0 1cqw 2cqw #0003}
.sb-btn{width:100%;min-height:11cqw;display:grid;place-items:center;padding:0 4cqw;border-radius:3cqw;background:var(--bc);color:var(--bt);font-size:3.9cqw;font-weight:600;line-height:1.2}
.sb-btn span{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-btn.v{background:linear-gradient(100deg,var(--a3),var(--a4));color:var(--vt)}
.sb-ekran[data-bs=yumusak] .sb-btn,.sb-ekran[data-bs=pill] .sb-btn{border-radius:100px;box-shadow:0 1.5cqw 3cqw -1.5cqw #0007}
.sb-ekran[data-bs=square] .sb-btn{border-radius:0}
.sb-ekran[data-bs=cam] .sb-btn:not(.v),.sb-ekran[data-bs=glass] .sb-btn:not(.v){background:#ffffff24;border:1px solid #ffffff59;color:var(--tx);border-radius:5cqw}
.sb-ekran.is-acik[data-bs=cam] .sb-btn:not(.v){background:#ffffff80;border-color:#ffffffe6}
.sb-ekran[data-bs=neon] .sb-btn{border:1.5px solid var(--a3);color:var(--tx);background:color-mix(in srgb,var(--a1) 85%,transparent);box-shadow:0 0 3cqw -1cqw var(--a2)}
.sb-ekran[data-bs=neon] .sb-btn.v{background:linear-gradient(100deg,color-mix(in srgb,var(--a2) 45%,var(--a1)),color-mix(in srgb,var(--a3) 45%,var(--a1)))}
.sb-ekran[data-bs=sert] .sb-btn{border-radius:0;border:1.5px solid var(--a4);box-shadow:1.6cqw 1.6cqw 0 var(--a4);text-transform:uppercase;letter-spacing:.04em}
.sb-ekran[data-bs=sert] .sb-btn.v{background:var(--a3);color:var(--vt)}
.sb-ekran[data-bs=cizgi] .sb-btn{justify-items:start;background:color-mix(in srgb,var(--a1) 55%,transparent);border:1px solid color-mix(in srgb,var(--tx) 22%,transparent);color:var(--tx)}
.sb-ekran.is-acik[data-bs=cizgi] .sb-btn{background:#ffffffa0}
.sb-ekran[data-bs=cizgi] .sb-btn.v{border-color:var(--a4);background:color-mix(in srgb,var(--a4) 22%,transparent)}
.sb-ekran[data-bs=kalin] .sb-btn{border-radius:0;transform:skewX(-8deg);border-left:1.2cqw solid var(--a3);text-transform:uppercase;font-style:italic;font-weight:800}
.sb-ekran[data-bs=kalin] .sb-btn span{transform:skewX(8deg)}
.sb-ekran[data-bs=kalin] .sb-btn.v{background:var(--a3);color:var(--vt)}
.sb-ekran[data-bs=outline] .sb-btn:not(.v){background:transparent;border:1.5px solid var(--bcs);color:var(--tx)}

/* Liste + filtre */
.sb-liste{padding:20px 0 30px}
.sb-filtre{position:sticky;top:calc(var(--nav-h) + 10px);z-index:5;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:10px;margin-bottom:14px;border:1px solid var(--c-line);border-radius:22px;background:#0d0e18e8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.sb-cip-kap{position:relative;display:flex;align-items:center;flex:1 1 520px;min-width:0}
.sb-cipler{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0;cursor:grab;overscroll-behavior-x:contain}
.sb-cipler.is-surukle{cursor:grabbing;-webkit-user-select:none;user-select:none}
.sb-cip-kap.sol-var .sb-cipler{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 56px);mask-image:linear-gradient(90deg,transparent 0,#000 56px)}
.sb-cip-kap.sag-var .sb-cipler{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 56px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 56px),transparent)}
.sb-cip-kap.sol-var.sag-var .sb-cipler{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 56px,#000 calc(100% - 56px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 56px,#000 calc(100% - 56px),transparent)}
.sb-cip-ok{position:absolute;top:50%;z-index:2;width:34px;height:34px;margin-top:-17px;display:grid;place-items:center;border:1px solid var(--c-line);border-radius:50%;background:#1a1b29;color:#fff;cursor:pointer;transition:background .2s}
.sb-cip-ok:hover{background:#2a2b3d}
.sb-cip-ok[hidden]{display:none}
.sb-cip-ok .c-i{width:15px;height:15px}
.sb-cip-sol{left:0}
.sb-cip-sag{right:0}
@media (hover:none){.sb-cip-ok{display:none}}
.sb-cipler::-webkit-scrollbar{display:none}
.sb-cipler button{flex:none;padding:8px 14px;border-radius:100px;border:1px solid var(--c-line);background:#ffffff08;color:#d8d6e4;font:600 13px 'DM Sans',sans-serif;white-space:nowrap;cursor:pointer;transition:background .2s,color .2s}
.sb-cipler button:hover{background:#ffffff14}
.sb-cipler button small{margin-left:3px;font-weight:700;opacity:.6}
.sb-cipler button[aria-pressed="true"]{background:#e9e5ff;color:#161322;border-color:transparent}
.sb-ara{display:flex;align-items:center;gap:8px;flex:0 1 290px;padding:0 14px;border:1px solid var(--c-line);border-radius:100px;background:#ffffff08;color:var(--c-muted)}
.sb-ara:focus-within{border-color:var(--c-mint)}
.sb-ara input{width:100%;padding:10px 0;border:0;background:none;color:#fff;font:14px 'DM Sans',sans-serif;outline:none}
body.site .sb-ara input:focus-visible{outline:none}
.sb-sonuc{margin:0 6px 26px;font-size:13px;color:var(--c-muted)}
.sb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:44px 26px}
.sb-kart{display:flex;flex-direction:column;gap:14px}
.sb-kart[hidden]{display:none}
.sb-kart:hover .sb-tel{transform:translateY(-6px)}
.sb-ac{position:absolute;inset:0;z-index:3;display:flex;align-items:flex-end;justify-content:center;padding:0 0 20px;border:0;border-radius:30px;background:transparent;color:#fff;cursor:pointer}
.sb-ac span{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border-radius:100px;border:1px solid #ffffff33;background:#0b0b12d9;font:700 13px 'DM Sans',sans-serif;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s var(--c-ease)}
.sb-kart:hover .sb-ac span,.sb-ac:focus-visible span{opacity:1;transform:none}
@media (hover:none){.sb-ac span{opacity:1;transform:none}}
.sb-bilgi{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.sb-bilgi h3{margin:0;font:700 17px/1.25 var(--c-head);letter-spacing:-.02em;color:#fff}
.sb-bilgi p{margin:3px 0 0;font-size:12.5px;color:var(--c-muted)}
.sb-rozet{flex:none;padding:4px 9px;border:1px solid var(--c-line);border-radius:100px;font-size:11px;font-weight:700;color:#d9d3f5;white-space:nowrap}
.sb-rozet.is-free{border-color:#70f2d655;color:var(--c-mint)}
.sb-bos{padding:40px 0;text-align:center;color:var(--c-muted)}

/* Adımlar */
.sb-nasil{padding-top:100px}
.sb-adimlar{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.sb-adimlar li{padding:28px;border:1px solid var(--c-line);border-radius:24px;background:linear-gradient(160deg,#ffffff0a,#ffffff02)}
.sb-adimlar b{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--c-violet),var(--c-mint));color:#111;font:700 16px var(--c-head)}
.sb-adimlar h3{margin:18px 0 6px;font:700 20px/1.2 var(--c-head);color:#fff}
.sb-adimlar p{margin:0;color:var(--c-muted)}
.sb-son{margin-top:44px;text-align:center}

/* Önizleme penceresi */
.sb-modal{width:min(420px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:14px;border:1px solid var(--c-line);border-radius:28px;background:#10121d;color:#fff}
.sb-modal::backdrop{background:#05060bcc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.sb-modal-ust{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 2px 12px;font:700 17px var(--c-head)}
.sb-modal-ust .c-round{width:38px;height:38px;font-size:15px}
.sb-modal-tel{height:min(68dvh,720px);border-radius:20px;overflow:hidden;background:#000}
.sb-modal-tel iframe{display:block;width:100%;height:100%;border:0}
.sb-modal-alt{display:flex;align-items:center;gap:10px;margin-top:12px}

@media (max-width:900px){
  .sb-hero-grid{grid-template-columns:1fr}
  .sb-yelpaze{height:420px}
  .sb-yelpaze .sb-tel{width:180px}
  .sb-adimlar{grid-template-columns:1fr}
}
@media (max-width:560px){
  .sb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 14px}
  .sb-tel{border-radius:22px;padding:5px}
  .sb-ekran{border-radius:17px}
  .sb-ac{border-radius:22px;padding-bottom:12px}
  .sb-ac span{padding:7px 11px;font-size:12px}
  .sb-bilgi{flex-direction:column;gap:6px}
  .sb-bilgi h3{font-size:15px}
  .sb-yelpaze{height:340px}
  .sb-yelpaze .sb-tel{width:150px}
  .sb-filtre{border-radius:18px;position:static}
  .sb-ara{flex-basis:100%}
  .sb-sayilar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
  .sb-sayilar div{min-width:0}
  .sb-sayilar dt{font-size:26px}
  .sb-sayilar dd{font-size:11.5px;line-height:1.3}
}

/* Küçük telefon: ürün sahnesi (kapak), Instagram ve yayıncı düzenleri */
.sb-kapak,.sb-yy,.sb-ig-grid .pin,.c-tsahne{background:radial-gradient(60% 70% at 50% 70%,color-mix(in srgb,var(--a3) 28%,transparent),transparent 70%),linear-gradient(165deg,color-mix(in srgb,var(--a2) 55%,var(--a1)),color-mix(in srgb,var(--a1) 80%,#000))}
.is-acik .sb-kapak,.is-acik .sb-ig-grid .pin,.c-tcard.is-acik .c-tsahne{background:radial-gradient(60% 70% at 50% 70%,color-mix(in srgb,var(--a3) 22%,transparent),transparent 70%),linear-gradient(165deg,color-mix(in srgb,var(--a2) 45%,#fff),color-mix(in srgb,var(--a1) 85%,#fff))}
.sb-kapak{position:relative;z-index:1;margin:6cqw 5cqw 0;aspect-ratio:16/10;overflow:hidden;border-radius:5cqw;border:1px solid color-mix(in srgb,var(--tx) 14%,transparent)}
.sb-kapak .sahne{padding:4% 4% 12%}
.sb-ic.sb-kapakli{padding-top:0;margin-top:-9cqw;z-index:2}
.sb-kapakli .sb-av{box-shadow:0 0 0 1.5cqw var(--a1)}
.sb-yy{position:relative;z-index:1;aspect-ratio:16/9;overflow:hidden}
.sb-yy .sahne{position:absolute;inset:0;padding:4% 12% 10%}
.sb-yy span{position:absolute;top:3cqw;left:3cqw;padding:1.4cqw 2cqw;border-radius:1.2cqw;background:#ff2d55;color:#fff;font:800 2.8cqw/1 system-ui,sans-serif}
.sb-yy-ic{padding-top:5cqw}
.sb-ig{align-items:stretch;padding:12cqw 5cqw 0;text-align:left}
.sb-ig-ust{display:flex;align-items:center;gap:5cqw}
.sb-ig .sb-av{flex:none;width:20cqw;height:20cqw;box-shadow:0 0 0 1cqw var(--a1),0 0 0 2cqw var(--a3)}
.sb-ig-say{flex:1;display:flex;justify-content:space-around}
.sb-ig-say i{width:9cqw;height:7cqw;border-radius:1.5cqw;background:color-mix(in srgb,var(--tx) 25%,transparent)}
.sb-ig .sb-ad{font-size:5cqw;text-align:left}
.sb-ig-eylem{display:flex;gap:2cqw}
.sb-ig-eylem span{flex:1;height:7cqw;border-radius:2cqw;background:color-mix(in srgb,var(--tx) 14%,transparent)}
.sb-ig-eylem span.v{background:var(--a3)}
.sb-ig-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8cqw;margin:3cqw -5cqw 0}
.sb-ig-grid i{aspect-ratio:1;background:linear-gradient(135deg,var(--a3),color-mix(in srgb,var(--a4) 70%,var(--a1)))}
.sb-ig-grid i:nth-of-type(2n){background:linear-gradient(135deg,var(--a4),var(--a2))}
.sb-ig-grid i:nth-of-type(3n){background:linear-gradient(135deg,var(--a2),var(--a3))}
.sb-ig-grid .pin{position:relative;grid-column:span 2;grid-row:span 2;overflow:hidden}
.sb-ig-grid .pin .sahne{position:absolute;inset:0;padding:4%}
/* Ana sayfa şerit kartı: sahne avatarın yerini alır */
.c-tcard .c-tsahne{position:relative;height:118px;margin:-6px -4px 10px;overflow:hidden;border-radius:16px;border:1px solid color-mix(in srgb,var(--tx) 14%,transparent)}
.c-tcard .c-tsahne .sahne{padding:6px 8px}
.c-tcard.c-tanim:not(.c-gor) .sahne *{animation-play-state:paused}
.sb-tel:not(.oyna) .sahne *{animation-play-state:paused}