/* =========================================================
   Bayihosting — Design System
   Açık (light) zemin + mavi aksan, kurumsal/profesyonel tema
   ========================================================= */

:root{
  --white:#ffffff;
  --bg:#f6f8fd;
  --bg-soft:#eef3ff;
  --bg-alt:#e8f0ff;
  --surface:#ffffff;

  --ink-900:#0b1730;
  --ink-800:#132241;
  --ink-700:#2c3a58;
  --ink-500:#5c6a89;
  --ink-400:#8592ab;
  --ink-300:#aeb8cc;

  --line:#e3e9f7;
  --line-strong:#cfd9ee;

  --blue-800:#0f2f8f;
  --blue-700:#164ecb;
  --blue-600:#1d5cf0;
  --blue-500:#2f6fed;
  --blue-400:#5b8bff;
  --blue-100:#dce8ff;
  --blue-50:#eef4ff;

  --cyan-500:#0ea5c7;
  --green-600:#16a34a;
  --amber-600:#d97706;
  --amber-500:#f0a323;
  --red-600:#dc2626;

  /* accent palette — used to break up the blue on icons, badges and cards */
  --acc-teal:#0f9b8e;    --acc-teal-bg:#e3f7f4;
  --acc-violet:#7c3aed;  --acc-violet-bg:#f1eaff;
  --acc-amber:#e08600;   --acc-amber-bg:#fff3dc;
  --acc-pink:#db2777;    --acc-pink-bg:#fde8f2;
  --acc-green:#12925c;   --acc-green-bg:#e3f7ed;
  --acc-cyan:#0891b2;    --acc-cyan-bg:#e0f5fb;
  --acc-indigo:#4f46e5;  --acc-indigo-bg:#eceafe;
  --acc-orange:#ea580c;  --acc-orange-bg:#ffeee3;

  --grad-brand:linear-gradient(135deg,#1a52e0,#2f8bff 55%,#3fd0ff);
  --grad-soft:linear-gradient(180deg,#f6f9ff 0%,#ffffff 60%);

  --shadow-xs:0 1px 2px rgba(15,31,64,.06);
  --shadow-sm:0 4px 14px -4px rgba(15,31,64,.10);
  --shadow-md:0 12px 32px -12px rgba(19,44,110,.18);
  --shadow-lg:0 24px 60px -20px rgba(15,35,90,.24);
  --shadow-brand:0 16px 34px -12px rgba(29,92,240,.45);

  --radius-sm:10px;
  --radius-md:16px;
  --radius-lg:24px;
  --radius-pill:100px;

  --font-head:"Manrope",-apple-system,"Segoe UI",sans-serif;
  --font-body:"Inter",-apple-system,"Segoe UI",sans-serif;

  --ease:cubic-bezier(.16,.8,.24,1);
  --container:1240px;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:var(--font-body);
  color:var(--ink-700);
  background:var(--bg);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img,svg{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
ul,ol{list-style:none;}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;}
input,select,textarea{font-family:inherit;font-size:1rem;color:inherit;}
h1,h2,h3,h4,h5{font-family:var(--font-head);color:var(--ink-900);font-weight:800;letter-spacing:-.02em;line-height:1.18;}
p{color:var(--ink-500);}
.container{max-width:var(--container);margin:0 auto;padding:0 24px;}
section{position:relative;}
::selection{background:var(--blue-100);color:var(--blue-800);}

/* ---------- utility ---------- */
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  color:var(--blue-600);background:var(--blue-50);border:1px solid var(--blue-100);
  padding:7px 14px 7px 10px;border-radius:var(--radius-pill);
}
.eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--grad-brand);flex:none;}
.section-head{max-width:680px;margin-bottom:44px;}
.section-head.center{margin-left:auto;margin-right:auto;text-align:center;}
.section-head h2{font-size:clamp(1.6rem,3.2vw,2.35rem);margin:14px 0 12px;}
.section-head p{font-size:1.03rem;}
.text-center{text-align:center;}
.mt-0{margin-top:0;}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}

/* ---------- buttons ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:14px 26px;border-radius:var(--radius-pill);
  font-weight:700;font-size:.95rem;white-space:nowrap;
  transition:transform .25s var(--ease), box-shadow .25s var(--ease), background .25s var(--ease), color .25s var(--ease), border-color .25s var(--ease);
}
.btn svg{width:18px;height:18px;flex:none;}
.btn-primary{background:var(--grad-brand);color:#fff;box-shadow:var(--shadow-brand);}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 22px 40px -14px rgba(29,92,240,.55);}
.btn-outline{background:var(--white);color:var(--blue-700);border:1.5px solid var(--line-strong);box-shadow:var(--shadow-xs);}
.btn-outline:hover{border-color:var(--blue-400);color:var(--blue-700);transform:translateY(-2px);box-shadow:var(--shadow-sm);}
.btn-ghost{color:var(--blue-700);padding:14px 8px;}
.btn-ghost:hover{color:var(--blue-800);}
.btn-white{background:#fff;color:var(--blue-700);box-shadow:var(--shadow-sm);}
.btn-white:hover{transform:translateY(-2px);}
.btn-sm{padding:10px 18px;font-size:.86rem;}
.btn-block{width:100%;}

/* ---------- topbar ---------- */
.topbar{
  background:var(--ink-900);color:#c9d6f2;font-size:.82rem;
}
.topbar .container{display:flex;align-items:center;justify-content:space-between;height:38px;}
.topbar-links{display:flex;gap:22px;}
.topbar-links a{display:inline-flex;align-items:center;gap:6px;color:#c9d6f2;font-weight:500;transition:color .2s;}
.topbar-links a:hover{color:#fff;}
.topbar-links svg{width:14px;height:14px;opacity:.85;}
.topbar-right{display:flex;align-items:center;gap:16px;}
.topbar-status{
  display:inline-flex;align-items:center;gap:8px;color:#a7f3cd;font-weight:700;font-size:.76rem;
  background:rgba(52,211,153,.12);border:1px solid rgba(52,211,153,.28);
  padding:4px 12px;border-radius:var(--radius-pill);transition:background .2s;
}
.topbar-status:hover{background:rgba(52,211,153,.2);}
.topbar-status .pulse{width:7px;height:7px;border-radius:50%;background:#34d399;flex:none;position:relative;}
.topbar-status .pulse::after{
  content:"";position:absolute;inset:-4px;border-radius:50%;border:1.5px solid #34d399;
  animation:statusPulse 2s ease-out infinite;
}
@keyframes statusPulse{0%{transform:scale(.5);opacity:.9}100%{transform:scale(1.5);opacity:0}}
.topbar-chip{display:inline-flex;align-items:center;gap:6px;color:#c9d6f2;font-weight:600;transition:color .2s;}
.topbar-chip:hover{color:#fff;}
.topbar-chip svg{width:13px;height:13px;opacity:.85;}
.topbar-sep{width:1px;height:16px;background:rgba(255,255,255,.14);}
.topbar-social{display:flex;gap:12px;align-items:center;padding-left:16px;border-left:1px solid rgba(255,255,255,.14);}
.topbar-social a{width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;transition:background .2s;}
.topbar-social a:hover{background:var(--blue-600);}
.topbar-social svg{width:13px;height:13px;}

/* ---------- header / nav ---------- */
header.site-header{
  position:sticky;top:0;z-index:200;
  background:rgba(255,255,255,.86);
  backdrop-filter:blur(14px) saturate(160%);
  -webkit-backdrop-filter:blur(14px) saturate(160%);
  border-bottom:1px solid var(--line);
}
.nav-row{display:flex;align-items:center;justify-content:space-between;height:78px;gap:24px;position:relative;}
.brand{display:flex;align-items:center;gap:10px;flex:none;transition:opacity .2s var(--ease),transform .2s var(--ease);}
.brand:hover{opacity:.85;transform:translateY(-1px);}
.brand-logo{display:block;width:auto;height:38px;max-width:200px;}
.brand-mark{width:38px;height:38px;flex:none;}
.brand-word{font-family:var(--font-head);font-weight:800;font-size:1.28rem;color:var(--ink-900);letter-spacing:-.02em;}
.brand-word span{color:var(--blue-600);}

.nav-main{display:flex;align-items:center;gap:0;}
.nav-main>li{position:static;}
.nav-link{
  position:relative;display:flex;align-items:center;gap:5px;padding:11px 13px;border-radius:11px;
  font-family:var(--font-head);font-weight:650;font-size:.875rem;letter-spacing:-.014em;
  color:var(--ink-800);white-space:nowrap;transition:background .2s,color .2s;
  text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;
}
.nav-link .nl-txt{position:relative;display:inline-block;}
/* başlığın altından açılan ince marka çizgisi */
.nav-link .nl-txt::after{
  content:"";position:absolute;left:0;right:0;bottom:-5px;height:2px;border-radius:2px;
  background:var(--grad-brand);transform:scaleX(0);transform-origin:left center;
  transition:transform .32s var(--ease);
}
.nav-link svg{width:15px;height:15px;transition:transform .25s var(--ease);color:var(--ink-400);}
.nav-main>li:hover .nav-link,.nav-link.is-active{color:var(--blue-700);background:var(--blue-50);}
.nav-main>li:hover .nav-link .nl-txt::after,.nav-link.is-active .nl-txt::after{transform:scaleX(1);}
.nav-main>li:hover .nav-link svg{transform:rotate(180deg);color:var(--blue-600);}

/* ---- menü kampanya rozetleri (yanıp söner) */
.nav-badge{
  position:absolute;left:50%;bottom:calc(100% - 7px);z-index:3;
  padding:2px 9px;border-radius:var(--radius-pill);pointer-events:none;
  font-family:var(--font-body);font-size:.63rem;font-weight:700;letter-spacing:.005em;
  line-height:1.5;white-space:nowrap;
  animation:navBadge 2.6s var(--ease) infinite;
}
.nav-badge::after{
  content:"";position:absolute;top:100%;left:50%;margin-left:-4px;
  border:4px solid transparent;border-top-color:inherit;
}
.nb-green{background:#a9f0c4;color:#07572c;box-shadow:0 8px 16px -10px rgba(6,124,63,.9);border-top-color:#a9f0c4;}
.nb-amber{background:#ffd9a3;color:#7a4300;box-shadow:0 8px 16px -10px rgba(180,105,0,.85);border-top-color:#ffd9a3;}
.nb-blue{background:#c9dcff;color:#123a94;box-shadow:0 8px 16px -10px rgba(29,92,240,.85);border-top-color:#c9dcff;}
@keyframes navBadge{
  0%,100%{opacity:1;transform:translateX(-50%) translateY(0) scale(1);}
  45%{opacity:.28;transform:translateX(-50%) translateY(-2px) scale(.97);}
  70%{opacity:1;transform:translateX(-50%) translateY(0) scale(1.04);}
}
@media (prefers-reduced-motion:reduce){.nav-badge,.mnav-badge{animation:none;}}
@keyframes navBadgeInline{
  0%,100%{opacity:1;transform:scale(1);}
  45%{opacity:.3;transform:scale(.97);}
  70%{opacity:1;transform:scale(1.04);}
}

.mega{
  position:absolute;top:100%;left:0;right:0;margin-top:12px;
  background:transparent;border:0;box-shadow:none;overflow:visible;
  padding:0;opacity:0;visibility:hidden;transform:translateY(10px);
  transition:opacity .22s var(--ease),transform .22s var(--ease),visibility .22s;
}
.mega::before{content:"";position:absolute;left:0;right:0;top:-14px;height:16px;}
.nav-main>li:hover .mega{opacity:1;visibility:visible;transform:translateY(0);}
.mega-inner{
  display:grid;grid-template-columns:1fr 330px;gap:18px;padding:18px;
  background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);
  box-shadow:0 30px 60px -30px rgba(15,35,90,.35);
}
.mega-items{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-content:start;}
.mega a{
  position:relative;display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:12px;
  background:var(--white);font-size:.82rem;font-weight:600;color:var(--ink-700);
  border:1px solid #eef1f7;box-shadow:0 8px 18px -16px rgba(15,35,90,.5);
  transition:box-shadow .2s,border-color .2s,transform .2s var(--ease);
}
.mega a:hover{border-color:var(--line-strong);box-shadow:0 14px 26px -18px rgba(15,35,90,.5);transform:translateY(-2px);}
.mega a .ic{width:38px;height:38px;border-radius:10px;background:#f2f4f9;color:var(--ink-900);display:flex;align-items:center;justify-content:center;flex:none;transition:background .2s,color .2s;}
.mega a .ic svg{width:17px;height:17px;}
.mega a .tx{min-width:0;}
.mega a .t{display:block;color:var(--ink-900);font-family:var(--font-head);font-weight:800;font-size:.84rem;line-height:1.25;}
.mega a small{display:block;color:var(--ink-400);font-weight:500;font-size:.72rem;line-height:1.35;margin-top:2px;}
.mega-badge{
  position:absolute;top:-8px;right:-6px;font-size:.52rem;font-weight:800;letter-spacing:.06em;
  color:#fff;background:var(--ink-900);padding:3px 8px;border-radius:6px;
  box-shadow:0 6px 14px -8px rgba(15,23,42,.9);
}

.mega-promo{
  background:#e6f8ee;border:0;border-radius:var(--radius-md);padding:18px 18px 20px;
  position:relative;overflow:hidden;display:flex;flex-direction:column;
}
.mega-promo-tag{font-size:.54rem;font-weight:800;letter-spacing:.08em;color:#0e7a52;background:rgba(34,160,107,.16);padding:3px 9px;border-radius:var(--radius-pill);align-self:flex-start;}
.mega-promo h4{font-family:var(--font-head);font-size:1.15rem;margin:9px 0 11px;color:#22a06b;max-width:190px;}
.mega-promo ul{display:flex;flex-direction:column;gap:7px;margin-bottom:15px;max-width:180px;}
.mega-promo li{display:flex;align-items:flex-start;gap:7px;font-size:.75rem;font-weight:600;color:var(--ink-800,#243049);}
.mega-promo li svg{width:12px;height:12px;color:var(--ink-900);flex:none;margin-top:3px;}
.btn-promo{background:#22c55e;color:#fff;padding:10px 20px;font-size:.82rem;font-weight:700;align-self:flex-start;border-radius:10px;box-shadow:0 12px 22px -14px rgba(34,197,94,.9);}
.btn-promo:hover{background:#16a34a;transform:translateY(-2px);}
.mega-promo-art{position:absolute;right:-10px;bottom:-4px;width:158px;opacity:1;pointer-events:none;}
.mega-promo-art svg{width:100%;height:auto;display:block;}
.mega-note{
  display:flex;align-items:center;justify-content:center;gap:9px;text-align:center;
  background:#0b1220;color:#fff;font-size:.82rem;font-weight:600;padding:13px 20px;
  border-radius:12px;margin-top:10px;box-shadow:0 20px 38px -28px rgba(11,18,32,.8);
}
.mega-note svg{width:15px;height:15px;color:#fff;flex:none;}
.mega-note em{color:#5aa9ff;font-style:normal;font-weight:700;}

.nav-cta{display:flex;align-items:center;gap:10px;flex:none;}
.nav-toggle{display:none;width:44px;height:44px;border-radius:10px;align-items:center;justify-content:center;background:var(--blue-50);color:var(--blue-700);flex:none;}
.nav-toggle svg{width:20px;height:20px;}

/* ---------- hero ---------- */
.hero{background:var(--grad-soft);overflow:hidden;position:relative;}
.hero::before{
  content:"";position:absolute;top:-160px;right:-160px;width:560px;height:560px;border-radius:50%;
  background:radial-gradient(circle,rgba(47,111,237,.16),transparent 70%);pointer-events:none;
}
.hero-slide{padding:76px 0 90px;display:none;}
.hero-slide.active{display:block;animation:heroFade .5s ease;}
@keyframes heroFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.hero-dots{display:flex;justify-content:center;gap:9px;padding-bottom:34px;position:relative;z-index:2;}
.hero-dot{width:9px;height:9px;padding:0;border-radius:50%;border:none;background:var(--line-strong);cursor:pointer;transition:all .25s;}
.hero-dot.active{width:26px;border-radius:5px;background:var(--blue-600);}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;}
.hero h1{font-size:clamp(2.1rem,4.4vw,3.3rem);margin:16px 0 18px;}
.hero h1 .hl{color:var(--blue-600);}
.hero-lead{font-size:1.08rem;max-width:520px;margin-bottom:30px;}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:34px;}
.hero-trust{display:flex;gap:26px;flex-wrap:wrap;}
.hero-trust div{display:flex;flex-direction:column;}
.hero-trust strong{font-family:var(--font-head);font-size:1.35rem;color:var(--ink-900);}
.hero-trust span{font-size:.8rem;color:var(--ink-400);font-weight:600;}

.hero-art{position:relative;}
.hero-panel{
  background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);
  box-shadow:var(--shadow-lg);padding:22px;position:relative;z-index:2;
}
.hero-panel .bar{display:flex;align-items:center;gap:6px;margin-bottom:16px;}
.hero-panel .bar em{margin-left:8px;font-style:normal;font-size:.72rem;font-weight:700;color:var(--ink-300);letter-spacing:.01em;}
.hero-panel .bar span{width:10px;height:10px;border-radius:50%;background:var(--line-strong);}
.hero-panel-row{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;border-radius:12px;background:var(--bg-soft);margin-bottom:10px;}
.hero-panel-row:last-child{margin-bottom:0;}
.hero-panel-row .l{display:flex;align-items:center;gap:11px;font-weight:700;font-size:.88rem;color:var(--ink-800);}
.hero-panel-row .l .ic{width:30px;height:30px;border-radius:8px;background:var(--white);color:var(--blue-600);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-xs);flex:none;}
.hero-panel-row .l .ic svg{width:16px;height:16px;}
.hero-panel-row .v{font-weight:700;font-size:.82rem;color:var(--green-600);display:flex;align-items:center;gap:6px;}
.hero-panel-row .v svg{width:14px;height:14px;}
.hero-float{
  position:absolute;background:var(--white);border:1px solid var(--line);border-radius:16px;
  box-shadow:var(--shadow-md);padding:14px 16px;display:flex;align-items:center;gap:10px;z-index:3;
  font-weight:700;font-size:.82rem;color:var(--ink-800);
}
.hero-float.f1{top:-22px;left:-30px;animation:float1 6s ease-in-out infinite;}
.hero-float.f2{bottom:-24px;right:-26px;animation:float2 7s ease-in-out infinite;}
.hero-float .ic{width:34px;height:34px;border-radius:10px;background:var(--blue-50);color:var(--blue-600);display:flex;align-items:center;justify-content:center;flex:none;}
.hero-float .ic svg{width:18px;height:18px;}
@keyframes float1{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes float2{0%,100%{transform:translateY(0)}50%{transform:translateY(10px)}}
.blob{position:absolute;border-radius:50%;filter:blur(0);z-index:1;}
.blob.b1{width:180px;height:180px;background:var(--blue-100);top:20px;right:10px;opacity:.7;}
.blob.b2{width:120px;height:120px;background:var(--bg-alt);bottom:0;left:20px;opacity:.8;}

/* ---------- hero görselleri: her slayt farklı sahne ---------- */
.hero-panel-row .l .ic.t-indigo{background:var(--acc-indigo-bg);color:var(--acc-indigo);}
.hero-panel-row .l .ic.t-violet{background:var(--acc-violet-bg);color:var(--acc-violet);}
.hero-panel-row .l .ic.t-cyan{background:var(--acc-cyan-bg);color:var(--acc-cyan);}
.hero-panel-row .l .ic.t-green{background:var(--acc-green-bg);color:var(--acc-green);}
.hero-panel-row .l .ic.t-pink{background:var(--acc-pink-bg);color:var(--acc-pink);}

/* cloud / vds — kaynak göstergeleri */
.hero-gauges{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.hg{position:relative;display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;background:var(--bg-soft);}
.hg svg{width:56px;height:56px;flex:none;transform:rotate(-90deg);}
.hg .hg-bg{fill:none;stroke:var(--white);stroke-width:7;}
.hg .hg-fg{fill:none;stroke-width:7;stroke-linecap:round;stroke:var(--blue-600);}
.hg-ic{position:absolute;left:26px;top:50%;transform:translate(-50%,-50%);display:flex;}
.hg-ic svg{width:15px;height:15px;transform:none;}
.hg-meta{display:flex;flex-direction:column;line-height:1.2;min-width:0;}
.hg-meta strong{font-family:var(--font-head);font-size:1.15rem;color:var(--ink-900);}
.hg-meta span{font-size:.74rem;font-weight:600;color:var(--ink-400);white-space:nowrap;}
.hg.t-indigo .hg-fg{stroke:var(--acc-indigo);} .hg.t-indigo .hg-ic{color:var(--acc-indigo);}
.hg.t-violet .hg-fg{stroke:var(--acc-violet);} .hg.t-violet .hg-ic{color:var(--acc-violet);}
.hg.t-cyan .hg-fg{stroke:var(--acc-cyan);} .hg.t-cyan .hg-ic{color:var(--acc-cyan);}
.hg.t-green .hg-fg{stroke:var(--acc-green);} .hg.t-green .hg-ic{color:var(--acc-green);}
.hg-foot{margin-top:14px;padding:12px 14px 6px;border-radius:14px;background:var(--blue-50);position:relative;}
.hg-tag{font-size:.72rem;font-weight:700;color:var(--blue-700);}
.hg-spark{display:block;width:100%;height:52px;margin-top:2px;}

/* wordpress — hız skoru */
.hs-gauge{position:relative;display:flex;justify-content:center;padding:4px 0 2px;}
.hs-gauge svg{width:210px;max-width:100%;height:auto;}
.hs-score{position:absolute;left:0;right:0;bottom:2px;text-align:center;}
.hs-score strong{display:block;font-family:var(--font-head);font-size:2.1rem;line-height:1;color:var(--ink-900);}
.hs-score span{font-size:.74rem;font-weight:700;color:var(--ink-400);}
.hero-bars{display:flex;flex-direction:column;gap:11px;margin-top:14px;}
.hb{display:grid;grid-template-columns:74px 1fr auto;align-items:center;gap:11px;}
.hb-l{font-size:.78rem;font-weight:700;color:var(--ink-700);}
.hb-track{height:8px;border-radius:5px;background:var(--bg-soft);overflow:hidden;}
.hb-fill{display:block;height:100%;border-radius:5px;background:var(--blue-500);}
.hb-v{font-size:.78rem;font-weight:700;color:var(--ink-900);}
.hb.t-green .hb-fill{background:var(--acc-green);} .hb.t-cyan .hb-fill{background:var(--acc-cyan);}
.hb.t-violet .hb-fill{background:var(--acc-violet);} .hb.t-indigo .hb-fill{background:var(--acc-indigo);}

/* kurumsal e-posta — gelen kutusu */
.hi-migrate{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:10px;}
.hi-from,.hi-to{font-size:.8rem;font-weight:700;padding:6px 11px;border-radius:9px;}
.hi-from{background:var(--acc-violet-bg);color:var(--acc-violet);}
.hi-to{background:var(--blue-50);color:var(--blue-700);}
.hi-arrow{display:flex;color:var(--ink-300);}
.hi-badge{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:.74rem;font-weight:700;color:var(--acc-green);}
.hi-progress{height:7px;border-radius:5px;background:var(--bg-soft);overflow:hidden;margin-bottom:14px;}
.hi-progress span{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,var(--acc-violet),var(--acc-green));}
.hero-mails{display:flex;flex-direction:column;gap:9px;}
.hm{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:12px;background:var(--bg-soft);}
.hm-av{width:32px;height:32px;flex:none;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem;}
.hm-av.t-violet{background:var(--acc-violet-bg);color:var(--acc-violet);}
.hm-av.t-indigo{background:var(--acc-indigo-bg);color:var(--acc-indigo);}
.hm-av.t-cyan{background:var(--acc-cyan-bg);color:var(--acc-cyan);}
.hm-body{min-width:0;display:flex;flex-direction:column;}
.hm-body strong{font-size:.84rem;color:var(--ink-900);}
.hm-body span{font-size:.76rem;color:var(--ink-400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hm-time{margin-left:auto;font-size:.72rem;font-weight:700;color:var(--ink-300);flex:none;}
@media (max-width:420px){
  .hero-gauges{grid-template-columns:1fr;}
  .hb{grid-template-columns:62px 1fr auto;gap:8px;}
}

/* ---------- page hero (subpages) ---------- */
.page-hero{padding:52px 0 58px;background:var(--grad-soft);border-bottom:1px solid var(--line);position:relative;overflow:hidden;}
.page-hero::before{
  content:"";position:absolute;top:-140px;right:-120px;width:420px;height:420px;border-radius:50%;
  background:radial-gradient(circle,rgba(47,111,237,.14),transparent 70%);pointer-events:none;
}
.page-hero .container{position:relative;z-index:2;}
.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.84rem;font-weight:600;color:var(--ink-400);margin-bottom:16px;}
.breadcrumb a:hover{color:var(--blue-600);}
.breadcrumb svg{width:13px;height:13px;color:var(--ink-300);}
.breadcrumb .cur{color:var(--blue-700);}
.page-hero h1{font-size:clamp(1.9rem,3.6vw,2.7rem);margin:14px 0 14px;}
.page-hero p{max-width:660px;font-size:1.03rem;}
.page-hero-actions{display:flex;gap:14px;margin-top:26px;flex-wrap:wrap;}
.page-hero-trust{display:flex;gap:22px;flex-wrap:wrap;margin-top:26px;padding-top:22px;border-top:1px solid var(--line);}
.page-hero-trust span{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:700;color:var(--ink-700);}
.page-hero-trust .ic{width:28px;height:28px;border-radius:8px;background:var(--white);color:var(--blue-600);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-xs);flex:none;}
.page-hero-trust .ic svg{width:15px;height:15px;}

/* ---------- product hero (2 columns + illustration) ---------- */
.prod-hero{padding:46px 0 54px;}
.prod-hero::before{display:none;}
.prod-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;}
.prod-hero-copy h1{font-size:clamp(1.9rem,3.4vw,2.85rem);margin:14px 0 16px;}
.prod-hero-copy p{max-width:560px;}
.phero-feats{display:grid;grid-template-columns:1fr 1fr;gap:20px 26px;margin-top:32px;}
.phero-feat{display:flex;gap:13px;align-items:flex-start;}
.phero-feat .ic{
  width:44px;height:44px;border-radius:13px;background:var(--white);color:var(--blue-600);
  display:flex;align-items:center;justify-content:center;flex:none;box-shadow:var(--shadow-sm);
  transition:transform .3s var(--ease),box-shadow .3s var(--ease);
}
.phero-feat:hover .ic{transform:translateY(-3px);box-shadow:var(--shadow-md);}
.phero-feat h4{font-size:.97rem;margin-bottom:4px;}
.phero-feat p{font-size:.83rem;margin:0;line-height:1.5;}

.prod-hero-art{position:relative;}
.phero-svg{width:100%;height:auto;display:block;}
.phero-chip{
  position:absolute;display:inline-flex;align-items:center;gap:9px;white-space:nowrap;
  background:var(--white);border:1px solid var(--line);border-radius:var(--radius-pill);
  box-shadow:var(--shadow-md);padding:9px 16px 9px 9px;font-size:.79rem;font-weight:700;color:var(--ink-800);
  animation:chipFloat 5s ease-in-out infinite;
}
.phero-chip .ic{width:28px;height:28px;border-radius:50%;background:var(--grad-brand);color:#fff;display:flex;align-items:center;justify-content:center;flex:none;}
.phero-chip.c1{top:6%;right:-2%;animation-delay:0s;}
.phero-chip.c2{top:30%;right:-6%;animation-delay:.7s;}
.phero-chip.c3{top:54%;right:2%;animation-delay:1.4s;}
.phero-chip.c4{bottom:6%;left:-2%;animation-delay:2.1s;}
@keyframes chipFloat{
  0%,100%{transform:translateZ(var(--z,40px)) translateY(0);}
  50%{transform:translateZ(var(--z,40px)) translateY(-9px);}
}

/* ---------- server spec rows ---------- */
.spec-table{display:flex;flex-direction:column;gap:16px;}
.spec-row{
  display:grid;grid-template-columns:230px minmax(0,1fr) 210px;gap:22px;align-items:center;
  background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);
  padding:20px 24px;box-shadow:var(--shadow-xs);
  transition:box-shadow .3s var(--ease),transform .3s var(--ease),border-color .3s;
}
.spec-row:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);border-color:var(--blue-200,var(--line-strong));}
.spec-row.featured{border-color:var(--blue-400);box-shadow:var(--shadow-sm);}
.spec-name{display:flex;align-items:center;gap:16px;}
.spec-art{width:78px;flex:none;}
.spec-art svg{width:100%;height:auto;display:block;}
.spec-name strong{font-family:var(--font-head);font-size:1.12rem;color:var(--ink-900);display:block;}
.spec-badge{display:inline-block;margin-top:6px;font-size:.64rem;font-weight:800;letter-spacing:.08em;color:var(--blue-700);background:var(--blue-50);border:1px solid var(--blue-100);padding:3px 9px;border-radius:var(--radius-pill);}
.spec-badge.soldout{color:#9a3412;background:#fff7ed;border-color:#fed7aa;margin-left:6px;}
.spec-yearly{display:block;margin-top:5px;font-size:.72rem;font-weight:700;color:var(--ink-400);}
.btn.is-disabled{pointer-events:none;opacity:.55;filter:grayscale(1);}
.spec-cells{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;min-width:0;}
.spec-cell{display:flex;align-items:center;gap:8px;padding:0 4px;border-left:1px solid var(--line);min-width:0;}
.spec-cell>div{min-width:0;}
.spec-cell:first-child{border-left:none;}
.spec-cell .ic{width:26px;height:26px;border-radius:8px;background:var(--blue-50);color:var(--blue-600);display:flex;align-items:center;justify-content:center;flex:none;}
.spec-cell small{display:block;font-size:.7rem;color:var(--ink-400);font-weight:600;}
.spec-cell strong{display:block;font-size:.79rem;color:var(--ink-900);font-weight:800;line-height:1.3;overflow-wrap:break-word;}
.spec-buy{text-align:right;}
.spec-price{margin-bottom:10px;}
.spec-price strong{font-family:var(--font-head);font-size:1.7rem;color:var(--ink-900);}
.spec-price span{font-size:.8rem;color:var(--ink-400);font-weight:600;}
.spec-buy .btn{width:100%;justify-content:center;padding:12px 18px;font-size:.86rem;}

/* ---------- logo strip ---------- */
.logo-strip{padding:34px 0;border-bottom:1px solid var(--line);background:var(--white);}
.logo-strip-inner{display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap;}
.logo-strip span.lbl{font-size:.78rem;font-weight:700;color:var(--ink-400);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;}
.logo-strip-marks{display:flex;gap:34px;flex-wrap:wrap;align-items:center;opacity:.85;}
.logo-strip-marks svg{height:22px;width:auto;color:var(--ink-300);}

/* ---------- sections ---------- */
.section{padding:90px 0;}
.section.alt{background:var(--white);}
.section.tint{background:var(--bg-soft);}

/* ---------- feature / service cards ---------- */
.grid{display:grid;gap:24px;}
.grid-3{grid-template-columns:repeat(3,1fr);}
.grid-4{grid-template-columns:repeat(4,1fr);}
.grid-2{grid-template-columns:repeat(2,1fr);}

.card{
  background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);
  padding:30px 26px;box-shadow:var(--shadow-xs);transition:box-shadow .3s var(--ease),transform .3s var(--ease),border-color .3s;
}
.card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px);border-color:var(--line-strong);}
.card .ic{width:50px;height:50px;border-radius:13px;background:var(--blue-50);color:var(--blue-600);display:flex;align-items:center;justify-content:center;margin-bottom:18px;}
.card .ic svg{width:24px;height:24px;}
.card h3{font-size:1.08rem;margin-bottom:9px;}
.card p{font-size:.92rem;margin-bottom:0;}
.card .link{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font-weight:700;font-size:.86rem;color:var(--blue-600);}
.card .link svg{width:14px;height:14px;transition:transform .2s;}
.card:hover .link svg{transform:translateX(3px);}

.icon-row{display:flex;gap:14px;align-items:flex-start;}
.icon-row .ic{width:44px;height:44px;border-radius:12px;background:var(--blue-50);color:var(--blue-600);display:flex;align-items:center;justify-content:center;flex:none;}
.icon-row .ic svg{width:21px;height:21px;}
.icon-row h4{font-size:1rem;margin-bottom:5px;}
.icon-row p{font-size:.9rem;margin-bottom:0;}

/* ---------- split / feature blocks ---------- */
.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
.split.rev .split-art{order:2;}
.split-list{display:flex;flex-direction:column;gap:18px;margin-top:28px;}
.split-art{position:relative;}
.split-panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:26px;}
.stat-tile{background:var(--bg-soft);border-radius:14px;padding:18px;text-align:center;}
.stat-tile strong{display:block;font-family:var(--font-head);font-size:1.5rem;color:var(--blue-700);}
.stat-tile span{font-size:.78rem;color:var(--ink-400);font-weight:600;}

/* ---------- domain search ---------- */
.domain-box{
  background:linear-gradient(140deg,#081431 0%,#10265c 48%,#081431 100%);
  border-radius:28px;padding:52px 48px;position:relative;overflow:hidden;
  border:1px solid rgba(120,166,255,.16);box-shadow:0 34px 80px -34px rgba(8,20,49,.75);
}
.domain-box::before{
  content:"";position:absolute;inset:0;opacity:.5;
  background:
    radial-gradient(680px 320px at 12% -10%,rgba(47,139,255,.30),transparent 65%),
    radial-gradient(520px 300px at 96% 110%,rgba(63,208,255,.18),transparent 62%);
}
.domain-box::after{
  content:"";position:absolute;inset:0;opacity:.28;
  background-image:linear-gradient(rgba(140,190,255,.10) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(140,190,255,.10) 1px,transparent 1px);
  background-size:56px 56px;
  -webkit-mask-image:radial-gradient(70% 90% at 50% 0%,#000,transparent 75%);
          mask-image:radial-gradient(70% 90% at 50% 0%,#000,transparent 75%);
}
.dbox-orb{position:absolute;border-radius:50%;filter:blur(46px);pointer-events:none;}
.dbox-orb.o1{width:230px;height:230px;top:-70px;right:16%;background:rgba(47,139,255,.42);}
.dbox-orb.o2{width:180px;height:180px;bottom:-60px;left:6%;background:rgba(63,208,255,.24);}
.dbox-grid{
  position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 296px;
  gap:40px;align-items:start;
}
.dbox-eyebrow{
  display:inline-flex;align-items:center;gap:8px;padding:7px 15px;border-radius:var(--radius-pill);
  background:rgba(120,175,255,.14);border:1px solid rgba(140,190,255,.26);
  color:#a9caff;font-size:.72rem;font-weight:800;letter-spacing:.09em;
}
.domain-box h2{
  color:#fff;font-size:clamp(1.5rem,2.9vw,2.15rem);line-height:1.18;margin:18px 0 12px;
}
.domain-box p{color:#c1d2f2;max-width:600px;font-size:.98rem;}
.dbox-trust{display:flex;flex-wrap:wrap;gap:9px 20px;margin-top:20px;}
.dbox-trust-item{
  display:inline-flex;align-items:center;gap:7px;color:#b7cbee;font-size:.83rem;font-weight:600;
}
.dbox-trust-item svg{color:#4fd39a;flex:none;}
.dbox-side{
  background:rgba(255,255,255,.055);border:1px solid rgba(140,190,255,.18);
  border-radius:20px;padding:22px;backdrop-filter:blur(6px);
}
.dbox-side-head{
  display:flex;align-items:center;gap:8px;color:#8fb6ff;
  font-size:.73rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:15px;
}
.dbox-tlds{display:grid;grid-template-columns:1fr 1fr;gap:9px;}
.dbox-tld{
  display:flex;flex-direction:column;gap:3px;padding:11px 13px;border-radius:13px;
  background:rgba(255,255,255,.05);border:1px solid rgba(140,190,255,.16);
  font-family:inherit;text-align:left;cursor:pointer;
  transition:background .22s var(--ease),border-color .22s var(--ease),transform .22s var(--ease);
}
.dbox-tld:hover{background:rgba(80,150,255,.20);border-color:rgba(150,200,255,.45);transform:translateY(-2px);}
.dbox-tld b{color:#fff;font-size:.88rem;font-weight:800;}
.dbox-tld em{color:#9fbdea;font-size:.76rem;font-style:normal;font-weight:700;}
.dbox-tld em small{color:#7e97c4;font-weight:600;font-size:.68rem;}
.dbox-all{
  display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:16px;
  padding-top:15px;border-top:1px solid rgba(140,190,255,.16);
  color:#8ec5ff;font-weight:700;font-size:.82rem;
}
.dbox-all:hover{color:#fff;}
@media(max-width:960px){
  .dbox-grid{grid-template-columns:1fr;gap:28px;}
  .dbox-tlds{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:560px){.dbox-tlds{grid-template-columns:1fr 1fr;}}
.domain-form{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap;}
.domain-form input{
  flex:1;min-width:220px;padding:16px 20px;border-radius:var(--radius-pill);border:none;font-size:.98rem;
  background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.18);
}
.domain-form input::placeholder{color:#94a4c8;}

/* light-background variant used on the domain hero */
.domain-form-hero{margin-top:30px;max-width:560px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-pill);padding:7px 7px 7px 8px;box-shadow:var(--shadow-md);gap:8px;flex-wrap:nowrap;}
.domain-form-hero input{background:transparent;border:none;color:var(--ink-900);padding:14px 16px;min-width:0;}
.domain-form-hero input:focus{outline:none;}
.domain-form-hero input::placeholder{color:var(--ink-300);}
.domain-form-hero .btn{flex:none;white-space:nowrap;}

/* koyu zeminli ana sayfa kutusundaki büyük arama alanı */
.domain-form-lg{
  margin-top:28px;max-width:620px;background:var(--white);border:1px solid rgba(255,255,255,.6);
  border-radius:var(--radius-pill);padding:8px 8px 8px 20px;gap:10px;flex-wrap:nowrap;
  align-items:center;box-shadow:0 20px 44px -20px rgba(6,17,45,.75);
  transition:box-shadow .25s var(--ease),transform .25s var(--ease);
}
.domain-form-lg:focus-within{box-shadow:0 24px 52px -18px rgba(29,92,240,.6);transform:translateY(-1px);}
.domain-form-lg .df-ic{display:flex;color:var(--blue-500);flex:none;}
.domain-form-lg input{
  flex:1;min-width:0;background:transparent;border:none;color:var(--ink-900);
  padding:15px 4px;font-size:1rem;font-weight:600;
}
.domain-form-lg input:focus{outline:none;}
.domain-form-lg input::placeholder{color:var(--ink-300);font-weight:500;}
.domain-form-lg .btn{flex:none;white-space:nowrap;padding:14px 26px;}
.domain-box .domain-results{max-width:620px;}
@media(max-width:560px){
  .domain-form-lg{flex-wrap:wrap;border-radius:20px;padding:6px;}
  .domain-form-lg .df-ic{margin-left:12px;}
  .domain-form-lg input{flex:1 0 60%;}
  .domain-form-lg .btn{width:100%;justify-content:center;}
}

/* alan adı sorgu sonuçları */
.domain-results{
  margin-top:18px;max-width:660px;background:var(--white);border:1px solid var(--line);
  border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;text-align:left;
}
.domain-results[hidden]{display:none;}
.dr-head{
  padding:13px 20px;background:var(--blue-50);border-bottom:1px solid var(--line);
  font-size:.84rem;color:var(--ink-500);font-weight:600;
}
.dr-head strong{color:var(--blue-700);font-weight:800;}
.dr-list{display:flex;flex-direction:column;}
.dr-row{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:12px;
  padding:13px 20px;border-bottom:1px solid var(--line);
}
.dr-row:last-child{border-bottom:none;}
.dr-row.is-exact{background:#fbfdff;}
.dr-ic{display:flex;color:var(--ink-300);}
.dr-row.is-free .dr-ic{color:var(--green-600);}
.dr-row.is-taken .dr-ic{color:var(--ink-300);}
.dr-name{
  font-weight:800;color:var(--ink-900);font-size:.92rem;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap;
}
.dr-row.is-taken .dr-name{color:var(--ink-400);text-decoration:line-through;text-decoration-thickness:1px;}
.dr-state{
  font-size:.72rem;font-weight:800;letter-spacing:.02em;padding:4px 10px;
  border-radius:var(--radius-pill);background:var(--blue-50);color:var(--ink-500);white-space:nowrap;
}
.dr-row.is-free .dr-state{background:#e6f8ee;color:#0f8a4d;}
.dr-row.is-taken .dr-state{background:#f4f5f8;color:var(--ink-400);}
.dr-row.is-unknown .dr-state{background:#fff5e5;color:#a8620a;}
.dr-price{font-size:.84rem;font-weight:800;color:var(--blue-700);white-space:nowrap;}
.dr-price small{color:var(--ink-400);font-weight:600;font-size:.7rem;margin-left:2px;}
.dr-msg{font-size:.78rem;color:var(--ink-400);font-weight:600;white-space:nowrap;}
.dr-act .btn{white-space:nowrap;}
.dr-spin{
  display:block;width:16px;height:16px;border-radius:50%;
  border:2px solid var(--blue-100);border-top-color:var(--blue-600);animation:drspin .7s linear infinite;
}
@keyframes drspin{to{transform:rotate(360deg);}}
.dr-note{display:flex;align-items:center;gap:10px;padding:15px 20px;font-size:.86rem;color:var(--ink-500);}
.dr-note.is-warn{color:#a8620a;}
.dr-note b{color:var(--ink-900);}
.dr-foot{
  padding:11px 20px;margin:0;background:#fafbfd;border-top:1px solid var(--line);
  font-size:.74rem;color:var(--ink-400);line-height:1.5;
}
@media(max-width:640px){
  .dr-row{grid-template-columns:auto minmax(0,1fr) auto;row-gap:10px;padding:15px 16px;}
  .dr-ic{grid-area:1/1/2/2;}
  .dr-name{grid-area:1/2/2/4;white-space:normal;overflow-wrap:anywhere;}
  .dr-state{grid-area:2/2/3/3;justify-self:start;}
  .dr-price{grid-area:2/3/3/4;justify-self:end;}
  .dr-act{grid-area:3/1/4/4;}
  .dr-act .btn{width:100%;justify-content:center;}
  .dr-msg{display:block;text-align:center;}
}
@media(prefers-reduced-motion:reduce){.dr-spin{animation-duration:2s;}}

.tld-pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px;}
.tld-pill{
  display:inline-flex;align-items:baseline;gap:6px;padding:8px 15px;border-radius:var(--radius-pill);
  background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow-xs);
  font-size:.82rem;font-weight:700;color:var(--ink-800);transition:border-color .25s,transform .25s var(--ease);
  cursor:pointer;font-family:inherit;
}
.tld-pill:hover{border-color:var(--blue-400);transform:translateY(-2px);}
.tld-pill strong{color:var(--blue-600);font-size:.86rem;}
.tld-pill small{color:var(--ink-400);font-weight:600;font-size:.72rem;}

/* ---------- pricing ---------- */
.pricing-toggle{display:flex;justify-content:center;margin-bottom:44px;}
.toggle-pill{display:inline-flex;background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius-pill);padding:5px;}
.toggle-pill button{padding:10px 22px;border-radius:var(--radius-pill);font-weight:700;font-size:.86rem;color:var(--ink-500);}
.toggle-pill button.active{background:var(--white);color:var(--blue-700);box-shadow:var(--shadow-xs);}

.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.plans.cols-4{grid-template-columns:repeat(4,1fr);}
.plans.cols-6{grid-template-columns:repeat(3,1fr);}
.plan{
  background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:38px 26px 32px;display:flex;flex-direction:column;box-shadow:var(--shadow-xs);
  transition:transform .3s var(--ease),box-shadow .3s var(--ease);position:relative;overflow:hidden;
}
.plan::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--grad-brand);}
.plan:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);}
.plan.featured{border-color:var(--blue-400);box-shadow:var(--shadow-brand);background:linear-gradient(180deg,#fff 0%,var(--blue-50) 130%);}
.plan.featured::before{background:linear-gradient(135deg,#ff9a3c,#ff6b3c);}
.plan-ribbon{
  position:absolute;top:18px;right:-38px;transform:rotate(45deg);width:150px;text-align:center;
  background:linear-gradient(135deg,#ff9a3c,#ff6b3c);color:#fff;font-size:.68rem;font-weight:800;
  letter-spacing:.05em;padding:6px 0;box-shadow:0 6px 16px -6px rgba(255,107,60,.55);
}
.plan-icon{width:50px;height:50px;border-radius:14px;background:var(--blue-50);color:var(--blue-600);display:flex;align-items:center;justify-content:center;margin-bottom:18px;flex:none;}
.plan-icon svg{width:24px;height:24px;}
.plan.featured .plan-icon{background:rgba(29,92,240,.14);}
.plan-name{font-weight:700;font-size:.86rem;color:var(--blue-600);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;}
.plan-price{display:flex;align-items:baseline;gap:6px;margin-bottom:4px;}
.plan-price strong{font-family:var(--font-head);font-size:2.1rem;background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent;}
.plan-price span{color:var(--ink-400);font-weight:600;font-size:.86rem;}
.plan-yearly{display:inline-flex;align-items:center;gap:6px;font-size:.74rem;font-weight:700;color:var(--blue-700);background:var(--blue-50);border:1px solid var(--blue-100);border-radius:var(--radius-pill);padding:4px 11px;margin-bottom:12px;}
.plan-desc{font-size:.85rem;margin-bottom:22px;}
.plan-feats{display:flex;flex-direction:column;gap:0;margin-bottom:26px;flex:1;}
.plan-feats li{display:flex;align-items:flex-start;gap:10px;font-size:.88rem;color:var(--ink-700);font-weight:500;padding:10px 0;border-bottom:1px solid var(--line);}
.plan-feats li:last-child{border-bottom:none;}
.plan-feats .feat-ic{
  width:26px;height:26px;border-radius:8px;background:var(--blue-50);color:var(--blue-600);
  display:flex;align-items:center;justify-content:center;flex:none;
  transition:background .25s var(--ease),color .25s var(--ease),transform .25s var(--ease);
}
.plan-feats li:hover .feat-ic{background:var(--grad-brand);color:#fff;transform:scale(1.08);}
.plan-feats .feat-ic svg{width:15px;height:15px;color:currentColor;margin-top:0;}
.plan-feats li>span:last-child{padding-top:3px;}
.plan-feats svg{width:17px;height:17px;color:var(--green-600);flex:none;margin-top:2px;}
.plan-more{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.82rem;font-weight:700;color:var(--blue-600);margin:-12px 0 18px;padding:4px 0;}
.plan-more svg{width:14px;height:14px;}
.plan-more:hover{color:var(--blue-700);}
#karsilastirma,#paketler{scroll-margin-top:96px;}
.compare-plans th:not(:first-child),.compare-plans td:not(:first-child){text-align:center;}
.compare-plans td.no{color:var(--ink-300);}
.compare-plans td.yes svg{color:var(--green-600);}
.compare-plans th small{display:block;margin-top:4px;font-family:var(--font-body);font-size:.78rem;font-weight:700;color:var(--blue-600);}
.compare-plans th.hi{background:var(--blue-50);color:var(--blue-800);box-shadow:inset 0 3px 0 var(--blue-600);}
.compare-plans td.val{font-weight:700;color:var(--ink-900);}
.compare-plans td.rowlbl{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--ink-700);}
.compare-plans td.rowlbl .ic{
  width:26px;height:26px;border-radius:8px;background:var(--blue-50);color:var(--blue-600);
  display:flex;align-items:center;justify-content:center;flex:none;
}
.compare-plans td.rowlbl svg{width:15px;height:15px;color:currentColor;}
.compare-plans tbody tr{transition:background .2s;}
.compare-plans tbody tr:hover{background:var(--blue-50);}

/* ---------- comparison table ---------- */
.table-wrap{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--line);background:var(--white);}
table.compare{width:100%;border-collapse:collapse;min-width:640px;}
table.compare th,table.compare td{padding:16px 20px;text-align:left;border-bottom:1px solid var(--line);font-size:.9rem;}
table.compare th{background:var(--bg-soft);font-family:var(--font-head);color:var(--ink-900);font-weight:800;}
table.compare tr:last-child td{border-bottom:none;}
table.compare td{color:var(--ink-600);}
table.compare td.yes{color:var(--green-600);}
table.compare svg{width:16px;height:16px;}

/* ---------- stats band ---------- */
.stats-band{background:var(--ink-900);padding:56px 0;position:relative;overflow:hidden;}
.stats-band::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(47,111,237,.35),transparent 55%);}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative;z-index:1;}
.stat{text-align:center;color:#fff;}
.stat strong{display:block;font-family:var(--font-head);font-size:2.3rem;background:linear-gradient(135deg,#fff,#bcd4ff);-webkit-background-clip:text;background-clip:text;color:transparent;}
.stat span{font-size:.84rem;color:#a9b7dd;font-weight:600;}

/* ---------- teknik altyapı bandı ---------- */
.eyebrow-teal{color:var(--acc-teal);background:var(--acc-teal-bg);border-color:#bfe9e3;}
.eyebrow-teal .dot{background:var(--acc-teal);}
.tech-band{background:var(--ink-900);color:#fff;overflow:hidden;}
.tech-band::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 10%,rgba(47,111,237,.32),transparent 55%),radial-gradient(circle at 5% 90%,rgba(15,155,142,.22),transparent 50%);}
.tech-band .container{position:relative;z-index:1;}
.tech-head{max-width:660px;margin-bottom:38px;}
.tech-head h2{color:#fff;font-size:clamp(1.5rem,3vw,2.15rem);margin:14px 0 12px;}
.tech-head p{color:#a9b7dd;}
.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.tech-item{
  display:flex;gap:14px;align-items:flex-start;padding:20px;border-radius:16px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);
  transition:background .22s var(--ease),transform .22s var(--ease),border-color .22s;
}
.tech-item:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.18);transform:translateY(-3px);}
.tech-item .ic{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex:none;background:rgba(47,111,237,.22);color:#8ec5ff;}
.tech-item:nth-child(6n+2) .ic{background:rgba(15,155,142,.22);color:#6ee7d5;}
.tech-item:nth-child(6n+3) .ic{background:rgba(124,58,237,.22);color:#c4b1ff;}
.tech-item:nth-child(6n+4) .ic{background:rgba(240,163,35,.2);color:#f8cd83;}
.tech-item:nth-child(6n+5) .ic{background:rgba(219,39,119,.2);color:#f9a8d4;}
.tech-item:nth-child(6n+6) .ic{background:rgba(34,197,94,.2);color:#86efac;}
.tech-item h4{color:#fff;font-size:.98rem;margin-bottom:5px;}
.tech-item p{color:#9fb0d6;font-size:.84rem;line-height:1.55;}

/* ---------- adımlar ---------- */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.step-card{
  position:relative;background:var(--white);border:1px solid var(--line);border-radius:18px;
  padding:26px 22px 22px;box-shadow:var(--shadow-xs);transition:transform .25s var(--ease),box-shadow .25s var(--ease);
}
.step-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);}
.step-num{
  position:absolute;top:-14px;left:22px;width:34px;height:34px;border-radius:11px;
  display:flex;align-items:center;justify-content:center;font-family:var(--font-head);
  font-weight:800;font-size:.95rem;color:#fff;background:var(--grad-brand);box-shadow:var(--shadow-brand);
}
.step-card:nth-child(4n+2) .step-num{background:linear-gradient(135deg,#0f9b8e,#3fd0ff);box-shadow:0 14px 26px -14px rgba(15,155,142,.8);}
.step-card:nth-child(4n+3) .step-num{background:linear-gradient(135deg,#7c3aed,#c084fc);box-shadow:0 14px 26px -14px rgba(124,58,237,.8);}
.step-card:nth-child(4n+4) .step-num{background:linear-gradient(135deg,#e08600,#fbbf24);box-shadow:0 14px 26px -14px rgba(224,134,0,.8);}
.step-card .ic{width:44px;height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:var(--blue-50);color:var(--blue-600);margin:8px 0 14px;}
.step-card:nth-child(4n+2) .ic{background:var(--acc-teal-bg);color:var(--acc-teal);}
.step-card:nth-child(4n+3) .ic{background:var(--acc-violet-bg);color:var(--acc-violet);}
.step-card:nth-child(4n+4) .ic{background:var(--acc-amber-bg);color:var(--acc-amber);}
.step-card h4{font-size:1rem;margin-bottom:7px;}
.step-card p{font-size:.86rem;line-height:1.55;}

/* ---------- garanti şeridi ---------- */
.guarantee-section{padding-top:0;}
.guarantee-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.guarantee{
  display:flex;gap:15px;align-items:flex-start;background:var(--white);border:1px solid var(--line);
  border-radius:18px;padding:22px;box-shadow:var(--shadow-xs);transition:transform .25s var(--ease),box-shadow .25s var(--ease);
}
.guarantee:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm);}
.guarantee .ic{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex:none;}
.guarantee:nth-child(1) .ic{background:var(--acc-amber-bg);color:var(--acc-amber);}
.guarantee:nth-child(2) .ic{background:var(--acc-indigo-bg);color:var(--acc-indigo);}
.guarantee:nth-child(3) .ic{background:var(--acc-green-bg);color:var(--acc-green);}
.guarantee h4{font-size:.98rem;margin-bottom:5px;}
.guarantee p{font-size:.85rem;line-height:1.55;}

/* ---------- destek bandı ---------- */
.support-band .support-inner{
  display:grid;grid-template-columns:1fr 1.05fr;gap:40px;align-items:center;
  background:linear-gradient(135deg,#eef4ff,#e8fbf7);border:1px solid var(--line);
  border-radius:var(--radius-lg);padding:40px;
}
.support-copy h2{font-size:clamp(1.45rem,2.8vw,2rem);margin:14px 0 12px;}
.support-copy p{margin-bottom:22px;max-width:440px;}
.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.support-item{
  background:var(--white);border:1px solid var(--line);border-radius:16px;padding:20px;
  box-shadow:var(--shadow-xs);text-align:left;
}
.support-item .ic{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;background:var(--blue-50);color:var(--blue-600);}
.support-item:nth-child(2) .ic{background:var(--acc-green-bg);color:var(--acc-green);}
.support-item:nth-child(3) .ic{background:var(--acc-violet-bg);color:var(--acc-violet);}
.support-item:nth-child(4) .ic{background:var(--acc-amber-bg);color:var(--acc-amber);}
.support-item strong{display:block;font-family:var(--font-head);font-size:1.45rem;color:var(--ink-900);line-height:1.1;}
.support-item span{font-size:.8rem;color:var(--ink-400);font-weight:600;}

/* ---------- müşteri yorumları ---------- */
.reviews-section{background:linear-gradient(180deg,#fff 0%,#f7faff 100%);overflow:hidden;}
.reviews-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;}
.eyebrow-amber{color:var(--acc-amber);background:var(--acc-amber-bg);border-color:#fbe3b6;}
.eyebrow-amber .dot{background:var(--acc-amber);}
.reviews-copy h2{font-size:clamp(1.7rem,3.4vw,2.5rem);margin:16px 0 14px;}
.ul-accent{position:relative;display:block;width:fit-content;}
.ul-accent::after{content:"";position:absolute;left:0;bottom:-8px;width:78px;height:5px;border-radius:4px;background:linear-gradient(90deg,var(--acc-amber),var(--acc-pink));}
.reviews-copy>p{margin:22px 0 30px;font-size:1.02rem;max-width:540px;}
.review-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.review{
  background:var(--white);border:1px solid var(--line);border-radius:18px;padding:20px;
  box-shadow:0 16px 34px -26px rgba(15,35,90,.5);transition:transform .25s var(--ease),box-shadow .25s var(--ease);
}
.review:hover{transform:translateY(-4px);box-shadow:0 22px 44px -24px rgba(15,35,90,.45);}
.review-head{display:flex;align-items:center;gap:12px;margin-bottom:12px;}
.review-avatar{width:52px;height:52px;border-radius:50%;overflow:hidden;flex:none;box-shadow:0 0 0 3px #fff,0 0 0 5px var(--blue-100);}
.review-avatar svg{width:100%;height:100%;display:block;}
.review-head strong{display:block;font-size:.92rem;color:var(--ink-900);margin-top:4px;}
.review-head span{font-size:.76rem;color:var(--ink-400);}
.review p{color:var(--ink-700);font-size:.88rem;line-height:1.62;}
.stars{display:inline-flex;gap:2px;}
.stars svg{width:14px;height:14px;}
.stars.gold svg{color:#f5a623;fill:#f5a623;}
.stars.green svg{color:#22c55e;fill:#22c55e;}
.stars.blue svg{color:var(--blue-500);fill:var(--blue-500);}
.review:nth-child(4n+1){border-top:3px solid var(--acc-amber);}
.review:nth-child(4n+2){border-top:3px solid var(--acc-green);}
.review:nth-child(4n+3){border-top:3px solid var(--acc-violet);}
.review:nth-child(4n+4){border-top:3px solid var(--acc-cyan);}
.reviews-art{position:relative;}
.reviews-art svg{width:100%;height:auto;display:block;}
.score-bar{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:48px;}
.score{
  display:flex;align-items:center;gap:16px;background:var(--white);border:1px solid var(--line);
  border-radius:18px;padding:20px 24px;box-shadow:var(--shadow-sm);
}
.score .ic{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex:none;}
.score:nth-child(1) .ic{background:var(--acc-amber-bg);color:var(--acc-amber);}
.score:nth-child(2) .ic{background:var(--acc-green-bg);color:var(--acc-green);}
.score .ic svg{width:22px;height:22px;}
.score strong{display:block;font-family:var(--font-head);font-size:1.02rem;color:var(--ink-900);margin-bottom:4px;}
.score .stars{vertical-align:middle;margin-right:8px;}
.score small{font-size:.78rem;color:var(--ink-400);}

/* ---------- FAQ ---------- */
.faq{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:12px;}
.faq-item{background:var(--white);border:1px solid var(--line);border-radius:14px;overflow:hidden;}
.faq-q{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;font-weight:700;font-size:.96rem;color:var(--ink-900);}
.faq-q svg{width:18px;height:18px;color:var(--blue-600);flex:none;transition:transform .3s var(--ease);}
.faq-item.open .faq-q svg{transform:rotate(45deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s var(--ease);}
.faq-a-inner{padding:0 22px 20px;color:var(--ink-500);font-size:.9rem;}
.faq-item.open .faq-a{max-height:400px;}

/* ---------- CTA banner ---------- */
.cta-banner{
  background:var(--grad-brand);border-radius:var(--radius-lg);padding:56px;
  display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;
  position:relative;overflow:hidden;
}
.cta-banner::before{content:"";position:absolute;width:320px;height:320px;background:rgba(255,255,255,.12);border-radius:50%;top:-140px;right:-80px;}
.cta-banner::after{content:"";position:absolute;width:220px;height:220px;background:rgba(255,255,255,.10);border-radius:50%;bottom:-120px;left:10%;}
.cta-banner>*{position:relative;z-index:1;}
.cta-banner h2{color:#fff;font-size:clamp(1.4rem,2.6vw,2rem);margin-bottom:8px;}
.cta-banner p{color:#dbe8ff;max-width:460px;}
.cta-actions{display:flex;gap:12px;flex-wrap:wrap;}

/* ---------- contact / forms ---------- */
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;}
.contact-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);padding:26px;box-shadow:var(--shadow-xs);margin-bottom:16px;}
.form-field{margin-bottom:18px;}
.form-field label{display:block;font-size:.86rem;font-weight:700;color:var(--ink-800);margin-bottom:8px;}
.form-field input,.form-field select,.form-field textarea{
  width:100%;padding:13px 16px;border-radius:10px;border:1.5px solid var(--line-strong);
  background:var(--bg-soft);transition:border-color .2s,background .2s;
}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--blue-500);background:#fff;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.form-note{font-size:.78rem;color:var(--ink-400);margin-top:10px;}

/* ---------- bank cards ---------- */
.bank-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-xs);}
.bank-head{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px dashed var(--line);}
.bank-head .ic{width:44px;height:44px;border-radius:11px;background:var(--blue-50);color:var(--blue-600);display:flex;align-items:center;justify-content:center;flex:none;}
.bank-row{display:flex;justify-content:space-between;font-size:.86rem;padding:7px 0;color:var(--ink-500);}
.bank-row b{color:var(--ink-900);}

/* ---------- footer ---------- */
footer.site-footer{
  position:relative;overflow:hidden;color:#aab8dc;padding-top:74px;
  background:linear-gradient(180deg,#0d1a38 0%,var(--ink-900) 45%,#080f22 100%);
}
footer.site-footer::before{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(93,160,255,.55),rgba(63,208,255,.35),transparent);
}
.footer-deco{
  position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(700px 320px at 12% -6%,rgba(45,120,255,.20),transparent 70%),
    radial-gradient(560px 300px at 88% 8%,rgba(63,208,255,.13),transparent 72%),
    linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px) 0 0/100% 46px,
    linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px) 0 0/46px 100%;
  mask-image:linear-gradient(180deg,#000,transparent 78%);
  -webkit-mask-image:linear-gradient(180deg,#000,transparent 78%);
}
footer.site-footer .container{position:relative;z-index:1;}

/* newsletter card */
.footer-news{
  display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center;
  background:linear-gradient(135deg,rgba(29,92,240,.20),rgba(63,208,255,.10));
  border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);
  padding:30px 34px;box-shadow:0 30px 60px -40px rgba(0,0,0,.9);
}
.fnews-copy{display:flex;gap:16px;align-items:flex-start;}
.fnews-ic{
  width:46px;height:46px;border-radius:13px;flex:none;display:flex;align-items:center;justify-content:center;
  background:var(--grad-brand);color:#fff;box-shadow:0 12px 26px -14px rgba(47,139,255,.9);
}
.fnews-ic svg{width:22px;height:22px;}
.footer-news h3{color:#fff;font-size:1.22rem;line-height:1.3;margin-bottom:7px;}
.footer-news p{color:#9db0d8;font-size:.87rem;line-height:1.55;max-width:400px;}
.fnews-form{display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.fnews-field{
  position:relative;flex:1;min-width:210px;display:flex;align-items:center;gap:9px;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);
  border-radius:var(--radius-pill);padding:0 18px;height:50px;transition:border-color .2s,background .2s;
}
.fnews-field:focus-within{border-color:rgba(93,160,255,.75);background:rgba(255,255,255,.10);}
.fnews-field svg{width:17px;height:17px;color:#7f92bd;flex:none;}
.fnews-field input{
  flex:1;background:none;border:0;outline:none;color:#fff;font-family:inherit;font-size:.9rem;height:100%;
}
.fnews-field input::placeholder{color:#7b8cb5;}
.fnews-form .btn{height:50px;padding:0 26px;}
.fnews-form small{flex:1 0 100%;font-size:.73rem;color:#7f8db4;}
.fnews-form small a{color:#9dc0ff;text-decoration:underline;}
.fnews-form .form-success{display:none;flex:1 0 100%;font-size:.78rem;color:#5ce0a8;font-weight:700;}

/* trust row */
.footer-trust-row{
  display:grid;grid-template-columns:repeat(4,1fr);gap:14px;
  margin:34px 0 46px;padding-bottom:38px;border-bottom:1px solid rgba(255,255,255,.08);
}
.ftrust{display:flex;gap:13px;align-items:center;}
.ftrust .ic{
  width:42px;height:42px;border-radius:12px;flex:none;display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);color:#9fc4ff;
}
.ftrust .ic svg{width:20px;height:20px;}
.ftrust strong{display:block;color:#fff;font-family:var(--font-head);font-size:.9rem;font-weight:700;line-height:1.25;}
.ftrust span{font-size:.76rem;color:#8394bd;}
.footer-trust-row .ftrust:nth-child(2) .ic{color:#5ce0a8;}
.footer-trust-row .ftrust:nth-child(3) .ic{color:#8bd8ff;}
.footer-trust-row .ftrust:nth-child(4) .ic{color:#ffc46b;}

.footer-grid{display:grid;grid-template-columns:1.15fr repeat(5,1fr);gap:26px;padding-bottom:44px;}
.footer-brand .brand-word{color:#fff;}
.footer-brand .brand-logo{height:36px;}
.footer-brand p{color:#8b9ac2;font-size:.87rem;line-height:1.6;margin:16px 0 20px;max-width:300px;}
.footer-contact{display:flex;flex-direction:column;gap:11px;margin-bottom:22px;}
.footer-contact a,.fcontact-static{display:flex;gap:11px;align-items:center;}
.footer-contact svg{width:16px;height:16px;color:#6f83b0;flex:none;margin-top:2px;}
.footer-contact strong{display:block;color:#dbe4f7;font-size:.85rem;font-weight:700;line-height:1.3;}
.footer-contact span{font-size:.73rem;color:#758ab8;}
.footer-contact a:hover strong{color:#fff;}
.footer-contact a:hover svg{color:var(--blue-500,#3f86ff);}
.footer-social{display:flex;gap:10px;}
.footer-social a{
  width:38px;height:38px;border-radius:11px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);
  display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s,border-color .2s;
}
.footer-social a:hover{background:var(--blue-600);border-color:transparent;transform:translateY(-2px);}
.footer-social svg{width:16px;height:16px;color:#fff;}
.footer-col h5{color:#fff;font-family:var(--font-head);font-size:.82rem;text-transform:uppercase;letter-spacing:.07em;margin-bottom:18px;}
.footer-col ul{display:flex;flex-direction:column;gap:10px;}
.footer-col a{display:flex;align-items:center;gap:9px;font-size:.86rem;color:#a3b2d8;transition:color .2s,transform .2s;}
.footer-col a .fdot{
  width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.22);flex:none;
  transition:background .2s,transform .2s;
}
.footer-col a:hover{color:#fff;transform:translateX(3px);}
.footer-col a:hover .fdot{background:var(--acc-cyan,#3fd0ff);transform:scale(1.5);}
.ftag{
  font-size:.56rem;font-weight:800;letter-spacing:.06em;padding:2px 6px;border-radius:5px;
  background:rgba(93,160,255,.16);color:#8fc0ff;border:1px solid rgba(93,160,255,.25);
}
.footer-col li:nth-child(2) .ftag{background:rgba(92,224,168,.14);color:#5ce0a8;border-color:rgba(92,224,168,.24);}

/* meta strip */
.footer-meta{
  display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;
  padding:18px 22px;border:1px solid rgba(255,255,255,.09);border-radius:var(--radius-md);
  background:rgba(255,255,255,.03);
}
.fstatus{display:flex;align-items:center;gap:9px;font-size:.82rem;font-weight:600;color:#c6d2ec;}
.fstatus em{font-style:normal;color:#5ce0a8;font-weight:800;}
.fstatus .pulse{position:relative;width:9px;height:9px;border-radius:50%;background:#22c55e;flex:none;}
.fstatus .pulse::after{
  content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid rgba(34,197,94,.45);
  animation:fpulse 2s ease-out infinite;
}
@keyframes fpulse{0%{transform:scale(.6);opacity:1;}100%{transform:scale(1.25);opacity:0;}}
.footer-pay{display:flex;gap:8px;flex-wrap:wrap;}
.paychip{
  display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:9px;
  border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.04);
  font-size:.72rem;font-weight:700;color:#c3cee8;
}
.paychip svg{width:15px;height:15px;color:#8fa6d6;}
.footer-switch{display:flex;gap:8px;}
.fswitch{
  display:inline-flex;align-items:center;gap:6px;font-size:.74rem;font-weight:600;color:#9aabd2;
  padding:6px 12px;border-radius:9px;border:1px solid rgba(255,255,255,.10);
}
.fswitch svg{width:14px;height:14px;color:#7f92bd;}

.footer-bottom{
  display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  margin-top:26px;padding:22px 0 28px;border-top:1px solid rgba(255,255,255,.07);
  font-size:.79rem;color:#7c8ab0;
}
.footer-legal{display:flex;gap:20px;flex-wrap:wrap;}
.footer-legal a{font-size:.79rem;color:#8b99bf;transition:color .2s;}
.footer-legal a:hover{color:#fff;}

.to-top{
  position:fixed;right:24px;bottom:110px;z-index:120;width:46px;height:46px;border-radius:14px;
  background:var(--grad-brand);color:#fff;display:flex;align-items:center;justify-content:center;
  box-shadow:0 18px 34px -16px rgba(29,92,240,.85);cursor:pointer;border:0;
  opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .25s,transform .25s,visibility .25s;
}
.to-top.show{opacity:1;visibility:visible;transform:translateY(0);}
.to-top:hover{transform:translateY(-3px);}
.to-top svg{width:18px;height:18px;transform:rotate(180deg);}

/* ---------- mobile nav drawer ---------- */
.mobile-drawer{
  position:fixed;inset:0;z-index:300;visibility:hidden;overflow:hidden;
}
.mobile-drawer.open{visibility:visible;}
.mobile-drawer .backdrop{position:absolute;inset:0;background:rgba(11,23,48,.5);opacity:0;transition:opacity .3s;}
.mobile-drawer.open .backdrop{opacity:1;}
.mobile-panel{
  position:absolute;top:0;right:0;bottom:0;width:min(340px,86vw);background:#fff;
  padding:22px;overflow-y:auto;transform:translateX(100%);transition:transform .32s var(--ease);
  display:flex;flex-direction:column;gap:4px;
}
.mobile-drawer.open .mobile-panel{transform:translateX(0);}
.mobile-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;}
.mobile-panel-head button{width:38px;height:38px;border-radius:10px;background:var(--bg-soft);display:flex;align-items:center;justify-content:center;}
.mobile-panel-head button svg{width:18px;height:18px;}
.mgroup summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:14px 10px;font-weight:700;color:var(--ink-800);border-radius:10px;cursor:pointer;}
.mgroup summary::-webkit-details-marker{display:none;}
.mg-t{flex:0 0 auto;white-space:nowrap;}
.mnav-badge{
  flex:0 0 auto;display:inline-block;margin:0 auto 0 9px;padding:2px 9px;border-radius:var(--radius-pill);
  font-family:var(--font-body);font-size:.63rem;font-weight:700;line-height:1.5;vertical-align:2px;
  animation:navBadgeInline 2.6s var(--ease) infinite;
}
.mnav-badge::after{display:none;}
.mobile-panel>a.mtop{display:flex;align-items:center;}
.mgroup summary svg{width:16px;height:16px;transition:transform .2s;color:var(--ink-400);}
.mgroup[open] summary svg{transform:rotate(180deg);}
.mgroup .msub{display:flex;flex-direction:column;padding:0 10px 10px 18px;}
.mgroup .msub a{padding:9px 0;font-size:.88rem;color:var(--ink-500);font-weight:600;}
.mobile-panel>a.mtop{padding:14px 10px;font-weight:700;color:var(--ink-800);border-radius:10px;}
.mobile-panel .mcta{margin-top:14px;display:flex;flex-direction:column;gap:10px;}

/* ---------- misc pages ---------- */
.infra-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;}
.cert-pills{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:900px;margin:0 auto 38px;}
.cert-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:var(--radius-pill);background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow-xs);font-size:.83rem;font-weight:700;color:var(--ink-700);}
.cert-pill svg{color:var(--blue-600);flex:none;}
.infra-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);padding:26px;display:flex;gap:16px;box-shadow:var(--shadow-xs);}
.badge-soft{display:inline-block;background:var(--blue-50);color:var(--blue-700);font-size:.72rem;font-weight:800;padding:4px 10px;border-radius:8px;margin-bottom:10px;}

.doc-list{display:flex;flex-direction:column;gap:12px;}
.doc-row{display:flex;align-items:center;gap:16px;background:var(--white);border:1px solid var(--line);border-radius:14px;padding:18px 20px;transition:box-shadow .2s,border-color .2s;}
.doc-row:hover{box-shadow:var(--shadow-sm);border-color:var(--line-strong);}
.doc-row .ic{width:42px;height:42px;border-radius:11px;background:var(--blue-50);color:var(--blue-600);display:flex;align-items:center;justify-content:center;flex:none;}
.doc-row .ic svg{width:20px;height:20px;}
.doc-row .meta{flex:1;}
.doc-row .meta strong{display:block;font-size:.92rem;color:var(--ink-900);}
.doc-row .meta span{font-size:.78rem;color:var(--ink-400);}

/* ---------- accent rotation (keeps the palette from going all-blue) ---------- */
.grid .card:nth-child(6n+1) .ic,.phero-feats .phero-feat:nth-child(6n+1) .ic,.split-list .icon-row:nth-child(6n+1) .ic,.spec-cell:nth-child(6n+1) .ic{background:var(--acc-indigo-bg);color:var(--acc-indigo);}
.grid .card:nth-child(6n+2) .ic,.phero-feats .phero-feat:nth-child(6n+2) .ic,.split-list .icon-row:nth-child(6n+2) .ic,.spec-cell:nth-child(6n+2) .ic{background:var(--acc-teal-bg);color:var(--acc-teal);}
.grid .card:nth-child(6n+3) .ic,.phero-feats .phero-feat:nth-child(6n+3) .ic,.split-list .icon-row:nth-child(6n+3) .ic,.spec-cell:nth-child(6n+3) .ic{background:var(--acc-amber-bg);color:var(--acc-amber);}
.grid .card:nth-child(6n+4) .ic,.phero-feats .phero-feat:nth-child(6n+4) .ic,.split-list .icon-row:nth-child(6n+4) .ic,.spec-cell:nth-child(6n+4) .ic{background:var(--acc-violet-bg);color:var(--acc-violet);}
.grid .card:nth-child(6n+5) .ic,.phero-feats .phero-feat:nth-child(6n+5) .ic,.split-list .icon-row:nth-child(6n+5) .ic,.spec-cell:nth-child(6n+5) .ic{background:var(--acc-green-bg);color:var(--acc-green);}
.grid .card:nth-child(6n+6) .ic,.phero-feats .phero-feat:nth-child(6n+6) .ic,.split-list .icon-row:nth-child(6n+6) .ic,.spec-cell:nth-child(6n+6) .ic{background:var(--acc-pink-bg);color:var(--acc-pink);}

.grid .card{border-top:3px solid transparent;}
.grid .card:nth-child(6n+1){border-top-color:var(--acc-indigo);}
.grid .card:nth-child(6n+2){border-top-color:var(--acc-teal);}
.grid .card:nth-child(6n+3){border-top-color:var(--acc-amber);}
.grid .card:nth-child(6n+4){border-top-color:var(--acc-violet);}
.grid .card:nth-child(6n+5){border-top-color:var(--acc-green);}
.grid .card:nth-child(6n+6){border-top-color:var(--acc-pink);}

.plans .plan:nth-child(4n+1) .plan-icon{background:var(--acc-teal-bg);color:var(--acc-teal);}
.plans .plan:nth-child(4n+2) .plan-icon{background:var(--acc-violet-bg);color:var(--acc-violet);}
.plans .plan:nth-child(4n+3) .plan-icon{background:var(--acc-amber-bg);color:var(--acc-amber);}
.plans .plan:nth-child(4n+4) .plan-icon{background:var(--acc-pink-bg);color:var(--acc-pink);}
.plans .plan:nth-child(4n+1) .feat-ic{background:var(--acc-teal-bg);color:var(--acc-teal);}
.plans .plan:nth-child(4n+2) .feat-ic{background:var(--acc-violet-bg);color:var(--acc-violet);}
.plans .plan:nth-child(4n+3) .feat-ic{background:var(--acc-amber-bg);color:var(--acc-amber);}
.plans .plan:nth-child(4n+4) .feat-ic{background:var(--acc-pink-bg);color:var(--acc-pink);}
.plans .plan .plan-more{color:inherit;}
.plans .plan:nth-child(4n+1) .plan-more{color:var(--acc-teal);}
.plans .plan:nth-child(4n+2) .plan-more{color:var(--acc-violet);}
.plans .plan:nth-child(4n+3) .plan-more{color:var(--acc-amber);}
.plans .plan:nth-child(4n+4) .plan-more{color:var(--acc-pink);}

/* ---------- scroll reveal (3D) ---------- */
.reveal{
  opacity:0;transform:perspective(1200px) translate3d(0,26px,-60px) rotateX(7deg);
  transform-origin:50% 100%;transition:opacity .7s var(--ease),transform .7s var(--ease);
}
.reveal.in{opacity:1;transform:perspective(1200px) translate3d(0,0,0) rotateX(0deg);}
.reveal-left{transform:perspective(1200px) translate3d(-40px,0,-70px) rotateY(9deg);}
.reveal-right{transform:perspective(1200px) translate3d(40px,0,-70px) rotateY(-9deg);}
.reveal-left.in,.reveal-right.in{transform:perspective(1200px) translate3d(0,0,0) rotateY(0deg);}

/* ---------- 3D tilt kartlar ---------- */
.tilt{position:relative;transform-style:preserve-3d;will-change:transform;}
.tilt.is-tilting{transition:transform .12s ease-out!important;}
.tilt-glare{
  position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;z-index:3;
  background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.75),transparent 62%);
  mix-blend-mode:overlay;transition:opacity .3s var(--ease);
}
.tilt.is-tilting .tilt-glare{opacity:1;}
.tilt .ic,.tilt .plan-icon,.tilt h3,.tilt h4,.tilt .plan-price{transition:transform .3s var(--ease);}
.tilt.is-tilting .ic,.tilt.is-tilting .plan-icon{transform:translateZ(38px) scale(1.05);}
.tilt.is-tilting h3,.tilt.is-tilting h4{transform:translateZ(22px);}
.tilt.is-tilting .plan-price{transform:translateZ(30px);}
.tech-item .tilt-glare{background:radial-gradient(300px circle at var(--mx,50%) var(--my,50%),rgba(125,185,255,.30),transparent 62%);mix-blend-mode:screen;}

/* ---------- hero 3D parallax ---------- */
.tilt-stage{transform-style:preserve-3d;transition:transform .5s var(--ease);will-change:transform;}
.tilt-stage.is-tilting{transition:transform .15s ease-out;}
.hero-art .hero-panel,.prod-hero-art .phero-svg{transform:translateZ(30px);}
.prod-hero-art .phero-chip{transform-style:preserve-3d;}
.phero-chip.c1{--z:70px;}
.phero-chip.c2{--z:46px;}
.phero-chip.c3{--z:82px;}
.phero-chip.c4{--z:54px;}

/* ---------- 3D küp bandı ---------- */
.cube-band{
  position:relative;overflow:hidden;color:#c3d1ee;
  background:linear-gradient(165deg,#0d1a38 0%,#0b1730 55%,#091326 100%);
}
.cube-band::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(620px 300px at 78% 18%,rgba(47,139,255,.22),transparent 70%),
    radial-gradient(520px 260px at 10% 90%,rgba(63,208,255,.13),transparent 72%);
}
.cube-band .container{position:relative;z-index:1;}
.cube-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:52px;align-items:center;}
.cube-copy h2{color:#fff;font-size:clamp(1.5rem,2.6vw,2.05rem);margin-bottom:14px;}
.cube-copy p{color:#9db0d8;font-size:.95rem;line-height:1.7;max-width:460px;margin-bottom:24px;}
.cube-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:26px;}
.cube-list div{
  display:flex;align-items:center;gap:10px;font-size:.85rem;font-weight:600;color:#d5deef;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:11px 14px;
  transition:transform .3s var(--ease),background .3s;
}
.cube-list div:hover{transform:translateY(-3px) translateZ(0);background:rgba(255,255,255,.09);}
.cube-list svg{width:16px;height:16px;color:#5ce0a8;flex:none;}
.cube-stage{
  position:relative;height:380px;display:flex;align-items:center;justify-content:center;
  perspective:1000px;perspective-origin:50% 45%;
}
.cube{
  position:relative;width:190px;height:190px;transform-style:preserve-3d;
  animation:cubeSpin 22s linear infinite;
}
.cube-stage:hover .cube{animation-play-state:paused;}
.cube-face{
  position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  border-radius:20px;border:1px solid rgba(255,255,255,.22);
  background:linear-gradient(140deg,rgba(29,92,240,.62),rgba(63,208,255,.30));
  box-shadow:inset 0 0 40px rgba(255,255,255,.10),0 0 40px -12px rgba(47,139,255,.55);
  color:#fff;font-family:var(--font-head);font-weight:700;font-size:.82rem;text-align:center;
  backface-visibility:visible;
}
.cube-face svg{width:30px;height:30px;}
.cube-face.f1{transform:translateZ(95px);}
.cube-face.f2{transform:rotateY(90deg) translateZ(95px);}
.cube-face.f3{transform:rotateY(180deg) translateZ(95px);}
.cube-face.f4{transform:rotateY(-90deg) translateZ(95px);}
.cube-face.f5{transform:rotateX(90deg) translateZ(95px);}
.cube-face.f6{transform:rotateX(-90deg) translateZ(95px);}
@keyframes cubeSpin{
  from{transform:rotateX(-20deg) rotateY(0deg);}
  to{transform:rotateX(-20deg) rotateY(360deg);}
}
.cube-shadow{
  position:absolute;bottom:56px;left:50%;width:220px;height:34px;transform:translateX(-50%);
  background:radial-gradient(closest-side,rgba(0,0,0,.55),transparent);filter:blur(4px);
  animation:cubeShadow 22s linear infinite;
}
@keyframes cubeShadow{0%,100%{width:220px;opacity:.5;}50%{width:170px;opacity:.35;}}
.cube-orbit{
  position:absolute;inset:0;transform-style:preserve-3d;animation:orbitSpin 16s linear infinite reverse;
  pointer-events:none;
}
.cube-orbit span{
  position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;
  width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:14px;
  background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);color:#8fc0ff;
  backdrop-filter:blur(3px);
}
.cube-orbit span svg{width:19px;height:19px;}
.cube-orbit span:nth-child(1){transform:rotateY(0deg) translateZ(215px);}
.cube-orbit span:nth-child(2){transform:rotateY(120deg) translateZ(215px);}
.cube-orbit span:nth-child(3){transform:rotateY(240deg) translateZ(215px);}
@keyframes orbitSpin{from{transform:rotateY(0deg);}to{transform:rotateY(360deg);}}

/* ---------- 3D katmanlı istatistik / rozet ---------- */
.pop3d{transition:transform .35s var(--ease),box-shadow .35s var(--ease);}
.pop3d:hover{transform:perspective(700px) translateZ(24px) rotateX(4deg);}

@media (prefers-reduced-motion:reduce){
  .reveal,.reveal.in,.reveal-left,.reveal-right{opacity:1;transform:none;transition:none;}
  .phero-chip,.topbar-status .pulse::after,.cube,.cube-orbit,.cube-shadow{animation:none;}
  .tilt,.tilt-stage{transform:none!important;}
  .tilt-glare{display:none;}
}

/* ---------- responsive ---------- */
@media (max-width:1080px){
  .nav-main,.nav-cta .btn-outline,.nav-cta .btn-primary{display:none;}
  .nav-toggle{display:flex;}
  .hero-grid{grid-template-columns:1fr;}
  .hero-art{max-width:480px;margin:0 auto;}
  .split{grid-template-columns:1fr;gap:36px;}
  .split.rev .split-art{order:0;}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .footer-news{grid-template-columns:1fr;gap:22px;padding:26px;}
  .footer-trust-row{grid-template-columns:1fr 1fr;gap:18px;}
  .footer-meta{justify-content:center;text-align:center;}
  .stats-grid{grid-template-columns:repeat(2,1fr);}
  .grid-4{grid-template-columns:repeat(2,1fr);}
  .grid-3{grid-template-columns:repeat(2,1fr);}
  .plans,.plans.cols-4,.plans.cols-6{grid-template-columns:repeat(2,1fr);}
  .contact-grid{grid-template-columns:1fr;}
  .infra-grid{grid-template-columns:1fr;}
  .topbar-links a:nth-child(3){display:none;}
  .topbar-chip{display:none;}
  .prod-hero-grid{grid-template-columns:1fr;gap:34px;}
  .prod-hero-art{max-width:460px;margin:0 auto;width:100%;}
  .phero-chip.c1,.phero-chip.c2,.phero-chip.c3{right:0;}
  .phero-chip.c4{left:0;}
  .spec-row{grid-template-columns:1fr;gap:18px;text-align:left;}
  .spec-cells{grid-template-columns:repeat(3,1fr);gap:14px;}
  .spec-cell{border-left:none;padding:0;}
  .spec-buy{display:flex;align-items:center;justify-content:space-between;gap:18px;text-align:left;border-top:1px solid var(--line);padding-top:16px;}
  .spec-price{margin-bottom:0;}
  .spec-buy .btn{width:auto;}
  .reviews-grid{grid-template-columns:1fr;gap:38px;}
  .reviews-art{max-width:420px;margin:0 auto;}
  .tech-grid{grid-template-columns:1fr 1fr;}
  .steps{grid-template-columns:1fr 1fr;gap:26px 20px;}
  .guarantee-grid{grid-template-columns:1fr;}
  .support-band .support-inner{grid-template-columns:1fr;gap:28px;padding:30px;}
  .cube-grid{grid-template-columns:1fr;gap:40px;}
  .cube-stage{height:330px;}
}
@media (max-width:680px){
  .topbar{display:none;}
  .grid-4,.grid-3,.grid-2,.plans,.plans.cols-4,.plans.cols-6{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr 1fr;gap:26px;}
  .footer-trust-row{grid-template-columns:1fr;gap:14px;margin:26px 0 34px;padding-bottom:28px;}
  .footer-news{padding:24px 20px;}
  .footer-news h3{font-size:1.08rem;}
  .fnews-form .btn{width:100%;justify-content:center;}
  .footer-bottom{flex-direction:column;align-items:flex-start;gap:14px;}
  .footer-legal{gap:14px;}
  .to-top{right:16px;bottom:88px;width:42px;height:42px;}
  .cube-list{grid-template-columns:1fr;}
  .cube-stage{height:270px;}
  .cube{width:140px;height:140px;}
  .cube-face.f1{transform:translateZ(70px);}
  .cube-face.f2{transform:rotateY(90deg) translateZ(70px);}
  .cube-face.f3{transform:rotateY(180deg) translateZ(70px);}
  .cube-face.f4{transform:rotateY(-90deg) translateZ(70px);}
  .cube-face.f5{transform:rotateX(90deg) translateZ(70px);}
  .cube-face.f6{transform:rotateX(-90deg) translateZ(70px);}
  .cube-orbit{display:none;}
  .stats-grid{grid-template-columns:1fr 1fr;}
  .cta-banner{padding:36px 26px;flex-direction:column;text-align:center;}
  .cta-banner p{margin:0 auto;}
  .domain-box{padding:30px 22px;}
  .section{padding:60px 0;}
  .form-row{grid-template-columns:1fr;}
  .hero{padding:50px 0 60px;}
  .phero-feats{grid-template-columns:1fr;gap:16px;}
  .phero-chip{font-size:.72rem;padding:7px 13px 7px 7px;}
  .phero-chip .ic{width:24px;height:24px;}
  .spec-cells{grid-template-columns:repeat(2,1fr);}
  .spec-art{width:60px;}
  .review-cards{grid-template-columns:1fr;}
  .score-bar{grid-template-columns:1fr;margin-top:32px;}
  .tech-grid,.steps,.support-grid{grid-template-columns:1fr;}
  .support-band .support-inner{padding:24px;}
}

/* ---------- yasal metin sayfaları ---------- */
.legal-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:44px;align-items:start;}
.legal-aside{position:sticky;top:96px;display:flex;flex-direction:column;gap:16px;}
.legal-toc{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);padding:20px 18px;box-shadow:var(--shadow-xs);max-height:60vh;overflow:auto;}
.legal-toc strong{display:block;font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-400);margin-bottom:12px;}
.legal-toc a{display:block;font-size:.83rem;line-height:1.45;color:var(--ink-600);padding:7px 10px;border-radius:9px;border-left:2px solid transparent;transition:background .16s,color .16s,border-color .16s;}
.legal-toc a:hover{background:var(--blue-50);color:var(--blue-700);border-left-color:var(--blue-500);}
.legal-side-card{background:var(--grad-brand);border-radius:var(--radius-md);padding:22px 20px;color:#fff;box-shadow:var(--shadow-sm);}
.legal-side-card .ic{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.16);margin-bottom:14px;}
.legal-side-card strong{display:block;font-family:var(--font-head);font-size:1.02rem;margin-bottom:6px;}
.legal-side-card p{font-size:.84rem;line-height:1.6;color:rgba(255,255,255,.86);margin-bottom:16px;}
.legal-side-card .btn-primary{background:#fff;color:var(--blue-700);box-shadow:none;}
.legal-side-card .btn-primary:hover{background:#eef4ff;}

.legal-body{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:40px 44px;box-shadow:var(--shadow-xs);min-width:0;}
.legal-note{display:flex;align-items:flex-start;gap:10px;background:var(--blue-50);border:1px solid var(--blue-100);border-radius:12px;padding:13px 16px;margin-bottom:32px;font-size:.83rem;color:var(--blue-800);}
.legal-note svg{flex:none;margin-top:1px;color:var(--blue-600);}
.legal-body h2{font-family:var(--font-head);font-size:1.14rem;color:var(--ink-900);margin:38px 0 14px;padding-top:22px;border-top:1px solid var(--line);scroll-margin-top:110px;}
.legal-body h2:first-of-type{margin-top:0;padding-top:0;border-top:0;}
.legal-body p{font-size:.93rem;line-height:1.78;color:var(--ink-600);margin-bottom:14px;}
.legal-body strong{color:var(--ink-900);font-weight:700;}
.legal-body ul,.legal-body ol{margin:0 0 16px 0;padding-left:4px;list-style:none;}
.legal-body li{position:relative;padding-left:24px;font-size:.93rem;line-height:1.75;color:var(--ink-600);margin-bottom:8px;}
.legal-body li::before{content:"";position:absolute;left:6px;top:11px;width:6px;height:6px;border-radius:50%;background:var(--blue-400);}
.legal-body li p{margin-bottom:4px;}

.legal-others{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.legal-other{display:flex;align-items:center;gap:12px;background:var(--white);border:1px solid var(--line);border-radius:13px;padding:16px 18px;font-size:.9rem;font-weight:700;color:var(--ink-800);transition:box-shadow .2s,border-color .2s,transform .2s;}
.legal-other span{flex:1;}
.legal-other svg{color:var(--blue-600);flex:none;}
.legal-other:hover{box-shadow:var(--shadow-sm);border-color:var(--blue-400);transform:translateY(-2px);}

@media (max-width:1000px){
  .legal-layout{grid-template-columns:1fr;gap:26px;}
  .legal-aside{position:static;}
  .legal-toc{max-height:none;}
  .legal-body{padding:28px 22px;}
  .legal-others{grid-template-columns:1fr;}
}

/* ---------- iletişim sayfası ---------- */
.ch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:46px;}
.ch-card{position:relative;display:flex;flex-direction:column;gap:14px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);padding:24px 22px 22px;box-shadow:var(--shadow-xs);overflow:hidden;transition:transform .22s var(--ease),box-shadow .22s var(--ease),border-color .22s var(--ease);}
.ch-card::after{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--grad-brand);opacity:0;transition:opacity .22s var(--ease);}
.ch-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--blue-100);}
.ch-card:hover::after{opacity:1;}
.ch-ic{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background:var(--blue-50);color:var(--blue-600);flex:none;}
.ch-card.is-primary{background:linear-gradient(160deg,#12327f,#1d5cf0);border-color:transparent;color:#fff;}
.ch-card.is-primary .ch-ic{background:rgba(255,255,255,.16);color:#fff;}
.ch-card.is-primary strong,.ch-card.is-primary .ch-cta{color:#fff;}
.ch-card.is-primary em,.ch-card.is-primary p{color:rgba(255,255,255,.82);}
.ch-card.is-primary .ch-tag{background:rgba(255,255,255,.16);color:#fff;}
.ch-body strong{display:block;font-family:var(--font-head);font-size:1.02rem;color:var(--ink-900);margin-bottom:3px;}
.ch-body em{display:block;font-style:normal;font-size:.75rem;font-weight:700;color:var(--ink-400);margin-bottom:9px;}
.ch-body p{font-size:.85rem;line-height:1.6;color:var(--ink-500);margin-bottom:12px;}
.ch-cta{display:inline-flex;align-items:center;gap:6px;font-size:.83rem;font-weight:800;color:var(--blue-600);}
.ch-card:hover .ch-cta svg{transform:translateX(3px);}
.ch-cta svg{transition:transform .2s var(--ease);}
.ch-tag{position:absolute;top:18px;right:18px;font-size:.66rem;font-weight:800;letter-spacing:.03em;padding:4px 9px;border-radius:var(--radius-pill);background:var(--blue-50);color:var(--blue-700);}

.contact-grid-lg{grid-template-columns:1.15fr .85fr;align-items:start;}
.contact-form-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:32px 30px;box-shadow:var(--shadow-sm);}
.cf-head{display:flex;gap:14px;align-items:flex-start;padding-bottom:22px;margin-bottom:24px;border-bottom:1px solid var(--line);}
.cf-ic{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:13px;background:var(--grad-brand);color:#fff;flex:none;}
.cf-head h3{font-family:var(--font-head);font-size:1.14rem;color:var(--ink-900);margin-bottom:5px;}
.cf-head p{font-size:.85rem;line-height:1.55;color:var(--ink-500);}
.cf-consent{display:flex;align-items:flex-start;gap:9px;font-size:.8rem;line-height:1.5;color:var(--ink-500);margin-bottom:18px;cursor:pointer;}
.cf-consent input{margin-top:2px;accent-color:var(--blue-600);flex:none;width:15px;height:15px;}
.cf-consent a{color:var(--blue-600);font-weight:700;text-decoration:underline;}
.cf-foot{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line);}
.cf-foot span{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;color:var(--ink-400);}
.cf-foot svg{color:var(--blue-500);}

.office-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);}
/* Google Haritalar yerleşimi — anahtarsız embed, tembel yüklenir. */
.office-map{position:relative;background:var(--bg-soft);line-height:0;}
.office-map iframe{width:100%;height:290px;border:0;display:block;filter:saturate(1.05);}
.office-map::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 -1px 0 var(--line);}
.office-info{padding:26px 26px 28px;}
.office-info .badge-soft{display:inline-flex;align-items:center;gap:6px;}
.office-info h3{font-family:var(--font-head);font-size:1.22rem;color:var(--ink-900);margin-bottom:8px;}
.office-info>p,.office-info>address{font-style:normal;font-size:.88rem;line-height:1.7;color:var(--ink-500);margin-bottom:20px;}
.office-rows b a{color:var(--blue-600);}
.office-rows b a:hover{text-decoration:underline;}
.office-actions{display:flex;flex-wrap:wrap;gap:10px;}
.office-actions .btn{flex:1 1 auto;justify-content:center;}
@media (max-width:520px){.office-map iframe{height:230px;}}
.office-rows{display:flex;flex-direction:column;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:20px;}
.office-rows>div{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--white);padding:12px 15px;}
.office-rows span{font-size:.8rem;color:var(--ink-400);}
.office-rows b{font-size:.83rem;color:var(--ink-900);text-align:right;}

@media (max-width:1080px){
  .ch-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .contact-grid-lg{grid-template-columns:1fr;}
}
@media (max-width:640px){
  .ch-grid{grid-template-columns:1fr;}
  .contact-form-card{padding:24px 20px;}
}

/* ---------------------------------------------- anahtar kelime içerik bloğu */
.seo-block{background:var(--bg-soft)}
.sb-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:40px}
.sb-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);
  padding:22px 20px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow-xs);
  transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease)}
.sb-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--blue-100)}
.sb-card svg{color:var(--blue-600)}
.sb-card strong{font-family:var(--font-head);font-size:15px;color:var(--ink-900);letter-spacing:-.01em}
.sb-card span{font-size:13.5px;line-height:1.6;color:var(--ink-500)}

.sb-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;align-items:start}
.sb-main{display:flex;flex-direction:column;gap:26px}
.sb-topic{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);padding:26px 28px}
.sb-topic h3{font-family:var(--font-head);font-size:19px;line-height:1.35;color:var(--ink-900);
  margin:0 0 10px;letter-spacing:-.015em}
.sb-topic p{margin:0;font-size:15px;line-height:1.78;color:var(--ink-700)}
.sb-topic a{color:var(--blue-600);font-weight:600;text-decoration:none;border-bottom:1px solid var(--blue-100)}
.sb-topic a:hover{border-bottom-color:var(--blue-600)}

.sb-side{position:sticky;top:96px;background:var(--white);border:1px solid var(--line);
  border-radius:var(--radius-lg);padding:26px 24px;box-shadow:var(--shadow-sm)}
.sb-side h4{display:flex;align-items:center;gap:8px;margin:0 0 18px;font-family:var(--font-head);
  font-size:16px;color:var(--ink-900)}
.sb-side h4 svg{color:var(--blue-600)}
.sb-rows{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column}
.sb-rows li{display:flex;justify-content:space-between;align-items:center;gap:14px;
  padding:11px 0;border-bottom:1px dashed var(--line)}
.sb-rows li:last-child{border-bottom:0}
.sb-rows span{font-size:13.5px;color:var(--ink-500)}
.sb-rows b{font-family:var(--font-head);font-size:13.5px;color:var(--ink-900);text-align:right}
.sb-links{display:flex;flex-direction:column;gap:2px;border-top:1px solid var(--line);padding-top:16px}
.sb-links a{display:flex;align-items:center;gap:8px;padding:9px 10px;margin:0 -10px;border-radius:10px;
  font-size:13.5px;font-weight:600;color:var(--blue-700);text-decoration:none;
  transition:background .25s var(--ease),color .25s var(--ease)}
.sb-links a svg{flex:none;color:var(--blue-500)}
.sb-links a:hover{background:var(--blue-50);color:var(--blue-800)}

@media(max-width:1080px){
  .sb-cards{grid-template-columns:1fr 1fr}
  .sb-grid{grid-template-columns:1fr}
  .sb-side{position:static}
}
@media(max-width:560px){
  .sb-cards{grid-template-columns:1fr}
  .sb-topic{padding:22px 20px}
  .sb-topic h3{font-size:17.5px}
}

/* ------------------------------------------------- ana sayfa hizmet vitrini */
.focus-sec{background:var(--white)}
.focus-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.focus-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:28px 24px 22px;
  background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);
  text-decoration:none;overflow:hidden;box-shadow:var(--shadow-xs);
  transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s var(--ease)}
.focus-card::before{content:"";position:absolute;inset:0 0 auto;height:3px;
  background:var(--grad-brand);transform:scaleX(0);transform-origin:left;
  transition:transform .45s var(--ease)}
.focus-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--blue-100)}
.focus-card:hover::before{transform:scaleX(1)}
.fc-ic{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;
  background:var(--blue-50);color:var(--blue-600);
  transition:background .4s var(--ease),color .4s var(--ease)}
.focus-card:hover .fc-ic{background:var(--grad-brand);color:#fff}
.focus-card h3{margin:0;font-family:var(--font-head);font-size:19px;color:var(--ink-900);letter-spacing:-.02em}
.focus-card p{margin:0;font-size:14px;line-height:1.68;color:var(--ink-500)}
.focus-card ul{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-direction:column;gap:7px}
.focus-card li{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--ink-700)}
.focus-card li svg{flex:none;color:var(--green-600)}
.fc-foot{margin-top:auto;padding-top:18px;display:flex;align-items:baseline;gap:6px;
  border-top:1px solid var(--line)}
.fc-foot em{font-family:var(--font-head);font-style:normal;font-size:21px;color:var(--ink-900)}
.fc-foot small{font-size:12px;color:var(--ink-400)}
.fc-foot i{margin-left:auto;display:grid;place-items:center;color:var(--blue-600);
  transition:transform .4s var(--ease)}
.focus-card:hover .fc-foot i{transform:translateX(4px)}
@media(max-width:1080px){.focus-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.focus-grid{grid-template-columns:1fr}}

/* ---- Bayi Hosting Asistanı (sohbet widget'ı) */
.chatbot{position:fixed;right:24px;bottom:24px;z-index:140;font-family:var(--font-body);}
.chat-fab{
  position:relative;width:60px;height:60px;border:0;border-radius:20px;cursor:pointer;
  background:var(--grad-brand);color:#fff;display:flex;align-items:center;justify-content:center;
  box-shadow:0 20px 40px -14px rgba(29,92,240,.75);transition:transform .28s var(--ease),box-shadow .28s;
}
.chat-fab:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 26px 48px -14px rgba(29,92,240,.85);}
.chat-fab svg{width:22px;height:22px;}
.chat-fab .cf-open,.chat-fab .cf-close{display:flex;transition:opacity .2s,transform .28s var(--ease);}
.chat-fab .cf-close{position:absolute;opacity:0;transform:rotate(-90deg) scale(.6);}
.chatbot.open .chat-fab .cf-open{opacity:0;transform:rotate(90deg) scale(.6);}
.chatbot.open .chat-fab .cf-close{opacity:1;transform:rotate(0) scale(1);}
.chat-dot{
  position:absolute;top:-3px;right:-3px;width:14px;height:14px;border-radius:50%;
  background:var(--green-600);border:3px solid var(--white);
}
.chatbot.open .chat-dot{opacity:0;}

/* karşılama balonu */
.chat-teaser{
  position:absolute;right:74px;bottom:8px;width:252px;padding:14px 34px 14px 16px;
  background:var(--white);border:1px solid var(--line);border-radius:16px 16px 4px 16px;
  box-shadow:var(--shadow-lg);opacity:0;transform:translateY(10px) scale(.96);
  transition:opacity .3s var(--ease),transform .3s var(--ease);pointer-events:none;
}
.chat-teaser.show{opacity:1;transform:none;pointer-events:auto;}
.chat-teaser p{margin:0;font-size:.83rem;line-height:1.6;color:var(--ink-700);}
.chat-teaser-x{
  position:absolute;top:8px;right:8px;width:22px;height:22px;border:0;border-radius:7px;
  background:var(--bg-soft);color:var(--ink-400);display:flex;align-items:center;justify-content:center;cursor:pointer;
}
.chat-teaser-x:hover{background:var(--blue-50);color:var(--blue-600);}

/* panel */
.chat-panel{
  position:absolute;right:0;bottom:76px;width:378px;max-height:min(620px,calc(100vh - 190px));
  display:flex;flex-direction:column;overflow:hidden;
  background:var(--white);border:1px solid var(--line);border-radius:22px;
  box-shadow:0 40px 80px -30px rgba(11,21,48,.42),0 2px 10px rgba(11,21,48,.06);
  opacity:0;transform:translateX(26px) scale(.97);transform-origin:100% 100%;
  transition:opacity .3s var(--ease),transform .34s var(--ease);
}
.chatbot.open .chat-panel{opacity:1;transform:none;}
.chat-head{
  display:flex;align-items:center;gap:11px;padding:15px 16px;
  background:var(--grad-brand);color:#fff;
}
.chat-avatar{
  width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.18);
  display:flex;align-items:center;justify-content:center;flex:0 0 auto;
}
.chat-avatar svg{width:20px;height:20px;}
.chat-id{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;}
.chat-id strong{font-family:var(--font-head);font-size:.95rem;font-weight:700;letter-spacing:-.01em;}
.chat-id em{font-style:normal;font-size:.73rem;color:rgba(255,255,255,.82);display:flex;align-items:center;gap:6px;}
.chat-id em i{
  width:7px;height:7px;border-radius:50%;background:#4ade80;display:inline-block;
  box-shadow:0 0 0 0 rgba(74,222,128,.7);animation:chatPulse 2.2s infinite;
}
@keyframes chatPulse{70%{box-shadow:0 0 0 7px rgba(74,222,128,0);}100%{box-shadow:0 0 0 0 rgba(74,222,128,0);}}
.chat-x{
  width:30px;height:30px;border:0;border-radius:9px;background:rgba(255,255,255,.14);color:#fff;
  display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;
}
.chat-x:hover{background:rgba(255,255,255,.28);}

.chat-log{flex:1;overflow-y:auto;padding:18px 16px 6px;background:var(--bg-soft);scroll-behavior:smooth;}
.chat-log::-webkit-scrollbar{width:6px;}
.chat-log::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:10px;}
.cmsg{display:flex;margin-bottom:12px;animation:chatIn .32s var(--ease) both;}
@keyframes chatIn{from{opacity:0;transform:translateY(8px);}}
.cmsg-bot{justify-content:flex-start;}
.cmsg-user{justify-content:flex-end;}
.cmsg-in{max-width:86%;}
.cmsg-bot .cbubble{
  background:var(--white);border:1px solid var(--line);border-radius:14px 14px 14px 4px;
  padding:11px 14px;font-size:.86rem;line-height:1.65;color:var(--ink-800);box-shadow:var(--shadow-xs);
}
.cmsg-user .cbubble{
  background:var(--grad-brand);color:#fff;border-radius:14px 14px 4px 14px;
  padding:11px 14px;font-size:.86rem;line-height:1.6;box-shadow:var(--shadow-sm);
}
.cbubble b{color:var(--blue-700);font-weight:700;}
.cmsg-user .cbubble b{color:#fff;}
.clinks{display:flex;flex-direction:column;gap:7px;margin-top:9px;}
.clink{
  display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--white);
  border:1px solid var(--line);border-radius:12px;text-decoration:none;
  transition:border-color .2s,transform .2s var(--ease),box-shadow .2s;
}
.clink:hover{border-color:var(--blue-400);transform:translateX(3px);box-shadow:var(--shadow-sm);}
.clink svg{width:15px;height:15px;color:var(--blue-600);flex:0 0 auto;}
.clink span{display:flex;flex-direction:column;gap:1px;min-width:0;}
.clink strong{font-size:.83rem;font-weight:650;color:var(--ink-900);line-height:1.35;}
.clink small{font-size:.72rem;color:var(--ink-400);line-height:1.4;}
.ctyping{display:flex;gap:4px;padding:14px;background:var(--white);border:1px solid var(--line);border-radius:14px 14px 14px 4px;}
.ctyping i{width:6px;height:6px;border-radius:50%;background:var(--ink-300);animation:chatBounce 1.3s infinite;}
.ctyping i:nth-child(2){animation-delay:.18s;}
.ctyping i:nth-child(3){animation-delay:.36s;}
@keyframes chatBounce{0%,60%,100%{transform:translateY(0);opacity:.5;}30%{transform:translateY(-5px);opacity:1;}}

.chat-chips{
  display:flex;gap:7px;padding:10px 16px;overflow-x:auto;background:var(--bg-soft);
  border-top:1px solid var(--line);scrollbar-width:none;
}
.chat-chips::-webkit-scrollbar{display:none;}
.chat-chip{
  flex:0 0 auto;padding:7px 13px;border-radius:var(--radius-pill);border:1px solid var(--blue-100);
  background:var(--white);color:var(--blue-700);font-size:.77rem;font-weight:600;cursor:pointer;
  white-space:nowrap;transition:background .2s,color .2s,border-color .2s;
}
.chat-chip:hover{background:var(--blue-600);border-color:var(--blue-600);color:#fff;}

.chat-form{display:flex;gap:8px;padding:12px 14px 8px;background:var(--white);border-top:1px solid var(--line);}
.chat-form input{
  flex:1;min-width:0;height:42px;padding:0 14px;border:1px solid var(--line);border-radius:12px;
  background:var(--bg-soft);font-family:inherit;font-size:.86rem;color:var(--ink-900);transition:border-color .2s,background .2s;
}
.chat-form input:focus{outline:0;border-color:var(--blue-500);background:var(--white);}
.chat-send{
  width:42px;height:42px;flex:0 0 auto;border:0;border-radius:12px;background:var(--grad-brand);color:#fff;
  display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s var(--ease);
}
.chat-send:hover{transform:translateY(-2px);}
.chat-note{margin:0;padding:0 14px 12px;font-size:.7rem;color:var(--ink-400);text-align:center;background:var(--white);}
.chat-note a{color:var(--blue-600);font-weight:600;}

@media (max-width:520px){
  .chatbot{right:16px;bottom:16px;}
  .chat-fab{width:54px;height:54px;border-radius:18px;}
  .chat-panel{
    position:fixed;right:12px;left:12px;bottom:84px;width:auto;
    max-height:calc(100vh - 176px);
  }
  .chat-teaser{right:64px;width:200px;}
}

/* =========================================================
   Duyuru şeridi (ana sayfa)
   ========================================================= */
.promo-bar{background:#ffd400;color:#0b1730;border-bottom:1px solid #e6bf00;}
.promo-bar[hidden]{display:none;}
.promo-bar-in{
  display:flex;align-items:center;justify-content:center;gap:14px;
  padding:11px 46px;position:relative;flex-wrap:wrap;text-align:center;
}
.promo-bar p{margin:0;font-size:.92rem;font-weight:500;letter-spacing:-.01em;}
.promo-bar p strong{font-weight:800;}
.promo-bar-btn{
  display:inline-flex;align-items:center;height:32px;padding:0 15px;border-radius:9px;
  background:#0b1730;color:#fff;font-size:.8rem;font-weight:700;white-space:nowrap;
  transition:transform .2s var(--ease),background .2s;
}
.promo-bar-btn:hover{background:var(--blue-700);color:#fff;transform:translateY(-1px);}
.promo-bar-x{
  position:absolute;right:6px;top:50%;transform:translateY(-50%);
  width:32px;height:32px;border:0;border-radius:9px;background:transparent;color:#0b1730;
  display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.7;transition:opacity .2s,background .2s;
}
.promo-bar-x:hover{opacity:1;background:rgba(11,23,48,.08);}
@media (max-width:640px){
  .promo-bar-in{padding:10px 40px;gap:9px;}
  .promo-bar p{font-size:.8rem;}
  .promo-bar-btn{height:29px;font-size:.74rem;}
}

/* =========================================================
   Tema koruma — görsel/ikon sürükleme ve kopyalama caydırıcıları
   ========================================================= */
img,svg,.hero-art,.brand,.logo{
  -webkit-user-drag:none;user-drag:none;-webkit-touch-callout:none;
}
.brand,.logo,.site-nav a,.btn,.hero-art,.cube-stage,.mega,.site-footer .fdot{
  -webkit-user-select:none;-ms-user-select:none;user-select:none;
}
.footer-bottom .fcopy{display:block;margin-top:6px;font-style:normal;font-size:.72rem;opacity:.62;}
@media print{
  /* Yazdırma/PDF çıktısında kaynak bilgisi ve telif notu her sayfada görünür. */
  body::after{
    content:"© Bayihosting — www.bayihosting.com.tr · Bu tasarım 5846 sayılı FSEK kapsamında korunmaktadır.";
    display:block;margin-top:18px;padding-top:10px;border-top:1px solid #ccc;
    font-size:11px;color:#444;text-align:center;
  }
  .chatbot,.to-top,.promo-bar{display:none !important;}
}

/* Form bot tuzağı — ekranda ve ekran okuyucuda görünmez, botlar doldurur. */
.hp-field{position:absolute !important;left:-9999px;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none;}

/* =========================================================
   404 — Sayfa bulunamadı
   ========================================================= */
.err-hero{
  padding:60px 0 70px;background:
    radial-gradient(900px 420px at 85% -10%,rgba(63,208,255,.16),transparent 60%),
    radial-gradient(760px 400px at 8% 0%,rgba(29,92,240,.12),transparent 62%),
    linear-gradient(180deg,var(--bg-soft),var(--white));
  border-bottom:1px solid var(--line);
}
.err-wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;}
.err-copy h1{font-size:clamp(1.8rem,4.2vw,2.7rem);line-height:1.18;margin:16px 0 14px;letter-spacing:-.02em;}
.err-copy h1 .hl{background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent;}
.err-copy>p{color:var(--ink-500);font-size:1rem;line-height:1.7;max-width:52ch;margin-bottom:22px;}
.err-search{position:relative;max-width:520px;margin-bottom:22px;}
.err-search-field{
  display:flex;align-items:center;gap:10px;background:var(--white);
  border:1.5px solid var(--line-strong);border-radius:var(--radius-pill);
  padding:12px 20px;box-shadow:var(--shadow-sm);transition:border-color .2s,box-shadow .2s;
}
.err-search-field:focus-within{border-color:var(--blue-400);box-shadow:0 0 0 4px var(--blue-50);}
.err-search-field svg{color:var(--ink-400);flex:none;}
.err-search-field input{
  flex:1;border:0;outline:0;background:transparent;font:inherit;font-size:.92rem;
  color:var(--ink-900);min-width:0;
}
.err-search-field input::-webkit-search-cancel-button{-webkit-appearance:none;}
.err-results{
  position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:20;
  background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);
  box-shadow:var(--shadow-lg);overflow:hidden;
}
.err-results a{display:block;padding:11px 18px;border-bottom:1px solid var(--line);transition:background .15s;}
.err-results a:last-child{border-bottom:0;}
.err-results a:hover{background:var(--blue-50);}
.err-results strong{display:block;font-size:.88rem;color:var(--ink-900);font-weight:700;}
.err-results small{display:block;margin-top:2px;font-size:.76rem;color:var(--ink-500);line-height:1.5;}
.err-noresult{padding:14px 18px;font-size:.85rem;color:var(--ink-500);}
.err-noresult a{color:var(--blue-600);font-weight:700;}
.err-actions{display:flex;flex-wrap:wrap;gap:12px;}
.err-art{display:flex;justify-content:center;}
.err-svg{width:100%;max-width:420px;height:auto;}
.err-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.err-card{
  display:flex;align-items:center;gap:12px;padding:16px;background:var(--white);
  border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);
  transition:transform .2s,box-shadow .2s,border-color .2s;
}
.err-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--blue-100);}
.err-card .ic{
  width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:12px;
  background:var(--blue-50);color:var(--blue-600);
}
.err-card .tx{flex:1;min-width:0;}
.err-card strong{display:block;font-size:.9rem;color:var(--ink-900);}
.err-card small{display:block;font-size:.76rem;color:var(--ink-500);margin-top:2px;}
.err-card>svg:last-child{color:var(--ink-300);flex:none;transition:transform .2s,color .2s;}
.err-card:hover>svg:last-child{color:var(--blue-600);transform:translateX(3px);}
@media (max-width:980px){
  .err-wrap{grid-template-columns:1fr;gap:32px;}
  .err-art{order:-1;}
  .err-svg{max-width:320px;}
  .err-quick{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:560px){
  .err-quick{grid-template-columns:1fr;}
  .err-actions .btn{flex:1 1 100%;justify-content:center;}
}

/* Kampanyalar — kupon kartları */
.camp-featured-wrap{margin-top:26px;}
.camp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:26px;}
.camp-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);
  border-radius:var(--radius-lg);padding:26px 26px 22px;box-shadow:var(--shadow-xs);overflow:hidden;
  transition:transform .22s,box-shadow .22s,border-color .22s;}
.camp-card::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--tone-c,var(--blue-600));}
.camp-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--line-strong);}
.camp-card.t-indigo{--tone-c:var(--acc-indigo);--tone-bg:var(--acc-indigo-bg);}
.camp-card.t-violet{--tone-c:var(--acc-violet);--tone-bg:var(--acc-violet-bg);}
.camp-card.t-cyan{--tone-c:var(--acc-cyan);--tone-bg:var(--acc-cyan-bg);}
.camp-card.t-green{--tone-c:var(--acc-green);--tone-bg:var(--acc-green-bg);}
.camp-card.t-amber{--tone-c:var(--acc-amber);--tone-bg:var(--acc-amber-bg);}
.camp-top{display:flex;align-items:center;gap:12px;margin-bottom:16px;}
.camp-ic{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:14px;
  background:var(--tone-bg,var(--blue-50));color:var(--tone-c,var(--blue-600));}
.camp-badge{font-size:.66rem;font-weight:800;letter-spacing:.09em;padding:6px 11px;border-radius:var(--radius-pill);
  background:var(--tone-bg,var(--blue-50));color:var(--tone-c,var(--blue-600));}
.camp-value{display:flex;align-items:baseline;gap:9px;margin-bottom:10px;}
.camp-value strong{font-size:2.1rem;font-weight:800;line-height:1;letter-spacing:-.02em;color:var(--tone-c,var(--blue-600));}
.camp-value span{font-size:.8rem;color:var(--ink-400);font-weight:600;}
.camp-card h3{font-size:1.12rem;line-height:1.4;margin-bottom:9px;color:var(--ink-900);}
.camp-card>p{font-size:.9rem;line-height:1.72;color:var(--ink-500);margin-bottom:16px;}
.camp-feats{list-style:none;display:grid;gap:9px;margin-bottom:20px;}
.camp-feats li{display:flex;align-items:flex-start;gap:9px;font-size:.86rem;color:var(--ink-700);line-height:1.55;}
.camp-feats li>svg{flex:0 0 auto;margin-top:2px;color:var(--acc-green);}
.camp-coupon{display:flex;align-items:stretch;gap:10px;margin-top:auto;margin-bottom:16px;}
.camp-code{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:10px 16px;
  border:1px dashed var(--tone-c,var(--blue-600));border-radius:var(--radius-md);background:var(--tone-bg,var(--blue-50));}
.camp-code small{font-size:.6rem;font-weight:800;letter-spacing:.12em;color:var(--ink-400);}
.camp-code b{font-size:1.02rem;font-weight:800;letter-spacing:.08em;color:var(--ink-900);font-family:var(--mono,ui-monospace,SFMono-Regular,Menlo,monospace);}
.camp-copy{display:inline-flex;align-items:center;gap:7px;padding:0 16px;border:1px solid var(--line-strong);
  border-radius:var(--radius-md);background:#fff;font-size:.8rem;font-weight:700;color:var(--ink-700);
  cursor:pointer;white-space:nowrap;transition:background .18s,color .18s,border-color .18s;}
.camp-copy:hover{background:var(--blue-50);border-color:var(--blue-100);color:var(--blue-600);}
.camp-copy.is-done{background:var(--acc-green-bg);border-color:var(--acc-green-bg);color:var(--acc-green);}
.camp-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;}
.camp-ends{display:inline-flex;align-items:center;gap:6px;font-size:.76rem;font-weight:600;color:var(--ink-400);}
.camp-ends>svg{flex:0 0 auto;}
.camp-ends.is-soon{color:#c2410c;}
.camp-terms{margin-top:16px;border-top:1px solid var(--line);padding-top:12px;}
.camp-terms summary{display:flex;align-items:center;gap:6px;list-style:none;cursor:pointer;font-size:.78rem;
  font-weight:700;color:var(--ink-500);}
.camp-terms summary::-webkit-details-marker{display:none;}
.camp-terms summary>svg{transition:transform .2s;}
.camp-terms[open] summary>svg{transform:rotate(180deg);}
.camp-terms ul{list-style:disc;padding-left:18px;margin-top:10px;display:grid;gap:6px;}
.camp-terms li{font-size:.79rem;line-height:1.65;color:var(--ink-500);}

/* Öne çıkan kampanya — iki sütuna açılır */
.camp-card.is-featured{padding:32px;display:grid;grid-template-columns:1.05fr .95fr;gap:10px 40px;
  align-items:start;background:linear-gradient(180deg,#fff,var(--bg-soft));}
.camp-card.is-featured::before{height:5px;}
.camp-card.is-featured .camp-top{grid-column:1;margin-bottom:12px;}
.camp-card.is-featured .camp-value{grid-column:1;}
.camp-card.is-featured .camp-value strong{font-size:2.9rem;}
.camp-card.is-featured h3{grid-column:1;font-size:1.55rem;line-height:1.32;}
.camp-card.is-featured>p{grid-column:1;font-size:.95rem;}
.camp-card.is-featured .camp-feats{grid-column:2;grid-row:1 / span 5;align-self:stretch;
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:22px;gap:13px;margin:0;}
.camp-card.is-featured .camp-feats li{font-size:.89rem;}
.camp-card.is-featured .camp-coupon{grid-column:1 / -1;margin-top:6px;}
.camp-card.is-featured .camp-actions{grid-column:1 / -1;}
.camp-card.is-featured .camp-terms{grid-column:1 / -1;}

/* Kupon nasıl kullanılır adımları */
.camp-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:26px;}
.camp-step{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:26px 24px;box-shadow:var(--shadow-xs);}
.camp-step .cs-no{position:absolute;top:20px;right:22px;font-size:2.3rem;font-weight:800;line-height:1;
  color:var(--blue-50);letter-spacing:-.03em;}
.camp-step .ic{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;
  background:var(--blue-50);color:var(--blue-600);margin-bottom:14px;}
.camp-step h4{font-size:1rem;margin-bottom:7px;color:var(--ink-900);}
.camp-step p{font-size:.87rem;line-height:1.7;color:var(--ink-500);}

@media (max-width:980px){
  .camp-grid{grid-template-columns:1fr;}
  .camp-card.is-featured{grid-template-columns:1fr;gap:0;padding:26px;}
  .camp-card.is-featured .camp-feats{grid-column:1;grid-row:auto;margin-bottom:20px;}
  .camp-card.is-featured .camp-value strong{font-size:2.4rem;}
  .camp-card.is-featured h3{font-size:1.3rem;}
  .camp-steps{grid-template-columns:1fr;}
}
@media (max-width:560px){
  .camp-coupon{flex-direction:column;}
  .camp-copy{justify-content:center;padding:11px 16px;}
  .camp-actions{flex-direction:column;align-items:stretch;}
  .camp-actions .btn{justify-content:center;}
  .camp-ends{justify-content:center;}
}

/* Blog — kategori şeridi, kart listesi ve yazı sayfası */
.bcat-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px;}
.bcat{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border:1px solid var(--line);
  border-radius:var(--radius-pill);background:#fff;font-size:.83rem;font-weight:700;color:var(--ink-700);
  transition:background .18s,color .18s,border-color .18s,transform .18s;}
.bcat:hover{border-color:var(--blue-100);background:var(--blue-50);color:var(--blue-600);transform:translateY(-1px);}
.bcat.is-on{background:var(--blue-600);border-color:var(--blue-600);color:#fff;box-shadow:var(--shadow-brand);}
.bcat.is-on:hover{background:var(--blue-600);color:#fff;}

.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:26px;}
.post-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);
  border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-xs);position:relative;overflow:hidden;
  transition:transform .22s,box-shadow .22s,border-color .22s;}
.post-card::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--tone-c,var(--blue-600));
  opacity:0;transition:opacity .22s;}
.post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--line-strong);}
.post-card:hover::before{opacity:1;}
.post-card.t-indigo{--tone-c:var(--acc-indigo);--tone-bg:var(--acc-indigo-bg);}
.post-card.t-violet{--tone-c:var(--acc-violet);--tone-bg:var(--acc-violet-bg);}
.post-card.t-cyan{--tone-c:var(--acc-cyan);--tone-bg:var(--acc-cyan-bg);}
.post-card.t-green{--tone-c:var(--acc-green);--tone-bg:var(--acc-green-bg);}
.post-card.t-amber{--tone-c:var(--acc-amber);--tone-bg:var(--acc-amber-bg);}
.pc-top{display:flex;align-items:center;gap:10px;margin-bottom:14px;}
.pc-ic{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:12px;
  background:var(--tone-bg,var(--blue-50));color:var(--tone-c,var(--blue-600));}
.pc-cat{font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--tone-c,var(--blue-600));}
.post-card h3{font-size:1.05rem;line-height:1.45;margin-bottom:9px;color:var(--ink-900);}
.post-card p{font-size:.86rem;line-height:1.7;color:var(--ink-500);margin-bottom:18px;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.pc-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;
  padding-top:14px;border-top:1px solid var(--line);font-size:.76rem;color:var(--ink-400);font-weight:600;}
.pc-meta span{display:inline-flex;align-items:center;gap:5px;}
.post-card.is-compact{padding:20px;}
.post-card.is-compact h3{font-size:.98rem;}
.post-card.is-compact p{-webkit-line-clamp:2;font-size:.83rem;}

/* Öne çıkan yazı */
.post-featured{display:grid;grid-template-columns:1.6fr 1fr;gap:0;background:#fff;border:1px solid var(--line);
  border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);}
.post-featured.t-indigo{--tone-c:var(--acc-indigo);--tone-bg:var(--acc-indigo-bg);}
.post-featured.t-violet{--tone-c:var(--acc-violet);--tone-bg:var(--acc-violet-bg);}
.post-featured.t-cyan{--tone-c:var(--acc-cyan);--tone-bg:var(--acc-cyan-bg);}
.post-featured.t-green{--tone-c:var(--acc-green);--tone-bg:var(--acc-green-bg);}
.post-featured.t-amber{--tone-c:var(--acc-amber);--tone-bg:var(--acc-amber-bg);}
.pf-body{padding:34px;}
.pf-body .badge-soft{display:inline-flex;align-items:center;gap:6px;background:var(--tone-bg,var(--blue-50));
  color:var(--tone-c,var(--blue-600));}
.pf-body h2{font-size:1.65rem;line-height:1.3;margin-bottom:12px;}
.pf-body h2 a{color:var(--ink-900);}
.pf-body h2 a:hover{color:var(--blue-600);}
.pf-body>p{font-size:.95rem;line-height:1.75;color:var(--ink-500);margin-bottom:16px;}
.pf-body .pc-meta{justify-content:flex-start;gap:18px;border-top:0;padding-top:0;margin-bottom:20px;}
.pf-side{padding:34px;background:linear-gradient(160deg,var(--blue-50),#fff);border-left:1px solid var(--line);
  display:flex;flex-direction:column;justify-content:center;}
.pf-num{font-size:3rem;font-weight:800;line-height:1;letter-spacing:-.03em;color:var(--blue-600);}
.pf-side strong{font-size:.9rem;color:var(--ink-800);margin-bottom:12px;}
.pf-side p{font-size:.85rem;line-height:1.7;color:var(--ink-500);margin-bottom:16px;}
.pf-link{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:700;color:var(--blue-600);}
.pf-link:hover{gap:9px;}

/* Yazı sayfası */
.post-hero{padding:34px 0 30px;background:linear-gradient(180deg,var(--bg-soft),#fff);border-bottom:1px solid var(--line);}
.post-hero.t-indigo{--tone-c:var(--acc-indigo);--tone-bg:var(--acc-indigo-bg);}
.post-hero.t-violet{--tone-c:var(--acc-violet);--tone-bg:var(--acc-violet-bg);}
.post-hero.t-cyan{--tone-c:var(--acc-cyan);--tone-bg:var(--acc-cyan-bg);}
.post-hero.t-green{--tone-c:var(--acc-green);--tone-bg:var(--acc-green-bg);}
.post-hero.t-amber{--tone-c:var(--acc-amber);--tone-bg:var(--acc-amber-bg);}
.post-hero .badge-soft{display:inline-flex;align-items:center;gap:6px;background:var(--tone-bg,var(--blue-50));
  color:var(--tone-c,var(--blue-600));margin-top:6px;}
.post-hero h1{font-size:2.15rem;line-height:1.25;letter-spacing:-.02em;margin-bottom:12px;max-width:24ch;}
.post-hero>.container>p{font-size:1rem;line-height:1.75;color:var(--ink-500);max-width:70ch;margin-bottom:16px;}
.post-meta{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:.8rem;color:var(--ink-400);font-weight:600;}
.post-meta span{display:inline-flex;align-items:center;gap:6px;}
.post-section{padding-top:44px;}
.post-wrap{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:44px;align-items:start;}

/* Markdown gövdesi */
.post-body{min-width:0;font-size:1rem;line-height:1.85;color:var(--ink-700);}
.post-body>p{margin-bottom:20px;}
.post-body h2{font-size:1.5rem;line-height:1.35;margin:38px 0 14px;color:var(--ink-900);scroll-margin-top:110px;}
.post-body h2:first-child{margin-top:0;}
.post-body h3{font-size:1.13rem;margin:26px 0 10px;color:var(--ink-900);}
.post-body a{color:var(--blue-600);font-weight:600;text-decoration:underline;text-underline-offset:3px;
  text-decoration-color:var(--blue-100);}
.post-body a:hover{text-decoration-color:var(--blue-600);}
.post-body strong{color:var(--ink-900);font-weight:700;}
.md-list,.md-steps{margin:0 0 22px;padding-left:22px;display:grid;gap:9px;}
.md-list{list-style:disc;}
.md-steps{list-style:decimal;}
.md-list li,.md-steps li{line-height:1.75;}
.md-list li::marker{color:var(--blue-600);}
.md-steps li::marker{color:var(--blue-600);font-weight:700;}
.post-body code{background:var(--blue-50);color:#0f3fa8;padding:2px 6px;border-radius:6px;font-size:.87em;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;}
.md-code{background:#0f172a;color:#e2e8f0;border-radius:var(--radius-md);padding:18px 20px;overflow-x:auto;
  margin:0 0 22px;font-size:.85rem;line-height:1.7;}
.md-code code{background:none;color:inherit;padding:0;font-size:inherit;}
.md-note{display:flex;gap:13px;background:var(--blue-50);border:1px solid var(--blue-100);
  border-left:3px solid var(--blue-600);border-radius:var(--radius-md);padding:18px 20px;margin:0 0 22px;
  font-size:.93rem;line-height:1.75;color:var(--ink-700);}
.md-note>svg{flex:0 0 auto;color:var(--blue-600);margin-top:3px;}
.md-hr{border:0;border-top:1px solid var(--line);margin:34px 0;}
.md-table-wrap{overflow-x:auto;margin:0 0 22px;border:1px solid var(--line);border-radius:var(--radius-md);}
.md-table{width:100%;border-collapse:collapse;font-size:.88rem;min-width:460px;}
.md-table th{background:var(--bg-soft);text-align:left;padding:12px 14px;font-weight:700;color:var(--ink-800);
  border-bottom:1px solid var(--line);white-space:nowrap;}
.md-table td{padding:12px 14px;border-bottom:1px solid var(--line);color:var(--ink-600,var(--ink-500));vertical-align:top;}
.md-table tr:last-child td{border-bottom:0;}

/* Yan sütun */
.post-side{position:sticky;top:96px;display:grid;gap:18px;}
.post-toc{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:20px 22px;
  box-shadow:var(--shadow-xs);}
.post-toc strong{display:block;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;
  color:var(--ink-400);margin-bottom:12px;}
.post-toc ol{list-style:none;counter-reset:toc;display:grid;gap:9px;}
.post-toc li{counter-increment:toc;}
.post-toc a{display:flex;gap:9px;font-size:.85rem;line-height:1.5;color:var(--ink-700);}
.post-toc a::before{content:counter(toc);font-size:.72rem;font-weight:800;color:var(--blue-600);
  min-width:16px;padding-top:2px;}
.post-toc a:hover{color:var(--blue-600);}
.post-cta{background:linear-gradient(160deg,var(--blue-50),#fff);border:1px solid var(--blue-100);
  border-radius:var(--radius-md);padding:22px;text-align:center;}
.post-cta .ic{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:14px;
  background:#fff;color:var(--blue-600);box-shadow:var(--shadow-xs);margin-bottom:12px;}
.post-cta strong{display:block;font-size:1rem;color:var(--ink-900);margin-bottom:7px;}
.post-cta p{font-size:.84rem;line-height:1.65;color:var(--ink-500);margin-bottom:14px;}
.post-cta .btn{margin-bottom:8px;}
.post-cats{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:20px 22px;}
.post-cats strong{display:block;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;
  color:var(--ink-400);margin-bottom:12px;}
.post-cats a{display:flex;align-items:center;gap:9px;padding:8px 0;font-size:.87rem;color:var(--ink-700);
  border-bottom:1px solid var(--line);}
.post-cats a:last-child{border-bottom:0;}
.post-cats a:hover{color:var(--blue-600);}
.post-cats a>svg{color:var(--blue-600);flex:0 0 auto;}

@media (max-width:1080px){
  .post-grid{grid-template-columns:repeat(2,1fr);}
  .post-wrap{grid-template-columns:1fr;gap:34px;}
  .post-side{position:static;grid-template-columns:repeat(2,1fr);align-items:start;}
  .post-toc{grid-column:1 / -1;}
}
@media (max-width:860px){
  .post-featured{grid-template-columns:1fr;}
  .pf-side{border-left:0;border-top:1px solid var(--line);}
  .pf-body,.pf-side{padding:26px;}
  .pf-body h2{font-size:1.35rem;}
  .post-hero h1{font-size:1.7rem;max-width:none;}
}
@media (max-width:640px){
  .post-grid{grid-template-columns:1fr;}
  .post-side{grid-template-columns:1fr;}
  .post-body{font-size:.97rem;}
  .post-body h2{font-size:1.28rem;}
  .bcat-row{gap:8px;}
  .bcat{padding:8px 13px;font-size:.79rem;}
}