/* IPTV site şablonu: Türkiye IPTV. Beyaz/nötr gri zemin, bronz-hardal vurgu, Source Serif 4 + Rubik + Nunito Sans. */

/* ---------- Yazı tipi (kendi sunucumuzdan) ---------- */
:root{
  --head:'Rubik',var(--font);
  --serif:Poppins,'Nunito Sans',system-ui,sans-serif;
  --radius-lg:8px; --radius-sm:6px; --header-h:76px;
  --accent-ink:#7a5a10;
  --shadow:0 1px 2px rgba(27,29,33,.05),0 10px 28px rgba(27,29,33,.07);
  --ok:#2f6b4a;
}

/* ---------- Temel ---------- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:var(--header-h)}
body{margin:0;background:var(--card);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,h4{margin:0;line-height:1.15;font-family:var(--serif);font-weight:400;letter-spacing:-.012em}
p{margin:0 0 1em}
a{color:inherit}
img,svg{max-width:100%}
ul,ol{margin:0;padding:0;list-style:none}
.container{width:100%;max-width:1180px;margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-999px;top:8px;background:var(--accent);color:var(--on-accent);padding:8px 14px;border-radius:8px;z-index:4000;text-decoration:none}
.skip:focus{left:12px}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}
.ic{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body.menu-open,body.modal-open{overflow:hidden}
.hp{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}

/* ---------- Düğmeler ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 22px;border-radius:var(--radius);border:1.5px solid transparent;font:500 15px/1 var(--head);text-decoration:none;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s,transform .2s;white-space:nowrap}
.btn:hover{transform:translateY(-1px)}
.btn-sm{min-height:44px;padding:0 18px;font-size:14px}
.btn-lg{min-height:54px;padding:0 28px;font-size:16px}
.btn-block{display:flex;width:100%}
.btn-accent{background:var(--accent);color:var(--on-accent)}
.btn-accent:hover{background:var(--accent-hover)}
.btn-wa{background:var(--wa);color:#0a2615}
.btn-wa:hover{background:#3ddc7b}
.btn-wa .ic{fill:currentColor;stroke:none}
.btn-outline{background:var(--card);border-color:var(--line);color:var(--text)}
.btn-outline:hover{border-color:var(--accent-ink);color:var(--accent-ink)}
.btn-glass{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.7);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.btn-glass:hover{background:#fff;color:var(--text)}
.more-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--accent-ink);font-weight:500;text-decoration:none;font-family:var(--head)}
.more-link .ic{width:18px;height:18px;transition:transform .2s}
.more-link:hover .ic{transform:translateX(4px)}
.link-btn{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}

/* ---------- Header: ortada logo, iki yana menü ---------- */
.site-header{position:sticky;top:0;z-index:1000;background:var(--card);border-bottom:1px solid var(--line);height:var(--header-h)}
.header-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;height:100%}
.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;flex:none}
.logo-mark{width:42px;height:42px;display:block;flex:none}
.logo-word{font-size:19px;font-weight:500;letter-spacing:.03em;white-space:nowrap;color:var(--text);font-family:var(--head)}
.logo-word span{color:var(--accent-ink)}
.nav-side{display:flex;align-items:center;gap:4px}
.nav-side nav{display:flex;gap:2px}
.nav-side--end{justify-content:flex-end;gap:14px}
.nav-side a:not(.btn){display:flex;align-items:center;min-height:44px;padding:0 12px;font-weight:500;font-size:15px;text-decoration:none;color:var(--text);border-bottom:2px solid transparent;transition:border-color .2s,color .2s;font-family:var(--head)}
.nav-side a:not(.btn):hover{border-bottom-color:var(--line)}
.nav-side a[aria-current]{border-bottom-color:var(--accent-ink)}
.menu-toggle{display:none;margin-left:auto;width:46px;height:46px;border:1.5px solid var(--line);border-radius:var(--radius);background:var(--card);cursor:pointer;align-items:center;justify-content:center}
.menu-toggle-bars{display:grid;gap:5px;width:20px}
.menu-toggle-bars span{display:block;height:2px;border-radius:2px;background:var(--text);transition:transform .25s,opacity .2s}
.menu-toggle[aria-expanded="true"] .menu-toggle-bars span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] .menu-toggle-bars span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded="true"] .menu-toggle-bars span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* Mobil çekmece: sağdan açılan beyaz panel, perde yok */
.mobile-menu{position:fixed;top:0;right:0;bottom:0;z-index:1500;width:min(86vw,340px);background:var(--card);border-left:1px solid var(--line);box-shadow:-18px 0 40px rgba(27,29,33,.10);transform:translateX(102%);visibility:hidden;transition:transform .32s cubic-bezier(.3,.8,.3,1),visibility 0s .32s}
.mobile-menu.is-open{transform:none;visibility:visible;transition:transform .32s cubic-bezier(.3,.8,.3,1)}
.mobile-menu-inner{height:100%;display:flex;flex-direction:column;padding:16px 22px 24px;overflow-y:auto}
.mobile-menu-close{align-self:flex-end;width:46px;height:46px;border:1.5px solid var(--line);border-radius:var(--radius);background:var(--card);cursor:pointer;display:grid;place-items:center;color:var(--text)}
.mobile-menu-close .ic{stroke-width:2.2}
.mobile-menu-list{margin:14px 0 24px}
.mobile-menu-list a{display:flex;align-items:center;min-height:52px;font-size:19px;font-weight:500;text-decoration:none;border-bottom:1px solid var(--line);font-family:var(--head)}
.mobile-menu-list a[aria-current]{color:var(--accent-ink)}
.mobile-menu .btn-wa{margin-top:auto}

/* ---------- Bölüm başlıkları ---------- */
.section-head{max-width:640px;margin:0 0 40px}
.section-head h2{font-size:clamp(28px,4vw,40px)}
.section-head p{color:var(--muted);margin:12px 0 0}
.section-head--row{max-width:none;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.section{padding:72px 0}
.section--grey{background:var(--bg)}

/* ---------- Hero: alt ortada başlık ---------- */
.hero{position:relative;height:calc(88vh - var(--header-h));height:calc(88svh - var(--header-h));min-height:540px;max-height:880px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;color:#fff;background:var(--text)}
.hero-photos{position:absolute;inset:0}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:0;max-width:none}
.hero-photo.is-active{opacity:1;z-index:2;transition:opacity .7s ease-in-out}
.hero-photo.is-prev{opacity:1;z-index:1;transition:none}
.hero:not(.is-ready) .hero-photo.is-active{transition:none}
.hero-veil{position:absolute;inset:0;z-index:3;background:linear-gradient(to top,rgba(14,15,18,.82) 0%,rgba(14,15,18,.55) 35%,rgba(14,15,18,.12) 68%,rgba(14,15,18,.10) 100%)}
.hero-content{position:relative;z-index:4;text-align:center;padding-top:40px;padding-bottom:max(120px,17vh)}
.hero h1{font-size:clamp(38px,6.2vw,80px);font-weight:400;line-height:1.04;letter-spacing:-.02em;max-width:16ch;margin:0 auto;text-shadow:0 2px 22px rgba(10,10,12,.4)}
.hero-slides{display:grid}
.hero-slide{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s}
.hero-slide.is-active{opacity:1;visibility:visible;transition:opacity .4s ease .3s,visibility 0s}
.hero:not(.is-ready) .hero-slide.is-active{transition:none}
.hero h1,.hero .hero-title{font-size:clamp(38px,6.2vw,80px);font-weight:400;line-height:1.04;letter-spacing:-.02em;max-width:16ch;margin:0 auto;text-shadow:0 2px 22px rgba(10,10,12,.4);font-family:inherit}
.hero-dots{display:flex;justify-content:center;gap:10px;margin-top:26px}
.hero-dot{width:10px;height:10px;padding:0;border-radius:50%;border:0;background:rgba(255,255,255,.5);cursor:pointer;position:relative}
.hero-dot::after{content:"";position:absolute;inset:-9px}
.hero-dot.is-active{background:#fff;transform:scale(1.25)}
.hero-dot:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media (prefers-reduced-motion:reduce){.hero-slide,.hero-slide.is-active{transition:none}}
.hero-lede{font-size:clamp(16px,1.7vw,20px);max-width:32em;margin:18px auto 0;text-shadow:0 1px 12px rgba(10,10,12,.5);text-wrap:balance}
.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:28px 0 0}

/* ---------- Kategoriler: merdiven ---------- */
.stairs{padding:96px 0 120px;background:var(--card)}
.stair-list{display:grid;gap:0;padding-bottom:8px}
.stair{position:relative;z-index:calc(var(--i) + 1);width:62%;margin-left:calc(var(--i) * var(--step, 12.6) * 1%);margin-top:calc(var(--i) * -34px);transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.stair:first-child{margin-top:0}
.stair:hover,.stair:focus-within{z-index:20;transform:translateY(-10px)}
.stair-card{position:relative;display:block;aspect-ratio:1200/560;border-radius:var(--radius-lg);overflow:hidden;color:#fff;text-decoration:none;box-shadow:0 8px 22px rgba(27,29,33,.16);transition:box-shadow .3s}
.stair:hover .stair-card,.stair-card:focus-visible{box-shadow:0 30px 60px rgba(27,29,33,.32)}
.stair-card img{width:100%;height:100%;object-fit:cover;display:block}
.stair-card--solid{background:color-mix(in srgb,var(--accent) calc(100% - var(--i,0) * 8%),#fff)}
.stair-glyph{position:absolute;right:7%;top:50%;width:clamp(64px,14%,120px);height:auto;transform:translateY(-50%);opacity:.9}
.stair-card--solid::after{display:none}
.stair-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(14,15,18,.78),rgba(14,15,18,0) 62%)}
.stair-text{position:absolute;left:24px;right:24px;top:20px;z-index:2;display:grid;gap:2px}
.stair-text strong{font-size:clamp(24px,3vw,34px);font-weight:400;letter-spacing:-.02em;font-family:var(--head)}
.stair-text span{font-size:15.5px}

/* ---------- Paketler ---------- */
.plans{padding:88px 0;background:var(--bg)}
.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.plan-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px 26px 26px;min-width:0}
.plan-card.popular{border:1px solid var(--accent);border-top:5px solid var(--accent);box-shadow:var(--shadow)}
.plan-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.plan-top h3{font-size:22px}
.plan-tag{font-size:12px;font-weight:500;color:var(--accent-ink);background:var(--accent-soft);padding:5px 11px;border-radius:var(--radius-sm);font-family:var(--head)}
.plan-meta{color:var(--muted);font-size:14.5px;margin:4px 0 18px}
.plan-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;margin:0 0 14px;line-height:1}
.plan-price .cur{font-size:26px;font-weight:500;order:2;font-family:var(--head)}
.plan-now{order:1}
.plan-old{order:3}
.plan-now{font-size:56px;font-weight:400;letter-spacing:-.03em;font-family:var(--head)}
.plan-old{color:var(--muted);font-size:17px;margin-left:6px}
.plan-desc{color:var(--muted);font-size:14.5px;margin:0 0 16px}
.plan-feats{display:grid;gap:10px;font-size:15px}
.plan-feats li{display:flex;gap:10px;align-items:flex-start}
.plan-feats .ic{width:18px;height:18px;color:var(--ok);margin-top:3px;stroke-width:2.4}
.plan-more{margin-top:12px}
.plan-more summary{display:inline-flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;font-weight:500;font-size:14.5px;color:var(--accent-ink);list-style:none;font-family:var(--head)}
.plan-more summary::-webkit-details-marker{display:none}
.plan-more summary::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.plan-more[open] summary::after{transform:rotate(-135deg)}
.plan-more .plan-feats{padding-top:4px;padding-bottom:6px}
.plan-note{font-size:13.5px;color:var(--muted);margin:14px 0 0}
.plan-card .btn{margin-top:auto}
.plan-card .plan-feats,.plan-card .plan-more,.plan-card .plan-note{margin-bottom:22px}
.plan-card .plan-more{margin-bottom:22px}

/* ---------- Adımlar ---------- */
.how{padding:88px 0 80px;background:var(--card)}
.how-row{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.how-row li{padding:28px 32px 8px 0;margin-right:32px;border-right:1px solid var(--line)}
.how-row li:last-child{border-right:0;margin-right:0}
.how-n{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:var(--radius);background:var(--accent);color:var(--on-accent);font-size:19px;font-weight:500;margin-bottom:16px;font-family:var(--head)}
.how-row h3{font-size:21px;margin-bottom:6px}
.how-row p{color:var(--muted);margin:0}
.how-link{margin:28px 0 0}

/* ---------- Blog ---------- */
.blog-sec{padding:72px 0 80px;background:var(--bg)}
.blog-rows{display:grid;gap:0;border-top:1px solid var(--line)}
.blog-row{display:flex;gap:24px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line);text-decoration:none}
.blog-row .post-thumb{width:200px;flex:none;aspect-ratio:16/10}
.blog-row-body{display:block;min-width:0}
.blog-row-body strong{display:block;font-size:20px;line-height:1.3;margin:6px 0 8px}
.blog-row-body small{color:var(--muted);font-size:13px}
.blog-row:hover strong{color:var(--accent-ink)}
.post-thumb{aspect-ratio:16/10;overflow:hidden;background:var(--accent-soft);border-radius:var(--radius)}
.post-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}

.post-thumb.ph{display:flex;align-items:center;justify-content:center;color:var(--accent-ink);font-size:14px;font-weight:500;text-align:center;padding:10px;font-family:var(--head)}
.tag{display:inline-block;font-size:12.5px;font-weight:500;color:var(--accent-ink);text-decoration:none;font-family:var(--head)}
.post-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;color:var(--muted);margin:8px 0 0}

/* ---------- Sayfa sonu ---------- */
.cta-center{padding:88px 0;background:var(--card);text-align:center;border-top:1px solid var(--line)}
.cta-center h2{font-size:clamp(28px,4vw,42px)}
.cta-center p{color:var(--muted);margin:10px 0 26px}

/* ---------- Footer ---------- */
.site-footer{background:var(--bg);border-top:1px solid var(--line);padding:48px 0 0;font-size:15px}
.footer-center{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}
.footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:0 6px}
.footer-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;font-weight:500;text-decoration:none;font-family:var(--head)}
.footer-nav a:hover,.footer-contact a:hover{color:var(--accent-ink)}
.footer-contact{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 24px;margin:0;color:var(--muted);overflow-wrap:anywhere}
.footer-contact a{display:inline-flex;align-items:center;min-height:36px;text-decoration:none}
.footer-bottom{display:flex;flex-wrap:wrap;gap:6px 24px;justify-content:center;text-align:center;margin-top:28px;padding-top:18px;padding-bottom:28px;border-top:1px solid var(--line);color:var(--muted);font-size:13.5px}
.footer-bottom p{margin:0}
.footer-bottom a,.footer-bottom .link-btn{display:inline-block;min-height:32px;line-height:32px}
.footer-bottom .link-btn{margin-left:12px}

/* ---------- Sayfa başlığı ---------- */
.page-title{padding:56px 0 40px;background:var(--card)}
.page-title::before{content:"";display:block;width:48px;height:5px;background:var(--accent);margin:0 0 22px max(20px,calc((100% - 1140px) / 2))}
.breadcrumb{display:flex;flex-wrap:wrap;gap:6px;font-size:14px;color:var(--muted);margin-bottom:14px}
.breadcrumb li+li::before{content:"/";margin-right:6px}
.breadcrumb a{text-decoration:none}
.breadcrumb a:hover{color:var(--accent-ink)}
.page-title h1,.contact-intro h1{font-size:clamp(34px,5.2vw,56px);font-weight:400;letter-spacing:-.015em;max-width:18ch}
.page-title--article h1{font-size:clamp(28px,4vw,42px);max-width:26ch}
.lede{font-size:18px;color:var(--muted);max-width:34em;margin:14px 0 0}
.article-meta{display:flex;flex-wrap:wrap;gap:6px 18px;color:var(--muted);font-size:14px;margin:16px 0 0}

/* ---------- Kurulum: yatay cihaz sekmeleri ---------- */
.setup{padding:8px 0 88px}
.tabbar{display:flex;flex-wrap:wrap;gap:0 4px;border-bottom:1px solid var(--line);margin-bottom:36px}
.tab{flex:0 1 auto;display:flex;align-items:center;gap:10px;min-height:56px;padding:0 22px;border:0;border-bottom:3px solid transparent;margin-bottom:-1px;background:none;font:500 15px var(--head);color:var(--muted);cursor:pointer;white-space:nowrap;transition:color .2s,border-color .2s}
.tab:hover{color:var(--text)}
.tab[aria-selected="true"]{color:var(--text);border-bottom-color:var(--accent-ink)}
.tab .ic{width:22px;height:22px}
.tabpanel{max-width:760px}
html.js .tabpanel[data-inactive]{display:none}
.tabpanel-title{font-size:28px;margin-bottom:24px}
.step-list{counter-reset:st;display:grid;gap:0}
.step-list li{counter-increment:st;position:relative;display:grid;gap:4px;padding:0 0 24px 58px;min-height:44px}
.step-list li::before{content:counter(st);position:absolute;left:0;top:0;width:40px;height:40px;border-radius:var(--radius);background:var(--accent);color:var(--on-accent);display:grid;place-items:center;font-weight:500;font-family:var(--head)}
.step-list li::after{content:"";position:absolute;left:19px;top:46px;bottom:6px;border-left:2px solid var(--line)}
.step-list li:last-child{padding-bottom:0}
.step-list li:last-child::after{display:none}
.step-list strong{font-size:17px;padding-top:8px}
.step-list span{color:var(--muted)}
.setup-needs{display:flex;flex-wrap:wrap;gap:12px 32px;margin:44px 0 0;padding-top:28px;border-top:1px solid var(--line);color:var(--muted);font-size:14.5px}
.setup-needs li{display:flex;align-items:center;gap:10px}
.setup-needs .ic{color:var(--accent-ink)}
.setup-needs strong{color:var(--text)}
.setup-help{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin:28px 0 0}
.setup-help span{font-weight:500;font-size:18px;font-family:var(--head)}

/* ---------- İletişim ---------- */
.contact{padding:56px 0 88px}
.contact-split{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:64px;align-items:start}
.contact-intro .breadcrumb{margin-bottom:22px}
.big-links{margin-top:36px;border-top:1px solid var(--line)}
.big-links a{display:block;padding:18px 0;border-bottom:1px solid var(--line);font-size:clamp(22px,2.6vw,30px);font-weight:500;letter-spacing:-.01em;text-decoration:none;overflow-wrap:anywhere;transition:color .2s,padding-left .2s;font-family:var(--head)}
.big-links a:hover{color:var(--accent-ink);padding-left:8px}
.big-links small{display:block;font-size:14px;font-weight:500;color:var(--muted);letter-spacing:0;font-family:var(--head)}
.qa{margin-top:72px;padding-top:40px;border-top:1px solid var(--line)}
.qa h2{font-size:28px;margin-bottom:12px}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 48px}
.faq-grid details{border-bottom:1px solid var(--line)}
.faq-grid summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:10px 0;cursor:pointer;font-weight:500;list-style:none;font-family:var(--head)}
.faq-grid summary::-webkit-details-marker{display:none}
.faq-grid summary::after{content:"";flex:none;width:9px;height:9px;border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(45deg);transition:transform .25s}
.faq-grid details[open] summary::after{transform:rotate(-135deg)}
.faq-grid details p{color:var(--muted);margin:0 0 18px}
.form-card{border:1px solid var(--line);border-radius:var(--radius-lg);padding:32px;background:var(--card);box-shadow:var(--shadow)}
.form-card h2{font-size:24px;margin-bottom:20px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field{margin-bottom:16px;min-width:0}
.field label{display:block;font-weight:500;font-size:14px;margin-bottom:6px;font-family:var(--head)}
.field input,.field select,.field textarea{width:100%;min-height:48px;padding:12px 14px;border:1.5px solid var(--line);border-radius:var(--radius-sm);font:400 16px var(--font);background:var(--card);color:var(--text)}
.field textarea{min-height:140px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--accent-ink);box-shadow:0 0 0 3px var(--accent-soft)}
.hint{font-size:13px;color:var(--muted);margin:6px 0 0}
.alert{padding:14px 16px;border-radius:var(--radius-sm);margin-bottom:20px;font-size:14.5px}
.alert-err{background:#fdecec;border:1px solid #f4b9b9;color:#8a2222}
.modal-backdrop{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:20px;background:rgba(16,24,38,.35);animation:m-fade .25s ease}
.modal-backdrop.is-closing{animation:m-fade .2s ease reverse forwards}
.modal{width:100%;max-width:440px;background:var(--card);border-radius:var(--radius);padding:38px 32px 30px;text-align:center;box-shadow:0 30px 80px rgba(16,24,38,.25);animation:m-pop .4s cubic-bezier(.2,.9,.3,1.1)}
.modal h2{font-size:24px;margin-bottom:10px}
.modal p{color:var(--muted);margin:0 0 24px}
.modal-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.modal-actions .btn{flex:1 1 150px}
@keyframes m-fade{from{opacity:0}to{opacity:1}}
@keyframes m-pop{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}
@keyframes m-draw{to{stroke-dashoffset:0}}
.modal-check{width:80px;height:80px;margin:0 auto 20px}
.modal-check svg{width:100%;height:100%;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.modal-check circle{stroke:var(--accent-soft);fill:var(--accent-soft)}
.modal-check circle.ring{stroke:var(--accent);fill:none;stroke-dasharray:151;stroke-dashoffset:151;animation:m-draw .7s .15s ease forwards}
.modal-check path{stroke:var(--accent);stroke-dasharray:44;stroke-dashoffset:44;animation:m-draw .45s .7s ease forwards}

/* ---------- Kampanyalar ---------- */
.campaign-list{display:grid;gap:20px}
.campaign-card{display:flex;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:var(--card)}
.campaign-media{width:300px;flex:none;margin:0;background:var(--accent-soft)}
.campaign-media img{width:100%;height:100%;object-fit:cover;display:block}
.campaign-body{padding:26px 28px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;flex:1;min-width:0}
.campaign-body .ann-pills{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.ann-date{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}
.ann-countdown{font-size:12px;font-weight:500;padding:4px 10px;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent-ink);font-family:var(--head)}
.campaign-body h2{font-size:24px;margin:0}
.campaign-body p{color:var(--muted);margin:0 0 6px}
.campaign-body .btn{margin-top:auto}
.campaign-empty{max-width:620px;padding:36px;border:1px solid var(--line);border-radius:var(--radius-lg)}
.campaign-empty h2{font-size:26px;margin-bottom:10px}
.campaign-empty p{color:var(--muted)}
.campaign-empty .hero-actions{justify-content:flex-start}

/* ---------- Bayilik ---------- */
.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.feature-item{padding:24px 0;border-top:2px solid var(--line)}
.feature-ic{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:var(--radius);background:var(--accent);color:var(--on-accent);margin-bottom:14px}
.feature-item h3{font-size:19px;margin-bottom:6px}
.feature-item p{color:var(--muted);margin:0}
.region-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;align-items:stretch}
.region-grid.single{grid-template-columns:minmax(0,520px)}
.region-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px}
.region-card.popular{border:2px solid var(--accent)}
.region-card h3{font-size:24px}
.region-desc{color:var(--muted);margin:6px 0 16px}
.region-price small{display:block;color:var(--muted);font-size:13.5px;margin-bottom:6px}
.region-feats{display:grid;gap:12px;margin:18px 0 24px}
.region-feat{display:grid;grid-template-columns:20px 1fr;gap:2px 12px;font-size:14.5px}
.region-feat .ic{grid-row:1/3;color:var(--ok);margin-top:2px}
.region-feat span{color:var(--muted)}
.region-card .btn{margin-top:auto}
.pricing-note{margin:24px 0 0;color:var(--muted)}
.pricing-note a{color:var(--accent-ink);font-weight:500;font-family:var(--head)}
.empty{color:var(--muted)}
.empty a{color:var(--accent-ink);font-weight:500;font-family:var(--head)}
.step-chip-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.step-chip{padding:0}
.step-chip-n{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--radius);background:var(--accent);color:var(--on-accent);font-weight:500;margin-bottom:14px;font-family:var(--head)}
.step-chip strong{display:block;font-size:19px;margin-bottom:6px}
.step-chip p{color:var(--muted);margin:0}

/* ---------- Blog liste ve yazı ---------- */
.blog-tools{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;margin-bottom:32px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:var(--radius-sm);border:1.5px solid var(--line);font-size:14px;font-weight:500;text-decoration:none;transition:border-color .2s,background-color .2s;font-family:var(--head)}
.chip:hover{border-color:var(--accent-ink)}
.chip[aria-current]{background:var(--accent);border-color:var(--accent-ink);color:var(--on-accent)}
.search{display:flex;gap:8px}
.search input{min-height:44px;padding:0 16px;border:1.5px solid var(--line);border-radius:var(--radius);font:400 15px var(--font);min-width:0;flex:1}
.search input:focus{outline:0;border-color:var(--accent-ink)}
.search-result-note{color:var(--muted);margin-bottom:18px}
.blog-feature{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center;text-decoration:none;margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid var(--line)}
.blog-feature .post-thumb{aspect-ratio:16/10}
.blog-feature-body{display:block}
.blog-feature-body h2{font-size:clamp(24px,3vw,32px);line-height:1.2;margin:10px 0 12px}
.blog-feature-body p{color:var(--muted)}
.blog-feature:hover h2{color:var(--accent-ink)}
.blog-list-rows{display:grid;gap:8px}
.blog-list-row{display:flex;gap:24px;padding:18px 0;border-bottom:1px solid var(--line);text-decoration:none}
.blog-list-row .post-thumb{width:240px;flex:none}
.blog-list-row-body{min-width:0;display:block}
.blog-list-row-body h2,.blog-list-row-body h3{font-size:20px;line-height:1.3;margin:6px 0 8px}
.blog-list-row-body p{color:var(--muted);font-size:15px;margin:0}
.blog-list-row:hover h2,.blog-list-row:hover h3{color:var(--accent-ink)}
.pager{display:flex;justify-content:center;gap:8px;margin-top:44px}
.pager a,.pager span{min-width:44px;height:44px;padding:0 14px;display:grid;place-items:center;border-radius:var(--radius);border:1.5px solid var(--line);text-decoration:none;font-weight:500;font-family:var(--head)}
.pager [aria-current]{background:var(--accent);color:var(--on-accent);border-color:var(--accent-ink)}
.pager a:hover{border-color:var(--accent-ink)}
.article-section{padding:48px 0 80px}
.article-wrap{display:grid;grid-template-columns:minmax(0,720px) 300px;gap:56px;justify-content:center;align-items:start}
.article-wrap>article,.article-wrap>aside{min-width:0}
.post-cover{margin:0 0 36px}
.post-cover img{display:block;width:100%;height:auto;border-radius:var(--radius-lg)}
.post-cta{margin-top:48px;border:1px solid var(--line);border-radius:var(--radius-lg);padding:30px}
.post-cta h3{font-size:22px;margin-bottom:8px}
.post-cta p{color:var(--muted)}
.cta-actions{display:flex;flex-wrap:wrap;gap:12px;margin:0!important}
.related{margin-top:72px}
.related h2{font-size:26px;margin-bottom:12px}
.aside-card{position:sticky;top:calc(var(--header-h) + 20px);display:grid;gap:18px}
.toc,.aside-cta{border:1px solid var(--line);border-radius:var(--radius);padding:22px}
.toc h3,.aside-cta h3{font-size:16px;margin-bottom:12px}
.toc ul{display:grid;gap:2px;font-size:14.5px}
.toc a{display:block;padding:7px 10px;border-radius:8px;text-decoration:none;color:var(--muted);line-height:1.4}
.toc a:hover{background:var(--bg);color:var(--accent-ink)}
.aside-cta p{font-size:14.5px;color:var(--muted);margin-bottom:14px}
.prose{font-size:17px;line-height:1.85}
.prose h2{font-size:27px;margin:2.1em 0 .7em;scroll-margin-top:96px}
.prose h3{font-size:21px;margin:1.8em 0 .5em;scroll-margin-top:96px}
.prose p{margin:0 0 1.25em}
.prose ul,.prose ol{margin:0 0 1.4em;padding-left:1.4em}
.prose ul{list-style:disc}
.prose ol{list-style:decimal}
.prose li{margin:.45em 0}
.prose li::marker{color:var(--accent-ink);font-weight:500;font-family:var(--head)}
.prose a{color:var(--accent-ink);font-weight:500;text-underline-offset:3px;font-family:var(--head)}
.prose>:first-child{margin-top:0}
.prose img{max-width:100%;height:auto;border-radius:8px;display:block;margin:0 auto}
.prose figure{margin:2em 0}
.prose figcaption{text-align:center;font-size:14px;color:var(--muted);margin-top:10px}
.prose table{display:block;width:100%;overflow-x:auto;border-collapse:separate;border-spacing:0;margin:1.8em 0;font-size:15px;line-height:1.5;border:1px solid var(--line);border-radius:14px}
.prose th,.prose td{padding:13px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.prose thead th{background:var(--bg);font-weight:500;font-size:14px;white-space:nowrap;font-family:var(--head)}
.prose tbody tr:last-child td{border-bottom:0}

/* ---------- Çerez politikası ---------- */
.legal{max-width:820px;margin:0 0 0}
.legal p,.legal li{color:var(--muted)}
.legal ul{list-style:disc;padding-left:1.3em;margin-top:14px}
.legal-meta{color:var(--muted);font-size:14px;margin-bottom:24px}
.legal-item{border-bottom:1px solid var(--line)}
.legal-item summary{list-style:none;cursor:pointer;min-height:60px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-weight:500;font-size:18px;font-family:var(--head)}
.legal-item summary::-webkit-details-marker{display:none}
.legal-item summary::after{content:"";flex:none;width:10px;height:10px;border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(45deg);transition:transform .25s}
.legal-item[open] summary::after{transform:rotate(-135deg)}
.legal-item>p,.legal-item>ul{padding-bottom:18px}
.cookie-list{display:grid;gap:14px;margin:10px 0 20px}
.cookie-item{border-top:1px solid var(--line);padding-top:14px}
.cookie-item dt{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-weight:500;margin-bottom:6px;font-family:var(--head)}
.cookie-item dt code{background:var(--bg);padding:2px 8px;border-radius:6px;font-size:13px}
.cookie-item dt b{font-size:12px;font-weight:500;color:var(--accent-ink);background:var(--accent-soft);padding:3px 9px;border-radius:var(--radius-sm);font-family:var(--head)}
.cookie-item dd{margin:0;font-size:14.5px}
.cookie-item dd i{display:block;font-style:normal;font-size:13px;margin-top:4px}

/* ---------- 404 ---------- */
.notfound{padding:72px 0 96px}
.notfound-row{display:grid;grid-template-columns:minmax(0,360px) 1fr;gap:56px;align-items:center}
.notfound-art{width:100%;max-width:200px;height:auto}
.notfound-code{margin:0 0 6px;font-size:18px;font-weight:500;color:var(--accent-ink);font-family:var(--head)}
.notfound h1{font-size:clamp(32px,5vw,48px);margin-bottom:12px}
.notfound p{color:var(--muted)}
.notfound .hero-actions{justify-content:flex-start;margin-top:24px}

/* ---------- Çerez kartı: alt orta, beyaz ---------- */
body .cookie-bar{padding:0 12px 24px}
body .cookie-card{max-width:460px;background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:var(--radius-lg);padding:16px 18px;box-shadow:0 10px 36px rgba(27,29,33,.16)}
body .cookie-bar p{margin:0 0 12px;font-size:13.5px;line-height:1.5;color:var(--muted)}
body .cookie-bar a{color:var(--accent-ink);font-weight:500;font-family:var(--head)}
body .ck-btn{min-height:44px;border:1.5px solid var(--line);color:var(--text);background:var(--card);border-radius:var(--radius)}
body .ck-btn:hover{border-color:var(--accent-ink)}
body .ck-btn--primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
@media (min-width:641px){body .cookie-bar{padding:0 20px 24px}body .cookie-card{padding:16px 18px;border-radius:var(--radius-lg)}}
@media (max-width:1100px){body:has(.cookie-bar:not([hidden])) .wa-bubble{display:none}}
@media (max-width:640px){
  body .cookie-bar{padding:0}
  body .cookie-card{max-width:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:0;padding:14px 16px}
  body:has(.cookie-bar:not([hidden])) .wa-float{display:none}
}

/* ---------- Kaydırma girişi (yalnızca JS varken gizli başlar) ---------- */
html.js [data-reveal]{opacity:0;transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
html.js [data-reveal="up"]{transform:translateY(22px)}
html.js [data-reveal="left"]{transform:translateX(-26px)}
html.js [data-reveal="right"]{transform:translateX(26px)}
html.js [data-reveal].is-revealed{opacity:1;transform:none}
@media (max-width:1023px){html.js [data-reveal=left],html.js [data-reveal=right]{transform:translateY(22px)}}
.devices-sec,.steps-sec,.blog-sec{overflow-x:clip}

/* ---------- Duyarlı ---------- */
@media (max-width:1023px){
  .header-row{display:flex}
  .nav-side{display:none}
  .menu-toggle{display:flex}
  .contact-split{grid-template-columns:minmax(0,1fr);gap:40px}
  .faq-grid{grid-template-columns:minmax(0,1fr)}
  .article-wrap{grid-template-columns:1fr}
  .aside-card{position:static}
  .stair{width:70%;margin-left:calc(var(--i) * var(--step, 12.6) * .79%)}
}
@media (max-width:900px){
  .plan-card{padding:22px 18px}
  .plan-now{font-size:42px}
  .plan-price .cur{font-size:20px}
  .plan-top h3{font-size:19px}
  .plan-top{flex-wrap:wrap}
}
@media (max-width:767px){
  :root{--header-h:68px}
  .container{padding:0 16px}
  .section,.plans,.how,.blog-sec,.stairs{padding-top:52px;padding-bottom:56px}
  .plan-grid{grid-template-columns:1fr}
  .plan-now{font-size:52px}
  .plan-price .cur{font-size:24px}
  .plan-card{padding:26px 22px}
  .stair{width:88%;margin-left:calc(var(--i) * var(--stepm, 4) * 1%);margin-top:calc(var(--i) * -18px)}
  .stair:first-child{margin-top:0}
  .stair-card{aspect-ratio:16/11}
  .stair-text{left:16px;top:14px}
  .how-row{grid-template-columns:1fr}
  .how-row li{padding:24px 0 8px;margin-right:0;border-right:0;border-bottom:1px solid var(--line)}
  .blog-row{flex-direction:column;align-items:stretch;gap:12px}
  .blog-row .post-thumb{width:100%}
  .blog-list-row{flex-direction:column;gap:12px}
  .blog-list-row .post-thumb{width:100%}
  .blog-feature{grid-template-columns:1fr;gap:18px}
  .benefit-grid,.region-grid,.step-chip-row{grid-template-columns:1fr}
  .campaign-card{flex-direction:column}
  .campaign-media{width:100%;aspect-ratio:16/9}
  .form-row{grid-template-columns:1fr;gap:0}
  .form-card{padding:22px 18px}
  .tab{padding:0 16px}
  .tabpanel-title{font-size:24px}
  .setup-help .btn{width:100%}
  .cta-center .btn{width:100%}
  .notfound-row{grid-template-columns:1fr;gap:28px}
  .notfound-art{max-width:240px}
  .hero{min-height:520px}
  .hero-content{padding-bottom:20vh}
  .hero-actions .btn{width:100%}
  .section-head--row{flex-direction:column;align-items:flex-start}
  .footer-bottom .link-btn{margin-left:0}
}
@media (max-width:420px){
  .logo-word{font-size:17px}
  .logo-mark{width:40px;height:40px}
}

/* ---------- Hareket azaltma ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .stair:hover,.stair:focus-within{transform:none}
  html.js [data-reveal]{opacity:1;transform:none}
}

@media (max-width:767px){.tab{flex:1 1 auto;justify-content:center;padding:0 12px}}

@media (max-width:640px) and (max-height:700px){.hero-lede{display:none}.hero-content h1{margin-bottom:22px}}

/* Bayilik paket notu */
.th-bayi-note{margin:14px 0 0;font-size:13px;line-height:1.5;color:#667085;order:99}
/* Yazı tipi: düğme, menü, etiket ve rozetler Rubik 600 */
.tab,body .cookie-bar .ck-btn,.cookie-bar .ck-btn{font-family:var(--head);font-weight:500}

/* Kategori ızgarası (10 kart) */
.stair-list--grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;padding-bottom:0}
.stair-list--grid .stair{width:auto;margin:0}
.stair-list--grid .stair:nth-child(4n+2){transform:translateY(0)}
.stair-list--grid .stair:hover,.stair-list--grid .stair:focus-within{transform:translateY(-6px)}
.stair-list--grid .stair-card{aspect-ratio:4/5}
.stair-list--grid .stair-card::after{background:linear-gradient(to top,rgba(14,15,18,.86),rgba(14,15,18,.35) 48%,rgba(14,15,18,0) 75%)}
.stair-list--grid .stair-text{top:auto;bottom:16px;left:18px;right:18px}
.stair-list--grid .stair-text strong{font-size:clamp(20px,2vw,26px)}
.stair-list--grid .stair-text>span{font-size:14px;opacity:.95}
.stair-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px;font-style:normal}
.stair-tags i{font-style:normal;font-size:12px;line-height:1;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.3)}
@media (max-width:1023px){.stair-list--grid{grid-template-columns:repeat(2,1fr);gap:16px}.stair-list--grid .stair-card{aspect-ratio:4/3}}
@media (max-width:639px){.stair-list--grid{grid-template-columns:1fr}.stair-list--grid .stair-card{aspect-ratio:16/10}}

/* ===== WhatsApp yüzen buton: site temasına uyarlandı ===== */
body .wa-float .wa-btn{width:58px;height:58px;border-radius:var(--radius-lg);background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow);transition:transform .2s,background .2s,box-shadow .2s}
body .wa-float .wa-btn::before,body .wa-float .wa-btn::after{border-radius:inherit;border-color:var(--accent)}
body .wa-float .wa-btn .ic{width:30px;height:30px;fill:var(--on-accent)}
body .wa-float:hover .wa-btn,body .wa-float:focus-visible .wa-btn{background:var(--accent-hover);transform:translateY(-2px) scale(1.04);box-shadow:0 12px 30px rgba(27,29,33,.2)}
body .wa-float:focus-visible{outline:none}
body .wa-float:focus-visible .wa-btn{outline:2px solid var(--ink);outline-offset:3px}
body .wa-float .wa-bubble{background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:var(--radius);font-family:var(--head);font-weight:500;box-shadow:var(--shadow)}
body .wa-float .wa-bubble::after{background:var(--card);border-right:1px solid var(--line);border-top:1px solid var(--line);border-radius:0 2px 0 0}
body .wa-float .wa-bubble b{color:var(--accent-ink);font-weight:500}

/* ===== Sayılarla Biz: geniş bant sahnesi ===== */
.numbers{position:relative;overflow:hidden;background:var(--ink);color:#fff;padding:84px 0 88px}
.numbers-bg{position:absolute;inset:-40px 0;display:flex;flex-direction:column;justify-content:space-around;pointer-events:none;user-select:none;transform:translate3d(0,var(--py,0px),0);will-change:transform}
.numbers-bg span{font:400 clamp(110px,19vw,260px)/1 var(--head);letter-spacing:-.04em;white-space:nowrap;color:rgba(255,255,255,.045)}
.numbers-bg span:nth-child(odd){align-self:flex-start;margin-left:-2vw}
.numbers-bg span:nth-child(even){align-self:flex-end;margin-right:-2vw}
.numbers-inner{position:relative}
.numbers h2{color:#fff;font-size:clamp(28px,4vw,40px);margin-bottom:12px;padding-bottom:16px;position:relative}
.numbers h2::after{content:"";position:absolute;left:0;bottom:0;width:56px;height:3px;background:var(--accent);border-radius:2px}
.numbers-list{display:grid;grid-template-columns:repeat(4,1fr);margin-top:36px;border-top:1px solid rgba(255,255,255,.18)}
.numbers-list li{padding:28px 24px 0;border-left:1px solid rgba(255,255,255,.18)}
.numbers-list li:first-child{border-left:0;padding-left:0}
.numbers .num{display:block;font:400 clamp(36px,4.6vw,56px)/1.05 var(--head);letter-spacing:-.02em;font-variant-numeric:tabular-nums;min-width:7.2ch;color:#fff}
.numbers .lbl{display:block;margin-top:10px;font-size:15px;color:rgba(255,255,255,.78);font-family:var(--head);font-weight:500;letter-spacing:.02em}
.numbers .lbl::before{content:"";display:block;width:28px;height:2px;background:var(--accent);margin-bottom:10px}
@media (max-width:900px){.numbers-list{grid-template-columns:repeat(2,1fr)}.numbers-list li:nth-child(3){border-left:0;padding-left:0}.numbers-list li:nth-child(n+3){margin-top:28px;border-top:1px solid rgba(255,255,255,.18)}}
@media (max-width:639px){.numbers{padding:52px 0 56px}.numbers-list li{padding:22px 14px 0}.numbers-list li:nth-child(odd){padding-left:0}.numbers .num{min-width:6.4ch}}

/* ===== Paketler: Türkiye / Avrupa anahtarı ===== */
.plan-switch{display:none}
html.js .plan-switch{display:inline-flex;gap:4px;padding:4px;margin:-8px 0 32px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg)}
.plan-switch button{min-height:44px;padding:0 26px;border:0;border-radius:var(--radius);background:transparent;color:var(--muted);font:500 15px/1 var(--head);cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
.plan-switch button:hover{color:var(--text)}
.plan-switch button[aria-selected="true"]{background:var(--accent);color:var(--on-accent);box-shadow:0 1px 2px rgba(27,29,33,.12)}
.plan-group-title{font-size:20px;margin:0 0 16px}
.plan-panel + .plan-panel{margin-top:40px}
html.js .plan-group-title{display:none}
.plan-panel[hidden]{display:none}
.plan-panel.is-in{animation:plan-in .45s cubic-bezier(.2,.7,.2,1)}
@keyframes plan-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.plan-grid--single{grid-template-columns:minmax(0,400px);justify-content:center}
.plan-gift{display:flex;align-items:center;gap:8px;margin:0 0 18px;padding:9px 12px;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent-ink);font:500 13.5px/1.3 var(--head)}
.plan-gift .ic{width:16px;height:16px;stroke-width:2.4}
.plan-card .plan-gift{margin-top:auto}
.plan-card .plan-gift + .btn{margin-top:0}

/* ===== Kampanya şeridi (ana sayfa) ===== */
.promo{background:var(--accent-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0}
.promo-row{display:flex;align-items:center;gap:24px}
.promo-badge{flex:none;display:grid;place-items:center;width:72px;height:72px;border-radius:var(--radius-lg);background:var(--accent);color:var(--on-accent);font:500 19px/1 var(--head)}
.promo-text{flex:1;min-width:0}
.promo-text h2{font-size:clamp(21px,2.6vw,28px)}
.promo-text p{margin:6px 0 0;color:var(--muted)}
@media (max-width:639px){.promo-row{flex-wrap:wrap;gap:16px}.promo-text{flex-basis:calc(100% - 90px)}.promo-row .btn{width:100%}}

/* ===== Kampanyalar sayfası: öne çıkan kart ===== */
.campaign-featured{border-top:5px solid var(--accent);box-shadow:var(--shadow);margin-bottom:20px}
.campaign-featured .campaign-body{padding:30px 32px;gap:12px}
.campaign-featured h2{font-size:clamp(26px,3.4vw,34px)}
.campaign-sub{font:500 17px/1.4 var(--head);color:var(--accent-ink)!important}
.campaign-terms-title{font-size:19px;margin-top:6px}
.campaign-terms{display:grid;gap:9px;font-size:15px;margin-bottom:8px}
.campaign-terms li{display:flex;gap:10px;align-items:flex-start;color:var(--text)}
.campaign-terms .ic{width:18px;height:18px;color:var(--ok);margin-top:3px;stroke-width:2.4}
.campaign-list--more{margin-top:20px}
@media (max-width:639px){.campaign-featured .campaign-body{padding:24px 20px}}

/* ===== Desteklenen cihazlar: süzülen logolar ===== */
.devs{position:relative;overflow:hidden;padding:96px 0 104px;background:var(--bg)}
.devs::before,.devs::after{content:"";position:absolute;border-radius:50%;background:var(--accent-soft);pointer-events:none}
.devs::before{width:420px;height:420px;left:-140px;top:40px}
.devs::after{width:320px;height:320px;right:-100px;bottom:20px;opacity:.8}
.devs .container{position:relative;z-index:1}
.dev-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:22px 18px}
.dev-item{animation:dev-float 6s ease-in-out var(--d,0s) infinite;will-change:transform}
.dev-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:22px 12px 16px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:0 1px 2px rgba(27,29,33,.05);transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s,border-color .25s}
.dev-card:hover{transform:scale(1.07);box-shadow:var(--shadow);border-color:var(--accent)}
.dev-card img{width:96px;height:48px;object-fit:contain;display:block}
.dev-card span{font:500 14.5px/1.25 var(--head);color:var(--text);text-align:center}
@keyframes dev-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media (max-width:1023px){.dev-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:639px){.devs{padding:52px 0 60px}.dev-grid{gap:14px 10px}.dev-card{padding:16px 6px 12px}.dev-card img{width:72px;height:40px}.dev-card span{font-size:13px}}
@media (prefers-reduced-motion:reduce){.dev-item{animation:none}.plan-panel.is-in{animation:none}.numbers-bg{transform:none!important}}

/* ===== Yazı stili: ince hatlı güvenlik bloğu (500 üstü yok) ===== */
html body b,html body strong,html body th,html body dt,html body h1,html body h2,html body h3,html body h4,html body h5,html body h6,html body button,html body .btn,html body input,html body select,html body textarea,html body label,html body summary,html body nav a,html body em,html body i{font-weight:500}
html body h1,html body h2,html body h3,html body h4,html body h5,html body h6{font-weight:400;letter-spacing:-.01em}
html body i,html body em{font-weight:400}
html body .prose b,html body .prose strong{font-weight:500;color:var(--text)}
html body .cookie-bar,html body .cookie-bar *,html body .ck-btn,html body .wa-float,html body .wa-float *,html body .wa-bubble,html body .wa-bubble b,html body .announcement,html body .announcement *,html body .ann-bar,html body .ann-bar *,html body form label,html body .form-group label,html body .field label{font-weight:500}
html body .cookie-bar p,html body .wa-float .wa-bubble span{font-weight:400}
html body .hero h1,html body .hero .hero-title,html body .page-title h1,html body .contact-intro h1,html body .numbers-bg span,html body .numbers .num{font-weight:400}
html body .plan-now{font-weight:400}

/* poppins-baslik */
h1,h2,h3,h4,.hero-title{font-weight:500;letter-spacing:-.01em}

/* poppins-baslik-2 */
body h1,body h2,body h3,body h4,body .hero-title,body .section-head h2{font-weight:500}