/* ---- yerel fontlar (Google Fonts yerine self-host; degisken agirlik) ---- */
@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/inter-vf-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/inter-vf-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Sora';font-style:normal;font-weight:600 800;font-display:swap;src:url(/fonts/sora-vf-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Sora';font-style:normal;font-weight:600 800;font-display:swap;src:url(/fonts/sora-vf-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Inter-yedek';src:local('Arial');size-adjust:107.4%;ascent-override:90.2%;descent-override:22.48%;line-gap-override:0%}
/* ==================================================================
   UC Widgets tanitim sayfasi (ucwidgets.com kok) - 2026
   Panel tasarim sistemi tokenlari; acik aurora + full-width mega menu.
   ================================================================== */
:root{
  color-scheme:light;
  --bg:#f5f6fa; --panel:#ffffff; --panel2:#eef0f5; --line:rgba(30,28,50,.075);
  --text:#0e1526; --mut:#565d6e;
  --dark:#0b0e19; --dmut:#8e96ab;
  --acc:#5645E6; --acc2:#4937CB; --grad:linear-gradient(135deg,#5645E6 0%,#4937CB 100%);
  --acc-soft:#eae8ff; --acc-text:#4937CB;
  --ok:#10b981; --ok-soft:#e7f7f1; --ok-text:#0a7d5c;
  --warn-soft:#fdf3e2; --warn-text:#96620a;
  --ring:0 0 0 4px rgba(86,69,230,.16); --sh-acc:0 8px 24px -8px rgba(86,69,230,.5);
  --fill-hov:#EBEAE4;
  --sh-sm:0 1px 2px rgba(20,18,40,.03),0 10px 28px -18px rgba(30,28,60,.14);
  --sh-md:0 30px 70px -28px rgba(30,28,60,.22),0 4px 14px -8px rgba(30,28,60,.06);
  --sh-glow:0 30px 90px -20px rgba(86,69,230,.35);
  --fs-2xs:10.5px;--fs-xs:11.5px;--fs-sm:12.5px;--fs-md:13.5px;--fs-lg:15px;--fs-xl:16.5px;
  --ff:'Inter','Inter-yedek',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --ffd:'Sora',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--ff);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:var(--fs-lg);line-height:1.6;overflow-x:hidden}
h1,h2,h3{font-family:var(--ffd);letter-spacing:-.02em;line-height:1.18}
a{color:var(--acc-text);text-decoration:none}
img,svg{display:block}
.wrap{max-width:1160px;margin:0 auto;padding:0 22px}
/* full-width nav + genis hero (2026 referans kompozisyonu) */
.nav .wrap,.hero .wrap{max-width:1500px;padding-left:clamp(24px,4vw,56px);padding-right:clamp(24px,4vw,56px)}
.ti{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}

/* klavye kullanicisi icin icerige atla baglantisi (yalniz odakta gorunur) */
.skip{position:absolute;left:-9999px;top:14px;z-index:200;background:var(--panel);color:var(--text);font-weight:700;font-size:var(--fs-md);padding:11px 18px;border-radius:12px;border:1px solid var(--line);box-shadow:var(--sh-md)}
.skip:focus{left:14px}

/* ---- scroll reveal ---- */
.rv{opacity:0;transform:translateY(20px) scale(.99);filter:blur(5px);transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1.28,.36,1),filter .55s ease}
.rv.vis{opacity:1;transform:none;filter:none}
.rv.d1{transition-delay:.08s}.rv.d2{transition-delay:.16s}.rv.d3{transition-delay:.24s}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;filter:none;transition:none}}
/* MOBIL: scroll-reveal KAPALI. Icerik bastan sabit gorunur; blur/animasyon yok -> hizli acilis,
   site.js gec kalsa/yuklenemese bile icerik asla gizli kalmaz (mobil GPU'da blur pahali oldugundan). */
@media(max-width:768px){.rv,.rv.d1,.rv.d2,.rv.d3{opacity:1;transform:none;filter:none;transition:none}}

/* ---- butonlar ---- */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;background:var(--grad);color:#fff;border:none;border-radius:12px;padding:13px 24px;font-family:inherit;font-weight:700;font-size:var(--fs-lg);cursor:pointer;text-align:center;box-shadow:var(--sh-acc);transition:filter .2s,transform .15s,box-shadow .2s}
.btn:hover{filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 18px 40px -12px rgba(86,69,230,.5)}
.btn:active{transform:translateY(0) scale(.985);transition-duration:.06s}
.btn .ti{transition:transform .25s cubic-bezier(.22,1.3,.36,1)}
.btn:hover .ti{transform:translateX(3px)}
.btn:active{transform:translateY(0)}
.btn.ghost{background:var(--panel2);color:var(--text);box-shadow:none}
.btn.ghost:hover{background:var(--fill-hov);filter:none;box-shadow:none}
.btn.big{padding:16px 32px;font-size:var(--fs-xl);border-radius:16px}
.btn.dbl{flex-direction:column;gap:1px;padding:10px 30px 12px}
.btn.dbl .d-ana{display:inline-flex;align-items:center;gap:9px}
.btn.dbl small{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-xs);font-weight:600;opacity:.72;letter-spacing:.02em}
.btn.dbl small .ti{width:13px;height:13px}

/* ---- full width ust menu + mega menu ---- */
.nav{position:fixed;top:0;left:0;right:0;z-index:80;background:rgba(255,255,255,.72);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);border-bottom:1px solid transparent;transition:background .25s,border-color .25s,box-shadow .25s}
.nav.kaydi{background:rgba(255,255,255,.88);border-bottom-color:var(--line);box-shadow:0 10px 30px -22px rgba(30,28,60,.25)}
.nav-in{display:flex;align-items:center;gap:8px;height:70px}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--ffd);font-weight:800;font-size:var(--fs-xl);color:var(--text);margin-right:20px;white-space:nowrap}
.logo svg{height:24px;width:auto}
.nav-links{display:flex;align-items:center;gap:2px}
.nl-a,.nl-btn{display:inline-flex;align-items:center;gap:8px;color:var(--mut);font-size:var(--fs-md);font-weight:600;font-family:inherit;background:none;border:none;border-radius:12px;padding:10px 14px;cursor:pointer;transition:background .15s,color .15s}
.nl-a:hover,.nl-btn:hover,.has-mega.open .nl-btn{background:var(--panel2);color:var(--text)}
.nl-a .ti,.nl-btn .ti{width:16px;height:16px;color:var(--acc)}
.nl-btn .chev{width:14px;height:14px;transition:transform .2s;color:var(--mut)}
.has-mega.open .nl-btn .chev{transform:rotate(180deg)}
.nav-cta{margin-left:auto;display:flex;gap:10px;align-items:center}
.nav-cta .btn{padding:10px 18px;font-size:var(--fs-md)}
.nav-burger{display:none;width:40px;height:40px;border:none;background:var(--panel2);border-radius:12px;align-items:center;justify-content:center;cursor:pointer;color:var(--text)}

/* kompakt ust cta: dil dropdown + giris linki */
.nav-login{font-size:var(--fs-md);font-weight:600;color:var(--text);padding:9px 13px;border-radius:12px;transition:background .15s}
.nav-login:hover{background:var(--panel2)}
.lang-dd{position:relative}
.lang-btn{display:inline-flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:99px;padding:7px 12px 7px 8px;font-family:inherit;font-size:var(--fs-md);font-weight:700;color:var(--text);cursor:pointer;letter-spacing:.06em;box-shadow:var(--sh-sm);transition:border-color .25s,background .25s,box-shadow .25s}
.lang-btn:hover{border-color:rgba(86,69,230,.4);background:var(--panel2)}
.lang-dd.open .lang-btn{border-color:rgba(86,69,230,.55);box-shadow:var(--ring)}
.lang-btn .lflag{width:20px;height:20px}
.lang-btn .chev{width:14px;height:14px;color:var(--mut);transition:transform .3s cubic-bezier(.22,1,.36,1)}
.lang-dd.open .lang-btn .chev{transform:rotate(180deg)}
.lang-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:190px;background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-md);padding:6px;display:flex;flex-direction:column;gap:2px;z-index:50;transform-origin:top right;opacity:0;visibility:hidden;transform:translateY(-8px) scale(.97);transition:opacity .24s cubic-bezier(.22,1,.36,1),transform .24s cubic-bezier(.22,1,.36,1),visibility .24s}
.lang-dd.open .lang-menu{opacity:1;visibility:visible;transform:none}
.lang-it{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:12px;font-size:var(--fs-md);font-weight:500;color:var(--mut);transition:background .2s,color .2s}
.lang-it:hover{background:var(--panel2);color:var(--text)}
.lang-it.on{color:var(--text);background:var(--acc-soft)}
.lang-it .lflag{width:20px;height:20px;flex:none}
.lang-it span{flex:1}
.lang-it .lcheck{width:15px;height:15px;color:var(--acc);opacity:0;transform:scale(.6);transition:opacity .22s,transform .22s}
.lang-it.on .lcheck{opacity:1;transform:scale(1)}

/* mega panel */
.mega{position:absolute;top:100%;left:0;right:0;background:var(--panel);border-bottom:1px solid var(--line);box-shadow:0 40px 80px -30px rgba(14,21,38,.25);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s,transform .2s,visibility .2s}
.nav.mega-open .mega{opacity:1;visibility:visible;transform:none}
.mega-in{display:grid;grid-template-columns:1.7fr 1fr;gap:28px;padding-top:26px;padding-bottom:26px}
.mega-apps{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start}
.mega-h{grid-column:1/-1;font-size:var(--fs-xs);font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--mut);font-family:var(--ffd);padding:0 12px 4px}
.mega-app{display:flex;gap:13px;align-items:flex-start;border-radius:16px;padding:13px 12px;transition:background .15s}
.mega-app:hover{background:var(--bg)}
.mega-app .mi{width:42px;height:42px;border-radius:12px;background:var(--acc-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.mega-app .mi svg{width:20px;height:20px;fill:none;stroke:var(--acc-text);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mega-app b{display:flex;align-items:center;gap:8px;font-size:var(--fs-md);color:var(--text);font-family:var(--ffd)}
.mega-app span{display:block;font-size:var(--fs-sm);color:var(--mut);line-height:1.5;margin-top:2px}
.mega-app .soon-b{margin-left:0}
.mega-promo{position:relative;display:flex;flex-direction:column;justify-content:center;background:var(--grad);border-radius:20px;padding:24px;color:#fff;overflow:hidden;box-shadow:var(--sh-acc)}
.mega-promo::after{content:"";position:absolute;right:-50px;top:-50px;width:170px;height:170px;border-radius:50%;background:rgba(255,255,255,.12);filter:blur(8px)}
.mega-promo b{font-family:var(--ffd);font-size:var(--fs-xl);margin-bottom:6px;position:relative}
.mega-promo span{font-size:var(--fs-md);opacity:.9;line-height:1.6;margin-bottom:14px;position:relative}
.mega-promo i{font-style:normal;display:inline-flex;align-items:center;gap:7px;font-size:var(--fs-md);font-weight:700;position:relative}

/* mobil menu katmani */
.msheet{display:none;position:absolute;top:100%;left:0;right:0;background:var(--panel);border-bottom:1px solid var(--line);box-shadow:0 30px 60px -24px rgba(14,21,38,.3);padding:12px 16px 18px}
.nav.sheet-open .msheet{display:block}
.msheet a{display:flex;align-items:center;gap:11px;padding:12px 12px;border-radius:12px;color:var(--text);font-size:var(--fs-lg);font-weight:600}
.msheet a:hover{background:var(--panel2)}
.msheet a .ti{color:var(--acc)}
.msheet .btn{width:100%;margin-top:10px}

/* dil haplari + mobil menu ayraclari */
.lflag{width:16px;height:16px;border-radius:50%;overflow:hidden;flex:none;display:block;box-shadow:0 0 0 1px rgba(14,21,38,.08),0 1px 3px rgba(14,21,38,.14)}
.lflag svg{width:100%;height:100%;display:block}
.st-lang{display:inline-flex;align-items:center;gap:7px;background:var(--panel2);border-radius:12px;padding:8px 12px;font-size:var(--fs-sm);font-weight:700;color:var(--mut);text-decoration:none;transition:background .15s,color .15s}
.st-lang:hover{background:var(--fill-hov);color:var(--text)}
.st-lang.on{background:var(--acc-soft);color:var(--acc-text)}
.nav-flags{display:flex;gap:6px;margin-right:4px}
.ms-div{height:1px;background:var(--line);margin:10px 4px}
.ms-langs{display:flex;gap:8px;padding:4px 12px 2px}

/* ---- acik aurora hero ---- */
.hero{position:relative;overflow:hidden;padding:172px 0 0;background:var(--bg)}
.hero-bg{position:absolute;inset:0;pointer-events:none}
.hero-bg .blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.6;will-change:transform}
.hero-bg .b1{width:560px;height:560px;background:radial-gradient(circle,rgba(86,69,230,.3),transparent 66%);top:-190px;left:-120px;animation:hb1 19s ease-in-out infinite alternate}
.hero-bg .b2{width:520px;height:520px;background:radial-gradient(circle,rgba(139,92,246,.26),transparent 66%);top:-70px;right:-140px;animation:hb2 24s ease-in-out infinite alternate}
.hero-bg .b3{width:480px;height:480px;background:radial-gradient(circle,rgba(56,189,248,.14),transparent 66%);bottom:-160px;left:30%;animation:hb3 28s ease-in-out infinite alternate}
@keyframes hb1{to{transform:translate(70px,50px) scale(1.12)}}
@keyframes hb2{to{transform:translate(-60px,70px) scale(.92)}}
@keyframes hb3{to{transform:translate(50px,-40px) scale(1.1)}}
@media(prefers-reduced-motion:reduce){.hero-bg .blob{animation:none}}
.hero-in{position:relative;display:grid;grid-template-columns:0.82fr 1.18fr;gap:50px;align-items:center;padding-bottom:96px}
.eyebrow{display:inline-flex;align-items:center;gap:9px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--sh-sm);border-radius:99px;padding:8px 16px;font-size:var(--fs-md);font-weight:700;color:var(--acc-text);margin-bottom:24px}
.eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--grad);flex-shrink:0;box-shadow:0 0 10px rgba(139,92,246,.7);animation:pulse 2.4s ease-in-out infinite}
@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.7}}
.hero h1{font-size:clamp(34px,5.2vw,54px);line-height:1.12;margin-bottom:20px;letter-spacing:-.02em}
.hero h1 span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-lead{color:var(--mut);font-size:var(--fs-xl);line-height:1.62;max-width:530px;margin-bottom:26px}
.hero-act{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:22px}
.hero-notes{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}
.hnote{display:inline-flex;align-items:center;gap:7px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:7px 13px;font-size:var(--fs-sm);font-weight:500;color:var(--mut);box-shadow:var(--sh-sm)}
.hnote .ti{width:14px;height:14px;color:var(--ok)}
.hero-live{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-md);font-weight:700;color:var(--ok-text);background:var(--ok-soft);border-radius:99px;padding:7px 14px;margin-bottom:14px}
.hero-live .hl-dot{width:7px;height:7px;border-radius:50%;background:var(--ok)}
.proof{display:flex;align-items:center;gap:13px}
.avs{display:flex;flex-shrink:0}
.avs span{width:38px;height:38px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:var(--fs-xs);font-weight:700;color:#fff;border:2.5px solid var(--bg);margin-left:-11px;box-shadow:0 1px 4px rgba(14,21,38,.14)}
.avs span:first-child{margin-left:0}
.avs span img{width:100%;height:100%;object-fit:cover;display:block}
.avs .more{background:var(--grad);font-size:var(--fs-xs)}
.proof-tx{display:flex;flex-direction:column;gap:3px}
.proof-rate{display:flex;align-items:center;gap:7px;line-height:1}
.pstars{display:inline-flex;gap:1.5px}
.pstars svg{width:15px;height:15px;fill:#f5b301;display:block}
.proof-rate b{font-size:var(--fs-md);color:var(--text);font-weight:800}
.pcount{font-size:var(--fs-sm);color:var(--mut)}
.proof-tx p{font-size:var(--fs-md);color:var(--mut)}
.proof-tx b{color:var(--text);font-weight:700}

/* ===== statik hero: 3 adim + norwood-furniture tarayici + kod karti ===== */
.steps3{display:flex;align-items:flex-start;justify-content:center;margin-bottom:26px}
.s3{display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;width:118px;flex-shrink:0}
.s3-ic{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px -8px rgba(14,21,38,.32)}
.s3-ic svg{width:24px;height:24px}
.s3-a{background:var(--grad)}
.s3-b{background:var(--acc-soft)}
.s3-c{background:linear-gradient(135deg,#22c55e,#15a34a)}
.s3 b{font-family:var(--ffd);font-size:var(--fs-lg);color:var(--text)}
.s3 span{font-size:var(--fs-sm);color:var(--mut);margin-top:-4px}
.s3-line{flex:1;max-width:150px;height:0;border-top:2px dashed rgba(86,69,230,.4);margin-top:26px}
/* Action Hub modul slider: 4 slayt, CSS animasyon, hover'da durur */
/* kod karti (baslik + Kopyala, 2 satir) */
@media(max-width:980px){
  .steps3{flex-wrap:wrap;gap:14px 0;justify-content:space-around}
  .s3-line{display:none}
  .s3{width:31%}
}
@media(max-width:640px){
  .steps3{display:none}
}

/* hero alti: sayilar + kayan rozetler */
.stats{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:12px;padding-bottom:44px}
.stat{display:flex;align-items:center;gap:11px;background:linear-gradient(180deg,#ffffff 0%,#FCFBFE 100%);border:1px solid rgba(86,69,230,.09);border-radius:16px;padding:15px;box-shadow:var(--sh-sm)}
.stat .si{width:40px;height:40px;border-radius:12px;background:var(--acc-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.stat .si svg{width:20px;height:20px;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.stat .si-a{background:#eae8ff}.stat .si-a svg{color:#4937CB}
.stat .si-b{background:#e7f7f1}.stat .si-b svg{color:#0a7d5c}
.stat .si-c{background:#fdf0e0}.stat .si-c svg{color:#b45309}
.stat .si-d{background:#e6f0fd}.stat .si-d svg{color:#1d4ed8}
.stat .si-e{background:#f3ecff}.stat .si-e svg{color:#7c3aed}
.stat .si-f{background:#fdeaf3}.stat .si-f svg{color:#be185d}
.stat b{display:block;font-family:var(--ffd);font-size:var(--fs-xl);color:var(--text);letter-spacing:-.01em;line-height:1.15}
.stat span{display:block;font-size:var(--fs-xs);color:var(--mut);margin-top:2px;line-height:1.3}
@media(max-width:1080px){.stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.stats{grid-template-columns:repeat(2,1fr)}}
/* platform uyumluluk seridi */
.plat{display:flex;align-items:center;justify-content:center;gap:30px;padding:8px 0 48px;flex-wrap:wrap}
.plat-lbl{font-size:var(--fs-md);font-weight:700;color:var(--mut);line-height:1.35;flex-shrink:0;position:relative;padding-right:30px}
.plat-lbl::after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:34px;background:var(--line)}
.plat-logos{display:flex;align-items:center;gap:30px;flex-wrap:wrap}
.plog{display:inline-flex;align-items:center;gap:9px;font-size:var(--fs-lg);font-weight:700;color:#9aa1af;font-family:var(--ffd);letter-spacing:-.01em;transition:color .2s}
.plog:hover{color:var(--text)}
.plog svg{width:23px;height:23px;flex-shrink:0}
.plog-tx{font-size:19px;letter-spacing:-.03em}
.plog.more{font-weight:600;font-size:var(--fs-md);color:var(--mut);font-family:var(--ff)}
.plog .pmore{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1.5px dashed rgba(23,26,58,.18);color:var(--mut);font-size:var(--fs-xl);font-weight:400}
@media(max-width:720px){.plat-lbl::after{display:none}.plat{gap:18px}.plat-logos{gap:22px}}
@media(max-width:560px){
  .plat{flex-direction:column;gap:16px;padding-bottom:34px}
  .plat-lbl{padding-right:0;text-align:center;line-height:1.3}
  .plat-logos{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 20px;width:100%}
  .plog{font-size:var(--fs-md)}.plog svg{height:16px;width:auto}
  .plog{justify-content:center}
}

/* ---- bolum iskeleti ---- */
.sec{position:relative;padding:96px 0}
.sec.alt{background:var(--panel);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sec-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(640px 320px at 50% 0%,rgba(86,69,230,.07),transparent 70%)}
.sec-head{position:relative;max-width:660px;margin:0 auto 52px;text-align:center}
.sec-head .kicker{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-sm);font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--acc-text);background:var(--acc-soft);border-radius:99px;padding:7px 15px;margin-bottom:16px}
.sec-head .kicker .ti{width:14px;height:14px}
.sec-head h2{font-size:clamp(26px,3.6vw,38px);line-height:1.2;margin-bottom:14px}
.sec-head p{color:var(--mut);font-size:var(--fs-xl)}

/* ---- eklenti kartlari ---- */
.apps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.apps.apps4{grid-template-columns:repeat(2,1fr)}
@media(max-width:760px){.apps.apps4{grid-template-columns:1fr}}
.appc{position:relative;background:linear-gradient(180deg,#ffffff 0%,#FCFBFE 100%);border:1px solid rgba(86,69,230,.09);border-radius:20px;padding:0 28px 28px;box-shadow:var(--sh-sm);display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s;overflow:hidden}
.appc::before{content:"";position:absolute;top:-40px;left:20%;right:20%;height:80px;background:radial-gradient(closest-side,rgba(139,92,246,.35),transparent);opacity:0;transition:opacity .4s;filter:blur(12px)}
.appc:hover{transform:translateY(-6px);box-shadow:0 34px 70px -26px rgba(86,69,230,.28),0 6px 18px -10px rgba(30,28,60,.08)}
.appc:hover::before{opacity:1}
.appc-vis{position:relative;margin:0 -28px 20px;padding:28px 28px 20px;background:
  radial-gradient(320px 150px at 18% -10%,rgba(86,69,230,.12),transparent 72%),
  radial-gradient(280px 140px at 95% 10%,rgba(139,92,246,.09),transparent 72%);
  display:flex;align-items:center;gap:14px}
.appc-vis .ic{width:54px;height:54px;border-radius:16px;background:var(--grad);display:flex;align-items:center;justify-content:center;box-shadow:0 12px 26px -10px rgba(86,69,230,.55),inset 0 1px 0 rgba(255,255,255,.35);flex-shrink:0;transition:transform .3s cubic-bezier(.22,1.4,.36,1)}
.appc:hover .appc-vis .ic{transform:translateY(-3px) rotate(-4deg)}
.appc-vis .ic svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.appc-vis .t b{display:block;font-family:var(--ffd);font-size:var(--fs-xl)}
.appc-vis .t span{display:block;font-size:var(--fs-sm);color:var(--mut);margin-top:2px}
.soon-b{font-size:var(--fs-xs);font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--acc-text);background:var(--acc-soft);border-radius:99px;padding:4px 10px;margin-left:auto;flex-shrink:0}
.appc-vis .soon-b{position:absolute;top:16px;right:16px;margin-left:0;box-shadow:0 4px 12px -6px rgba(86,69,230,.35)}
/* yakinda karti: 45 derece turuncu kose kurdelesi + gelistirme cubugu */
.appc .soon-kurdele{position:absolute;top:26px;right:-40px;z-index:3;transform:rotate(45deg);width:170px;text-align:center;background:linear-gradient(180deg,#FFA94D,#F97316);color:#fff;font-size:var(--fs-2xs);font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:7px 0;box-shadow:0 6px 18px -6px rgba(249,115,22,.6),inset 0 1px 0 rgba(255,255,255,.28)}
.soon-ilerleme{margin:2px 0 16px}
.si-ust{display:flex;justify-content:space-between;align-items:baseline;font-size:var(--fs-sm);font-weight:600;color:var(--muted);margin-bottom:7px}
.si-ust b{font-size:var(--fs-sm);font-weight:800;color:#EA580C}
.si-bar{height:8px;border-radius:99px;background:rgba(249,115,22,.12);overflow:hidden}
.si-bar i{display:block;height:100%;width:78%;border-radius:99px;background:linear-gradient(90deg,#FFB25C,#F97316);position:relative;overflow:hidden}
.si-bar i::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.5) 50%,transparent 70%);animation:siParla 2.8s ease-in-out infinite}
@keyframes siParla{0%{transform:translateX(-100%)}55%,100%{transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){.si-bar i::after{display:none}}
.appc-vis .t{padding-right:8px}
.appc>p{font-size:var(--fs-md);color:var(--mut);line-height:1.65;margin-bottom:16px}
.appc ul{list-style:none;margin-bottom:22px;display:flex;flex-direction:column;gap:7px}
.appc li{display:flex;align-items:center;gap:11px;font-size:var(--fs-md);font-weight:500;background:rgba(86,69,230,.045);border-radius:12px;padding:9px 12px;transition:background .2s,transform .25s cubic-bezier(.22,1.3,.36,1)}
.appc:hover li{background:rgba(86,69,230,.07)}
.appc li:hover{transform:translateX(3px)}
.appc li .ti{width:22px;height:22px;padding:4px;color:var(--acc);flex-shrink:0;background:#fff;border-radius:50%;box-shadow:0 3px 10px -4px rgba(86,69,230,.4)}
.appc .btn{margin-top:auto;align-self:flex-start;padding:11px 14px;font-size:var(--fs-md);border-radius:12px}
.appc-cta{margin-top:auto;display:flex;align-items:center;gap:10px}
.appc-cta .btn:first-child{flex:1;justify-content:center}
/* kart butonlari: murekkep-cami birincil + gercek glass ikincil (dikkat ceker, yormaz) */
.appc .btn:not(.ghost){position:relative;background:linear-gradient(180deg,#2B2A45 0%,#191830 100%);color:#fff;border-radius:12px;box-shadow:0 14px 30px -12px rgba(86,69,230,.45),inset 0 1px 0 rgba(255,255,255,.14);overflow:hidden}
.appc .btn:not(.ghost)::after{content:"";position:absolute;top:0;left:-70%;width:50%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.16),transparent);transform:skewX(-18deg);transition:left .6s ease}
.appc .btn:not(.ghost):hover{filter:none;background:linear-gradient(180deg,#34335A 0%,#1E1D3B 100%);box-shadow:0 20px 44px -14px rgba(86,69,230,.6),inset 0 1px 0 rgba(255,255,255,.18)}
.appc .btn:not(.ghost):hover::after{left:120%}
.appc .btn.ghost{background:rgba(255,255,255,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(86,69,230,.16);border-radius:12px;box-shadow:0 8px 20px -14px rgba(30,28,60,.25),inset 0 1px 0 rgba(255,255,255,.8);color:var(--text)}
.appc .btn.ghost:hover{background:rgba(255,255,255,.78);border-color:rgba(86,69,230,.3);filter:none;transform:translateY(-2px)}
@media(prefers-reduced-motion:reduce){.appc .btn:not(.ghost)::after{display:none}}
.appc-cta .btn .ti{width:15px;height:15px}
.appc-cta .btn{margin-top:0}
.appc-more{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-md);font-weight:600;color:var(--acc-text);text-decoration:none;white-space:nowrap}
.appc-more .ti{width:15px;height:15px;transition:transform .18s}
.appc-more:hover .ti{transform:translateX(3px)}

/* ---- yildizlar + kart puan satiri + kullanici yorumlari ---- */
.lstars{position:relative;display:inline-flex;line-height:0;flex-shrink:0}
.lstars .ls-base,.lstars .ls-fill{display:inline-flex;gap:2px}
.lstars .ls-fill{position:absolute;top:0;left:0;overflow:hidden;white-space:nowrap}
.lstars i{width:15px;height:15px;flex-shrink:0;display:block;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.lstars .ls-base i{background:#d8dce6}
.lstars .ls-fill i{background:linear-gradient(135deg,#f59e0b,#fbbf24)}
.appc-rate{display:inline-flex;align-items:center;gap:9px;margin-bottom:14px;background:#FFF6E3;border-radius:99px;padding:7px 14px;align-self:flex-start}
.appc-rate span{font-size:var(--fs-md);color:var(--mut)}
.appc-rate b{color:var(--text);font-weight:700}
.testi{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.tcard{display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:var(--sh-sm)}
.tcard .lstars{margin-bottom:14px}
.tcard>p{flex:1;font-size:var(--fs-md);color:var(--text);line-height:1.65;margin-bottom:18px}
.tfoot{display:flex;align-items:center;gap:11px}
.tava{width:40px;height:40px;border-radius:50%;background:var(--grad);color:#fff;font-size:var(--fs-lg);font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.twho b{display:block;font-size:var(--fs-md);font-family:var(--ffd)}
.twho span{display:block;font-size:var(--fs-sm);color:var(--acc-text);font-weight:600;margin-top:1px}
.tcev{margin-left:auto;flex-shrink:0;font-size:var(--fs-2xs);font-weight:600;letter-spacing:.02em;color:var(--mut);background:var(--bg-2,#f6f7fb);border:1px solid var(--line);border-radius:999px;padding:4px 9px;line-height:1;white-space:nowrap}
@media(max-width:960px){.testi{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.testi{grid-template-columns:1fr}}

/* ---- nasil calisir ---- */
.steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:18px}
.steps::before{content:"";position:absolute;top:46px;left:10%;right:10%;height:2px;background:repeating-linear-gradient(90deg,rgba(86,69,230,.38) 0 7px,transparent 7px 15px);background-size:15px 2px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);animation:stepAkis 2.4s linear infinite}
@keyframes stepAkis{to{background-position:15px 0}}
.step-ok{position:absolute;top:41px;width:9px;height:9px;border-top:2px solid rgba(86,69,230,.55);border-right:2px solid rgba(86,69,230,.55);transform:rotate(45deg);z-index:1}
.step-ok.o1{left:calc(33.33% - 11px)}
.step-ok.o2{left:calc(66.66% - 3px)}
.step{position:relative;overflow:hidden;z-index:1;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:26px 26px 22px;box-shadow:var(--sh-sm);transition:transform .25s,box-shadow .25s}
.sec.alt .step{background:var(--bg)}
.step:hover{transform:translateY(-4px);box-shadow:var(--sh-md)}
/* adim numarasi: sol ust kosede iri, soluk filigran rakam (chip yerine) */
.step-no{position:absolute;right:-8px;bottom:-24px;font-style:normal;font-weight:800;font-size:110px;line-height:1;font-family:var(--ffd);color:rgba(86,69,230,.07);pointer-events:none;user-select:none;transition:color .3s}
.step:hover .step-no{color:rgba(86,69,230,.13)}
.step-ic{width:38px;height:38px;border-radius:12px;background:var(--acc-soft);color:var(--acc-text);display:inline-flex;align-items:center;justify-content:center;margin-bottom:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.6);flex-shrink:0;align-self:flex-start}
.step-ic .ti{width:20px;height:20px}
.step h3{font-size:var(--fs-xl);margin-bottom:7px}
.step p{font-size:var(--fs-md);color:var(--mut);line-height:1.65}
/* adim mini mocklari */
.step-mock{margin-top:auto;padding-top:16px;display:flex;align-items:center;gap:8px;font-size:var(--fs-xs);position:relative;z-index:1}
.sm-input{flex:1;border:1px solid var(--line);border-radius:8px;padding:8px 11px;color:var(--mut);background:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sm-btn{background:var(--acc);color:#fff;border-radius:8px;padding:8px 13px;font-weight:700;box-shadow:0 6px 14px -6px rgba(86,69,230,.5)}
.sm-panel{flex-direction:column;align-items:stretch;gap:7px}
.sm-row{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:7px 11px;font-weight:600;color:var(--text)}
.sm-tgl{position:relative;width:27px;height:16px;border-radius:99px;background:var(--acc);flex-shrink:0}
.sm-tgl::after{content:"";position:absolute;top:2.5px;right:2.5px;width:11px;height:11px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.sm-renk{display:flex;gap:6px}
.sm-renk i{width:15px;height:15px;border-radius:50%}
.sm-renk i.secili{box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--acc)}
.sm-kod{background:var(--dark);border-radius:12px;padding:9px 12px;gap:10px}
.sm-kod code{flex:1;font-family:ui-monospace,Menlo,monospace;font-size:var(--fs-2xs);color:#c9cee0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sm-canli{flex-shrink:0;display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-2xs);font-weight:700;color:#34d399;background:rgba(52,211,153,.14);border-radius:8px;padding:4px 9px}
.sm-canli::before{content:"";width:6px;height:6px;border-radius:50%;background:#34d399;animation:canliNabiz 1.8s ease-in-out infinite}
@keyframes canliNabiz{50%{opacity:.35}}
/* adimlardan kod kutusuna akis + mikro CTA */
.nasil-bag{width:2px;height:30px;margin:0 auto 12px;background:repeating-linear-gradient(180deg,rgba(86,69,230,.38) 0 6px,transparent 6px 13px)}
.nasil-bag{position:relative}
.nasil-bag::after{content:"";position:absolute;left:-3.5px;bottom:-2px;width:8px;height:8px;border-bottom:2px solid rgba(86,69,230,.55);border-right:2px solid rgba(86,69,230,.55);transform:rotate(45deg)}
.nasil-son{margin:26px auto 0;display:flex;align-items:center;justify-content:center;gap:9px;font-size:var(--fs-md);font-weight:600;color:var(--mut)}
.nasil-son .ti{width:17px;height:17px;color:var(--acc-text)}
.nasil-son a{display:inline-flex;align-items:center;gap:3px;color:var(--acc-text);font-weight:800;margin-left:4px}
.nasil-son a svg{width:15px;height:15px;transition:transform .2s}
.nasil-son a:hover svg{transform:translateX(3px)}
@media(prefers-reduced-motion:reduce){.steps::before{animation:none}.sm-canli::before{animation:none}}
.codebox{max-width:700px;margin:0 auto;background:var(--dark);border-radius:20px;overflow:hidden;box-shadow:var(--sh-glow);border:1px solid rgba(255,255,255,.06)}
.cb-head{display:flex;align-items:center;gap:7px;padding:13px 18px;border-bottom:1px solid rgba(255,255,255,.07)}
.cb-head i{width:11px;height:11px;border-radius:50%}
.cb-head i:nth-child(1){background:#f87171}.cb-head i:nth-child(2){background:#fbbf24}.cb-head i:nth-child(3){background:#34d399}
.cb-head span{margin-left:8px;font-size:var(--fs-sm);color:var(--dmut);font-family:ui-monospace,Menlo,monospace}
.cb-body{display:flex;align-items:center;gap:14px;padding:18px 20px}
.cb-body code{flex:1;font-family:ui-monospace,Menlo,monospace;font-size:var(--fs-md);line-height:1.7;color:#c9cee0;overflow-x:auto;white-space:nowrap}
.cb-body code .c1{color:#a5b4fc}.cb-body code .c2{color:#6ee7b7}
.cb-body .tag{flex-shrink:0;font-size:var(--fs-xs);font-weight:700;color:#a5b4fc;background:rgba(86,69,230,.16);border:1px solid rgba(86,69,230,.3);border-radius:8px;padding:8px 13px}

/* ---- bento ozellikler ---- */
.bento{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.bx{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:var(--sh-sm);overflow:hidden;transition:transform .25s,box-shadow .25s}
.sec.alt .bx{background:var(--bg)}
.bx:hover{transform:translateY(-5px);box-shadow:var(--sh-md)}
.bx.wide{grid-column:span 2}
.bx .fi{width:44px;height:44px;border-radius:12px;background:var(--acc-soft);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.bx .fi .ti{width:21px;height:21px;color:var(--acc-text);stroke-width:1.8}
.bx h3{font-size:var(--fs-xl);margin-bottom:7px}
.bx p{font-size:var(--fs-md);color:var(--mut);line-height:1.7;max-width:420px}
.bx .glow{position:absolute;right:-70px;top:-70px;width:220px;height:220px;background:radial-gradient(circle,rgba(86,69,230,.12),transparent 68%);pointer-events:none}
.bx-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.bx-chips i{font-style:normal;font-size:var(--fs-xs);font-weight:700;color:var(--acc-text);background:var(--acc-soft);border-radius:99px;padding:5px 12px}
.bx-bars{display:flex;align-items:flex-end;gap:5px;height:56px;margin-top:18px}
.bx-bars i{flex:1;border-radius:4px 4px 0 0;background:var(--grad);opacity:.85}
.bx-bars i:nth-child(2n){opacity:.45}.bx-bars i:nth-child(3n){opacity:.65}

/* ---- fiyatlandirma ---- */
.plans{display:grid;grid-template-columns:repeat(2,minmax(0,430px));gap:24px;justify-content:center}
.plan{background:linear-gradient(180deg,#ffffff 0%,#FCFBFE 100%);border:1px solid rgba(86,69,230,.09);border-radius:24px;padding:32px;box-shadow:var(--sh-sm);display:flex;flex-direction:column;position:relative}
.plan.pro{border:1.5px solid transparent;background:linear-gradient(var(--panel),var(--panel)) padding-box,var(--grad) border-box;box-shadow:var(--sh-glow)}
.plan:has(.pop){border:1px solid transparent;background:linear-gradient(180deg,#ffffff,#FCFBFE) padding-box,linear-gradient(var(--pa,120deg),rgba(86,69,230,.38),rgba(139,92,246,.14),rgba(86,69,230,.38)) border-box;animation:planCerceve 9s linear infinite}
@property --pa{syntax:'<angle>';initial-value:120deg;inherits:false}
@keyframes planCerceve{to{--pa:480deg}}
@media(prefers-reduced-motion:reduce){.plan:has(.pop){animation:none}}
.plan .pop{position:absolute;top:-13px;right:24px;background:var(--grad);color:#fff;font-size:var(--fs-xs);font-weight:700;padding:5px 13px;border-radius:99px;box-shadow:var(--sh-acc)}
.plan-h{display:flex;align-items:center;gap:11px;margin-bottom:14px}
.plan-h .pi{width:40px;height:40px;border-radius:12px;background:var(--acc-soft);display:flex;align-items:center;justify-content:center}
.plan-h .pi .ti{width:19px;height:19px;color:var(--acc-text)}
.plan.pro .plan-h .pi{background:var(--grad)}
.plan.pro .plan-h .pi .ti{color:#fff}
.plan h3{font-size:var(--fs-xl)}
.price{font-family:var(--ffd);font-size:38px;font-weight:800;margin-bottom:4px;letter-spacing:-.02em}
.price small{font-size:var(--fs-md);font-weight:600;color:var(--mut);font-family:var(--ff)}
.plan .per{font-size:var(--fs-md);color:var(--mut);margin-bottom:20px}
.plan ul{list-style:none;margin-bottom:26px;display:flex;flex-direction:column;gap:11px}
.plan li{display:flex;align-items:flex-start;gap:10px;font-size:var(--fs-md);line-height:1.5}
.plan li .ti{width:15px;height:15px;color:var(--acc);flex-shrink:0;margin-top:3px}
/* onay isaretleri: site genelinde yesil dolgulu daire (mor tekduzeligini kirar) */
.appc li .ti,.plan li .ti,.feat2 li .ti{width:18px;height:18px;padding:4px;box-sizing:border-box;background:var(--ok-soft);color:var(--ok-text);stroke-width:3.2;border-radius:50%;flex-shrink:0;margin-top:2px}
.plan .btn{width:100%}
.trial-pill{display:inline-flex;align-items:center;gap:7px;font-size:var(--fs-md);font-weight:700;color:var(--acc-text);background:var(--acc-soft);border-radius:99px;padding:7px 14px;margin:2px 0 16px}
.trial-pill .ti{width:15px;height:15px}
.plan-note{text-align:center;font-size:var(--fs-md);color:var(--mut);margin-top:24px;line-height:1.7}
.plan-note b{font-weight:700;color:var(--text)}
.plan .btn .ti{width:17px;height:17px;flex-shrink:0}

/* ---- SSS ---- */
.faq{max-width:730px;margin:0 auto}
.faq details{background:var(--panel);border:1px solid var(--line);border-radius:16px;margin-bottom:10px;box-shadow:var(--sh-sm);overflow:hidden;transition:box-shadow .2s}
.faq details[open]{box-shadow:var(--sh-md)}
.faq details[open] .faq-a{animation:faqIn .32s cubic-bezier(.16,1,.3,1)}
.fc-left{display:inline-flex;align-items:center;font-style:normal;font-size:var(--fs-sm);font-weight:800;letter-spacing:.02em;color:#b45309;background:#fef3e2;border-radius:99px;padding:4px 11px;margin-left:8px;vertical-align:middle;white-space:nowrap}
@keyframes faqIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.faq details[open] .faq-a{animation:none}}
.faq summary{display:flex;align-items:center;gap:12px;cursor:pointer;padding:16px 20px;font-size:var(--fs-md);font-weight:600;list-style:none;user-select:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary .qi{width:32px;height:32px;border-radius:12px;background:var(--acc-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.faq summary .qi .ti{width:16px;height:16px;color:var(--acc-text)}
.faq summary::after{content:"";width:16px;height:16px;flex-shrink:0;margin-left:auto;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7385' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/16px no-repeat;transition:transform .2s}
.faq details[open] summary::after{transform:rotate(180deg)}
.faq .faq-a{padding:0 20px 17px 64px;font-size:var(--fs-md);color:var(--mut);line-height:1.7}
.faq .faq-a a{font-weight:600}

/* ---- kapanis CTA (gradyan) ---- */
.cta{padding:52px 22px 96px}
.cta-in{position:relative;max-width:1160px;margin:0 auto;border-radius:24px;padding:60px 30px;text-align:center;color:#fff;overflow:hidden;box-shadow:0 40px 90px -30px rgba(20,16,45,.6);background:
  radial-gradient(780px 360px at 50% -4%,rgba(139,92,246,.4),transparent 60%),
  radial-gradient(780px 360px at 50% 104%,rgba(86,69,230,.32),transparent 60%),
  linear-gradient(135deg,#120f2c 0%,#1c1547 48%,#241a54 100%)}
.cta-in::after{content:"";position:absolute;inset:0;border-radius:24px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);pointer-events:none}
/* Safari: buyuk gradyanli kart tile dikis izi birakmasin diye kalici GPU katmani */
.cta-in{isolation:isolate}
.cta-in.vis{transform:translateZ(0)}
.cta-in>*{position:relative}
.cta-in h2{font-size:clamp(26px,3.8vw,40px);margin-bottom:14px}
.cta-in p{font-size:var(--fs-xl);opacity:.92;max-width:520px;margin:0 auto 30px}
.cta-in .btn{background:#fff;color:var(--acc-text);box-shadow:0 14px 40px rgba(14,21,38,.25)}
.cta-in .btn:hover{filter:brightness(.97)}
.cta-note{display:flex;align-items:center;justify-content:center;gap:26px;flex-wrap:wrap;margin-top:24px;font-size:var(--fs-md);opacity:.92}
.cta-note>span{display:inline-flex;align-items:center;gap:8px}
.ck-ic{width:18px;height:18px;border-radius:50%;background:#10b981;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.ck-ic svg{width:11px;height:11px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}

/* ---- footer (acik) ---- */
/* ===== FOOTER (koyu premium) ===== */
.foot{position:relative;overflow:hidden;color:#fff;padding:72px 0 30px;
  background:radial-gradient(680px 300px at 12% 0%,rgba(86,69,230,.22),transparent 60%),
  radial-gradient(560px 280px at 88% 8%,rgba(139,92,246,.15),transparent 62%),
  linear-gradient(165deg,#0d0b1c 0%,#141230 52%,#1a1740 100%)}
.foot .wrap{position:relative;z-index:1}
.foot-top{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.8fr);gap:48px;align-items:stretch;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.09)}
.foot .logo{margin-bottom:14px;color:#fff}
.foot-desc{max-width:340px;font-size:var(--fs-md);color:rgba(255,255,255,.6);line-height:1.7}
.foot-cc{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.foot-cc a{display:inline-flex;align-items:center;gap:11px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:13px;padding:10px 14px;transition:background .16s,border-color .16s,transform .16s}
.foot-cc a:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.2);transform:translateY(-2px)}
.foot-cc .cc-ic{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.foot-cc .cc-ic svg{width:17px;height:17px;stroke:#fff;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.foot-cc .cc-t{display:flex;flex-direction:column;line-height:1.3}
.foot-cc .cc-t small{font-size:var(--fs-2xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.45)}
.foot-cc .cc-t b{font-size:var(--fs-md);color:#fff;font-weight:600}
.foot-cta{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:26px;display:flex;flex-direction:column;justify-content:center;gap:7px}
.foot-cta b{font-family:var(--ffd);font-size:19px;color:#fff;line-height:1.3}
.foot-cta p{font-size:var(--fs-md);color:rgba(255,255,255,.6);line-height:1.6;margin:0 0 8px}
.foot-cta .btn{align-self:flex-start}
.foot-cta .foot-cta-2{font-size:var(--fs-sm);color:rgba(255,255,255,.55);text-decoration:underline;margin-top:6px}
.foot-cta .foot-cta-2:hover{color:#fff}
.foot-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:40px 0}
.foot-cols h3{font-size:var(--fs-sm);font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:15px;font-family:var(--ffd)}
.foot-cols ul{list-style:none;display:flex;flex-direction:column;gap:1px}
.foot-cols a{display:inline-block;color:rgba(255,255,255,.62);font-size:var(--fs-md);padding:5px 0;transition:color .15s}
.foot-cols a:hover{color:#fff}
.foot-trust-row{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;padding:26px 0;border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09)}
.foot-tr{display:flex;align-items:center;gap:11px}
.foot-tr .tr-ic{width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.foot-tr .tr-ic svg{width:17px;height:17px;stroke:#a78bfa;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.foot-tr b{display:block;font-size:var(--fs-sm);color:#fff;font-weight:600;line-height:1.3}
.foot-tr span{font-size:var(--fs-xs);color:rgba(255,255,255,.5);line-height:1.3}
.foot-bot{margin-top:24px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:var(--fs-sm);color:rgba(255,255,255,.5)}
.foot-bot a{color:rgba(255,255,255,.62)}
.foot-bot a:hover{color:#fff}
/* tablet: guven rozetleri 3 kolon (mobil <=640 blogu bunu 2 kolona ezer) */
@media(max-width:900px){.foot-trust-row{grid-template-columns:repeat(3,1fr);gap:18px}}

/* ---- mobil ---- */
@media(max-width:960px){
  .apps,.steps{grid-template-columns:1fr 1fr}
  .bento{grid-template-columns:1fr 1fr}
  .bx.wide{grid-column:span 2}
  .stats{grid-template-columns:1fr 1fr}
  .steps::before,.step-ok{display:none}
  .mega-in{grid-template-columns:1fr}
  .mega-apps{grid-template-columns:1fr}
}
@media(max-width:1060px){
  .nav-links{display:none}
  .lang-dd,.nav-login{display:none}
  .nav-burger{display:flex}
  .hero{padding-top:134px}
  .hero-in{grid-template-columns:minmax(0,1fr);gap:44px}
  .hero-in>*{min-width:0}
  .hero-lead{max-width:none}
  .hero-notes,.proof{flex-wrap:wrap}
}
@media(max-width:640px){
  .logo{font-size:var(--fs-lg);margin-right:8px}
  .logo svg{height:21px}
  .nav-cta .btn{padding:9px 14px;font-size:var(--fs-md)}
  .foot-trust-row{grid-template-columns:repeat(2,1fr);gap:16px 18px}
  .foot-cc{flex-direction:column}
  .foot-cc a{width:100%}
  .apps,.steps,.plans,.bento{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr 1fr;gap:9px}
  .stat{padding:12px}
  .bx.wide{grid-column:auto}
  .sec{padding:64px 0}
  .nav-cta .btn.ghost{display:none}
  .foot-top{grid-template-columns:1fr;gap:30px}
  .foot-cols{grid-template-columns:repeat(2,1fr);gap:28px 20px}
  .cta-in{padding:56px 22px}
  .faq .faq-a{padding-left:20px}
}
/* ===== statik hero: mobil mockup uyumu ===== */
@media(max-width:640px){
  .steps3{margin-bottom:20px}
  .s3{width:32%}
  .s3-ic{width:46px;height:46px}
  .s3-ic svg{width:21px;height:21px}
  .s3 b{font-size:var(--fs-md)}
  .s3 span{font-size:var(--fs-xs)}
}

/* kurucu donemi blogu (sahte sosyal kanit yerine durust teklif) */
.proof.founder{align-items:flex-start;gap:14px;max-width:560px}
.fbdg{display:inline-flex;align-items:center;gap:7px;background:var(--grad);color:#fff;font-size:var(--fs-sm);font-weight:800;letter-spacing:.04em;text-transform:uppercase;border-radius:99px;padding:7px 14px;white-space:nowrap;flex-shrink:0;margin-top:2px}
.fbdg .ti{width:14px;height:14px;stroke:#fff}
.proof.founder .proof-tx p{font-size:var(--fs-lg);line-height:1.55;color:var(--text)}
.proof.founder .fnote{display:flex;align-items:flex-start;gap:7px;font-size:var(--fs-md);color:var(--mut)}
.proof.founder .fnote .ti{width:15px;height:15px;flex-shrink:0;margin-top:2px;stroke:var(--acc)}
@media(max-width:640px){.proof.founder{flex-direction:column;gap:10px}}

/* kurucu donemi v2: landing kart diliyle (yumusak golge + ince indigo cerceve + ikon cipi) */
.fcard{display:flex;align-items:center;gap:14px;max-width:520px;background:linear-gradient(135deg,rgba(86,69,230,.05),rgba(139,92,246,.04));border:1px solid rgba(86,69,230,.18);border-radius:16px;padding:14px 18px;box-shadow:0 8px 24px -14px rgba(14,21,38,.18)}
.fcard .fc-ic{width:40px;height:40px;border-radius:12px;background:var(--grad);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.fcard .fc-ic .ti{width:20px;height:20px;stroke:#fff}
.fcard .fc-tx{display:flex;flex-direction:column;gap:3px;min-width:0}
.fcard .fc-tx b{font-size:var(--fs-md);line-height:1.4;color:var(--text)}
.fcard .fc-tx span{font-size:var(--fs-md);line-height:1.55;color:var(--mut)}
.fc-in{display:flex;align-items:center;gap:14px}
@media(max-width:640px){.fcard{align-items:flex-start}.fc-in{align-items:flex-start}.fcard .fc-ic{margin-top:2px}}

/* kiyas tablosu: ayri araclarin toplami vs tek Pro */
.cmp{max-width:760px;margin:0 auto}
.cmp-scroll{overflow-x:auto;border:1px solid var(--line,#e7e9f2);border-radius:20px;background:#fff;box-shadow:0 14px 40px -22px rgba(14,21,38,.16)}
.cmp-t{width:100%;border-collapse:collapse;font-size:var(--fs-md);min-width:520px}
.cmp-t th{background:#f7f8fc;text-align:left;font-size:var(--fs-sm);font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--mut);padding:13px 20px}
.cmp-t td{padding:14px 20px;border-top:1px solid var(--line,#eef0f6);color:var(--text)}
.cmp-t .cmp-mut{color:var(--mut);font-size:var(--fs-md)}
.cmp-t .cmp-pr{text-align:right;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.cmp-t tfoot td{background:#fdf5f4;border-top:2px solid #f3d9d5;font-weight:700}
.cmp-t tfoot .cmp-pr{color:#c2412f;font-size:var(--fs-lg)}
/* mobil: tablo dikey kartlara doner (yatay kaydirma yerine) */
@media(max-width:640px){
  .cmp-t{min-width:0}
  .cmp-t thead{display:none}
  .cmp-t tr{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:12px;padding:12px 16px;border-top:1px solid var(--line,#eef0f6)}
  .cmp-t tbody tr:first-child{border-top:none}
  .cmp-t td{display:block;padding:0;border-top:none}
  .cmp-t td:first-child{grid-column:1;grid-row:1;font-weight:700}
  .cmp-t .cmp-mut{grid-column:1;grid-row:2;margin-top:2px;font-size:var(--fs-sm)}
  .cmp-t .cmp-pr{grid-column:2;grid-row:1/span 2;font-size:var(--fs-md)}
  .cmp-t tfoot tr{background:#fdf5f4;border-top:2px solid #f3d9d5;border-radius:0 0 20px 20px}
  .cmp-t tfoot td{background:none;border-top:none}
}
.cmp-vs{display:flex;align-items:center;gap:14px;margin-top:16px;background:linear-gradient(135deg,rgba(86,69,230,.06),rgba(139,92,246,.05));border:1px solid rgba(86,69,230,.2);border-radius:16px;padding:15px 20px;flex-wrap:wrap}
.cmp-badge{display:inline-flex;align-items:center;gap:7px;background:var(--grad);color:#fff;font-size:var(--fs-sm);font-weight:800;border-radius:99px;padding:8px 15px;white-space:nowrap}
.cmp-badge .ti{width:15px;height:15px;stroke:#fff}
.cmp-vs p{font-size:var(--fs-lg);color:var(--text);margin:0}
.cmp-note{font-size:var(--fs-sm);color:var(--mut);margin-top:12px;text-align:center;max-width:560px;margin-left:auto;margin-right:auto}

/* arac sayfalari alt CTA (cta-final: link/qr/cerez araclari) */
.cta-final{max-width:640px;margin:0 auto;text-align:center}
.cta-final h2{font-size:clamp(24px,3vw,32px);margin-bottom:12px}
.cta-final p{font-size:var(--fs-lg);color:var(--mut);line-height:1.65;max-width:520px;margin:0 auto 24px}
.cta-assure{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:18px}
.cta-assure span{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-md);font-weight:600;color:var(--mut)}
.cta-assure .ti{width:15px;height:15px;stroke:#16a34a}

/* kurucu kampanya cubugu: en ustte sabit (body.has-fbar ile nav 42px asagi kayar) */
.fbar{position:fixed;top:0;left:0;right:0;z-index:90;display:flex;align-items:center;justify-content:center;gap:12px;height:42px;padding:0 16px;background:linear-gradient(90deg,#191d30,#2b2a5e 55%,#4335a8);color:#fff;font-size:var(--fs-md)}
.fbar-tx{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fbar-left{font-style:normal;font-size:var(--fs-sm);font-weight:700;letter-spacing:.01em;color:#fcd34d;background:rgba(251,191,36,.15);border-radius:99px;padding:6px 14px;line-height:1;white-space:nowrap;flex-shrink:0}
.fbar-cta{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-sm);font-weight:700;color:#fff;background:rgba(255,255,255,.14);border-radius:99px;padding:6px 14px;line-height:1;white-space:nowrap;flex-shrink:0;transition:background .15s}
.fbar-cta:hover{background:rgba(255,255,255,.24)}
.fbar-cta .ti{width:13px;height:13px;stroke:#fff}
body.has-fbar{padding-top:42px}
body.has-fbar .nav{top:42px}
@media(max-width:640px){.fbar{gap:8px;font-size:var(--fs-sm)}.fbar-cta{display:none}}

/* kucuk aciklama notu (cerez-onayi ve arac sayfalari) */
.hint{font-size:var(--fs-md);color:var(--mut);line-height:1.6}

/* Araclar acilir menusu (CSS-only: hover + klavye odagi) */
.nav-dd{position:relative;display:flex;align-items:center}
.nav-dd-menu{position:absolute;top:100%;left:-8px;min-width:250px;background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-md);padding:8px;display:none;flex-direction:column;z-index:90}
.nav-dd:hover .nav-dd-menu,.nav-dd:focus-within .nav-dd-menu{display:flex}
.nav-dd-menu a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;font-size:var(--fs-md);font-weight:600;color:var(--text);white-space:nowrap}
.nav-dd-menu a:hover{background:var(--panel2)}
.nav-dd-menu a .ti{width:15px;height:15px;color:var(--acc-text)}

/* ---- ana sayfa: ucretsiz SEO analiz bandi ---- */
.sa-band{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center;background:linear-gradient(135deg,rgba(86,69,230,.07),rgba(139,92,246,.05));border:1px solid rgba(86,69,230,.16);border-radius:24px;padding:38px 42px}
.sa-band-tx h2{font-size:clamp(22px,3vw,30px);margin:10px 0}
.sa-band-tx p{font-size:var(--fs-lg);color:var(--mut);line-height:1.65;max-width:480px}
.sa-band-form{display:flex;gap:10px;background:#fff;border:1px solid rgba(86,69,230,.16);border-radius:16px;padding:8px;box-shadow:0 18px 50px -26px rgba(30,28,60,.35)}
.sa-band-form input{flex:1;border:none;outline:none;font:inherit;font-size:var(--fs-lg);padding:10px 14px;background:transparent;min-width:0}
.sa-band-form .btn{white-space:nowrap}
@media(max-width:860px){.sa-band{grid-template-columns:1fr;padding:28px 24px}}
@media(max-width:560px){.sa-band-form{flex-direction:column}.sa-band-form .btn{width:100%;justify-content:center}}

/* nav butonlari: dil seciciyle birebir ayni yukseklik */
.nav-cta .btn{height:36px;padding:0 16px;font-size:var(--fs-md);border-radius:99px;gap:7px;box-shadow:0 8px 18px -10px rgba(86,69,230,.5)}
.nav-cta .btn .ti,.nav-cta .btn svg{width:15px;height:15px}
.nav-cta .nav-login{padding:7px 12px;font-size:var(--fs-md)}

/* ---- SEO analiz bandi: gece-indigo + tarama animasyonu ---- */
.sa-band.koyu{position:relative;overflow:hidden;background:linear-gradient(135deg,#16152E 0%,#1D1A3E 55%,#252055 100%);border:1px solid rgba(139,92,246,.28);box-shadow:0 30px 70px -30px rgba(30,25,90,.55)}
.sa-aurora{position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(70px);opacity:.5;pointer-events:none}
.sa-aurora.a1{background:radial-gradient(circle,rgba(99,102,241,.55),transparent 65%);top:-160px;left:-80px;animation:saAur1 16s ease-in-out infinite}
.sa-aurora.a2{background:radial-gradient(circle,rgba(168,85,247,.45),transparent 65%);bottom:-180px;right:-60px;animation:saAur2 19s ease-in-out infinite}
@keyframes saAur1{50%{transform:translate(60px,30px) scale(1.15)}}
@keyframes saAur2{50%{transform:translate(-70px,-25px) scale(1.1)}}
.sa-tarama{position:absolute;top:0;bottom:0;width:180px;background:linear-gradient(105deg,transparent,rgba(139,92,246,.16) 45%,rgba(167,139,250,.28) 50%,rgba(139,92,246,.16) 55%,transparent);transform:skewX(-12deg);left:-25%;animation:saTara 5.5s ease-in-out infinite;pointer-events:none}
@keyframes saTara{0%,12%{left:-25%}55%,100%{left:115%}}
.sa-band.koyu .sa-band-tx h2{color:#fff}
.sa-band.koyu .sa-band-tx p{color:#B7B5D8}
.sa-band-chip{display:inline-flex;align-items:center;gap:7px;font-size:var(--fs-sm);font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#C4B5FD;background:rgba(139,92,246,.16);border:1px solid rgba(139,92,246,.35);border-radius:99px;padding:6px 13px;margin-bottom:6px}
.sa-band-chip .ti{width:14px;height:14px}
.sa-band-mets{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
.sa-band-mets span{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-sm);font-weight:700;color:#DDDBF3;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:8px 13px;backdrop-filter:blur(6px);animation:saYuz 4.5s ease-in-out infinite}
.sa-band-mets .sm2{animation-delay:1.1s}
.sa-band-mets .sm3{animation-delay:2.2s}
@keyframes saYuz{50%{transform:translateY(-4px)}}
.sa-mh{--p:0;width:20px;height:20px;border-radius:50%;background:conic-gradient(#818CF8 calc(var(--p)*1%),rgba(255,255,255,.14) 0);position:relative;flex-shrink:0}
.sa-mh::before{content:"";position:absolute;inset:3.5px;border-radius:50%;background:#1D1A3E}
.sa-mh.grn{background:conic-gradient(#34D399 calc(var(--p)*1%),rgba(255,255,255,.14) 0)}
.sa-mc{width:17px;height:17px;padding:3px;background:rgba(52,211,153,.18);color:#34D399;border-radius:50%}
.sa-band.koyu .sa-band-form{position:relative;z-index:1;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px);box-shadow:0 22px 55px -22px rgba(0,0,0,.55)}
.sa-band.koyu .sa-band-form input{color:#fff}
.sa-band.koyu .sa-band-form input::placeholder{color:#8E8BB0}
.sa-band.koyu .sa-band-form .btn{position:relative;overflow:hidden}
.sa-band.koyu .sa-band-form .btn::after{content:"";position:absolute;top:0;left:-70%;width:50%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-18deg);animation:saBtnParla 3.4s ease-in-out infinite}
@keyframes saBtnParla{0%,55%{left:-70%}100%{left:130%}}
@media(prefers-reduced-motion:reduce){.sa-aurora,.sa-tarama,.sa-band-mets span,.sa-band.koyu .sa-band-form .btn::after{animation:none}}

/* SEO analiz bolumu: tam genislik gece zemini (kart degil bolum koyu) */
.sa-gece{position:relative;overflow:hidden;background:linear-gradient(135deg,#14132A 0%,#1C193C 55%,#231F4E 100%);padding:78px 0}
.sa-gece .wrap{position:relative;z-index:1}
.sa-gece .sa-band.koyu{background:none;border:none;box-shadow:none;padding:0;overflow:visible}
.sa-gece .sa-band.koyu::after{display:none}
.sa-gece .sa-aurora{opacity:.55}
.sa-gece .sa-aurora.a1{width:560px;height:560px;top:-220px;left:-120px}
.sa-gece .sa-aurora.a2{width:560px;height:560px;bottom:-240px;right:-100px}
.sa-mh::before{background:#1C193C}

/* ---- kapanis CTA: tam genislik gece bolumu (tarama/glimmer yok) ---- */
.cta.gece{position:relative;overflow:hidden;padding:92px 22px;background:linear-gradient(135deg,#14132A 0%,#1C193C 55%,#231F4E 100%)}
.cta.gece .sa-aurora{opacity:.5}
.cta.gece .sa-aurora.a1{width:600px;height:600px;top:-240px;left:-140px}
.cta.gece .sa-aurora.a2{width:600px;height:600px;bottom:-260px;right:-120px}
.cta.gece .cta-in{background:none;box-shadow:none;border-radius:0;padding:0;max-width:760px;overflow:visible}
.cta.gece .cta-in::after{display:none}
.cta.gece .cta-note{margin-top:26px}
.cta.gece .cta-note > span{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:8px 13px;backdrop-filter:blur(6px)}
@media(prefers-reduced-motion:reduce){.cta.gece .cta-note span{animation:none}}

/* cipler sabit; skor halkalari yukleme animasyonu */
.sa-band-mets span{animation:none}
@property --p{syntax:'<number>';inherits:false;initial-value:0}
.sa-mh{--p:var(--hedef,0);animation:saDolum 3.2s ease-in-out infinite}
@keyframes saDolum{0%{--p:0}55%,88%{--p:var(--hedef,90)}100%{--p:var(--hedef,90)}}
@media(prefers-reduced-motion:reduce){.sa-mh{animation:none}}

/* ---- SEO analiz bolumu: sol form + sag canli rapor onizleme karti ---- */
.sa-gece .sa-band.koyu{align-items:center;gap:56px}
.sa-band-alt{display:flex;gap:18px;margin-top:14px;flex-wrap:wrap}
.sa-band-alt span{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-sm);font-weight:600;color:#9C99C0}
.sa-band-alt .ti{width:14px;height:14px;color:#A5B4FC}
.sa-gece .sa-band-form{margin-top:22px}
.sa-demo{position:relative;background:rgba(33,30,68,.82);border:1px solid rgba(255,255,255,.13);border-radius:20px;padding:18px 20px 20px;box-shadow:0 34px 80px -30px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.09);transform:perspective(1300px) rotateY(-7deg) rotateX(1.5deg);transition:transform .5s ease}
.sa-band.koyu:hover .sa-demo{transform:perspective(1300px) rotateY(-2deg) rotateX(0deg)}
.sa-demo-bar{display:flex;align-items:center;gap:6px;margin-bottom:16px}
.sa-demo-bar i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.18)}
.sa-demo-bar i:first-child{background:#F87171}.sa-demo-bar i:nth-child(2){background:#FBBF24}.sa-demo-bar i:nth-child(3){background:#34D399}
.sa-demo-bar span{margin-left:8px;font-size:var(--fs-xs);color:#8E8BB0;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:3px 11px;font-family:ui-monospace,Menlo,monospace}
.sa-demo-skor{display:flex;gap:22px;justify-content:center;margin-bottom:16px}
.sds{display:flex;flex-direction:column;align-items:center;gap:6px}
.sds span{font-size:var(--fs-xs);font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#9C99C0}
.sa-dh{--p:var(--hedef,0);--dc:#818CF8;width:54px;height:54px;border-radius:50%;background:conic-gradient(var(--dc) calc(var(--p)*1%),rgba(255,255,255,.1) 0);display:flex;align-items:center;justify-content:center;position:relative;animation:saDolum 3.2s ease-in-out infinite;font-style:normal}
.sa-dh::before{content:"";position:absolute;inset:5px;border-radius:50%;background:#201D42}
.sa-dh b{position:relative;font-family:var(--ffd);font-size:var(--fs-xl);color:#fff}
.sa-dh.grn{--dc:#34D399}
.sa-dh.amb{--dc:#FBBF24}
.sa-demo-b{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:9px 13px;margin-bottom:8px;font-size:var(--fs-sm);font-weight:600;color:#DDDBF3}
.sa-demo-b i{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.sa-demo-b span{flex:1}
.sa-demo-b em{font-style:normal;font-size:var(--fs-2xs);font-weight:800;letter-spacing:.06em;text-transform:uppercase;border-radius:8px;padding:3px 8px}
.sa-demo-b.krit i{background:#F87171}.sa-demo-b.krit em{background:rgba(248,113,113,.16);color:#FCA5A5}
.sa-demo-b.orta i{background:#FBBF24}.sa-demo-b.orta em{background:rgba(251,191,36,.15);color:#FCD34D}
.sa-demo-b.ok i{background:#34D399}.sa-demo-b.ok em{background:rgba(52,211,153,.15);color:#6EE7B7}
.sa-demo-tara{display:flex;align-items:center;gap:11px;margin-top:14px}
.sa-demo-tara i{flex:1;height:6px;border-radius:99px;background:rgba(255,255,255,.09);overflow:hidden;position:relative}
.sa-demo-tara i::after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:40%;border-radius:99px;background:linear-gradient(90deg,#6366F1,#A78BFA);animation:sdTara 2.2s ease-in-out infinite}
@keyframes sdTara{to{left:105%}}
.sa-demo-tara span{font-size:var(--fs-xs);font-weight:600;color:#8E8BB0}
@media(max-width:860px){.sa-demo{transform:none;margin-top:10px}.sa-band.koyu:hover .sa-demo{transform:none}}
@media(prefers-reduced-motion:reduce){.sa-dh,.sa-demo-tara i::after{animation:none}}

/* ---- Haberdar Ol modali ---- */
.hb-modal{position:fixed;inset:0;z-index:300;background:rgba(14,12,32,.6);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:20px}
.hb-modal[hidden]{display:none}
.hb-kart{position:relative;background:#fff;border-radius:20px;padding:34px 32px 30px;max-width:430px;width:100%;text-align:center;box-shadow:0 40px 100px -25px rgba(20,16,45,.6);animation:hbGel .3s cubic-bezier(.2,.9,.3,1.2)}
@keyframes hbGel{from{opacity:0;transform:translateY(16px) scale(.97)}}
.hb-kapat{position:absolute;top:14px;right:14px;width:32px;height:32px;border:none;border-radius:12px;background:var(--panel2);color:var(--mut);cursor:pointer;display:flex;align-items:center;justify-content:center}
.hb-kapat:hover{background:var(--acc-soft);color:var(--acc-text)}
.hb-kapat svg{width:15px;height:15px}
.hb-ic{width:52px;height:52px;margin:0 auto 16px;border-radius:16px;background:var(--acc-soft);color:var(--acc-text);display:flex;align-items:center;justify-content:center}
.hb-ic svg{width:26px;height:26px}
.hb-kart h3{font-family:var(--ffd);font-size:19px;line-height:1.35;margin-bottom:9px}
.hb-kart p{font-size:var(--fs-md);color:var(--mut);line-height:1.6;margin-bottom:20px}
.hb-kart form{display:flex;gap:9px}
.hb-kart input[type=email]{flex:1;min-width:0;border:1px solid var(--line);border-radius:12px;padding:11px 14px;font:inherit;font-size:var(--fs-md);outline:none;transition:border-color .15s,box-shadow .15s}
.hb-kart input[type=email]:focus{border-color:var(--acc);box-shadow:0 0 0 4px rgba(86,69,230,.13)}
.hb-kart .btn{white-space:nowrap}
.hb-mesaj{display:none;margin-top:14px;font-size:var(--fs-md);font-weight:600;border-radius:12px;padding:11px 14px}
.hb-mesaj.ok{display:block;background:#E7F7F1;color:#0A7D5C}
.hb-mesaj.err{display:block;background:#FEF3F2;color:#B42318}
@media(max-width:480px){.hb-kart form{flex-direction:column}.hb-kart .btn{width:100%;justify-content:center}}

/* bal kupu alani: her sayfada gorunmez */
.sa-hp{position:absolute !important;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}

/* arac sayfalari: capraz yonlendirme karti */
.arac-capraz{display:flex;align-items:center;gap:16px;max-width:720px;margin:26px auto 0;background:linear-gradient(135deg,rgba(86,69,230,.07),rgba(139,92,246,.05));border:1px solid rgba(86,69,230,.18);border-radius:16px;padding:18px 22px;text-align:left}
.ac-ic{flex-shrink:0;width:44px;height:44px;border-radius:12px;background:var(--acc-soft);color:var(--acc-text);display:inline-flex;align-items:center;justify-content:center}
.ac-ic svg{width:22px;height:22px}
.ac-tx{flex:1}
.ac-tx b{display:block;font-size:var(--fs-lg);margin-bottom:3px}
.ac-tx p{font-size:var(--fs-md);color:var(--mut);line-height:1.55;margin:0}
.arac-capraz .btn{white-space:nowrap}
@media(max-width:640px){.arac-capraz{flex-direction:column;align-items:flex-start}.arac-capraz .btn{width:100%;justify-content:center}}

/* 2026 tasarim sistemi onay kutusu: frontend genelinde tek stil */
input[type=checkbox][type=checkbox]{-webkit-appearance:none;appearance:none;width:19px;height:19px;border-radius:8px;padding:0;background:#eef0f6;border:1.5px solid transparent;box-shadow:none;cursor:pointer;position:relative;flex-shrink:0;transition:background .15s,border-color .15s;vertical-align:middle}
input[type=checkbox][type=checkbox]:hover{border-color:var(--acc)}
input[type=checkbox][type=checkbox]:checked{background:var(--grad)}
input[type=checkbox][type=checkbox]:checked::after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center/11px no-repeat}

/* uyari kutusu: amber bilgilendirme/yasal not */
.uyari-kutu{display:flex;gap:12px;align-items:flex-start;background:#FFF8EB;border:1px solid #FDE4B8;border-radius:12px;padding:13px 16px;margin-top:14px;text-align:left}
.uk-ic{flex-shrink:0;width:34px;height:34px;border-radius:12px;background:#FEF0D6;color:#B45309;display:inline-flex;align-items:center;justify-content:center}
.uk-ic svg{width:18px;height:18px}
.uyari-kutu p{font-size:var(--fs-md);color:#6B4E12;line-height:1.6;margin:0}
.uyari-kutu p b{color:#92400E}
.uyari-kutu.ustte{margin:0 0 18px}

/* ---- Neler Kazandirir drawer ---- */
.kz-ort{position:fixed;inset:0;background:rgba(16,14,40,.44);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:90;opacity:0;transition:opacity .28s}
.kz-ort.on{opacity:1}
.kz-drawer{position:fixed;top:0;right:0;bottom:0;width:min(430px,94vw);background:#fff;z-index:91;display:flex;flex-direction:column;border-radius:24px 0 0 24px;box-shadow:-28px 0 70px rgba(16,14,40,.22);transform:translateX(106%);transition:transform .34s cubic-bezier(.22,.85,.25,1)}
.kz-drawer.on{transform:none}
.kz-ust{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:24px 24px 16px;border-bottom:1px solid var(--line)}
.kz-ust b{font-family:var(--ffd);font-size:20px;letter-spacing:-.01em}
.kz-ust p{font-size:var(--fs-md);color:var(--mut);margin-top:3px}
.kz-kapat{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--mut);cursor:pointer;transition:color .15s,border-color .15s,transform .15s}
.kz-kapat:hover{color:var(--text);border-color:var(--acc);transform:rotate(90deg)}
.kz-kapat .ti{width:17px;height:17px}
.kz-gov{flex:1;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:4px;overscroll-behavior:contain}
.kz-it{display:flex;align-items:flex-start;gap:13px;padding:11px 12px;border-radius:16px;transition:background .15s,transform .15s}
.kz-it:hover{background:var(--acc-soft);transform:translateX(3px)}
.kz-ic{flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--k1),var(--k2));color:#fff;box-shadow:0 6px 14px -6px var(--k2)}
.kz-ic .ti{width:20px;height:20px}
.kz-it b{display:block;font-size:var(--fs-md);color:var(--text);margin-bottom:2px}
.kz-it span:not(.kz-ic){display:block;font-size:var(--fs-sm);line-height:1.5;color:var(--mut)}
.kz-alt{padding:14px 20px 18px;border-top:1px solid var(--line)}
.kz-alt .btn{width:100%}
@media (max-width:520px){.kz-drawer{border-radius:20px 0 0 20px}.kz-ust{padding:20px 18px 14px}}

/* yerli dogrulama balonu */
.f-hata{position:fixed;z-index:120;background:#0F172A;color:#fff;font-size:var(--fs-sm);font-weight:600;line-height:1.4;padding:8px 13px;border-radius:10px;box-shadow:0 14px 34px -12px rgba(15,23,42,.45);max-width:280px;animation:fHataGel .18s ease;pointer-events:none}
.f-hata::before{content:"";position:absolute;top:-5px;left:18px;width:10px;height:10px;background:#0F172A;transform:rotate(45deg)}
.f-hata.git{opacity:0;transition:opacity .25s}
@keyframes fHataGel{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.f-gecersiz{border-color:#EF4444 !important;box-shadow:0 0 0 3px rgba(239,68,68,.12) !important}

/* ===== Hero: yıldızlı Google review rozeti ===== */
.hero-rev{display:inline-flex;align-items:center;gap:14px;padding:9px 18px 9px 12px;background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-md)}
.hr-avs{display:flex}
.hr-avs img{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2.5px solid var(--panel);margin-left:-12px;background:var(--panel2)}
.hr-avs img:first-child{margin-left:0}
.hr-meta{display:flex;flex-direction:column;gap:2px;line-height:1.1}
.hr-stars{display:flex;align-items:center;gap:8px}
.hr-star{color:#f5a623;letter-spacing:1.5px;font-size:var(--fs-lg)}
.hr-stars b{font-family:var(--ffd);font-weight:800;font-size:var(--fs-xl);color:var(--text)}
.hr-count{display:flex;align-items:center;gap:6px;font-size:var(--fs-sm);color:var(--mut);font-weight:500}
.hr-g{width:14px;height:14px;flex-shrink:0}

/* ===== Hero: sonsuz kayan modül duvarı (mockwrap yerine) ===== */
.uwc{background:#22c55e}.ute{background:#0ea5e9}.ume{background:#e11d48}.uso{background:var(--grad)}.ufo{background:#8b5cf6}.ura{background:var(--grad)}.usi{background:#f59e0b}
.hr-stars small{color:var(--mut);font-size:var(--fs-sm);font-weight:600;margin-left:-3px}

/* ===== Hero: Action Hub panel mockup + canli demo ===== */
.pshot{position:relative;padding:26px 0 34px}
.ps-main{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:var(--sh-md);overflow:hidden;transform:rotate(.4deg)}
.ps-bar{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--panel)}
.ps-dots{display:flex;gap:6px}
.ps-dots i{width:10px;height:10px;border-radius:50%;background:#e0e2ea}
.ps-dots i:nth-child(1){background:#ff5f57}.ps-dots i:nth-child(2){background:#febc2e}.ps-dots i:nth-child(3){background:#28c840}
.ps-url{flex:1;text-align:center;font-size:var(--fs-sm);font-weight:500;color:var(--mut);background:var(--panel2);border-radius:8px;padding:5px 12px}
.ps-main img{display:block;width:100%;height:auto}

@media(max-width:920px){
  .pshot{padding:14px 0 30px}
  .pshot.pc{padding-top:24px}
  .ps-main{transform:none}
}

/* ===== Canli demo mini paneli ===== */
.dbar[hidden]{display:none}
.dbar{position:fixed;top:82px;left:50%;transform:translateX(-50%);z-index:80;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:18px;background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-md);padding:10px 14px;animation:dbarGel .35s cubic-bezier(.22,1,.36,1)}
@keyframes dbarGel{from{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%)}}
.db-g{display:flex;flex-direction:column;gap:5px}
.db-l{font-size:var(--fs-2xs);font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--mut)}
.db-seg{display:flex;gap:2px;background:var(--panel2);border-radius:10px;padding:3px}
.db-seg button{border:none;background:transparent;font-family:inherit;font-size:var(--fs-sm);font-weight:600;color:var(--mut);padding:5px 10px;border-radius:8px;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}
.db-seg button:hover{color:var(--text)}
.db-seg button.on{background:var(--panel);color:var(--text);box-shadow:var(--sh-sm)}
.db-sw{display:flex;gap:7px;align-items:center;padding:4px 0}
.db-sw button{width:22px;height:22px;border-radius:50%;border:2px solid var(--panel);background:var(--c);cursor:pointer;box-shadow:0 0 0 1px var(--line);transition:transform .15s,box-shadow .15s}
.db-sw button:hover{transform:scale(1.12)}
.db-sw button.on{box-shadow:0 0 0 2px var(--acc)}
.db-x{position:absolute;top:10px;right:12px;border:none;background:transparent;color:var(--mut);cursor:pointer;padding:4px;border-radius:8px}
.db-x:hover{color:var(--text);background:var(--panel2)}
.db-x svg{width:15px;height:15px}
@media(max-width:1060px){.dbar{display:none}}

/* ===== Ortalanmis hero + carousel ===== */
.hero-cin{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding-bottom:96px}
.hero-cin .eyebrow{margin-bottom:4px}
.hero-cin h1{max-width:17ch}
.hero-cin .hero-lead{max-width:78ch;margin-left:auto;margin-right:auto;text-wrap:balance}
.pshot.pc{width:min(940px,100%);padding:30px 0 0}
.pshot.pc .ps-main{transform:none}
.ps-view{overflow:hidden}
.ps-track{display:flex;transition:transform .55s cubic-bezier(.22,1,.36,1)}
.ps-track img{width:100%;flex-shrink:0;display:block}
.ps-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:16px;background:var(--panel2);border-radius:12px;padding:4px;width:fit-content;margin-left:auto;margin-right:auto}
.ps-tabs button{border:none;background:transparent;font-family:inherit;font-size:var(--fs-md);font-weight:600;color:var(--mut);padding:8px 15px;border-radius:9px;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}
.ps-tabs button:hover{color:var(--text)}
.ps-tabs button.on{background:var(--panel);color:var(--text);box-shadow:var(--sh-sm)}
.hero-act.hc{justify-content:center;margin-top:30px;margin-bottom:0}
.btn-demo{display:inline-flex;align-items:center;gap:10px;background:var(--ok);border:none;color:#fff;box-shadow:0 12px 30px -10px rgba(16,185,129,.55)}
.btn-demo:hover{filter:brightness(1.05)}
.btn-demo svg{width:18px;height:18px}
.btn-demo.bekliyor{opacity:.7;pointer-events:none}
.btn-demo.acik{background:var(--ok);color:#fff}
.hero-cin .hero-rev{margin-top:26px}
@media(max-width:640px){
  .ps-tabs{width:auto;flex-wrap:nowrap;gap:2px}
  .ps-tab{display:none}
  .ps-tab.on{display:block}
  .ps-tabs .ps-ar{display:inline-flex}
  .hero-act.hc{width:100%}
  .hero-act.hc .btn{flex:1;justify-content:center}
}

/* mockup ust-orta rozeti (kullanici gorseli) */
.ps-rozet{position:absolute;top:-9px;right:-51px;width:118px;height:118px;z-index:6;transform:rotate(15deg);filter:drop-shadow(0 14px 28px rgba(30,28,60,.28))}
.ps-rozet img{display:block;width:100%;height:auto}
@media(max-width:920px){.ps-rozet{width:86px;height:86px;top:-6px;right:-14px;transform:rotate(15deg)}}

/* tarayici cubugu: URL solda + SSL kilidi */
.ps-url{flex:1;display:flex;align-items:center;justify-content:flex-start;gap:7px;text-align:left}
.ps-url svg{width:13px;height:13px;color:var(--ok);flex-shrink:0}

/* carousel ok butonlari (yalniz mobil) */
.ps-ar{display:none;align-items:center;justify-content:center;border:none;background:transparent;color:var(--mut);padding:7px 9px;border-radius:9px;cursor:pointer;transition:color .15s,background .15s}
.ps-ar svg{width:16px;height:16px}
.ps-ar:active{color:var(--text);background:var(--panel)}

/* demo bar alt CTA seridi */
.db-cta{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;border-top:1px solid var(--line);margin-top:2px;padding-top:10px}
.db-cta>svg{width:16px;height:16px;flex-shrink:0}
.db-cta span{font-size:var(--fs-md);font-weight:600;color:var(--mut)}
.db-cta-btn{display:inline-flex;align-items:center;gap:7px;background:var(--grad);color:#fff;font-size:var(--fs-sm);font-weight:700;border-radius:99px;padding:7px 15px;text-decoration:none;box-shadow:0 8px 18px -8px rgba(86,69,230,.6);transition:transform .18s,box-shadow .18s}
.db-cta-btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px -9px rgba(86,69,230,.7)}
.db-cta-btn svg{width:13px;height:13px}

/* demo fonu: acikken sayfa bulanik */
.demo-fon{position:fixed;inset:0;z-index:70;background:rgba(18,21,38,.22);backdrop-filter:blur(7px) saturate(1.05);-webkit-backdrop-filter:blur(7px) saturate(1.05)}
.demo-fon[hidden]{display:none}
/* bar tek satirda kalsin (fit-content sarmasi 720px'e dusuruyordu) */
.dbar{width:max-content;max-width:calc(100vw - 28px)}

/* ============================================================
   iOS Safari mobil düzeltmesi: alt bölümlerin açılmaması (blank)
   Kök neden: sabit nav backdrop-filter + hero blur(90px) blob'ları
   WebKit'in GPU tile belleğini taşırıp ekran altındaki döşemelerin
   boşaltılmasına yol açıyordu (yalnız Safari'de; adres çubuğu
   scroll'da daralınca yeniden boyama tetikleniyor). Bu ambient
   efektler telefonda görünür katkı sağlamaz; kaldırınca hem hata
   düzelir hem tüm mobil cihazlarda scroll/boyama hızlanır.
   Masaüstü (>900px) tam frosted/aurora tasarımı korur.
   ============================================================ */
@media(max-width:900px){
  .nav{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(255,255,255,.97)}
  .hero-bg .blob{display:none}
  .hero{background:linear-gradient(180deg,#f4f3ff 0%,var(--bg) 55%)}
  .appc .btn.ghost{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(255,255,255,.9)}
  .appc::before{display:none}
}

/* ============ mobil menü: açılır alt menüler + kompakt dil seçici ============ */
.ms-acc{margin:0}
.ms-acc-btn{width:100%;display:flex;align-items:center;gap:11px;padding:12px 12px;border:none;background:none;border-radius:12px;color:var(--text);font-size:var(--fs-lg);font-weight:600;font-family:inherit;cursor:pointer;text-align:left}
.ms-acc-btn>.ti{color:var(--acc);flex-shrink:0}
.ms-acc-btn>span{flex:1}
.ms-acc-btn:hover{background:var(--panel2)}
.ms-chev{width:18px;height:18px;color:var(--mut);flex-shrink:0;transition:transform .28s cubic-bezier(.22,1,.36,1)}
.ms-acc.open>.ms-acc-btn{color:var(--acc-text)}
.ms-acc.open .ms-chev{transform:rotate(180deg);color:var(--acc-text)}
.ms-sub{overflow:hidden;max-height:0;transition:max-height .32s cubic-bezier(.22,1,.36,1)}
.ms-acc.open .ms-sub{max-height:480px}
.msheet .ms-sub a{padding:8px 12px 8px 10px;border-radius:11px;font-size:var(--fs-md);font-weight:600}
.ms-si{width:34px;height:34px;border-radius:10px;background:var(--acc-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ms-si svg{width:17px;height:17px;fill:none;stroke:var(--acc-text);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.msheet .ms-sub a .ms-si{color:var(--acc-text)}
.ms-st{display:flex;flex-direction:column;min-width:0}
.ms-st b{font-size:var(--fs-md);font-weight:600;color:var(--text);display:flex;align-items:center;gap:7px;line-height:1.25}
.ms-st i{font-style:normal;font-size:var(--fs-xs);color:var(--mut);margin-top:2px;line-height:1.35}
.ms-soon{font-style:normal;font-size:9.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--acc-text);background:var(--acc-soft);border-radius:99px;padding:2px 7px}
.msheet a.ms-cta{color:var(--acc-text);background:var(--acc-soft);font-weight:700}
.msheet a.ms-cta .ti{color:var(--acc-text)}
.msheet a.ms-strong{font-weight:700}
/* kompakt dil segment kontrolü (bayrak şekli korunur) */
.ms-lang{display:flex;gap:4px;background:var(--panel2);border-radius:13px;padding:4px;margin-top:12px}
.msheet .ms-lang a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 8px;border-radius:9px;font-size:var(--fs-sm);font-weight:700;color:var(--mut);margin:0}
.msheet .ms-lang a:hover{background:transparent;color:var(--text)}
.msheet .ms-lang a.on{background:var(--panel);color:var(--acc-text);box-shadow:var(--sh-sm)}
.ms-lang a .lflag{width:20px;height:20px;flex-shrink:0}