/* KolayPR ana sayfa: açık tema, logo renkleri (lacivert), kesik tek köşe biçimi ve koyu mod.
   home-v2b.css'in üstüne yüklenir. <html> etiketindeki data-tema / data-renk / data-bicim / data-alt
   öznitelikleri bu dosyadaki kuralların seçicileridir; kaldırılırsa tasarım eski koyu temaya döner.
   Koyu mod: <html data-mod="koyu">; düğme ve tercih kaydı assets/js/home-v2.js'te. */

/* Temel renk belirteçleri (Logo · Lacivert aşağıda bunların üstüne yazar) */
[data-tema="kurumsal"]{
  --bg:#FFFFFF; --bg-alt:#F4F7FB; --bg-tint:#EEF4FA; --surface:#FFFFFF; --surface-2:#F4F7FB;
  --hero-bg:linear-gradient(180deg,#F4F8FD 0%,#FFFFFF 100%);
  --ink:#0C1D36; --text:#3B4A60; --muted:#5F6E84;
  --border:#E2E8F0; --border-strong:#CBD5E1;
  --primary:#1E56A0; --primary-hover:#174582; --primary-ink:#FFFFFF; --primary-soft:#E5EEF9;
  --accent:#0E8090; --accent-2:#1E56A0; --accent-soft:#E0F2F3; --accent-ink:#0A6470;
  --link:#1E56A0; --link-hover:var(--lacivert);
  --shadow-sm:0 1px 2px rgba(12,29,54,.06),0 4px 12px -6px rgba(12,29,54,.10);
  --shadow-lg:0 2px 6px rgba(12,29,54,.06),0 28px 56px -28px rgba(12,29,54,.28);
  --footer-bg:#F4F7FB;
  --radius-card:12px;
}
/* ===== Ortak açık tema ===== */
[data-tema]{
  color-scheme:light;
  /* eski koyu tema değişkenlerini açık karşılıklarına bağla */
  --ink-100:var(--ink); --ink-300:var(--text); --ink-500:var(--muted);
  --teal-300:var(--accent); --teal-400:var(--accent); --teal-600:var(--accent); --turq:var(--accent);
  --cta-text:var(--link); --cta-hover:var(--link-hover);
  /* koyu bloklar (lacivert bant, kapanış, öne çıkan paket) ve üzerlerindeki vurgu */
  --lacivert:#0C1D36; --lacivert-ust:#13294A; --lacivert-kat:#1E3556;
  --lacivert-metin:#C9D4E5; --lacivert-soluk:#9FB0C8; --vurgu-acik:#7FD6DF;
  --line:var(--border); --line-strong:var(--border-strong);
  --coral:#C2412D;
  --shadow-card:var(--shadow-sm);
  --r-card:var(--radius-card);
}
[data-tema] body{background:var(--bg);color:var(--text)}
[data-tema] body::before{display:none}
[data-tema] :focus-visible{outline-color:var(--accent)}
[data-tema] .skip{background:var(--primary);color:var(--primary-ink)}
/* düğmeler ve bağlantılar */
[data-tema] .btn-primary{background:var(--primary);color:var(--primary-ink);box-shadow:0 10px 22px -12px color-mix(in srgb,var(--primary) 70%,transparent)}
[data-tema] .btn-primary:hover{background:var(--primary-hover);box-shadow:0 12px 26px -12px color-mix(in srgb,var(--primary) 80%,transparent)}
[data-tema] .btn-outline{background:var(--surface);border-color:var(--border-strong);color:var(--ink)}
[data-tema] .btn-outline:hover{background:var(--surface-2);border-color:var(--ink)}
[data-tema] .link,[data-tema] main p a,[data-tema] main li a,[data-tema] .faq a,[data-tema] .extras a{color:var(--link)}
[data-tema] .link{text-decoration-color:transparent}
[data-tema] .link:hover,[data-tema] main p a:hover,[data-tema] main li a:hover,[data-tema] .extras a:hover{color:var(--link-hover);text-decoration-color:currentColor}
[data-tema] .tq .link,[data-tema] .s-tqd .link{background:none;padding:0;border-radius:0;color:var(--link);min-height:44px}
[data-tema] .tq .link:hover,[data-tema] .s-tqd .link:hover{background:none;color:var(--link-hover)}
[data-tema] .tq a:not(.btn):not(.link){color:var(--link)}
/* üst menü */
[data-tema] .site-header{background:color-mix(in srgb,var(--surface) 96%,transparent);border-bottom-color:var(--border)}
[data-tema] .brand,[data-tema] .brand:hover{color:var(--ink)}
[data-tema] .brand i{color:var(--ink)}
[data-tema] .brand b,[data-tema] .site-footer .brand b{color:var(--accent)}
[data-tema] .brand-logo path:first-child{stroke:var(--accent)}
[data-tema] .brand-logo path:not(:first-child){fill:var(--accent);stroke:var(--accent)}
[data-tema] .nav-links{gap:2px}
[data-tema] .nav-links a{background:transparent;border:0;color:var(--text);font-weight:500;padding:0 12px}
[data-tema] .nav-links a:hover{background:var(--surface-2);color:var(--ink)}
[data-tema] .nav-login{color:var(--ink);font-weight:500}
[data-tema] .nav-login:hover{color:var(--link-hover)}
[data-tema] .nav-toggle{color:var(--ink);border-color:var(--border-strong)}
[data-tema] .nav-toggle:hover{background:var(--surface-2);border-color:var(--ink);color:var(--ink)}
[data-tema] .nav-panel{background:var(--surface);border-top-color:var(--border)}
[data-tema] .nav-panel a:not(.btn),[data-tema] .nav-panel .sub a{background:transparent;color:var(--ink);border:0;border-bottom:1px solid var(--border);border-radius:0;margin:0;padding:0 4px}
[data-tema] .nav-panel .sub a{color:var(--text)}
[data-tema] .nav-panel a:not(.btn):hover{background:var(--surface-2);color:var(--ink)}
[data-tema] .nav-panel .btn-primary{color:var(--primary-ink)}
/* hero */
[data-tema] .hero{background:var(--hero-bg)}
[data-tema] .hero::before{background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 10%,transparent),transparent 70%)}
[data-tema] .hero h1{color:var(--ink)}
[data-tema] .hero h1 em{color:var(--accent);background:linear-gradient(100deg,var(--accent) 0%,var(--accent-2) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
[data-tema] .hero h1 em{white-space:normal}
[data-tema] .hero .lead{color:var(--text)}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:22px;padding:7px 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent-ink);font:700 .75rem/1 var(--font-body);letter-spacing:.08em;text-transform:uppercase}
[data-tema] .hero-stage::before{bottom:3%;width:86%;background:linear-gradient(180deg,color-mix(in srgb,var(--accent-soft) 45%,var(--surface)) 0%,var(--accent-soft) 100%);box-shadow:0 0 0 14px color-mix(in srgb,var(--accent-soft) 35%,transparent)}
[data-tema] .hero-kolay{filter:drop-shadow(0 18px 22px rgba(14,33,64,.16))}
.hero-chip{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:12px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);color:var(--ink);font:600 .875rem/1.2 var(--font-body);white-space:nowrap}
.hero-chip .ico{width:30px;height:30px;padding:7px;border-radius:50%;background:var(--accent-soft);color:var(--accent)}
.hero-chip--a{top:14%;right:-2%}
.hero-chip--b{bottom:16%;left:-4%}
@media (max-width:560px){.hero-chip--a{right:0}
.hero-chip--b{left:0}}
[data-tema] .motion-hero{background:color-mix(in srgb,var(--surface) 92%,transparent);color:var(--ink);border-color:var(--border-strong)}
/* güven çizgisi */
[data-tema] .facts{background:var(--surface);border-color:var(--border)}
[data-tema] .facts li{color:var(--ink);font-weight:500}
[data-tema] .facts .ico{color:var(--accent)}
/* bölüm zeminleri: koyu/turkuaz bölümler açık tonlara döner */
[data-tema] .section{background:var(--bg)}
[data-tema] .s-deep,[data-tema] .s-teal{background:var(--bg-alt)}
[data-tema] .s-tqd{background:var(--bg-tint);--ink-100:var(--ink);--ink-300:var(--text);--ink-500:var(--muted);--teal-300:var(--accent);--line:var(--border);--line-strong:var(--border-strong);color:var(--text)}
[data-tema] .s-tqd .lead,[data-tema] .s-tqd p{color:var(--text)}
[data-tema] .s-tqd .opt{color:var(--muted)}
[data-tema] .eyebrow{color:var(--accent)}
[data-tema] .lead{color:var(--text)}
/* ne yapıyoruz */
[data-tema] .row dt{color:var(--accent)}
[data-tema] .topics.tq{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);--ink-100:var(--ink);--ink-300:var(--text);color:var(--text)}
[data-tema] .topics.tq h3{color:var(--ink)}
[data-tema] .topics.tq li,[data-tema] .topics.tq p{color:var(--text)}
[data-tema] .topics.tq .ico{color:var(--accent)}
/* nasıl çalışır */
[data-tema] .how-steps .step,[data-tema] .s-tqd .step{border-top-color:var(--border)}
[data-tema] .step::before,[data-tema] .s-tqd .step::before{background:var(--accent-soft);border:0;color:var(--accent-ink)}
[data-tema] .step .meta{color:var(--ink)}
[data-tema] .shot-bar{background:var(--surface);border-color:var(--border)}
[data-tema] .shot-bar i{background:var(--border-strong)}
[data-tema] .shot-bar span{background:var(--surface-2);color:var(--muted)}
[data-tema] .demo-vid{border-color:var(--border);box-shadow:var(--shadow-lg)}
[data-tema] .shot-note,[data-tema] .shot-cap{color:var(--muted)}
[data-tema] .motion-toggle{color:var(--text);border-color:var(--border-strong)}
[data-tema] .motion-toggle:hover{color:var(--ink);border-color:var(--ink)}
/* sekmeler: hap biçimli, seçili olan dolu */
[data-tema] .tabs,[data-tema] .s-tqd .tabs{gap:6px;border-bottom:0;padding:4px;border-radius:12px;background:var(--surface);border:1px solid var(--border);width:max-content;max-width:100%}
[data-tema] .tab,[data-tema] .s-tqd .tab{min-height:42px;border-radius:9px;background:transparent;color:var(--text);font-weight:600}
[data-tema] .tab:hover,[data-tema] .s-tqd .tab:hover{color:var(--ink);background:var(--surface-2)}
[data-tema] .tab[aria-selected="true"],[data-tema] .s-tqd .tab[aria-selected="true"]{background:var(--primary);color:var(--primary-ink)}
[data-tema] .tab::after{display:none}
/* kimin için */
[data-tema] .panel.tq{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);--ink-100:var(--ink);color:var(--text)}
[data-tema] .panel.tq h3{color:var(--ink)}
[data-tema] .panel.tq p,[data-tema] .panel.tq li{color:var(--text)}
[data-tema] .panel p.big{color:var(--ink)}
[data-tema] .panel.tq blockquote{color:var(--ink);border-left-color:var(--accent);background:var(--surface-2);padding:14px 18px;border-radius:0 10px 10px 0}
[data-tema] .panel.tq blockquote small{color:var(--muted)}
[data-tema] .who-wrap .kolay-who{filter:none}
/* medya ağı */
[data-tema] .stats div{border-top-color:var(--accent)}
[data-tema] .stats dt{color:var(--ink)}
[data-tema] .stats dd{color:var(--text)}
[data-tema] .net-note{background:var(--accent-soft);border-left-color:var(--accent);color:var(--ink)}
[data-tema] .pubs-list li{background:var(--surface);border-color:var(--border);color:var(--ink);box-shadow:var(--shadow-sm)}
[data-tema] .pubs-note{color:var(--muted)}
/* neden KolayPR */
[data-tema] .cmp th,[data-tema] .cmp td,[data-tema] .s-tqd .cmp th,[data-tema] .s-tqd .cmp td{border-color:var(--border)}
[data-tema] .cmp thead th{color:var(--muted);border-bottom-color:var(--border-strong)}
[data-tema] .cmp thead th:last-child,[data-tema] .cmp th:last-child,[data-tema] .s-tqd .cmp th:last-child{color:var(--accent-ink)}
[data-tema] .cmp td{color:var(--text)}
[data-tema] .cmp td:last-child,[data-tema] .s-tqd .cmp td:last-child{background:var(--accent-soft);color:var(--ink);font-weight:600}
[data-tema] .benefits li,[data-tema] .s-tqd .benefits li{border-color:var(--border)}
/* canlı demo */
[data-tema] .demo-badge{color:var(--ink)}
[data-tema] .demo-badge::before{background:var(--accent)}
[data-tema] .input{background-color:var(--surface);border-color:var(--border-strong);color:var(--ink)}
[data-tema] .input::placeholder,[data-tema] .s-tqd .input::placeholder{color:#66758C}
[data-tema] .input:hover{border-color:var(--muted)}
[data-tema] .input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}
[data-tema] .input.is-invalid{border-color:var(--coral);box-shadow:0 0 0 3px color-mix(in srgb,var(--coral) 18%,transparent)}
[data-tema] select.input{background-color:var(--surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%235E6F89'%3E%3Cpath d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z'/%3E%3C/svg%3E")}
[data-tema] select.input option{background:var(--surface);color:var(--ink)}
[data-tema] .tpl,[data-tema] .s-tqd .tpl{background:var(--surface);border-color:var(--border-strong);color:var(--text)}
[data-tema] .tpl:hover{border-color:var(--accent);color:var(--ink)}
[data-tema] .tpl.kart-secili{background:var(--accent-soft);border-color:var(--accent);color:var(--ink)}
[data-tema] .tpl .ico{color:var(--accent)}
[data-tema] .demo-out{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-lg)}
[data-tema] .skel i{background:color-mix(in srgb,var(--ink) 7%,transparent)}
[data-tema] .skel i:nth-child(1){background:color-mix(in srgb,var(--ink) 11%,transparent)}
[data-tema] .out-text{background:var(--surface-2);border-color:var(--border);color:var(--ink)}
[data-tema] .icon-btn{color:var(--text);border-color:var(--border-strong)}
[data-tema] .icon-btn:hover{background:var(--surface-2);border-color:var(--ink);color:var(--ink)}
[data-tema] .form-error{background:#FDEEEB;border-color:#F2B8AD;color:#8E2A1B}
[data-tema] .msg.ok{color:var(--accent-ink)}
[data-tema] .msg.err{color:var(--coral)}
[data-tema] .check{color:var(--text)}
[data-tema] .form-hint{color:var(--muted)}
/* fiyat */
[data-tema] .explain div{border-left-color:var(--accent)}
[data-tema] .plan{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);--ink-100:var(--ink);--ink-300:var(--text);--ink-500:var(--muted);--line:var(--border);--line-strong:var(--border-strong);--teal-300:var(--accent);--teal-400:var(--accent);color:var(--text)}
[data-tema] .plan:hover{background:var(--surface);border-color:var(--accent)}
[data-tema] .plan h3,[data-tema] .plan .plan-price .amt{color:var(--ink)}
[data-tema] .plan .plan-head p,[data-tema] .plan .plan-note,[data-tema] .plan .plan-price .vat{color:var(--muted)}
[data-tema] .plan .plan-list,[data-tema] .plan .plan-list li{color:var(--ink)}
[data-tema] .plan .plan-list .ico{color:var(--accent)}
[data-tema] .plan .btn,[data-tema] .plan .btn-outline{background:var(--surface);border-color:var(--primary);color:var(--primary);box-shadow:none}
[data-tema] .plan .btn:hover,[data-tema] .plan .btn-outline:hover{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}
[data-tema] .plan--featured{background:var(--surface);border:2px solid var(--primary);box-shadow:var(--shadow-lg);color:var(--text)}
[data-tema] .plan--featured:hover{background:var(--surface);border-color:var(--primary)}
[data-tema] .plan--featured h3,[data-tema] .plan--featured .plan-price .amt,[data-tema] .plan--featured .plan-list,[data-tema] .plan--featured .plan-list li{color:var(--ink)}
[data-tema] .plan--featured .plan-head p,[data-tema] .plan--featured .plan-note,[data-tema] .plan--featured .plan-price .vat{color:var(--muted)}
[data-tema] .plan--featured .plan-list .ico{color:var(--accent)}
[data-tema] .plan--featured .btn,[data-tema] .plan--featured .btn-outline{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}
[data-tema] .plan--featured .btn:hover,[data-tema] .plan--featured .btn-outline:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:var(--primary-ink)}
[data-tema] .plan--featured .plan-flag{background:var(--primary);color:var(--primary-ink)}
[data-tema] .plan--featured :focus-visible,[data-tema] .plan--featured:focus-visible{outline-color:var(--accent)}
[data-tema] .included li{color:var(--ink)}
[data-tema] .price-foot p{color:var(--muted)}
/* kapanış */
[data-tema] .final-grid.tq{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);--ink-100:var(--ink);--ink-300:var(--text);color:var(--text)}
[data-tema] .final .tq h2{color:var(--ink)}
[data-tema] .final .tq .lead{color:var(--text)}
[data-tema] .final .tq .note{color:var(--muted)}
[data-tema] .final .link-ghost,[data-tema] .final .tq .link-ghost{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-ctl);padding:0 18px;min-height:48px;color:var(--ink);text-decoration:none}
[data-tema] .final .tq .link-ghost:hover{background:var(--surface-2);border-color:var(--ink);color:var(--ink)}
[data-tema] .final .final-grid.tq .kolay{filter:none}
/* alt bilgi */
[data-tema] .site-footer{background:var(--footer-bg);border-top-color:var(--border)}
[data-tema] .site-footer h3{color:var(--ink)}
[data-tema] .site-footer p,[data-tema] .site-footer address{color:var(--text)}
[data-tema] .site-footer a,[data-tema] .site-footer li a{color:var(--text)}
[data-tema] .site-footer a:hover,[data-tema] .site-footer li a:hover{color:var(--link-hover)}
[data-tema] .foot-bottom{border-top-color:var(--border);color:var(--muted)}
/* pencere */
[data-tema] .modal-bg{background:rgba(14,33,64,.42)}
[data-tema] .modal-box{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-lg)}
[data-tema] .modal-box p{color:var(--text)}
/* D · Kurumsal: "Nasıl çalışır" lacivert bant + lacivert kapanış, geri kalan beyaz */
[data-tema="kurumsal"] #how-it-works{background:var(--lacivert);--ink:#FFFFFF;--text:var(--lacivert-metin);--muted:var(--lacivert-soluk);--border:rgba(255,255,255,.14);--border-strong:rgba(255,255,255,.28);--line:rgba(255,255,255,.14);--line-strong:rgba(255,255,255,.28);--ink-100:#fff;--ink-300:var(--lacivert-metin);--ink-500:var(--lacivert-soluk);color:var(--lacivert-metin)}
[data-tema="kurumsal"] #how-it-works .step::before{background:rgba(94,200,212,.16);color:var(--vurgu-acik)}
[data-tema="kurumsal"] #how-it-works .shot-bar{background:var(--lacivert-ust);border-color:rgba(255,255,255,.14)}
[data-tema="kurumsal"] #how-it-works .shot-bar span{background:rgba(255,255,255,.08)}
[data-tema="kurumsal"] #how-it-works .motion-toggle:hover{color:#fff;border-color:#fff}
[data-tema="kurumsal"] .s-tqd{background:var(--bg)}
[data-tema="kurumsal"] .final{background:var(--bg)}
[data-tema="kurumsal"] .final-grid.tq{background:var(--lacivert);border-color:var(--lacivert);--ink-100:#fff;--ink-300:var(--lacivert-metin)}
[data-tema="kurumsal"] .final .tq h2{color:#fff}
[data-tema="kurumsal"] .final .tq .lead{color:var(--lacivert-metin)}
[data-tema="kurumsal"] .final .tq .note{color:var(--lacivert-soluk)}
[data-tema="kurumsal"] .final .btn-primary{background:#FFFFFF;color:var(--lacivert)}
[data-tema="kurumsal"] .final .btn-primary:hover{background:#E5EEF9}
[data-tema="kurumsal"] .final .tq .link-ghost{background:transparent;border-color:rgba(255,255,255,.4);color:#fff}
[data-tema="kurumsal"] .final .tq .link-ghost:hover{background:rgba(255,255,255,.08);border-color:#fff;color:#fff}
[data-tema="kurumsal"] .final .tq :focus-visible{outline-color:var(--vurgu-acik)}
[data-tema="kurumsal"] .plan-flag{border-radius:4px}
/* Logo · Lacivert: ana düğme logo laciverti, mavi yalnızca vurgu ve bağlantıda */
[data-tema][data-renk="logo-lacivert"]{
  --ink:#071C47; --text:#3A4864; --muted:#5D6B85;
  --bg-alt:#F4F6FA; --bg-tint:#EEF2F8; --surface-2:#F4F6FA;
  --hero-bg:linear-gradient(180deg,#F3F6FB 0%,#FFFFFF 100%);
  --border:#E0E5EE; --border-strong:#C9D1DF;
  --primary:#071C47; --primary-hover:#0E2A63; --primary-ink:#FFFFFF; --primary-soft:#E8ECF4;
  --accent:#0568D6; --accent-2:#067CF7; --accent-soft:#E6F0FD; --accent-ink:#0453B0;
  --link:#0568D6; --link-hover:#071C47;
  --lacivert:#071C47; --lacivert-ust:#0E2A63; --lacivert-kat:#15306A;
  --lacivert-metin:#C5D3EA; --lacivert-soluk:#93A6C6; --vurgu-acik:#6DB3FF;
}
/* ===== Logo görseli (menü ve alt bilgi) ===== */
.brand-img{display:block;height:42px;width:auto}
.site-footer .brand-img{height:46px}
.brand-img--koyu,.mod-gorsel--koyu{display:none}
:root[data-mod="koyu"] .brand-img--acik,:root[data-mod="koyu"] .mod-gorsel--acik{display:none}
:root[data-mod="koyu"] .brand-img--koyu,:root[data-mod="koyu"] .mod-gorsel--koyu{display:block}
@media (max-width:560px){.brand-img{height:36px}}
/* ===== Mod düğmesi ===== */
.mod-dugme{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;border:1px solid var(--border-strong);background:transparent;color:var(--ink);cursor:pointer;touch-action:manipulation;transition:background-color .2s,border-color .2s}
.mod-dugme:hover{background:var(--surface-2);border-color:var(--ink)}
.mod-dugme svg{width:20px;height:20px;fill:currentColor}
.mod-dugme .ay{display:block}
.mod-dugme .gunes{display:none}
:root[data-mod="koyu"] .mod-dugme .ay{display:none}
:root[data-mod="koyu"] .mod-dugme .gunes{display:block}
/* ===== Koyu mod: logo laciverti tabanlı ===== */
:root[data-tema][data-mod="koyu"]{
  color-scheme:dark;
  --bg:#08132B; --bg-alt:#0B1834; --bg-tint:#0B1834; --surface:#0F1F40; --surface-2:#142850;
  --hero-bg:linear-gradient(180deg,#0D1B3A 0%,#08132B 100%);
  --ink:#F1F5FC; --text:#B9C6DC; --muted:#8C9BB6;
  --border:rgba(255,255,255,.10); --border-strong:rgba(255,255,255,.20);
  --primary:#1A6FE0; --primary-hover:#2B80F0; --primary-ink:#FFFFFF; --primary-soft:rgba(90,169,255,.16);
  --accent:#5AA9FF; --accent-2:#8CC4FF; --accent-soft:rgba(90,169,255,.14); --accent-ink:#8CC4FF;
  --link:#6CB2FF; --link-hover:#A9D1FF;
  --shadow-sm:none; --shadow-lg:0 2px 6px rgba(0,0,0,.25),0 28px 56px -28px rgba(0,0,0,.7);
  --footer-bg:#060F23;
  --lacivert:#132B57; --lacivert-ust:#1B3A73; --lacivert-kat:#22467F;
  --lacivert-metin:#C5D3EA; --lacivert-soluk:#97A9C8; --vurgu-acik:#7DBBFF;
  --coral:#FF8A78;
}
:root[data-mod="koyu"] .form-error{background:rgba(255,138,120,.12);border-color:rgba(255,138,120,.4);color:#FFC9C0}
:root[data-mod="koyu"] .input::placeholder{color:#7A89A6}
:root[data-mod="koyu"] .site-header{background:rgba(8,19,43,.96)}
:root[data-mod="koyu"] .plan--featured{box-shadow:0 0 0 1px var(--accent) inset}
:root[data-mod="koyu"] .facts{border-color:var(--border)}
:root[data-mod="koyu"] .demo-vid{border-color:var(--border-strong)}

/* ===== Biçim: kesik tek köşe, lacivert vurgu ===== */
/* ===== Ortak: köşe ölçüsü tek değişkenden ===== */
:root[data-bicim]{--k:0px;--r-ctl:var(--k);--r-card:var(--k);--r-tag:var(--k);--radius-card:var(--k)}
:root[data-bicim] :focus-visible{border-radius:0}
:root[data-bicim] .btn,:root[data-bicim] .skip,:root[data-bicim] .nav-toggle,:root[data-bicim] .nav-links a,:root[data-bicim] .hero-eyebrow,:root[data-bicim] .hero-chip,:root[data-bicim] .hero-chip .ico,:root[data-bicim] .tq,:root[data-bicim] .topics.tq,:root[data-bicim] .panel.tq,:root[data-bicim] .final-grid.tq,:root[data-bicim] .step::before,:root[data-bicim] .how-steps .step::before,:root[data-bicim] .shot-bar span,:root[data-bicim] .tabs,:root[data-bicim] .s-tqd .tabs,:root[data-bicim] .tab,:root[data-bicim] .s-tqd .tab,:root[data-bicim] .net-note,:root[data-bicim] .pubs-list li,:root[data-bicim] .input,:root[data-bicim] .tpl,:root[data-bicim] .demo-out,:root[data-bicim] .out-text,:root[data-bicim] .icon-btn,:root[data-bicim] .form-error,:root[data-bicim] .skel i,:root[data-bicim] .plan,:root[data-bicim] .plan-flag,:root[data-bicim] .motion-toggle,:root[data-bicim] .modal-box,:root[data-bicim] .final .link-ghost,:root[data-bicim] .final .tq .link-ghost{border-radius:var(--k)}
:root[data-bicim] .shot-bar{border-radius:var(--k) var(--k) 0 0}
:root[data-bicim] .demo-vid{border-radius:0 0 var(--k) var(--k)}
:root[data-bicim] .panel.tq blockquote{border-radius:0}
:root[data-bicim] .cmp tbody tr:last-child td:last-child{border-radius:0}
:root[data-bicim] .shot-bar i{border-radius:0;width:9px;height:9px}
/* düğmeler: yumuşak yayılan gölge yerine düz yüzey */
:root[data-bicim] .btn{min-height:50px;padding:0 1.6rem;letter-spacing:.005em}
:root[data-bicim] .btn-sm{min-height:44px;padding:0 1.15rem}
:root[data-bicim] .btn-primary,:root[data-bicim] .btn-primary:hover{box-shadow:none}
:root[data-bicim] .btn:active{transform:translateY(1px)}
/* hero: daire yerine dikdörtgen sahne */
:root[data-bicim] .hero-stage::before{border-radius:var(--k);bottom:2%;width:82%;box-shadow:none;background:var(--bg-tint)}
:root[data-bicim] .hero-chip{box-shadow:0 1px 0 var(--border),0 10px 24px -14px rgba(12,29,54,.35)}
/* Kesik köşe: --cut pah ölçüsü, --pah kırpma çokgeni */
:root[data-bicim="kesik"]{--cut:12px}
/* pah çokgeni her öğede yeniden hesaplanır ki öğeye özel --cut geçerli olsun */
:root:is([data-bicim="kesik"],[data-alt~="melez"],[data-alt~="tek"]) *,:root:is([data-bicim="kesik"],[data-alt~="melez"],[data-alt~="tek"]) *::before,:root:is([data-bicim="kesik"],[data-alt~="melez"],[data-alt~="tek"]) *::after{--pah:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}
/* dolu öğeler doğrudan kırpılır */
:root[data-bicim="kesik"] .btn,:root[data-bicim="kesik"] .hero-eyebrow,:root[data-bicim="kesik"] .step::before,:root[data-bicim="kesik"] .plan-flag,:root[data-bicim="kesik"] .tab[aria-selected="true"],:root[data-bicim="kesik"] .hero-chip .ico{clip-path:var(--pah)}
:root[data-bicim="kesik"] .btn-sm,:root[data-bicim="kesik"] .hero-eyebrow,:root[data-bicim="kesik"] .plan-flag,:root[data-bicim="kesik"] .tab,:root[data-bicim="kesik"] .hero-chip .ico{--cut:8px}
:root[data-bicim="kesik"] .hero-eyebrow{padding:8px 14px}
/* kenarlıklı düğme kırpılınca çapraz çizgi kaybolur: açık dolgulu düğmeye dönüşür */
:root[data-bicim="kesik"] .btn-outline,:root[data-bicim="kesik"] .plan .btn,:root[data-bicim="kesik"] .plan .btn-outline{background:var(--primary-soft);border-color:transparent;color:var(--primary)}
:root[data-bicim="kesik"] .btn-outline:hover,:root[data-bicim="kesik"] .plan .btn:hover{background:var(--primary);border-color:transparent;color:#fff}
:root[data-bicim="kesik"] .plan--featured .btn,:root[data-bicim="kesik"] .plan--featured .btn-outline{background:var(--primary);color:#fff}
:root[data-bicim="kesik"] .final .tq .link-ghost{clip-path:var(--pah);border:0;background:rgba(255,255,255,.1)}
:root[data-bicim="kesik"] .final .tq .link-ghost:hover{background:rgba(255,255,255,.18)}
/* kenarlıklı kartlar: köşeye zemin rengiyle çapraz çizgi çizilir */
:root[data-bicim="kesik"] .section{--zemin:var(--bg)}
:root[data-bicim="kesik"] .s-deep,:root[data-bicim="kesik"] .s-teal{--zemin:var(--bg-alt)}
:root[data-bicim="kesik"] .s-tqd,:root[data-bicim="kesik"] .final{--zemin:var(--bg)}
:root[data-bicim="kesik"] #how-it-works{--zemin:var(--lacivert)}
:root[data-bicim="kesik"] .plan,:root[data-bicim="kesik"] .demo-out,:root[data-bicim="kesik"] .panel.tq,:root[data-bicim="kesik"] .topics.tq,:root[data-bicim="kesik"] .final-grid.tq{--cut:22px;--cizgi:var(--border);--bw:1px;box-shadow:none}
:root[data-bicim="kesik"] .plan::before,:root[data-bicim="kesik"] .demo-out::before,:root[data-bicim="kesik"] .panel.tq::before,:root[data-bicim="kesik"] .topics.tq::before,:root[data-bicim="kesik"] .final-grid.tq::before{content:"";position:absolute;z-index:1;top:calc(-1 * var(--bw));left:calc(-1 * var(--bw));width:var(--cut);height:var(--cut);pointer-events:none;
  background:linear-gradient(135deg,var(--zemin) calc(50% - var(--bw)),var(--cizgi) calc(50% - var(--bw)),var(--cizgi) calc(50% + var(--bw) * .5),transparent calc(50% + var(--bw) * .5))}
:root[data-bicim="kesik"] .panel.tq,:root[data-bicim="kesik"] .topics.tq,:root[data-bicim="kesik"] .final-grid.tq{position:relative}
:root[data-bicim="kesik"] .plan--featured{--cizgi:var(--primary);--bw:2px}
:root[data-bicim="kesik"] .final-grid.tq{--cizgi:var(--lacivert)}
:root[data-bicim="kesik"] .demo-out{position:relative}
@media (min-width:1000px){:root[data-bicim="kesik"] .demo-out{position:sticky}}
:root[data-bicim="kesik"] .plan--featured{box-shadow:none}
:root[data-bicim="kesik"] .plan-flag{left:30px}
/* hero sahnesi ve rozetler */
:root[data-bicim="kesik"] .hero-stage::before{--cut:56px;clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));background:linear-gradient(160deg,var(--bg-tint) 0%,var(--accent-soft) 100%)}
:root[data-bicim="kesik"] .hero-chip{--cut:10px;clip-path:var(--pah);border:0;box-shadow:none;background:var(--lacivert);color:#fff}
:root[data-bicim="kesik"] .hero-chip .ico{background:rgba(255,255,255,.12);color:var(--vurgu-acik)}
/* sekmeler */
:root[data-bicim="kesik"] .tabs,:root[data-bicim="kesik"] .s-tqd .tabs{background:none;border:0;padding:0;gap:4px}
:root[data-bicim="kesik"] .tab,:root[data-bicim="kesik"] .s-tqd .tab{background:var(--surface-2)}
:root[data-bicim="kesik"] .tab[aria-selected="true"],:root[data-bicim="kesik"] .s-tqd .tab[aria-selected="true"]{background:var(--primary);color:#fff}
:root[data-bicim="kesik"] .pubs-list li{box-shadow:none;border:0;background:var(--surface-2);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
/* Tek köşe: yalnızca sağ üst köşe kesik */
:root[data-alt~="tek"] *,:root[data-alt~="tek"] *::before,:root[data-alt~="tek"] *::after{--pah:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%)}
:root[data-bicim="kesik"][data-alt~="tek"] .btn{--cut:14px}
:root[data-bicim="kesik"][data-alt~="tek"] .btn-sm{--cut:10px}
:root[data-bicim="kesik"][data-alt~="tek"] .hero-stage::before{--cut:72px;clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%)}
:root[data-bicim="kesik"][data-alt~="tek"] :is(.plan,.demo-out,.panel.tq,.topics.tq,.final-grid.tq){--cut:28px}
:root[data-bicim="kesik"][data-alt~="tek"] :is(.plan,.demo-out,.panel.tq,.topics.tq,.final-grid.tq)::before{left:auto;right:calc(-1 * var(--bw));
  background:linear-gradient(225deg,var(--zemin) calc(50% - var(--bw)),var(--cizgi) calc(50% - var(--bw)),var(--cizgi) calc(50% + var(--bw) * .5),transparent calc(50% + var(--bw) * .5))}
:root[data-bicim="kesik"][data-alt~="tek"] .plan-flag{left:24px}
:root[data-bicim="kesik"][data-alt~="tek"] .hero-chip{background:var(--surface);color:var(--ink);box-shadow:inset 0 -3px 0 var(--accent)}
:root[data-bicim="kesik"][data-alt~="tek"] .hero-chip .ico{background:var(--accent-soft);color:var(--accent)}
:root[data-bicim="kesik"][data-alt~="tek"] .tab[aria-selected="true"],:root[data-bicim="kesik"][data-alt~="tek"] .s-tqd .tab[aria-selected="true"]{--cut:10px}
/* Lacivert vurgu: koyu hero paneli, güven şeridi ve öne çıkan paket */
:root[data-bicim="kesik"][data-alt~="tek"][data-alt~="koyu"] .hero-stage::before{background:linear-gradient(160deg,var(--lacivert-ust) 0%,var(--lacivert) 100%)}
:root[data-bicim="kesik"][data-alt~="tek"][data-alt~="koyu"] .hero-chip{box-shadow:inset 0 -3px 0 var(--accent),0 14px 30px -14px rgba(12,29,54,.5)}
:root[data-bicim="kesik"][data-alt~="tek"][data-alt~="koyu"] .facts{background:var(--lacivert);border-color:var(--lacivert)}
:root[data-bicim="kesik"][data-alt~="tek"][data-alt~="koyu"] .facts li{color:#fff}
:root[data-bicim="kesik"][data-alt~="tek"][data-alt~="koyu"] .facts .ico{color:var(--vurgu-acik)}
:root[data-bicim="kesik"][data-alt~="tek"][data-alt~="koyu"] .step::before{background:var(--lacivert);color:var(--vurgu-acik)}
:root[data-bicim="kesik"][data-alt~="tek"][data-alt~="koyu"] #how-it-works .step::before{background:var(--vurgu-acik);color:var(--lacivert)}
:root[data-bicim="kesik"][data-alt~="tek"][data-alt~="koyu"] .tab[aria-selected="true"],:root[data-bicim="kesik"][data-alt~="tek"][data-alt~="koyu"] .s-tqd .tab[aria-selected="true"]{background:var(--lacivert)}
:root[data-bicim="kesik"][data-alt~="tek"][data-alt~="koyu"] .plan--featured{background:var(--lacivert);border-color:var(--lacivert);--cizgi:var(--lacivert);--ink:#fff;--ink-100:#fff;--text:var(--lacivert-metin);--muted:var(--lacivert-soluk);--border:rgba(255,255,255,.16);--line:rgba(255,255,255,.16);color:var(--lacivert-metin)}
:root[data-bicim="kesik"][data-alt~="tek"][data-alt~="koyu"] .plan--featured:hover{background:var(--lacivert)}
:root[data-bicim="kesik"][data-alt~="tek"][data-alt~="koyu"] .plan--featured :is(h3,.plan-price .amt,.plan-list,.plan-list li){color:#fff}
:root[data-bicim="kesik"][data-alt~="tek"][data-alt~="koyu"] .plan--featured :is(.plan-head p,.plan-note,.plan-price .vat){color:var(--lacivert-soluk)}
:root[data-bicim="kesik"][data-alt~="tek"][data-alt~="koyu"] .plan--featured .plan-list .ico{color:var(--vurgu-acik)}
:root[data-bicim="kesik"][data-alt~="tek"][data-alt~="koyu"] .plan--featured .plan-flag{background:var(--vurgu-acik);color:var(--lacivert)}
:root[data-bicim="kesik"][data-alt~="tek"][data-alt~="koyu"] .plan--featured .btn{background:var(--vurgu-acik);color:var(--lacivert)}
:root[data-bicim="kesik"][data-alt~="tek"][data-alt~="koyu"] .plan--featured .btn:hover{background:#fff;color:var(--lacivert)}
:root[data-bicim="kesik"][data-alt~="tek"][data-alt~="koyu"] .plan--featured :focus-visible{outline-color:var(--vurgu-acik)}
:root[data-bicim="kesik"][data-alt~="tek"][data-alt~="koyu"] .demo-out{border-top:4px solid var(--lacivert)}
:root[data-bicim="kesik"][data-alt~="tek"][data-alt~="koyu"] .demo-out::before{top:-4px}
/* ===== Koyu mod: biçim kurallarının üstüne gelen düzeltmeler ===== */
:root[data-mod="koyu"][data-bicim] :is(.btn-outline,.plan .btn,.plan .btn-outline){color:#A9D1FF}
:root[data-mod="koyu"][data-bicim] :is(.btn-outline,.plan .btn):hover{color:#fff}
:root[data-mod="koyu"][data-bicim="kesik"][data-alt~="koyu"] .plan--featured{background:var(--lacivert-ust);border-color:var(--lacivert-ust);--cizgi:var(--lacivert-ust)}
:root[data-mod="koyu"][data-bicim="kesik"][data-alt~="koyu"] .plan--featured .btn{color:#08132B}
:root[data-mod="koyu"][data-bicim="kesik"][data-alt~="koyu"] .hero-stage::before{background:linear-gradient(160deg,#1B3A73 0%,#132B57 100%)}
:root[data-mod="koyu"][data-bicim="kesik"][data-alt~="koyu"] :is(.tab[aria-selected="true"],.s-tqd .tab[aria-selected="true"]){background:var(--primary);color:#fff}

/* ===== Çerez bilgilendirmesi (site.js) ===== */
.cerez{position:fixed;left:16px;right:16px;bottom:16px;z-index:95;display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;max-width:720px;margin-inline:auto;padding:14px 16px 14px 20px;background:var(--lacivert);color:var(--lacivert-metin);font-size:.92rem;line-height:1.5;box-shadow:0 18px 40px -18px rgba(7,28,71,.6);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%)}
.cerez p{flex:1;min-width:220px;margin:0}
.cerez a{color:var(--vurgu-acik);text-decoration:underline;text-underline-offset:3px}
.cerez .btn{flex:none;background:#fff;color:var(--lacivert);min-height:40px}
.cerez .btn:hover{background:var(--vurgu-acik);color:var(--lacivert)}

/* ===== Hero: Kolay'ın konuşma balonları =====
   Gövde (::before) ve kuyruk (::after) ayrı katmanlar; drop-shadow ikisini tek şekil olarak sarar.
   Gövdenin sağ üst köşesi kesik (sitenin biçimi), kuyruk keskin üçgen ve Kolay'a doğru bakar.
   Seçiciler, üstteki biçim kurallarını (kesik/tek/koyu) ezecek güçte. */
:root[data-bicim][data-alt~="tek"][data-alt~="koyu"] .hero-chip.hero-chip{--balon:var(--surface);--balon-yazi:var(--ink);clip-path:none;border:0;background:none;box-shadow:none;isolation:isolate;
  padding:12px 20px 12px 12px;font-size:.92rem;color:var(--balon-yazi);
  filter:drop-shadow(0 12px 16px rgba(7,28,71,.22)) drop-shadow(0 0 1px rgba(7,28,71,.18))}
:root[data-bicim][data-alt~="tek"][data-alt~="koyu"] .hero-chip.hero-chip::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--balon);
  clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%)}
:root[data-bicim][data-alt~="tek"][data-alt~="koyu"] .hero-chip.hero-chip::after{content:"";position:absolute;z-index:-1;width:26px;height:20px;background:var(--balon)}
:root[data-bicim][data-alt~="tek"][data-alt~="koyu"] .hero-chip.hero-chip .ico{clip-path:none;border-radius:0;background:var(--accent-soft);color:var(--accent)}
/* A: Kolay'ın sağ üstünde; kuyruk alttan, sola doğru */
:root[data-bicim][data-alt~="tek"][data-alt~="koyu"] .hero-chip.hero-chip.hero-chip--a{top:10%}
:root[data-bicim][data-alt~="tek"][data-alt~="koyu"] .hero-chip.hero-chip.hero-chip--a::after{left:22px;bottom:-19px;clip-path:polygon(0 0,100% 0,0 100%)}
/* B: Kolay'ın sol altında; kuyruk üstten, sağa doğru; marka mavisi */
:root[data-bicim][data-alt~="tek"][data-alt~="koyu"] .hero-chip.hero-chip.hero-chip--b{--balon:#0568D6;--balon-yazi:#fff}
:root[data-bicim][data-alt~="tek"][data-alt~="koyu"] .hero-chip.hero-chip.hero-chip--b::after{right:26px;top:-19px;clip-path:polygon(100% 0,100% 100%,0 100%)}
:root[data-bicim][data-alt~="tek"][data-alt~="koyu"] .hero-chip.hero-chip.hero-chip--b .ico{background:rgba(255,255,255,.18);color:#fff}
/* koyu mod: lacivert panel üstünde beyaz ve parlak mavi balon */
:root[data-mod="koyu"][data-bicim][data-alt~="tek"][data-alt~="koyu"] .hero-chip.hero-chip.hero-chip--a{--balon:#fff;--balon-yazi:#071C47}
:root[data-mod="koyu"][data-bicim][data-alt~="tek"][data-alt~="koyu"] .hero-chip.hero-chip.hero-chip--a .ico{background:#E3EFFE;color:#0568D6}
:root[data-mod="koyu"][data-bicim][data-alt~="tek"][data-alt~="koyu"] .hero-chip.hero-chip.hero-chip--b{--balon:#1A6FE0}
/* ===== Mobil menü: Giriş yap + Hesap oluştur yan yana ===== */
.nav-panel-cta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.nav-panel .nav-panel-cta .btn{margin-top:0;padding:0 .75rem}
/* Giriş yap: logodaki açık mavi */
[data-tema] .btn-giris{background:#057CF6;color:#FFFFFF}
[data-tema] .btn-giris:hover{background:#0568D6;color:#FFFFFF}
/* Koyu modda ana düğme de mavi: Giriş yap açık mavi tonlu ikincil düğme olur */
:root[data-mod="koyu"] .btn-giris{background:rgba(90,169,255,.16);color:#8CC4FF}
:root[data-mod="koyu"] .btn-giris:hover{background:rgba(90,169,255,.26);color:#FFFFFF}