:root{
--ink:#1a1a1a; --cream:#ffffff; --surface:#ffffff; --surface-2:#f7f7f7; --border:#e8e8e8; --border-strong:#d6d6d6; --bronze:#c94a1a; --bronze-dark:#9e3812; --bronze-light:#d9805f; --muted:#767676; --muted-2:#a3a3a3;
--shadow-sm: 0 2px 10px rgba(21,19,26,.06);
--shadow-md: 0 10px 28px rgba(21,19,26,.09);
--shadow-lg: 0 28px 64px rgba(21,19,26,.16);
--ease: cubic-bezier(.16,1,.3,1);
--radius-sm: 10px; --radius-md: 16px; --radius-lg: 24px;
}
  *{ box-sizing:border-box; }
  html{ scroll-behavior:smooth; }
  body{ font-family:'Inter',system-ui,sans-serif; background:var(--cream); color:var(--ink); margin:0; overflow-x:hidden; line-height:1.65; -webkit-font-smoothing:antialiased; }
  h1,h2{ font-family:'Montserrat',sans-serif; font-weight:700; line-height:1.15; margin:0 0 16px; letter-spacing:-.01em; }
  h3,h4{ font-family:'Urbanist',sans-serif; font-weight:600; line-height:1.2; margin:0 0 16px; letter-spacing:-.005em; }
  h1{ font-size:clamp(34px,5.4vw,58px); } h2{ font-size:clamp(26px,3.6vw,40px); } h3{ font-size:21px; } h4{ font-size:17px; }
  p{ margin:0 0 14px; }
  a{ color:var(--bronze-dark); }
  .lead{ font-size:18px; color:var(--muted); line-height:1.75; }

  .btn-primary,.btn{
    display:inline-flex; align-items:center; gap:8px; background:var(--bronze); color:#fff;
    padding:14px 30px; border-radius:999px; text-decoration:none; font-weight:600; font-size:15px;
    border:none; cursor:pointer; box-shadow:0 1px 2px rgba(21,19,26,.10);
    transition:transform .25s var(--ease), box-shadow .25s var(--ease), background .2s var(--ease);
  }
  .btn-primary:hover,.btn:hover{ background:var(--bronze-dark); transform:translateY(-2px); box-shadow:var(--shadow-md); }
  .btn-primary:active,.btn:active{ transform:translateY(0); box-shadow:var(--shadow-sm); }
  .btn-primary:focus-visible,.btn:focus-visible{ outline:3px solid rgba(168,105,58,.35); outline-offset:3px; }

  /* ---- Header — DATco Ajans Kiti standart şablonu (site geneli, tek kaynak) ---- */
  header.site-header{ background:var(--header-bg,#111111); color:var(--header-text,#fff); position:sticky; top:0; z-index:50; border-bottom:1px solid var(--header-border,#1a1a1a); }
  .site-header-inner{ max-width:1280px; margin:0 auto; padding:16px 24px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
  /* Yüzen hap düzeni (2026-10-26, header_layout=pill): dış şerit saydam, menü ortalanmış yuvarlak buzlu cam kutu; renkler aynı değişkenlerden.
     Kayınca (is-scrolled, main.php betiği) üst boşluk 16→8 px ve gölge. Klasik düzen bayt bayt aynı (sınıf yalnız pill'de basılır). */
  header.site-header.site-header--pill{ background:transparent; border-bottom:0; padding:16px 16px 0; transition:padding .5s cubic-bezier(.4,0,.2,1); }
  header.site-header--pill .site-header-inner{ max-width:1232px; min-height:70px; padding:12px 16px 12px 24px; border-radius:32px; border:1px solid var(--header-line,rgba(255,255,255,.08));
    background:var(--header-bg,#111111); background:color-mix(in srgb, var(--header-bg,#111111) 82%, transparent); -webkit-backdrop-filter:blur(24px); backdrop-filter:blur(24px);
    transition:box-shadow .5s cubic-bezier(.4,0,.2,1), background-color .5s; }
  header.site-header--pill.is-scrolled{ padding-top:8px; }
  header.site-header--pill.is-scrolled .site-header-inner{ background:color-mix(in srgb, var(--header-bg,#111111) 90%, transparent); box-shadow:0 12px 32px -14px var(--header-shadow,rgba(0,0,0,.3)); }
  header.site-header--pill .nav-dropdown{ border-radius:16px; }
  @media (max-width:639px){
    header.site-header.site-header--pill{ padding:10px 10px 0; }
    header.site-header--pill .site-header-inner{ min-height:0; padding:10px 10px 10px 18px; border-radius:24px; }
    header.site-header--pill.is-scrolled{ padding-top:6px; }
  }
  .site-logo{ color:var(--header-text,#fff); text-decoration:none; font-family:'Inter',sans-serif; font-size:24px; font-weight:700; letter-spacing:-.02em; white-space:nowrap; }
  nav.main-nav{ display:none; gap:6px; }
  nav.main-nav > .nav-item{ position:relative; }
  nav.main-nav a{ color:var(--header-text,#e5e7eb); text-decoration:none; font-size:14px; font-weight:600; padding:10px 12px; display:block; border-radius:4px; transition:color .15s; }
  nav.main-nav > .nav-item > a:hover{ color:var(--header-accent,#f97316); background:transparent; }
  .nav-dropdown{ position:absolute; top:100%; left:0; background:var(--header-bg,#111111); border:1px solid var(--header-border,#1a1a1a); border-radius:8px; padding:6px; min-width:200px; box-shadow:0 10px 30px var(--header-shadow,rgba(0,0,0,.3)); display:none; }
  .nav-dropdown a:hover{ color:var(--header-accent,#f97316); background:var(--header-hover-bg,transparent); }
  .nav-item:hover .nav-dropdown{ display:block; }
  .nav-dropdown a{ white-space:nowrap; }

  /* Sağ grup (2026-10-24): telefon/CTA/dil + ikon kümesi + hamburger tek flex öğesi; ikonlar birbirine bitişik (Silva örneği). */
  .dtk-header-actions{ display:flex; align-items:center; gap:12px; flex-shrink:0; }
  .dtk-header-icons{ display:flex; align-items:center; gap:2px; }
  .dtk-header-icons .dtk-header-search{ margin-left:0; }
  /* Telefon kutusu kit-base.css'te yalnız KOYU header için yazılmıştı (color:var(--cream)) → açık zeminde beyaz üstüne beyaz numara
     (thorcit canlı ölçümü 2026-10-24). Renk artık zemine göre türetilen header değişkenlerinden (HeaderFooterStyle). */
  .site-header .dtk-header-phone{ color:var(--header-text,#fff); background:transparent; border-color:var(--header-control-border,#2a2a2a); }
  .site-header .dtk-header-phone .dtk-icon{ color:var(--header-accent,#f97316); }
  .site-header .dtk-header-phone:hover{ color:var(--header-accent,#f97316); }

  /* Mobilde sadece hamburger görünsün diye telefon/CTA (masaüstü versiyonları) gizlenir. */
  @media (max-width:1023px){ .dtk-desktop-only{ display:none !important; } }

  /* ================= Hamburger Butonu ================= */
  .dtk-hamburger-btn{
    display:flex; flex-direction:column; justify-content:center; align-items:center; gap:5px;
    width:42px; height:42px; background:transparent; border:1px solid var(--header-control-border,#2a2a2a); border-radius:8px;
    cursor:pointer; padding:0; flex-shrink:0;
  }
  .dtk-hamburger-btn span{ display:block; width:20px; height:2px; background:var(--header-text,#fff); border-radius:2px; transition:transform .3s cubic-bezier(.4,0,.2,1), opacity .2s ease; }
  .dtk-hamburger-btn.is-active span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
  .dtk-hamburger-btn.is-active span:nth-child(2){ opacity:0; }
  .dtk-hamburger-btn.is-active span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

  /* ================= Mobil Menü — bulanık arka plan + sağdan kayan panel ================= */
  .dtk-mobile-menu{ position:fixed; inset:0; z-index:9999; visibility:hidden; pointer-events:none; }
  .dtk-mobile-menu.is-open{ visibility:visible; pointer-events:auto; }

  .dtk-mobile-menu__backdrop{
    position:absolute; inset:0; background:rgba(10,10,12,.55); backdrop-filter:blur(0px); -webkit-backdrop-filter:blur(0px);
    opacity:0; transition:opacity .35s ease, backdrop-filter .35s ease, -webkit-backdrop-filter .35s ease;
  }
  .dtk-mobile-menu.is-open .dtk-mobile-menu__backdrop{ opacity:1; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); }

  .dtk-mobile-menu__panel{
    position:absolute; top:0; right:0; bottom:0; width:min(340px, 86vw); background:var(--header-bg,#111111);
    display:flex; flex-direction:column; box-shadow:-12px 0 40px rgba(0,0,0,.35);
    transform:translateX(100%); transition:transform .4s cubic-bezier(.16,1,.3,1);
  }
  .dtk-mobile-menu.is-open .dtk-mobile-menu__panel{ transform:translateX(0); }

  .dtk-mobile-menu__head{ display:flex; align-items:center; justify-content:space-between; padding:18px 20px; border-bottom:1px solid var(--header-line,rgba(255,255,255,.08)); }
  .dtk-mobile-menu__brand{ color:var(--header-text,#fff); font-family:'Inter',sans-serif; font-size:19px; font-weight:700; }
  .dtk-mobile-menu__close{ background:transparent; border:none; color:var(--header-muted,#9ca3af); cursor:pointer; padding:6px; border-radius:6px; display:flex; transition:color .15s, background .15s; }
  .dtk-mobile-menu__close:hover{ color:var(--header-text,#fff); background:var(--header-line,rgba(255,255,255,.08)); }

  .dtk-mobile-menu__links{ display:flex; flex-direction:column; padding:14px 10px; overflow-y:auto; flex:1; }
  .dtk-mobile-menu__links a{
    color:var(--header-text,#e5e7eb); text-decoration:none; font-size:15.5px; font-weight:600; padding:13px 14px; border-radius:8px;
    opacity:0; transform:translateX(14px); transition:background .15s, color .15s, opacity .35s ease, transform .35s ease;
  }
  .dtk-mobile-menu.is-open .dtk-mobile-menu__links a{ opacity:1; transform:translateX(0); }
  /* Her link biraz gecikmeli belirir — kayan panelin arkasından "dökülüyor" hissi verir. */
  .dtk-mobile-menu__links a:nth-child(1){ transition-delay:.08s; } .dtk-mobile-menu__links a:nth-child(2){ transition-delay:.12s; }
  .dtk-mobile-menu__links a:nth-child(3){ transition-delay:.16s; } .dtk-mobile-menu__links a:nth-child(4){ transition-delay:.2s; }
  .dtk-mobile-menu__links a:nth-child(5){ transition-delay:.24s; } .dtk-mobile-menu__links a:nth-child(6){ transition-delay:.28s; }
  .dtk-mobile-menu__links a:nth-child(n+7){ transition-delay:.3s; }
  .dtk-mobile-menu__links a:hover{ background:var(--header-hover-bg,rgba(255,255,255,.06)); color:var(--header-accent,#f97316); }
  .dtk-mobile-menu__links a.dtk-mobile-menu__sublink{ padding-left:28px; font-weight:500; font-size:14px; color:var(--header-sub,#b8bcc4); }

  .dtk-mobile-menu__foot{ padding:18px 20px 22px; border-top:1px solid var(--header-line,rgba(255,255,255,.08)); display:flex; flex-direction:column; gap:12px; }
  .dtk-mobile-menu__phone{ display:flex; align-items:center; gap:10px; color:var(--header-text,#e5e7eb); text-decoration:none; font-weight:600; font-size:15px; }
  .dtk-mobile-menu__phone svg{ color:var(--header-accent,#f97316); flex-shrink:0; }
  .dtk-mobile-menu__cta{ display:block; text-align:center; background:var(--header-accent,#f97316); color:var(--header-accent-text,#fff); padding:13px; border-radius:8px; text-decoration:none; font-weight:700; font-size:14.5px; transition:background .15s; }
  .dtk-mobile-menu__cta:hover{ filter:brightness(.93); }
  .header-cta-btn{ background:var(--header-accent,#f97316); color:var(--header-accent-text,#fff); padding:10px 22px; border-radius:4px; text-decoration:none; font-weight:600; font-size:14px; white-space:nowrap; }
  .header-cta-btn:hover{ filter:brightness(.93); color:var(--header-accent-text,#fff); }
  /* 7.80: logo 36 → mobil 42 / masaüstü 48 px (6 sitede ölçüldü: 390 px'te en geniş logo 3,68:1 sağ grubu itmeden sığıyor).
     Sığmazsa logo oranını koruyarak küçülür (object-fit), sağ grup yerinde kalır. Yalnız görselli logoda (metin logosu eski davranış). */
  .site-logo img{ height:42px; width:auto; }
  .site-logo:has(> img){ flex:0 1 auto; min-width:0; display:flex; align-items:center; }
  .site-logo > img{ max-width:100%; object-fit:contain; object-position:left center; }
  .dtk-mobile-menu__logo{ height:30px; width:auto; }

  @media (min-width:1024px){
    .site-logo img{ height:48px; }
    nav.main-nav{ display:flex; }
    .dtk-hamburger-btn{ display:none; }
  }

  /* ---- Flash mesajları ---- */
  .flash-banner{ max-width:1180px; margin:14px auto 0; padding:0 24px; }
  .flash{ padding:12px 18px; border-radius:var(--radius-sm); font-size:14px; margin-bottom:8px; }
  .flash-success{ background:#e8f3ea; color:#27623a; border:1px solid #bfe0c7; }
  .flash-error{ background:#fbe9e7; color:#9c3b2e; border:1px solid #f3c5bd; }

  /* ---- Sayfa düzeni ---- */
  .page-shell{ max-width:1180px; margin:0 auto; padding:0 24px; }
  main{ max-width:880px; margin:0 auto; padding:56px 24px; }
  /* Visual Builder ('canvas' blok tipi) sayfaları kendi header/section/container
     genişliğini kendi yönetir (bkz. .dtk-scope, .dtk-container, .dtk-container-geo)
     — main'in 880px sınırı burada devre dışı, aksi halde tüm kit içeriği daralır. */
  main.main-fullbleed{ max-width:none; margin:0; padding:0; }
  /* Görsel olarak gizli, ekran okuyucu ve arama/AI ayrıştırıcısında duran bölüm başlığı (başlık ağacında seviye atlamasın diye; metni görünen bir
     etiketin/bölümün aynısıdır — gizli anahtar kelime için KULLANILMAZ). */
  .dtk-sr-only{ position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
  .layout-with-sidebar{ max-width:1180px; margin:0 auto; padding:56px 24px; display:grid; grid-template-columns:1fr 320px; gap:56px; align-items:start; }
  .layout-with-sidebar > main{ max-width:none; margin:0; padding:0; }
  @media (max-width:860px){ .layout-with-sidebar{ grid-template-columns:1fr; } }

  /* ---- Tam-genişlik (full-bleed) bölümler ---- */
  .block-fullbleed{ width:100vw; position:relative; left:50%; right:50%; margin-left:-50vw; margin-right:-50vw; padding:clamp(56px,8vw,96px) max(24px,calc(50vw - 590px)); }
  .block-fullbleed-inner{ max-width:1180px; margin:0 auto; }

  details{ background:#fff; border-radius:var(--radius-sm); padding:16px 20px; margin-bottom:10px; border:1px solid var(--border); transition:box-shadow .2s var(--ease), border-color .2s var(--ease); }
  details:hover{ border-color:var(--border-strong); }
  details[open]{ box-shadow:var(--shadow-sm); }
  table{ width:100%; border-collapse:collapse; }
  table th, table td{ padding:12px 14px; border-bottom:1px solid var(--border); text-align:left; }
  table thead th{ font-size:13px; text-transform:uppercase; letter-spacing:.04em; color:var(--muted); font-weight:600; }

  /* ---- Scroll-reveal (JS aktifse yumuşak giriş; JS/prefers-reduced-motion yoksa içerik her zaman görünür) ---- */
  .js-reveal section.block{ opacity:0; transform:translateY(28px); transition:opacity .8s var(--ease), transform .8s var(--ease); }
  .js-reveal section.block.is-visible{ opacity:1; transform:none; }
  @media (prefers-reduced-motion: reduce){
    .js-reveal section.block{ opacity:1 !important; transform:none !important; transition:none !important; }
  }

  /* ---- Hero ---- */
  .block-hero{ background:radial-gradient(120% 140% at 15% 0%, #26212e 0%, var(--ink) 55%); color:#fff; }
  .block-hero-inner{ display:flex; align-items:center; gap:56px; flex-wrap:wrap; }
  .block-hero .block-hero-text{ flex:1 1 380px; }
  .block-hero h1{ color:#fff; }
  .block-hero p{ color:#cfc9bd; font-size:19px; line-height:1.7; max-width:480px; }
  .block-hero .block-hero-image{ flex:1 1 400px; }
  .block-hero .block-hero-image img{ width:100%; border-radius:var(--radius-lg); display:block; box-shadow:var(--shadow-lg); }

  /* ---- Feature Grid (ikon + başlık + yazı) ---- */
  .block-feature-grid{ background:var(--surface); }
  .feature-grid-heading{ text-align:center; margin-bottom:44px; }
  .feature-grid-items{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:24px; }
  .feature-grid-item{ background:var(--surface-2); border:1px solid var(--border); border-radius:var(--radius-md); padding:32px 26px; text-align:center; transition:transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s var(--ease); }
  .feature-grid-item:hover{ transform:translateY(-6px); box-shadow:var(--shadow-md); border-color:var(--border-strong); }
  .feature-grid-item img{ height:44px; margin-bottom:16px; }
  .feature-grid-item h3{ margin-bottom:8px; font-size:18px; }
  .feature-grid-item p{ color:var(--muted); font-size:14.5px; margin:0; line-height:1.6; }

  /* ---- Logo Şeridi ---- */
  .block-logo-strip{ background:var(--cream); }
  .logo-strip-heading{ text-align:center; color:var(--muted); font-size:13px; text-transform:uppercase; letter-spacing:.08em; margin-bottom:32px; font-weight:600; }
  .logo-strip-items{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:48px; }
  .logo-strip-items img{ height:32px; opacity:.5; filter:grayscale(1); transition:opacity .25s var(--ease), filter .25s var(--ease), transform .25s var(--ease); }
  .logo-strip-items img:hover{ opacity:1; filter:none; transform:scale(1.06); }

  /* ---- Görsel + Yazı Satırı (sol/sağ dönüşümlü) ---- */
  .block-image-text-row{ background:var(--surface); }
  .image-text-row-item{ display:flex; align-items:center; gap:56px; margin-bottom:72px; flex-wrap:wrap; }
  .image-text-row-item:last-child{ margin-bottom:0; }
  .image-text-row-item.reverse{ flex-direction:row-reverse; }
  .image-text-row-item .itr-image{ flex:1 1 380px; }
  .image-text-row-item .itr-image img{ width:100%; border-radius:var(--radius-lg); display:block; box-shadow:var(--shadow-md); transition:transform .4s var(--ease); }
  .image-text-row-item .itr-image:hover img{ transform:scale(1.015); }
  .image-text-row-item .itr-text{ flex:1 1 340px; }
  .image-text-row-item .itr-text h3{ font-size:24px; }
  .image-text-row-item .itr-text p{ color:var(--muted); font-size:16.5px; line-height:1.75; }

  /* ---- Yorum / Referans Carousel'i ---- */
  .block-testimonial-carousel{ background:var(--ink); color:#fff; }
  .testimonial-heading{ text-align:center; color:#fff; margin-bottom:40px; }
  .testimonial-scroll{ display:flex; gap:20px; overflow-x:auto; scroll-snap-type:x mandatory; padding:4px 4px 14px; scrollbar-width:thin; }
  .testimonial-card{
    scroll-snap-align:start; flex:0 0 330px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08);
    border-radius:var(--radius-md); padding:28px; position:relative; transition:background .25s var(--ease), transform .25s var(--ease);
  }
  .testimonial-card:hover{ background:rgba(255,255,255,.08); transform:translateY(-4px); }
  .testimonial-card::before{ content:'"'; font-family:'Montserrat',sans-serif; font-size:56px; color:var(--bronze-light); position:absolute; top:6px; left:20px; line-height:1; opacity:.5; }
  .testimonial-card .stars{ color:#e3b04b; margin-bottom:14px; letter-spacing:2px; }
  .testimonial-card .quote{ color:#e7e2d8; font-size:15.5px; line-height:1.7; margin-bottom:16px; position:relative; z-index:1; }
  .testimonial-card .author{ color:#cfc9bd; font-size:13px; font-weight:600; }

  /* ---- Bülten Kaydı ---- */
  .block-newsletter-signup{ background:linear-gradient(135deg, var(--bronze) 0%, var(--bronze-dark) 100%); color:#fff; text-align:center; }
  .block-newsletter-signup h2{ color:#fff; }
  .block-newsletter-signup p{ color:#fceee1; margin-bottom:28px; font-size:16.5px; }
  .newsletter-form{ display:flex; gap:10px; max-width:440px; margin:0 auto; flex-wrap:wrap; justify-content:center; }
  .newsletter-form input[type=email]{ flex:1 1 240px; padding:14px 18px; border-radius:999px; border:none; font-size:15px; }
  .newsletter-form input[type=email]:focus{ outline:3px solid rgba(255,255,255,.4); }
  .newsletter-form button{ background:var(--ink); color:#fff; border:none; padding:14px 26px; border-radius:999px; font-weight:600; cursor:pointer; transition:transform .25s var(--ease), box-shadow .25s var(--ease); }
  .newsletter-form button:hover{ transform:translateY(-2px); box-shadow:var(--shadow-md); }

  /* ---- CTA ---- */
  .block-cta{ background:var(--ink); color:#fff; text-align:center; }
  .block-cta h2{ color:#fff; }
  .block-cta p{ color:#cfc9bd; font-size:17px; }

  /* ---- Fiyat Tablosu ---- */
  .block-price-table h2{ text-align:center; margin-bottom:44px; }
  .price-plans{ display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:24px; align-items:start; }
  .price-plan{ background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-md); padding:32px 28px; transition:transform .3s var(--ease), box-shadow .3s var(--ease); }
  .price-plan:hover{ transform:translateY(-6px); box-shadow:var(--shadow-md); }
  .price-plan.is-highlighted{ border-color:var(--bronze); box-shadow:var(--shadow-lg); position:relative; transform:scale(1.03); }
  .price-plan.is-highlighted::before{ content:'Önerilen'; position:absolute; top:-13px; left:50%; transform:translateX(-50%); background:var(--bronze); color:#fff; font-size:12px; font-weight:600; padding:5px 16px; border-radius:999px; }
  .price-plan h3{ font-size:19px; margin-bottom:8px; }
  .price-plan-price{ font-family:'Montserrat',sans-serif; font-size:34px; font-weight:600; color:var(--bronze-dark); margin-bottom:20px; }
  .price-plan-price small{ font-family:'Inter',sans-serif; font-size:14px; color:var(--muted); font-weight:400; }
  .price-plan ul{ list-style:none; padding:0; margin:0; }
  .price-plan li{ padding:9px 0; border-top:1px solid var(--border); font-size:14.5px; color:var(--muted); }
  .price-plan li:first-child{ border-top:none; }

  /* ---- Karşılaştırma Tablosu ---- */
  .block-comparison-table h2{ text-align:center; margin-bottom:32px; }
  .comparison-table{ border-radius:var(--radius-md); overflow:hidden; box-shadow:var(--shadow-sm); background:#fff; }
  .comparison-table thead th{ background:var(--ink); color:#fff; letter-spacing:.02em; }
  .comparison-table tbody tr:nth-child(even){ background:var(--surface-2); }
  .comparison-table td{ font-size:14.5px; }

  /* ---- Teknik Özellikler ---- */
  .block-tech-specs h2{ margin-bottom:24px; }
  .tech-specs-list{ margin:0; border-top:1px solid var(--border); }
  .tech-specs-row{ display:grid; grid-template-columns:1fr 1.4fr; gap:20px; padding:14px 4px; border-bottom:1px solid var(--border); }
  .tech-specs-row:nth-child(even){ background:var(--surface-2); }
  .tech-specs-row dt{ font-weight:600; color:var(--muted); font-size:14.5px; }
  .tech-specs-row dd{ margin:0; font-size:14.5px; }

  /* ---- Galeri ---- */
  .block-gallery h2{ text-align:center; margin-bottom:28px; }
  .gallery-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:16px; }
  .gallery-grid img{ width:100%; height:220px; object-fit:cover; border-radius:var(--radius-sm); display:block; transition:transform .4s var(--ease); }
  .gallery-grid img:hover{ transform:scale(1.04); }

  /* ---- Vaka Çalışması / Referans Grid'i ---- */
  .block-case-study-grid{ background:var(--surface); }
  .case-study-head{ text-align:center; max-width:640px; margin:0 auto 40px; }
  .case-study-subheading{ color:var(--muted); font-size:15.5px; margin-top:10px; }
  .case-study-items{ display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:28px; }
  .case-study-card{
    display:block; background:var(--surface-2); border:1px solid var(--border); border-radius:var(--radius-md);
    overflow:hidden; text-decoration:none; color:inherit; transition:transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s var(--ease);
  }
  .case-study-card:hover{ transform:translateY(-6px); box-shadow:var(--shadow-md); border-color:var(--border-strong); }
  .case-study-card__img{ position:relative; height:210px; overflow:hidden; background:var(--surface); }
  .case-study-card__img img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s var(--ease); }
  .case-study-card:hover .case-study-card__img img{ transform:scale(1.08); }
  .case-study-card__tag{
    position:absolute; top:14px; left:14px; background:rgba(17,17,17,.78); color:#fff; font-size:11.5px; font-weight:700;
    text-transform:uppercase; letter-spacing:.4px; padding:6px 13px; border-radius:20px;
  }
  .case-study-card__body{ padding:24px 22px 26px; }
  .case-study-card__metric{ display:flex; align-items:baseline; gap:8px; margin-bottom:14px; }
  .case-study-card__metric strong{ font-size:26px; font-weight:800; color:var(--bronze,#c17f45); line-height:1; }
  .case-study-card__metric span{ font-size:12.5px; color:var(--muted); font-weight:600; }
  .case-study-card h3{ font-size:18px; margin-bottom:8px; line-height:1.35; }
  .case-study-card p{ color:var(--muted); font-size:14.5px; line-height:1.6; margin:0; }
  .case-study-card__more{ display:inline-flex; align-items:center; gap:6px; margin-top:14px; font-size:13.5px; font-weight:700; color:var(--bronze,#c17f45); }
  .case-study-card__more i{ font-style:normal; transition:transform .25s var(--ease); }
  .case-study-card:hover .case-study-card__more i{ transform:translateX(4px); }
  @media (max-width:640px){
    .case-study-items{ grid-template-columns:1fr; gap:20px; }
    .case-study-card__img{ height:190px; }
  }

  /* ---- Öncesi / Sonrası ---- */
  .block-before-after h2{ text-align:center; margin-bottom:24px; }
  .before-after-grid{ display:grid; grid-template-columns:1fr 1fr; gap:20px; }
  .before-after-grid figure{ margin:0; }
  .before-after-grid img{ width:100%; border-radius:var(--radius-md); display:block; box-shadow:var(--shadow-sm); }
  .before-after-grid figcaption{ text-align:center; margin-top:10px; font-size:13px; text-transform:uppercase; letter-spacing:.05em; color:var(--muted); font-weight:600; }
  .before-after-caption{ text-align:center; color:var(--muted); margin-top:20px; }

  /* ---- Ürün Listesi ---- */
  .block-product-grid h2{ text-align:center; margin-bottom:32px; }
  .product-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:22px; }
  .product-card{ display:block; background:#fff; border:1px solid var(--border); border-radius:var(--radius-md); overflow:hidden; text-decoration:none; color:var(--ink); transition:transform .3s var(--ease), box-shadow .3s var(--ease); }
  .product-card:hover{ transform:translateY(-6px); box-shadow:var(--shadow-md); }
  .product-card img{ width:100%; height:190px; object-fit:cover; display:block; }
  .product-card h3{ font-size:16px; margin:16px 16px 6px; }
  .product-card .product-price{ font-weight:600; color:var(--bronze-dark); margin:0 16px 16px; }

  /* ---- SSS ---- */
  .block-faq h2{ text-align:center; margin-bottom:28px; }
  .block-faq-item summary{ cursor:pointer; font-weight:600; list-style:none; display:flex; justify-content:space-between; align-items:center; gap:12px; }
  .block-faq-item summary::-webkit-details-marker{ display:none; }
  .block-faq-item summary::after{ content:'+'; font-size:22px; color:var(--bronze); flex-shrink:0; transition:transform .25s var(--ease); }
  .block-faq-item[open] summary::after{ transform:rotate(45deg); }
  .block-faq-item p{ margin:12px 0 0; color:var(--muted); line-height:1.7; }

  /* ---- BLUF ---- */
  .block-bluf{ background:var(--surface-2); border:1.5px solid var(--bronze); border-radius:var(--radius-md); padding:28px 32px; margin:36px 0; box-shadow:var(--shadow-sm); }
  .block-bluf .bluf-question{ font-weight:600; color:var(--bronze-dark); margin-bottom:8px; font-size:14.5px; text-transform:uppercase; letter-spacing:.03em; }
  .block-bluf .bluf-answer{ font-size:19px; line-height:1.65; margin:0; }

  /* ---- Görsel / Video ---- */
  .block-image{ margin:36px 0; }
  .block-image figure{ margin:0; }
  .block-image img{ max-width:100%; border-radius:var(--radius-md); display:block; box-shadow:var(--shadow-sm); }
  .block-image figcaption{ font-size:13px; color:var(--muted); margin-top:10px; }
  .block-image-center figure{ text-align:center; }
  .block-image-center img{ margin:0 auto; }
  .block-image-right figure{ text-align:right; }
  .block-image-right img{ margin-left:auto; }
  .block-video{ margin:36px 0; }
  .block-video .video-wrapper{ position:relative; padding-bottom:56.25%; height:0; overflow:hidden; border-radius:var(--radius-md); background:#000; box-shadow:var(--shadow-sm); }
  .block-video .video-wrapper iframe, .block-video .video-wrapper video{ position:absolute; top:0; left:0; width:100%; height:100%; border:0; }

  /* ---- Metin bloğu (prose) ---- */
  .block-text-body{ font-size:16.5px; line-height:1.8; }
  .block-text-body h2,.block-text-body h3{ margin-top:32px; }
  .block-text-body ul,.block-text-body ol{ padding-left:22px; }
  .block-text-body li{ margin-bottom:6px; }

  /* ---- Sidebar Widget'lar ---- */
  aside.sidebar{ display:flex; flex-direction:column; gap:24px; }
  .widget{ background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-md); padding:22px; }
  .widget-title{ font-size:16px; margin-bottom:14px; }
  .widget-list{ list-style:none; padding:0; margin:0; }
  .widget-list li{ padding:8px 0; border-bottom:1px solid var(--border); font-size:14px; }
  .widget-list li:last-child{ border-bottom:none; }
  .widget-contact-list{ list-style:none; padding:0; margin:0; font-size:14px; }
  .widget-contact-list li{ padding:6px 0; }
  .widget-contact-list a{ color:var(--ink); text-decoration:none; }
  .widget-product-list li{ border-bottom:1px solid var(--border); padding:10px 0; }
  .widget-product-link{ display:flex; gap:10px; align-items:center; text-decoration:none; color:var(--ink); }
  .widget-product-link img{ width:48px; height:48px; object-fit:cover; border-radius:8px; }
  .widget-social-icons{ display:flex; gap:10px; flex-wrap:wrap; }
  .widget-social-icons a{ background:var(--cream); border-radius:8px; padding:7px 12px; font-size:13px; text-decoration:none; color:var(--ink); transition:background .2s; }
  .widget-social-icons a:hover{ background:var(--border-strong); }
  .widget-newsletter-form{ display:flex; flex-direction:column; gap:8px; }
  .widget-newsletter-form input{ padding:9px 12px; border:1px solid var(--border); border-radius:8px; }
  .widget-newsletter-form button{ background:var(--bronze); color:#fff; border:none; padding:9px; border-radius:8px; font-weight:600; cursor:pointer; transition:background .2s; }
  .widget-newsletter-form button:hover{ background:var(--bronze-dark); }

  /* ---- Footer ---- */
  footer.site-footer{ background:var(--footer-bg,#111111); color:var(--footer-text,#9ca3af); margin-top:24px; border-top:1px solid var(--footer-border,#1a1a1a); }
  .footer-inner{ max-width:1280px; margin:0 auto; padding:80px 24px 40px; display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:32px; }
  .footer-inner h4{ color:var(--footer-heading,#fff); font-size:20px; font-weight:700; text-transform:none; letter-spacing:0; }
  .footer-inner a{ color:var(--footer-text,#9ca3af); text-decoration:none; display:block; padding:4px 0; font-size:14px; transition:color .15s; }
  .footer-inner a:hover{ color:var(--footer-accent,#f97316); }
  .footer-bottom{ text-align:center; padding:32px 18px; font-size:14px; color:var(--footer-bottom-text,#6b7280); border-top:1px solid var(--footer-border,#1a1a1a); }
  .footer-bottom a{ color:var(--footer-text,#9ca3af); }
  .footer-bottom a:hover{ color:var(--footer-accent,#f97316); }
  .footer-social{ display:flex; gap:10px; margin-top:14px; }
  .footer-inner .footer-social a{ width:40px; height:40px; border-radius:4px; background:var(--footer-social-bg,#1a1a1a); display:flex; align-items:center; justify-content:center; color:var(--footer-social-text,#9ca3af); padding:0; }
  .footer-inner .footer-social a:hover{ color:var(--footer-accent,#f97316); }
  .footer-logo{ display:block; height:40px; width:auto; max-width:220px; object-fit:contain; margin-bottom:12px; }
  @media (max-width:760px){ .footer-inner{ grid-template-columns:1fr; } }
  /* Footer "Dört sütun" düzeni (2026-10-22, FooterColumns) — renkler yine --footer-* (koyu/açık ton) */
  .footer-inner.footer-cols{ grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:40px 32px; padding:64px 24px 48px; }
  .footer-cols .footer-col-title{ font-size:16px; font-weight:700; margin:0 0 20px; }
  .footer-col-links{ list-style:none; margin:0; padding:0; display:grid; gap:4px; }
  .footer-cols .footer-col-links a{ font-weight:600; padding:5px 0; }
  .footer-follow{ list-style:none; margin:0; padding:0; display:grid; gap:10px; }
  .footer-cols .footer-follow a{ display:flex; align-items:center; gap:12px; font-weight:600; padding:0; }
  .footer-follow-ic{ width:34px; height:34px; flex:none; border-radius:50%; display:inline-flex; align-items:center; justify-content:center;
    background:var(--footer-social-bg,#1a1a1a); color:var(--footer-heading,#fff); font-size:15px; transition:background .15s, color .15s; }
  .footer-cols .footer-follow a:hover .footer-follow-ic{ background:var(--footer-accent,#f97316); color:var(--header-accent-text,#fff); }
  .footer-news-text{ font-size:14px; line-height:1.6; margin:0 0 16px; max-width:22rem; }
  .footer-col--news .dtk-footer-newsletter{ margin-top:0; }
  .footer-cols a.footer-support{ display:flex; align-items:center; gap:12px; margin-top:24px; padding:0; }
  .footer-support-ic{ font-size:30px; line-height:1; color:var(--footer-accent,#f97316); }
  .footer-support small{ display:block; font-size:13px; color:var(--footer-text,#9ca3af); }
  .footer-support strong{ display:block; font-size:20px; font-weight:700; color:var(--footer-heading,#fff); letter-spacing:.01em; }
  .footer-cols a.footer-support:hover strong{ color:var(--footer-accent,#f97316); }
  /* 4. sütun firma adresi (2026-10-27) — bültenden sonra gelirse başlığa üst boşluk */
  .footer-col--news > * + .footer-col-title{ margin-top:28px; }
  .footer-cols address.footer-address{ font-style:normal; margin:0; display:flex; align-items:flex-start; gap:12px; font-size:15px; line-height:1.6; }
  .footer-cols .footer-address a{ display:flex; align-items:flex-start; gap:12px; padding:0; font-weight:600; }
  .footer-address-ic{ flex:none; font-size:22px; line-height:1.15; color:var(--footer-accent,#f97316); }
  .footer-cols .footer-address a:hover span:last-child{ color:var(--footer-accent,#f97316); }
  @media (max-width:560px){ .footer-inner.footer-cols{ grid-template-columns:1fr; gap:32px; padding:48px 20px 32px; } }


  @media (max-width:600px){
    .before-after-grid{ grid-template-columns:1fr; }
    .tech-specs-row{ grid-template-columns:1fr; gap:4px; }
  }

  /* ---- GEO: AI/İnsan ortak özet kutusu ----
     "Kısaca:" kutusu — daha önce site genelinde HİÇ CSS'i yoktu, düz
     stilsiz metin olarak görünüyordu. Hem insan gözü için taranabilir
     hem AI Overview çıkarımı için kendi başına anlamlı, temiz bir blok
     olacak şekilde tasarlandı. */
  .ai-summary-box{
    background:color-mix(in srgb, var(--bronze,#f97316) 7%, #fff); border:1px solid color-mix(in srgb, var(--bronze,#f97316) 32%, #fff); border-left:4px solid var(--bronze,#f97316);
    border-radius:8px; padding:16px 20px; margin:0 0 28px; font-size:15.5px;
    line-height:1.65; color:var(--ink,#431407);
  }
  .ai-summary-box strong{ color:var(--bronze-dark,#c2410c); }

/* ---- Canvas/Visual Builder bileşenlerinin CSS'i (public render, editMode=false) ---- */

            .ctb-node{ position:relative; }
            .ctb-placeholder{ border:2px dashed #d8cfbd; padding:32px; text-align:center; color:#a09b8c; border-radius:10px; }
            .ctb-btn{ display:inline-block; background:var(--bronze,#a8693a); color:#fff; padding:12px 26px; border-radius:999px; text-decoration:none; font-weight:600; }
            .ctb-video-wrap{ position:relative; padding-bottom:56.25%; height:0; }
            .ctb-video-wrap iframe, .ctb-video-wrap video{ position:absolute; top:0; left:0; width:100%; height:100%; border:0; }
            .ctb-page-header{ position:relative; background-size:cover; background-position:center; padding:96px 24px 56px; overflow:hidden; width:100vw; left:50%; right:50%; margin-left:-50vw; margin-right:-50vw; }
            .ctb-page-header-overlay{ position:absolute; inset:0; background:linear-gradient(90deg, rgba(21,19,26,.85) 0%, rgba(21,19,26,.55) 100%); }
            .ctb-page-header-inner{ position:relative; max-width:1180px; margin:0 auto; color:#fff; }
            .ctb-page-header-inner h1{ color:#fff; margin:0 0 10px; }
            .ctb-page-header-breadcrumb{ font-size:14px; color:#cfc9bd; }
            .ctb-page-header-breadcrumb a{ color:#cfc9bd; text-decoration:none; }
            .ctb-page-header-breadcrumb span:last-child{ color:var(--bronze,#a8693a); }
            .ctb-row{ display:flex; flex-wrap:wrap; width:100%; }
            .ctb-column{ min-width:0; flex:1 1 0; position:relative; }
            @media (max-width:767px){ .ctb-row{ flex-direction:column; } .ctb-column{ flex-basis:100% !important; max-width:100% !important; } }
            .ctb-feature-card{ text-align:center; padding:28px 22px; border:1px solid var(--border,#e6dfd2); border-radius:14px; background:#fff; }
            .ctb-feature-card-icon{ font-size:34px; color:var(--bronze,#a8693a); margin-bottom:14px; display:block; }
            .ctb-feature-card h3{ margin:0 0 8px; }
            .ctb-accordion-item{ background:#fff; border:1px solid var(--border,#e6dfd2); border-radius:8px; padding:14px 18px; margin-bottom:8px; }
            .ctb-accordion-item summary{ cursor:pointer; font-weight:600; list-style:none; display:flex; justify-content:space-between; gap:10px; }
            .ctb-accordion-item summary::-webkit-details-marker{ display:none; }
            .ctb-accordion-item summary::after{ content:"+"; color:var(--bronze,#a8693a); font-size:20px; flex-shrink:0; transition:transform .2s; }
            .ctb-accordion-item[open] summary::after{ transform:rotate(45deg); }
            .ctb-accordion-item p{ margin:10px 0 0; color:#666; }
            .ctb-gallery{ display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:16px; }
            .ctb-gallery-item{ position:relative; border-radius:10px; overflow:hidden; cursor:pointer; background:#000; }
            .ctb-gallery-item img{ width:100%; height:220px; object-fit:cover; display:block; transition:transform .3s; }
            .ctb-gallery-item:hover img{ transform:scale(1.05); }
            .ctb-gallery-play{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:40px; color:#fff; background:rgba(0,0,0,.25); }
            .ctb-gallery-item.is-playing img{ display:none; }
            .ctb-gallery-item.is-playing .ctb-gallery-play{ display:none; }
            .ctb-gallery-video{ display:none; position:relative; padding-bottom:100%; height:0; }
            .ctb-gallery-item.is-playing .ctb-gallery-video{ display:block; }
            .ctb-ba-section{ margin:32px 0; }
            .ctb-ba-heading{ font-size:clamp(22px,3vw,32px); font-weight:700; text-align:center; margin-bottom:8px; }
            .ctb-ba-description{ text-align:center; color:#666; max-width:640px; margin:0 auto 24px; font-size:15px; line-height:1.6; }
            .ctb-ba-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:20px; }
            .ctb-ba-slider__frame{ position:relative; width:100%; aspect-ratio:4/3; overflow:hidden; border-radius:12px; box-shadow:0 2px 14px rgba(0,0,0,.12); user-select:none; touch-action:none; cursor:ew-resize; background:#eee; }
            .ctb-ba-slider__img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; pointer-events:none; }
            .ctb-ba-slider__before-wrap{ position:absolute; inset:0; width:50%; overflow:hidden; }
            .ctb-ba-slider__before-wrap .ctb-ba-slider__img--before{ width:var(--ctb-ba-frame-w,100vw); max-width:none; }
            .ctb-ba-slider__label{ position:absolute; top:10px; font-size:11px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:#fff; background:rgba(0,0,0,.55); padding:4px 10px; border-radius:999px; pointer-events:none; z-index:2; }
            .ctb-ba-slider__label--before{ left:10px; }
            .ctb-ba-slider__label--after{ right:10px; }
            .ctb-ba-slider__divider{ position:absolute; top:0; bottom:0; left:50%; width:3px; background:#fff; box-shadow:0 0 0 1px rgba(0,0,0,.15); transform:translateX(-50%); z-index:3; pointer-events:none; }
            .ctb-ba-slider__handle{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:40px; height:40px; border-radius:50%; background:#fff; border:none; display:flex; align-items:center; justify-content:center; color:#333; box-shadow:0 2px 8px rgba(0,0,0,.3); cursor:ew-resize; pointer-events:all; }
            .ctb-ba-slider__handle:focus-visible{ outline:3px solid var(--bronze,#a8693a); outline-offset:2px; }
            .ctb-ba-slider__caption{ text-align:center; font-size:13px; color:#777; margin-top:8px; }
            .ctb-gallery-video iframe{ position:absolute; top:0; left:0; width:100%; height:100%; border:0; }
            .ctb-tabs-nav{ display:flex; flex-wrap:wrap; gap:6px; border-bottom:2px solid var(--border,#e6dfd2); margin-bottom:20px; }
            .ctb-tabs-nav button{ background:none; border:none; padding:10px 18px; font-size:14.5px; font-weight:600; color:#857f70; cursor:pointer; border-bottom:2px solid transparent; margin-bottom:-2px; }
            .ctb-tabs-nav button.is-active{ color:var(--bronze,#a8693a); border-bottom-color:var(--bronze,#a8693a); }
            .ctb-tabs-panel{ display:none; }
            .ctb-tabs-panel.is-active{ display:block; }

            .ctb-contact-form{ display:flex; flex-direction:column; gap:12px; max-width:520px; }
            .ctb-contact-form input, .ctb-contact-form textarea{ padding:12px 16px; border:1px solid var(--border,#e6dfd2); border-radius:8px; font-family:inherit; font-size:14px; }
            .ctb-contact-form textarea{ min-height:110px; resize:vertical; }
            .ctb-form-row{ display:flex; gap:12px; }
            .ctb-form-row input{ flex:1; }
            .ctb-form-honeypot{ position:absolute; left:-9999px; opacity:0; height:0; overflow:hidden; }
            .ctb-map-wrap{ position:relative; padding-bottom:45%; height:0; }
            .ctb-map-wrap iframe{ position:absolute; top:0; left:0; width:100%; height:100%; border:0; }
            .ctb-blog-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:20px; }
            .ctb-blog-card{ display:block; text-decoration:none; color:inherit; border-radius:12px; overflow:hidden; border:1px solid var(--border,#e6dfd2); background:#fff; }
            .ctb-blog-card img{ width:100%; height:180px; object-fit:cover; display:block; }
            .ctb-blog-card-body{ padding:16px; }
            .ctb-blog-card-body h3{ font-size:16px; margin:0 0 8px; }
            .ctb-blog-card-body span{ font-size:13px; color:var(--bronze,#a8693a); font-weight:600; }
            .ctb-testimonial{ position:relative; text-align:center; max-width:640px; margin:0 auto; }
            .ctb-testimonial-slide{ display:none; }
            .ctb-testimonial-slide.is-active{ display:block; }
            .ctb-testimonial-stars{ color:#e3b04b; font-size:18px; margin-bottom:12px; }
            .ctb-testimonial-quote{ font-size:18px; line-height:1.6; margin-bottom:16px; }
            .ctb-testimonial-author{ font-weight:600; }
            .ctb-testimonial-author span{ display:block; font-weight:400; color:#857f70; font-size:13px; }
            .ctb-testimonial-author-name{ display:inline; font-weight:600; color:inherit; font-size:inherit; }
            .ctb-testimonial-nav{ display:flex; justify-content:center; gap:10px; margin-top:20px; }
            .ctb-testimonial-nav button{ width:38px; height:38px; border-radius:50%; border:1px solid var(--border,#e6dfd2); background:#fff; cursor:pointer; }
            .ctb-logo-slider{ overflow:hidden; width:100%; }
            .ctb-logo-track{ display:flex; align-items:center; gap:56px; width:max-content; animation:ctb-logo-scroll 25s linear infinite; }
            .ctb-logo-track img{ height:32px; opacity:.6; filter:grayscale(1); }
            @keyframes ctb-logo-scroll{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }
            .ctb-stats{ display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:24px; text-align:center; }
            .ctb-stat-number{ font-size:38px; font-weight:700; display:inline-block; font-family:"Fraunces",serif; }
            .ctb-stat-suffix{ font-size:28px; font-weight:700; }
            .ctb-stat-label{ color:#857f70; font-size:14px; margin-top:4px; }
            .ctb-timeline-item{ display:flex; gap:20px; padding-bottom:24px; position:relative; }
            .ctb-timeline-marker{ flex-shrink:0; width:44px; height:44px; border-radius:50%; background:var(--bronze,#a8693a); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:13px; }
            .ctb-timeline-item:not(:last-child)::before{ content:""; position:absolute; left:22px; top:44px; bottom:0; width:2px; background:var(--border,#e6dfd2); }
            .ctb-timeline-body h4{ margin:6px 0 4px; }
            .ctb-timeline-steps{ display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:20px; }
            .ctb-timeline-steps .ctb-timeline-item{ flex-direction:column; }
            .ctb-timeline-steps .ctb-timeline-item::before{ display:none; }
            .ctb-team-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:24px; text-align:center; }
            .ctb-team-card img{ width:100%; aspect-ratio:1; object-fit:cover; border-radius:12px; margin-bottom:12px; }
            .ctb-team-card h4{ margin:0 0 2px; }
            .ctb-team-card span{ color:#857f70; font-size:13px; }
            .ctb-help-card{ background:var(--ink,#15131a); color:#fff; border-radius:14px; padding:28px; }
            .ctb-help-card h4{ color:#fff; }
            .ctb-help-card div{ display:flex; align-items:center; gap:8px; margin-top:8px; font-size:14px; color:#cfc9bd; }

            .ctb-cta{ text-align:center; padding:8px; }
            .ctb-cta h2{ margin-bottom:8px; }
            .ctb-cta p{ color:#857f70; margin-bottom:20px; }
            .ctb-bluf{ background:var(--surface-2,#faf7f0); border:1.5px solid var(--bronze,#a8693a); border-radius:14px; padding:24px 28px; }
            .ctb-bluf-question{ font-weight:600; color:var(--bronze-dark,#7c4a28); text-transform:uppercase; font-size:13px; letter-spacing:.03em; margin-bottom:8px; }
            .ctb-bluf-answer{ font-size:18px; line-height:1.6; margin:0; }
            .ctb-price-table h2{ text-align:center; margin-bottom:32px; }
            .ctb-price-plans{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:20px; }
            .ctb-price-plan{ border:1px solid var(--border,#e6dfd2); border-radius:14px; padding:28px 24px; text-align:center; }
            .ctb-price-plan.is-highlighted{ border-color:var(--bronze,#a8693a); box-shadow:0 12px 32px rgba(0,0,0,.08); transform:scale(1.03); }
            .ctb-price-amount{ font-size:32px; font-weight:700; margin:12px 0 18px; }
            .ctb-price-amount small{ font-size:14px; font-weight:400; color:#857f70; }
            .ctb-price-plan ul{ list-style:none; padding:0; margin:0; text-align:left; }
            .ctb-price-plan li{ padding:8px 0; border-top:1px solid #eee; font-size:14px; }
            .ctb-comparison-wrap h2{ text-align:center; margin-bottom:24px; }
            .ctb-comparison-table{ width:100%; border-collapse:collapse; }
            .ctb-comparison-table th, .ctb-comparison-table td{ padding:12px 16px; border-bottom:1px solid var(--border,#e6dfd2); text-align:center; }
            .ctb-comparison-table td:first-child{ text-align:left; font-weight:600; }
            .ctb-comparison-table thead th{ background:var(--ink,#15131a); color:#fff; }

            .ctb-video-thumb{ position:relative; cursor:pointer; border-radius:var(--radius-md,16px); overflow:hidden; aspect-ratio:16/9; }
            .ctb-video-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
            .ctb-video-play{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; }
            .ctb-video-play i{ width:76px; height:76px; border-radius:50%; background:var(--bronze,#a8693a); color:#fff; display:flex; align-items:center; justify-content:center; font-size:28px; box-shadow:0 0 0 12px rgba(168,105,58,.25); transition:transform .2s; }
            .ctb-video-thumb:hover .ctb-video-play i{ transform:scale(1.08); }
            .ctb-video-embed{ display:none; position:absolute; inset:0; }
            .ctb-video-thumb.is-playing img, .ctb-video-thumb.is-playing .ctb-video-play{ display:none; }
            .ctb-video-thumb.is-playing .ctb-video-embed{ display:block; }
            .ctb-video-embed iframe{ width:100%; height:100%; border:0; }

            .ctb-stats-floating{ background:#fff; border-radius:var(--radius-lg,24px); box-shadow:var(--shadow-lg,0 28px 64px rgba(0,0,0,.16)); padding:32px; display:flex; flex-wrap:wrap; gap:32px; align-items:center; }
            .ctb-stat-primary{ display:flex; align-items:center; gap:16px; border-right:1px solid #e6e2d8; padding-right:32px; }
            .ctb-stat-number-lg{ font-size:44px; }
            .ctb-stats-floating-rest{ display:flex; gap:32px; flex-wrap:wrap; flex-grow:1; justify-content:space-around; }

            .ctb-gallery-item{ position:relative; }
            .ctb-gallery-overlay{ position:absolute; inset:0; background:linear-gradient(to top, rgba(0,0,0,.85), transparent 60%); opacity:0; transition:opacity .3s; display:flex; flex-direction:column; justify-content:flex-end; padding:20px; color:#fff; pointer-events:none; }
            .ctb-gallery-item:hover .ctb-gallery-overlay{ opacity:1; }
            .ctb-gallery-overlay h4{ color:#fff; margin:0 0 2px; font-size:16px; }
            .ctb-gallery-overlay span{ font-size:13px; color:var(--bronze-light,#c98f5c); }

            .ctb-page-header-eyebrow{ color:var(--bronze-light,#c98f5c); font-weight:700; text-transform:uppercase; letter-spacing:.08em; font-size:13px; margin-bottom:12px; border-left:2px solid var(--bronze-light,#c98f5c); padding-left:10px; }
            .ctb-page-header-buttons{ display:flex; flex-wrap:wrap; gap:14px; margin-top:24px; }
            .ctb-btn-outline{ display:inline-block; border:2px solid #fff; color:#fff; padding:12px 26px; border-radius:8px; text-decoration:none; font-weight:600; transition:background .2s, color .2s; }
            .ctb-btn-outline:hover{ background:#fff; color:var(--ink,#15131a); }