/* ==========================================================================
   Bulutweb — Tasarım Sistemi
   Marka: #0078F8 (bulut mavisi) · #0E283A (koyu lacivert)
   Mobile-first · sistem fontu (lisans/performans dostu)
   ========================================================================== */

/* ---- Tokens ---- */
:root {
  --brand-50:#e9f2ff; --brand-100:#d3e6ff; --brand-200:#a6ccff; --brand-300:#6aa8ff;
  --brand-400:#3b8cff; --brand-500:#0078f8; --brand-600:#0062cf; --brand-700:#004fa8;
  --ink-900:#0e283a; --ink-800:#173347; --ink-700:#274456; --ink-600:#3d5b6d;
  --ink-500:#5b7385; --ink-400:#8397a6; --ink-300:#b3c1cc;
  --line:#e4eaf0; --line-2:#eef2f6;
  --bg:#ffffff; --bg-soft:#f4f8fd; --bg-tint:#eaf3ff;
  --white:#fff;
  /* İkincil vurgu (camgöbeği) ve gradyanlar — kurumsal "geçişli" görünüm */
  --accent-400:#39c0f5; --accent-500:#1cb5ef; --accent-600:#0f9bd4;
  --grad:linear-gradient(120deg,#0078f8 0%,#22b8f0 100%);
  --grad-soft:linear-gradient(160deg,#f2f8ff 0%,#eef9ff 100%);
  --grad-ink:linear-gradient(140deg,#0e283a 0%,#123246 55%,#0b3a55 100%);
  --glow:0 10px 26px rgba(0,120,248,.28);
  --ok:#12a150; --warn:#c77700; --err:#d92d20;
  --radius-sm:10px; --radius:14px; --radius-lg:18px; --radius-pill:999px;
  --shadow-xs:0 1px 2px rgba(14,40,58,.06);
  --shadow-sm:0 2px 8px rgba(14,40,58,.06);
  --shadow:0 8px 24px rgba(14,40,58,.08);
  --shadow-lg:0 18px 48px rgba(14,40,58,.14);
  --container:1200px;
  --header-h:72px;
  --ease:cubic-bezier(.4,0,.2,1);
  --t:200ms var(--ease);
  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --font-head: "Sora", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* ---- Reset ---- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}}
body{margin:0;font-family:var(--font);font-size:16px;line-height:1.6;color:var(--ink-800);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
h1,h2,h3,h4{margin:0 0 .5em;line-height:1.2;color:var(--ink-900);font-weight:700;letter-spacing:-.02em;font-family:var(--font-head)}
.section__title,.pkg__name,.phero h1,.hero h1,.footer__title,.errpage h1{font-family:var(--font-head)}
h1{font-size:clamp(1.9rem,4.4vw,3rem)}
h2{font-size:clamp(1.5rem,3.2vw,2.1rem)}
h3{font-size:1.2rem}
p{margin:0 0 1rem}
a{color:var(--brand-600);text-decoration:none;transition:color var(--t)}
a:hover{color:var(--brand-700)}
img{max-width:100%;height:auto;display:block}
ul{margin:0;padding:0;list-style:none}
button{font-family:inherit;cursor:pointer}
input,select,textarea{font-family:inherit;font-size:1rem}
:focus-visible{outline:3px solid var(--brand-300);outline-offset:2px;border-radius:4px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.skip-link{position:absolute;left:-999px;top:0;z-index:1000;background:var(--brand-600);color:#fff;padding:.7rem 1.2rem;border-radius:0 0 var(--radius-sm) 0}
.skip-link:focus{left:0}

/* ---- Layout ---- */
.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 20px}
.container--narrow{max-width:820px}
.section{padding:clamp(3rem,6vw,5rem) 0}
.section--soft{background:var(--bg-soft)}
.section--tint{background:linear-gradient(180deg,var(--bg-tint),var(--bg))}
.section__head{margin-bottom:2.2rem;max-width:720px}
.section__head--center{margin-left:auto;margin-right:auto;text-align:center}
.section__eyebrow{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-600);background:var(--brand-50);padding:.3rem .8rem;border-radius:var(--radius-pill);margin-bottom:.9rem}
.section__title{margin-bottom:.5rem}
.section__lead{font-size:1.08rem;color:var(--ink-600)}
.ic-xs{width:16px;height:16px}.ic-sm{width:18px;height:18px}.ic-lg{width:34px;height:34px}

/* ---- Buttons ---- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;font-size:.95rem;
  padding:.72rem 1.35rem;border-radius:var(--radius-sm);border:1.5px solid transparent;transition:all var(--t);white-space:nowrap;line-height:1.1}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:translateY(0)}
.btn--primary{background:var(--brand-500);color:#fff;box-shadow:0 4px 14px rgba(0,120,248,.28)}
.btn--primary:hover{background:var(--brand-600);color:#fff;box-shadow:0 6px 18px rgba(0,120,248,.34)}
.btn--outline{background:#fff;border-color:var(--line);color:var(--ink-800)}
.btn--outline:hover{border-color:var(--brand-400);color:var(--brand-600)}
.btn--outline-light{background:transparent;border-color:rgba(255,255,255,.5);color:#fff}
.btn--outline-light:hover{background:rgba(255,255,255,.12);color:#fff;border-color:#fff}
.btn--ghost{background:var(--bg-soft);color:var(--ink-700)}
.btn--ghost:hover{background:var(--brand-50);color:var(--brand-600)}
.btn--sm{padding:.5rem 1rem;font-size:.88rem}
.btn--lg{padding:.9rem 1.7rem;font-size:1.02rem}
.btn--block{display:flex;width:100%}

/* ---- Topbar ---- */
.topbar{background:var(--ink-900);color:#c9d6e0;font-size:.85rem}
.topbar__inner{display:flex;justify-content:space-between;align-items:center;min-height:38px;gap:1rem}
.topbar__left,.topbar__right{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}
.topbar__item{display:inline-flex;align-items:center;gap:.4rem;color:#c9d6e0;padding:.35rem .6rem;border-radius:8px}
.topbar__item:hover{color:#fff;background:rgba(255,255,255,.06)}
.topbar__cart{padding:.35rem .55rem}
@media (max-width:640px){.topbar__hide-sm{display:none}}

/* ---- Header ---- */
.header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line);transition:box-shadow var(--t),padding var(--t)}
.header.is-scrolled{box-shadow:var(--shadow-sm)}
.header__inner{display:flex;align-items:center;gap:1rem;min-height:var(--header-h);transition:min-height var(--t)}
.header.is-scrolled .header__inner{min-height:60px}
.header__logo img{width:190px;height:auto;transition:width var(--t)}
.header.is-scrolled .header__logo img{width:168px}
.header__actions{display:flex;align-items:center;gap:.6rem;margin-left:auto}

/* Nav desktop */
.nav{display:none}
@media (min-width:1024px){.nav{display:block;margin-left:1.2rem}}
.nav__list{display:flex;align-items:center;gap:.15rem}
.nav__item{position:relative}
.nav__link{display:inline-flex;align-items:center;gap:.3rem;background:none;border:0;color:var(--ink-800);font-weight:600;font-size:.96rem;padding:.6rem .8rem;border-radius:var(--radius-sm);transition:color var(--t),background var(--t)}
.nav__link:hover,.nav__item:hover .nav__link,.nav__link[aria-expanded="true"]{color:var(--brand-600);background:var(--brand-50)}
.nav__link.is-active{color:var(--brand-600)}
.nav__caret{transition:transform var(--t)}
.nav__link[aria-expanded="true"] .nav__caret{transform:rotate(180deg)}

/* Mega menu */
.mega{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(8px);
  min-width:560px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);
  padding:1rem;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--t),transform var(--t);z-index:120}
.mega::before{content:"";position:absolute;top:-16px;left:0;right:0;height:16px}
.nav__item.has-mega:hover .mega,.mega.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.mega__inner{display:grid;gap:.4rem}
.mega__inner.cols-2{grid-template-columns:1fr 1fr;gap:1rem}
.mega__col{display:flex;flex-direction:column;gap:.2rem}
.mega__link{display:flex;gap:.75rem;padding:.7rem;border-radius:var(--radius-sm);align-items:flex-start;transition:background var(--t)}
.mega__link:hover{background:var(--bg-soft)}
.mega__link.is-active{background:var(--brand-50)}
.mega__ic{flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:var(--brand-50);color:var(--brand-600);transition:background var(--t),color var(--t)}
.mega__link:hover .mega__ic{background:var(--brand-500);color:#fff}
.mega__txt{display:flex;flex-direction:column;min-width:0}
.mega__title{font-weight:650;color:var(--ink-900);font-size:.95rem}
.mega__desc{font-size:.82rem;color:var(--ink-500);line-height:1.4}

/* Hamburger */
.hamburger{display:inline-grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);background:#fff;border-radius:var(--radius-sm);color:var(--ink-800)}
@media (min-width:1024px){.hamburger{display:none}}
.header__panel span{display:none}
@media (min-width:480px){.header__panel span{display:inline}}

/* ---- Drawer (mobile) ---- */
.drawer{position:fixed;inset:0;z-index:200}
.drawer[hidden]{display:none}
.drawer__overlay{position:absolute;inset:0;background:rgba(14,40,58,.5);opacity:0;transition:opacity var(--t)}
.drawer__panel{position:absolute;top:0;right:0;height:100%;width:min(88%,380px);background:#fff;display:flex;flex-direction:column;
  transform:translateX(100%);transition:transform var(--t);box-shadow:var(--shadow-lg)}
.drawer.is-open .drawer__overlay{opacity:1}
.drawer.is-open .drawer__panel{transform:translateX(0)}
.drawer__head{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--line)}
.drawer__close{width:42px;height:42px;display:grid;place-items:center;border:0;background:var(--bg-soft);border-radius:10px;color:var(--ink-800)}
.drawer__nav{flex:1;overflow-y:auto;padding:.5rem}
.drawer__foot{padding:1rem;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:.6rem}
.drawer__phone{display:flex;align-items:center;gap:.5rem;justify-content:center;color:var(--ink-700);font-weight:600;padding:.5rem}

/* Accordion */
.acc__item{border-bottom:1px solid var(--line-2)}
.acc__trigger{display:flex;width:100%;align-items:center;justify-content:space-between;gap:.5rem;background:none;border:0;
  padding:.95rem .8rem;font-weight:650;color:var(--ink-900);font-size:1rem;text-align:left}
.acc__trigger--link{color:var(--ink-900)}
.acc__caret{transition:transform var(--t);color:var(--ink-400)}
.acc__trigger[aria-expanded="true"] .acc__caret{transform:rotate(180deg)}
.acc__panel{padding:.2rem .3rem .8rem}
.acc__link{display:flex;align-items:center;gap:.6rem;padding:.6rem .8rem;border-radius:10px;color:var(--ink-700);font-size:.95rem}
.acc__link:hover{background:var(--bg-soft);color:var(--brand-600)}
.acc__link svg{color:var(--brand-500)}

/* ==========================================================================
   Hero
   ========================================================================== */
.hero{position:relative;padding:clamp(2.5rem,6vw,4.5rem) 0 clamp(3rem,6vw,4.5rem);background:
  radial-gradient(1200px 500px at 80% -10%,var(--brand-50),transparent 60%),
  linear-gradient(180deg,#fff,var(--bg-soft));overflow:hidden}
.hero__grid{display:grid;gap:2.5rem;align-items:center}
@media (min-width:900px){.hero__grid{grid-template-columns:1.05fr .95fr}}
.hero__eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.82rem;font-weight:700;color:var(--brand-700);
  background:#fff;border:1px solid var(--brand-100);padding:.4rem .9rem;border-radius:var(--radius-pill);margin-bottom:1.1rem;box-shadow:var(--shadow-xs)}
.hero__eyebrow .dot{width:8px;height:8px;border-radius:50%;background:var(--ok)}
.hero h1{margin-bottom:1rem}
.hero__sub{font-size:1.12rem;color:var(--ink-600);max-width:36ch;margin-bottom:1.6rem}
.hero__cta{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:1.6rem}
.hero__highlights{display:flex;flex-wrap:wrap;gap:.5rem 1.2rem;margin-top:.5rem}
.hero__highlights li{display:flex;align-items:center;gap:.45rem;font-size:.92rem;color:var(--ink-700);font-weight:500}
.hero__highlights svg{color:var(--ok);flex:0 0 auto}
.hero__visual{position:relative}

/* Hero illüstrasyon (özgün geometrik veri akışı) */
.hero-art{position:relative;aspect-ratio:1/.82;width:100%;max-width:520px;margin:0 auto}
.hero-art svg{width:100%;height:100%;overflow:visible}
@media (max-width:899px){.hero-art{max-width:420px}}
/* Sayfaya özel gerçek görsel (yönetimden tanımlanınca) */
.hero-photo{position:relative;width:100%;max-width:560px;margin:0 auto}
.hero-photo img{width:100%;height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);object-fit:cover;aspect-ratio:6/5}
.hero-photo::after{content:"";position:absolute;inset:auto -14px -14px auto;width:120px;height:120px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--brand-400),var(--brand-600));opacity:.14;z-index:-1}

/* ==========================================================================
   Cards / grids
   ========================================================================== */
.grid{display:grid;gap:1.2rem}
.grid-2{grid-template-columns:1fr}
.grid-3{grid-template-columns:1fr}
.grid-4{grid-template-columns:1fr 1fr}
@media (min-width:640px){.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1fr 1fr}}
@media (min-width:960px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}

.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:1.5rem;transition:border-color var(--t),box-shadow var(--t),transform var(--t)}
.card:hover{border-color:var(--brand-200);box-shadow:var(--shadow);transform:translateY(-3px)}
.card__ic{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:var(--brand-50);color:var(--brand-600);margin-bottom:1rem}
.card__title{font-size:1.1rem;margin-bottom:.4rem}
.card__text{color:var(--ink-600);font-size:.95rem;margin:0}
.card__link{display:inline-flex;align-items:center;gap:.35rem;margin-top:1rem;font-weight:600;font-size:.9rem}
.card__link svg{transition:transform var(--t)}
.card:hover .card__link svg{transform:translateX(3px)}

/* Service card (link) */
.svc{display:flex;flex-direction:column;height:100%}
.svc__arrow{margin-top:auto}

/* Value props inline */
.vprops{display:grid;gap:1rem}
@media (min-width:768px){.vprops{grid-template-columns:repeat(3,1fr)}}
.vprop{display:flex;gap:.9rem;align-items:flex-start;padding:1.1rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}
.vprop__ic{flex:0 0 auto;width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:var(--brand-50);color:var(--brand-600)}
.vprop h3{font-size:1rem;margin-bottom:.2rem}
.vprop p{margin:0;font-size:.9rem;color:var(--ink-600)}

/* ==========================================================================
   Packages
   ========================================================================== */
.pkg-toggle{display:inline-flex;background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius-pill);padding:.25rem;margin:0 auto 2rem;gap:.2rem}
.pkg-toggle{display:flex;width:max-content;margin-left:auto;margin-right:auto}
.pkg-toggle__btn{border:0;background:none;padding:.5rem 1.2rem;border-radius:var(--radius-pill);font-weight:600;color:var(--ink-600);font-size:.9rem;display:inline-flex;align-items:center;gap:.4rem}
.pkg-toggle__btn.is-active{background:#fff;color:var(--brand-600);box-shadow:var(--shadow-xs)}
.pkg-toggle__save{font-size:.72rem;background:var(--ok);color:#fff;padding:.1rem .45rem;border-radius:var(--radius-pill)}
.pkg-grid{display:grid;gap:1.2rem;grid-template-columns:1fr}
@media (min-width:640px){.pkg-grid{grid-template-columns:1fr 1fr}}
@media (min-width:1000px){.pkg-grid{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1000px){.pkg-grid:has(.pkg:nth-child(4)){grid-template-columns:repeat(4,1fr)}}
.pkg{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:1.5rem 1.35rem;display:flex;flex-direction:column;transition:border-color var(--t),box-shadow var(--t),transform var(--t)}
.pkg:hover{border-color:var(--brand-200);box-shadow:var(--shadow);transform:translateY(-3px)}
.pkg--featured{border-color:var(--brand-400);box-shadow:0 12px 34px rgba(0,120,248,.16)}
.pkg--featured::after{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);border:2px solid var(--brand-400);pointer-events:none}
.pkg__badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--brand-500);color:#fff;font-size:.75rem;font-weight:700;padding:.3rem .9rem;border-radius:var(--radius-pill);box-shadow:0 4px 12px rgba(0,120,248,.3);z-index:1}
.pkg__demo{position:absolute;top:10px;right:10px;background:var(--warn);color:#fff;font-size:.62rem;font-weight:700;letter-spacing:.06em;padding:.2rem .5rem;border-radius:5px}
.pkg__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}
.pkg__name{font-size:1.2rem;margin:0}
.pkg__disc{background:var(--ok);color:#fff;font-size:.7rem;font-weight:700;padding:.22rem .5rem;border-radius:5px;white-space:nowrap}
/* Özellik ızgarası (ikonlu, kurumsal) */
.pkg__specs{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1.1rem}
.pkg__specs li{display:flex;align-items:center;gap:.5rem;background:var(--bg-soft);border:1px solid var(--line-2);border-radius:10px;padding:.55rem .6rem}
.pkg__spec-ic{flex:0 0 auto;width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#fff;border:1px solid var(--line);color:var(--brand-600)}
.pkg__spec-txt{display:flex;flex-direction:column;min-width:0;line-height:1.15}
.pkg__spec-label{font-size:.68rem;color:var(--ink-500)}
.pkg__spec-txt strong{font-size:.82rem;color:var(--ink-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pkg__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem;padding:1rem;margin-bottom:1rem;background:linear-gradient(180deg,var(--bg-tint),#fff);border:1px solid var(--brand-100);border-radius:var(--radius-sm)}
.pkg__old{width:100%;font-size:.85rem;color:var(--ink-400);text-decoration:line-through;font-weight:600}
.pkg__amount{font-size:1.95rem;font-weight:800;color:var(--ink-900);letter-spacing:-.02em;font-family:var(--font-head)}
.pkg__amount--na{font-size:1.05rem;font-weight:700;color:var(--brand-600)}
.pkg__period{color:var(--ink-500);font-weight:500}
.pkg__tax{width:100%;font-size:.72rem;color:var(--ink-400)}
.pkg__actions{margin-bottom:1.1rem}
.pkg__buy{box-shadow:none}
.pkg:not(.pkg--featured) .pkg__buy{background:#fff;color:var(--brand-600);border-color:var(--brand-500)}
.pkg:not(.pkg--featured):hover .pkg__buy{background:var(--brand-500);color:#fff}
.pkg__features{display:flex;flex-direction:column;gap:.5rem;flex:1}
.pkg__features li{display:flex;gap:.55rem;align-items:flex-start;font-size:.88rem;color:var(--ink-700)}
.pkg__check{color:var(--ok);flex:0 0 auto;margin-top:1px}
.demo-note{display:flex;align-items:flex-start;gap:.6rem;max-width:820px;margin:0 auto 1.6rem;padding:.8rem 1.1rem;background:#fff8ec;border:1px solid #f5e2bd;border-radius:var(--radius-sm);font-size:.85rem;color:#7a5b17}
.demo-note svg{color:var(--warn);flex:0 0 auto;margin-top:1px}
.pkg-empty{text-align:center;max-width:520px;margin:0 auto;padding:2.5rem 1.5rem;background:var(--bg-soft);border:1px dashed var(--line);border-radius:var(--radius-lg);color:var(--ink-600)}
.pkg-empty svg{color:var(--brand-400);margin-bottom:.5rem}
.pkg-empty h3{margin-bottom:.4rem}
.pkg-empty__actions{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;margin-top:1.2rem}

/* ==========================================================================
   Domain widget
   ========================================================================== */
.domainbox{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:1.2rem;box-shadow:var(--shadow-sm)}
.domainbox--compact{box-shadow:var(--shadow-lg)}
.domainbox__form{display:flex;gap:.6rem;flex-wrap:wrap}
.domainbox__field{position:relative;display:flex;flex:1 1 260px;min-width:0;align-items:center;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:#fff;transition:border-color var(--t)}
.domainbox__field:focus-within{border-color:var(--brand-400);box-shadow:0 0 0 3px var(--brand-50)}
.domainbox__prefix{display:grid;place-items:center;padding-left:.9rem;color:var(--ink-400)}
.domainbox__field input{flex:1;min-width:0;border:0;background:none;padding:.85rem .6rem;outline:none;color:var(--ink-900)}
.domainbox__tld{border:0;border-left:1px solid var(--line);background:var(--bg-soft);padding:.85rem .7rem;border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--ink-700);cursor:pointer;max-width:150px}
.domainbox__btn{flex:0 0 auto;min-width:130px}
.domainbox__spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.domainbox__exts{display:flex;flex-wrap:wrap;gap:.4rem .9rem;margin-top:.9rem;padding-top:.9rem;border-top:1px solid var(--line-2)}
.domainbox__ext{font-size:.82rem;color:var(--ink-500)}
.domainbox__ext b{color:var(--brand-600)}
.domainbox__results{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}
.domainbox__hint{margin-top:.8rem;font-size:.88rem;color:var(--ink-500)}
.dresult{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;padding:.85rem 1rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-soft)}
.dresult--ok{border-color:#bfe6cf;background:#f1fbf5}
.dresult--no{border-color:#f2d0cc;background:#fdf3f2}
.dresult__name{font-weight:700;color:var(--ink-900)}
.dresult__status{font-size:.85rem;font-weight:600}
.dresult--ok .dresult__status{color:var(--ok)}
.dresult--no .dresult__status{color:var(--err)}
.dresult__price{margin-left:auto;font-weight:700;color:var(--ink-800)}
.dresult__btn{margin-left:.4rem}
@media (max-width:560px){.dresult__price{margin-left:0;width:100%}.dresult__btn{margin-left:0}}

/* Hero domainbox spacing */
.hero .domainbox{margin-top:.5rem}

/* ==========================================================================
   Feature stripe / tech
   ========================================================================== */
.techstrip{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center}
.techbadge{display:inline-flex;align-items:center;gap:.5rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius-pill);padding:.55rem 1.1rem;font-weight:600;font-size:.9rem;color:var(--ink-700)}
.techbadge svg{color:var(--brand-500)}

/* Why grid */
.why-grid{display:grid;gap:1rem;grid-template-columns:1fr}
@media (min-width:560px){.why-grid{grid-template-columns:1fr 1fr}}
@media (min-width:960px){.why-grid{grid-template-columns:repeat(4,1fr)}}
.why{display:flex;flex-direction:column;gap:.5rem;padding:1.3rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}
.why__ic{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:var(--brand-50);color:var(--brand-600)}
.why h3{font-size:1rem;margin:0}
.why p{margin:0;font-size:.88rem;color:var(--ink-600)}

/* ==========================================================================
   Comparison table
   ========================================================================== */
.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-lg);-webkit-overflow-scrolling:touch}
table.compare{width:100%;border-collapse:collapse;min-width:560px}
table.compare th,table.compare td{padding:.85rem 1rem;text-align:left;border-bottom:1px solid var(--line-2);font-size:.92rem}
table.compare thead th{background:var(--ink-900);color:#fff;font-weight:600}
table.compare tbody tr:hover{background:var(--bg-soft)}
table.compare td:first-child{font-weight:600;color:var(--ink-800)}

/* Feature list (specs / audience) */
.checklist{display:grid;gap:.7rem;grid-template-columns:1fr}
@media (min-width:640px){.checklist{grid-template-columns:1fr 1fr}}
.checklist li{display:flex;gap:.6rem;align-items:flex-start;color:var(--ink-700)}
.checklist svg{color:var(--brand-500);flex:0 0 auto;margin-top:2px}

/* Process steps */
.steps{display:grid;gap:1rem;counter-reset:step;grid-template-columns:1fr}
@media (min-width:768px){.steps{grid-template-columns:repeat(3,1fr)}}
.step{position:relative;padding:1.4rem 1.2rem 1.2rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}
.step__n{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--brand-500);color:#fff;font-weight:700;margin-bottom:.8rem}
.step h3{font-size:1.02rem;margin-bottom:.3rem}
.step p{margin:0;font-size:.9rem;color:var(--ink-600)}

/* Use cases */
.usecase{padding:1.3rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius);border-left:3px solid var(--brand-400)}
.usecase h3{font-size:1.02rem;margin-bottom:.3rem}
.usecase p{margin:0;color:var(--ink-600);font-size:.92rem}

/* ==========================================================================
   FAQ
   ========================================================================== */
.faq-list{display:flex;flex-direction:column;gap:.6rem}
.faq{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}
.faq__q{display:flex;width:100%;align-items:center;justify-content:space-between;gap:1rem;background:none;border:0;padding:1.1rem 1.2rem;font-weight:650;color:var(--ink-900);text-align:left;font-size:1rem}
.faq__icon{color:var(--brand-500);transition:transform var(--t);flex:0 0 auto}
.faq__q[aria-expanded="true"]{color:var(--brand-600)}
.faq__q[aria-expanded="true"] .faq__icon{transform:rotate(45deg)}
.faq__a-inner{padding:0 1.2rem 1.2rem;color:var(--ink-600);font-size:.95rem}

/* ==========================================================================
   Breadcrumb
   ========================================================================== */
.breadcrumb{background:var(--bg-soft);border-bottom:1px solid var(--line-2);font-size:.85rem}
.breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;padding:.8rem 0}
.breadcrumb li{display:flex;align-items:center;gap:.35rem;color:var(--ink-500)}
.breadcrumb a{color:var(--ink-500)}
.breadcrumb a:hover{color:var(--brand-600)}
.breadcrumb__sep{color:var(--ink-300)}
.breadcrumb [aria-current]{color:var(--ink-800);font-weight:600}

/* ==========================================================================
   Product page hero
   ========================================================================== */
.phero{padding:clamp(2rem,5vw,3.5rem) 0;background:radial-gradient(900px 400px at 90% -20%,var(--brand-50),transparent 55%),linear-gradient(180deg,#fff,var(--bg-soft))}
.phero__grid{display:grid;gap:2rem;align-items:center}
@media (min-width:900px){.phero__grid{grid-template-columns:1.1fr .9fr}}
.phero__eyebrow{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-600);background:#fff;border:1px solid var(--brand-100);padding:.35rem .8rem;border-radius:var(--radius-pill);margin-bottom:1rem}
.phero__sub{font-size:1.08rem;color:var(--ink-600);margin-bottom:1.4rem}
.phero__cta{display:flex;flex-wrap:wrap;gap:.7rem;margin-bottom:1.2rem}
.phero__highlights{display:flex;flex-wrap:wrap;gap:.5rem .9rem}
.phero__highlights li{display:flex;align-items:center;gap:.4rem;font-size:.88rem;color:var(--ink-700);background:#fff;border:1px solid var(--line);padding:.35rem .7rem;border-radius:var(--radius-pill)}
.phero__highlights svg{color:var(--ok)}

/* SEO text block */
.seotext{color:var(--ink-600);font-size:.98rem}
.seotext h2{font-size:1.3rem}
.seotext p{margin-bottom:1rem}

/* Related services */
.related-grid{display:grid;gap:1rem;grid-template-columns:1fr 1fr}
@media (min-width:768px){.related-grid{grid-template-columns:repeat(4,1fr)}}
.related{display:flex;align-items:center;gap:.7rem;padding:1rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius);font-weight:600;color:var(--ink-800);font-size:.92rem}
.related:hover{border-color:var(--brand-200);color:var(--brand-600)}
.related svg{color:var(--brand-500);flex:0 0 auto}

/* ==========================================================================
   Campaign bar
   ========================================================================== */
.campaign{background:linear-gradient(90deg,var(--brand-600),var(--brand-500));color:#fff;font-size:.9rem}
.campaign__inner{display:flex;align-items:center;justify-content:center;gap:.8rem;flex-wrap:wrap;padding:.6rem 1rem;text-align:center}
.campaign strong{font-weight:700}
.campaign__code{background:rgba(255,255,255,.2);border:1px dashed rgba(255,255,255,.6);padding:.15rem .6rem;border-radius:6px;font-weight:700;letter-spacing:.05em}
.campaign__close{margin-left:.5rem;background:none;border:0;color:#fff;opacity:.8;display:grid;place-items:center}
.campaign__close:hover{opacity:1}

/* ==========================================================================
   Testimonials
   ========================================================================== */
.tgrid{display:grid;gap:1rem;grid-template-columns:1fr}
@media (min-width:640px){.tgrid{grid-template-columns:1fr 1fr}}
@media (min-width:960px){.tgrid{grid-template-columns:repeat(3,1fr)}}
.tcard{padding:1.5rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg)}
.tcard__stars{display:flex;gap:.15rem;color:#f5a623;margin-bottom:.8rem}
.tcard__content{color:var(--ink-700);font-size:.95rem;margin-bottom:1rem}
.tcard__author{font-weight:700;color:var(--ink-900);font-size:.92rem}
.tcard__meta{font-size:.82rem;color:var(--ink-500)}

/* ==========================================================================
   Blog
   ========================================================================== */
.postgrid{display:grid;gap:1.4rem;grid-template-columns:1fr}
@media (min-width:640px){.postgrid{grid-template-columns:1fr 1fr}}
@media (min-width:960px){.postgrid{grid-template-columns:repeat(3,1fr)}}
.post{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow var(--t),transform var(--t)}
.post:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.post__cover{aspect-ratio:16/9;background:var(--bg-tint);object-fit:cover;width:100%}
.post__body{padding:1.2rem;display:flex;flex-direction:column;flex:1}
.post__cat{font-size:.75rem;font-weight:700;color:var(--brand-600);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}
.post__title{font-size:1.08rem;margin-bottom:.5rem}
.post__excerpt{color:var(--ink-600);font-size:.9rem;flex:1}
.post__meta{display:flex;align-items:center;gap:.8rem;font-size:.8rem;color:var(--ink-400);margin-top:1rem}
.post__more{display:inline-flex;align-items:center;gap:.35rem;font-weight:600;font-size:.88rem;margin-top:.8rem}

.article{max-width:760px;margin:0 auto}
.article__cover{border-radius:var(--radius-lg);margin:1.4rem 0;width:100%}
.article__body{font-size:1.05rem;color:var(--ink-700);line-height:1.75}
.article__body h2{margin-top:2rem}
.article__body img{border-radius:var(--radius);margin:1.4rem 0}
.article__meta{display:flex;gap:1rem;color:var(--ink-500);font-size:.88rem;margin-bottom:1rem}

.pagination{display:flex;justify-content:center;gap:.4rem;margin-top:2.5rem;flex-wrap:wrap}
.pagination a,.pagination span{min-width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink-700);font-weight:600;padding:0 .6rem}
.pagination a:hover{border-color:var(--brand-300);color:var(--brand-600)}
.pagination .is-active{background:var(--brand-500);color:#fff;border-color:var(--brand-500)}

.empty-state{text-align:center;padding:3rem 1rem;color:var(--ink-500)}
.empty-state svg{color:var(--brand-300);margin-bottom:.5rem}

/* ==========================================================================
   Final CTA
   ========================================================================== */
.cta-final{padding:clamp(2.5rem,5vw,4rem) 0}
.cta-final__card{background:linear-gradient(120deg,var(--ink-900),var(--ink-800));border-radius:var(--radius-lg);
  padding:clamp(1.8rem,4vw,3rem);display:grid;gap:1.5rem;align-items:center;position:relative;overflow:hidden}
.cta-final__card::before{content:"";position:absolute;right:-60px;top:-60px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(0,120,248,.35),transparent 70%)}
@media (min-width:820px){.cta-final__card{grid-template-columns:1.4fr 1fr}}
.cta-final__text h2{color:#fff;margin-bottom:.4rem}
.cta-final__text p{color:#b9c8d4;margin:0}
.cta-final__actions{display:flex;flex-wrap:wrap;gap:.7rem;position:relative;z-index:1}

/* ==========================================================================
   Footer
   ========================================================================== */
.footer{background:var(--ink-900);color:#a9bccb;font-size:.92rem;padding-top:clamp(2.5rem,5vw,3.5rem)}
.footer__grid{display:grid;gap:2rem}
@media (min-width:1000px){.footer__grid{grid-template-columns:1fr 320px}}
.footer__cols{display:grid;gap:1.8rem 1.2rem;grid-template-columns:1fr 1fr}
@media (min-width:640px){.footer__cols{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1000px){.footer__cols{grid-template-columns:repeat(3,1fr)}}
.footer__title{color:#fff;font-size:.95rem;margin-bottom:.9rem;font-weight:700}
.footer__col li{margin-bottom:.5rem}
.footer__col a{color:#a9bccb}
.footer__col a:hover{color:#fff}
.footer__support{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:1.5rem}
.footer__logo{margin-bottom:1rem}
.footer__support-msg{color:#b9c8d4;font-size:.9rem}
.footer__contact{margin-top:1.2rem;display:flex;flex-direction:column;gap:.6rem}
.footer__contact li{display:flex;align-items:center;gap:.6rem}
.footer__contact a{color:#cdd9e3}
.footer__contact svg{color:var(--brand-400);flex:0 0 auto}
.footer__social{display:flex;gap:.5rem;margin-top:1.2rem}
.footer__social a{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.07);color:#cdd9e3}
.footer__social a:hover{background:var(--brand-500);color:#fff}
.footer__bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:2.5rem;padding:1.3rem 0}
.footer__bottom-inner{display:flex;flex-wrap:wrap;gap:.8rem 1.5rem;align-items:center;justify-content:space-between}
.footer__copy{margin:0;font-size:.85rem;color:#8ba0b0}
.footer__note{color:#6a8090;font-size:.78rem}
.footer__legal{display:flex;flex-wrap:wrap;gap:.4rem 1.1rem}
.footer__legal a{color:#8ba0b0;font-size:.82rem}
.footer__legal a:hover{color:#fff}

/* ==========================================================================
   Floating buttons
   ========================================================================== */
.floating{position:fixed;right:16px;bottom:16px;z-index:80;display:flex;flex-direction:column;gap:.6rem}
.floating__btn{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:var(--shadow-lg);transition:transform var(--t)}
.floating__btn:hover{transform:scale(1.06);color:#fff}
.floating__wa{background:#25d366}
.floating__chat{background:var(--brand-500)}

/* ==========================================================================
   Cookie banner
   ========================================================================== */
.cookie{position:fixed;left:0;right:0;bottom:0;z-index:150;background:#fff;border-top:1px solid var(--line);box-shadow:0 -8px 30px rgba(14,40,58,.12)}
.cookie[hidden]{display:none}
.cookie__inner{display:flex;flex-direction:column;gap:1rem;padding:1.1rem 20px}
@media (min-width:820px){.cookie__inner{flex-direction:row;align-items:center;justify-content:space-between}}
.cookie__text strong{color:var(--ink-900)}
.cookie__text p{margin:.2rem 0 0;font-size:.86rem;color:var(--ink-600);max-width:60ch}
.cookie__actions{display:flex;gap:.5rem;flex-wrap:wrap;flex-shrink:0}
.cookie__settings{border-top:1px solid var(--line-2)}
.cookie__settings[hidden]{display:none}
.cookie__settings-inner{display:flex;flex-direction:column;gap:.6rem;padding:1rem 20px}
.cookie__opt{display:flex;gap:.6rem;align-items:flex-start;font-size:.88rem;color:var(--ink-700)}
.cookie__opt input{margin-top:3px}

/* ==========================================================================
   Legal / content pages
   ========================================================================== */
.prose{max-width:820px}
.prose h2{font-size:1.35rem;margin-top:2rem}
.prose h3{font-size:1.1rem;margin-top:1.5rem}
.prose p,.prose li{color:var(--ink-700)}
.prose ul{list-style:disc;padding-left:1.3rem;margin-bottom:1rem}
.prose ul li{margin-bottom:.4rem}
.notice{display:flex;gap:.8rem;padding:1rem 1.2rem;background:#fff8ec;border:1px solid #f5e2bd;border-radius:var(--radius);color:#7a5b17;font-size:.9rem;margin:1.2rem 0}
.notice svg{color:var(--warn);flex:0 0 auto}
.infogrid{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}
.inforow{display:grid;grid-template-columns:1fr;background:#fff}
@media (min-width:560px){.inforow{grid-template-columns:220px 1fr}}
.inforow dt{padding:.9rem 1.2rem;font-weight:600;color:var(--ink-700);background:var(--bg-soft)}
.inforow dd{padding:.9rem 1.2rem;margin:0;color:var(--ink-800)}
.bankcard{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.3rem;margin-bottom:1rem}
.bankcard h3{display:flex;align-items:center;gap:.6rem;font-size:1.05rem;margin-bottom:.8rem}
.bankcard .iban{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.02rem;font-weight:600;color:var(--ink-900);letter-spacing:.02em;background:var(--bg-soft);padding:.5rem .8rem;border-radius:8px;display:inline-block;word-break:break-all}

/* Contact */
.contact-grid{display:grid;gap:2rem}
@media (min-width:900px){.contact-grid{grid-template-columns:1fr 1.2fr}}
.contact-info{display:flex;flex-direction:column;gap:1rem}
.contact-item{display:flex;gap:.9rem;padding:1.1rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}
.contact-item__ic{width:44px;height:44px;flex:0 0 auto;display:grid;place-items:center;border-radius:12px;background:var(--brand-50);color:var(--brand-600)}
.contact-item h3{font-size:1rem;margin-bottom:.2rem}
.contact-item a,.contact-item p{margin:0;color:var(--ink-600)}
.form{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:1.6rem}
.field{margin-bottom:1.1rem}
.field label{display:block;font-weight:600;font-size:.9rem;margin-bottom:.4rem;color:var(--ink-800)}
.field .req{color:var(--err)}
.field input,.field select,.field textarea{width:100%;padding:.8rem .9rem;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:#fff;color:var(--ink-900);transition:border-color var(--t)}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--brand-400);box-shadow:0 0 0 3px var(--brand-50)}
.field textarea{min-height:130px;resize:vertical}
.field--row{display:grid;gap:1.1rem}
@media (min-width:560px){.field--row{grid-template-columns:1fr 1fr}}
.checkbox{display:flex;gap:.6rem;align-items:flex-start;font-size:.9rem;color:var(--ink-700)}
.checkbox input{margin-top:3px;width:auto}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.alert{padding:.9rem 1.1rem;border-radius:var(--radius-sm);margin-bottom:1.2rem;font-size:.92rem}
.alert--ok{background:#f1fbf5;border:1px solid #bfe6cf;color:#0d6b37}
.alert--err{background:#fdf3f2;border:1px solid #f2d0cc;color:#a3271b}
.alert--err ul{list-style:disc;padding-left:1.2rem;margin:.4rem 0 0}
.map-embed{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line);margin-top:1.5rem;aspect-ratio:16/9}
.map-embed iframe{width:100%;height:100%;border:0;display:block}

/* Status page */
.status-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:.6rem}
.status-badge{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;font-size:.85rem}
.status-badge .dot{width:9px;height:9px;border-radius:50%}
.status-badge--ok{color:var(--ok)}.status-badge--ok .dot{background:var(--ok)}
.status-badge--warn{color:var(--warn)}.status-badge--warn .dot{background:var(--warn)}

/* Error pages */
.errpage{min-height:56vh;display:grid;place-items:center;text-align:center;padding:3rem 1rem}
.errpage__code{font-size:clamp(4rem,14vw,8rem);font-weight:800;line-height:1;background:linear-gradient(120deg,var(--brand-500),var(--ink-900));-webkit-background-clip:text;background-clip:text;color:transparent}
.errpage h1{margin:.5rem 0}
.errpage__actions{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap;margin-top:1.5rem}

/* Announcements / KB simple lists */
.linklist{display:flex;flex-direction:column;gap:.6rem}
.linklist a{display:flex;align-items:center;gap:.7rem;padding:1rem 1.2rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius);color:var(--ink-800);font-weight:600}
.linklist a:hover{border-color:var(--brand-200);color:var(--brand-600)}
.linklist svg{color:var(--brand-500)}

/* Utilities */
.mt-0{margin-top:0}.mb-0{margin-bottom:0}.text-center{text-align:center}
.stack>*+*{margin-top:1.2rem}

/* ==========================================================================
   KURUMSAL TEMA v2 — gradyan geçişli, katmanlı, "az beyaz" premium görünüm
   (Bu blok önceki düz stilleri kasıtlı olarak zenginleştirir.)
   ========================================================================== */

/* Zemin: saf beyaz yerine hafif serin bir taban → beyaz kartlar öne çıkar */
body{background:#f7fafd}
main{background:#f7fafd}

/* Bölüm ritmi: beyaz ↔ hafif mavi tint; ince gradyan ayraçlar */
.section{position:relative}
.section--soft{background:var(--grad-soft)}
.section--tint{background:linear-gradient(180deg,var(--bg-tint),#fff)}
/* Beyaz bölümler için üstte çok ince gradyan çizgi (kurumsal ayrım) */
.section:not(.hero):not(.phero)::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(0,120,248,.12),transparent)}

/* Eyebrow rozetleri: gradyan tint */
.section__eyebrow{background:linear-gradient(120deg,var(--brand-50),#e6f7ff);color:var(--brand-700);border:1px solid #d6ecff}

/* Başlıklarda vurgu gradyanı için yardımcı */
.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}

/* HERO: daha zengin gradyan + ince grid dokusu + alt geçiş */
.hero{background:
  radial-gradient(900px 420px at 88% -8%,rgba(34,184,240,.20),transparent 60%),
  radial-gradient(1000px 500px at 12% 0%,rgba(0,120,248,.10),transparent 55%),
  linear-gradient(180deg,#ffffff 0%,#eef5fe 100%)}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(14,40,58,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(14,40,58,.035) 1px,transparent 1px);
  background-size:44px 44px;-webkit-mask-image:radial-gradient(70% 60% at 70% 20%,#000,transparent 75%);mask-image:radial-gradient(70% 60% at 70% 20%,#000,transparent 75%)}
.hero .container{position:relative;z-index:1}
.hero__eyebrow{background:linear-gradient(120deg,#ffffff,#f0f9ff);box-shadow:0 4px 16px rgba(0,120,248,.10)}
.phero{background:
  radial-gradient(760px 360px at 92% -18%,rgba(34,184,240,.18),transparent 58%),
  linear-gradient(180deg,#ffffff 0%,#eef5fe 100%)}
.phero__eyebrow{background:linear-gradient(120deg,#eef6ff,#e4f6ff);border-color:#d3ecff}

/* Butonlar: gradyan + glow */
.btn--primary{background:var(--grad);box-shadow:var(--glow)}
.btn--primary:hover{background:linear-gradient(120deg,#006ce0,#12abe6);box-shadow:0 12px 30px rgba(0,120,248,.36)}

/* İkon çipleri: gradyan (kart, değer önerisi, neden, iletişim, spec) */
.card__ic,.vprop__ic,.why__ic,.contact-item__ic,.step__n{background:var(--grad);color:#fff;box-shadow:0 8px 20px rgba(0,120,248,.22)}
.card__ic svg,.vprop__ic svg,.why__ic svg,.contact-item__ic svg{color:#fff}
.mega__ic{background:linear-gradient(120deg,var(--brand-50),#e6f7ff)}
.mega__link:hover .mega__ic{background:var(--grad)}
.pkg__spec-ic{background:linear-gradient(120deg,#fff,#f0f8ff);color:var(--brand-600)}

/* Kartlar: derinlik + hover gradyan taban */
.card{box-shadow:var(--shadow-sm);background:linear-gradient(180deg,#fff,#fdfefe)}
.card:hover{box-shadow:0 16px 40px rgba(14,40,58,.12)}
.vprop,.why,.usecase,.step,.techbadge,.related,.tcard,.post{box-shadow:var(--shadow-xs)}
.vprop:hover,.why:hover,.usecase:hover{box-shadow:var(--shadow);transform:translateY(-2px);transition:all var(--t)}

/* Servis kartlarına renkli üst şerit (hover'da belirir) */
.card.svc{position:relative;overflow:hidden}
.card.svc::after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform var(--t)}
.card.svc:hover::after{transform:scaleX(1)}

/* Tech rozetleri: hover gradyan */
.techbadge{background:linear-gradient(180deg,#fff,#f4f9ff)}
.techbadge:hover{border-color:var(--brand-200);box-shadow:var(--shadow-sm);color:var(--brand-700);transition:all var(--t)}

/* Rozetler / öne çıkan paket: gradyan */
.pkg__badge{background:var(--grad)}
.pkg--featured::after{border-color:transparent;background:linear-gradient(120deg,var(--brand-400),var(--accent-400)) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;border-width:2px;border-style:solid}
.pkg--featured{box-shadow:0 18px 44px rgba(0,120,248,.18)}
.pkg__price{background:linear-gradient(160deg,#f1f8ff,#eafaff);border-color:#d9edff}
.pkg__disc,.pkg-toggle__save{background:linear-gradient(120deg,#12a150,#37c774)}

/* Domain kutusu: gradyan çerçeve hissi */
.domainbox--compact{background:linear-gradient(180deg,#ffffff,#f6fbff);border-color:#dcecfb;box-shadow:0 20px 50px rgba(14,40,58,.12)}
.domainbox__btn.btn--primary{background:var(--grad)}

/* Breadcrumb: hafif gradyan */
.breadcrumb{background:linear-gradient(180deg,#eef5fe,#f7fafd)}

/* Son çağrı: mevcut koyu gradyan + camgöbeği ışıma */
.cta-final__card{background:var(--grad-ink)}
.cta-final__card::before{background:radial-gradient(circle,rgba(34,184,240,.4),transparent 70%)}

/* Footer: üstte gradyan geçiş şeridi */
.footer{background:var(--grad-ink);position:relative}
.footer::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--grad)}
.footer__support{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.10)}

/* Kampanya bandı: camgöbeğine geçiş */
.campaign{background:linear-gradient(90deg,var(--brand-600),var(--accent-500))}

/* Bölüm başlıklarında ince alt vurgu */
.section__head--center .section__title{position:relative;display:inline-block;padding-bottom:.5rem}
.section__head--center .section__title::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:56px;height:3px;border-radius:3px;background:var(--grad)}

/* FAQ açık durumda hafif gradyan */
.faq__q[aria-expanded="true"]{background:linear-gradient(90deg,#f4f9ff,#fff)}

/* Bağlantı okları camgöbeği */
.card__link,.post__more{color:var(--brand-600)}

/* Yatay taşma güvenliği */
.hero,.phero,.section,.footer,.cta-final{overflow-x:clip}
img,svg,table{max-width:100%}

/* Mega menüyü kenardan taşmaya karşı hizala (son öğeler) */
@media (min-width:1024px) and (max-width:1300px){
  .nav__item:last-child .mega,.nav__item:nth-last-child(2) .mega{left:auto;right:0;transform:translateY(8px)}
  .nav__item:last-child:hover .mega,.nav__item:nth-last-child(2):hover .mega,
  .nav__item:last-child .mega.is-open,.nav__item:nth-last-child(2) .mega.is-open{transform:translateY(0)}
}


/* ==========================================================================
   KURUMSAL TEMA v3 — üst bar, sepet, mega menü, hero ızgara, "Nedir",
   kayan şerit (marquee), hizmet kartları, WhatsApp
   ========================================================================== */

/* ---- Üst yardımcı bar: açık, kurumsal ---- */
.topbar{background:linear-gradient(180deg,#ffffff,#f5f9fe);color:var(--ink-600);border-bottom:1px solid var(--line);font-size:.82rem}
.topbar__inner{min-height:42px}
.topbar__item{color:var(--ink-600);padding:.4rem .8rem;border-radius:0}
.topbar__item svg{color:var(--brand-500)}
.topbar__item:hover{color:var(--brand-600);background:transparent}
.topbar__left .topbar__item:not(:last-child),.topbar__right .topbar__item{border-right:1px solid var(--line-2)}
.topbar__right .topbar__item:last-of-type{border-right:0}
.topbar__cur{font-weight:700;color:var(--ink-700);background:#fff;border:1px solid var(--line);border-radius:8px;padding:.22rem .6rem;font-size:.76rem;margin-left:.6rem;letter-spacing:.02em}

/* ---- Sepet (ana header) ---- */
.cart-btn{display:flex;align-items:center;gap:.55rem;color:var(--ink-800);font-weight:600;font-size:.9rem}
.cart-btn__ic{position:relative;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--brand-50);color:var(--brand-600);border:1px solid #e3f0ff;transition:all var(--t)}
.cart-btn__count{position:absolute;top:-5px;right:-5px;background:var(--grad);color:#fff;font-size:.62rem;font-weight:700;min-width:17px;height:17px;border-radius:20px;display:grid;place-items:center;padding:0 4px;box-shadow:0 2px 6px rgba(0,120,248,.4)}
.cart-btn:hover .cart-btn__ic{background:var(--grad);color:#fff;border-color:transparent}
.cart-btn__label{display:none}
@media(min-width:1180px){.cart-btn__label{display:inline}}

/* ---- Mega menü: sade, kurumsal + sağ destek kartı ---- */
.mega{min-width:600px;padding:1.1rem}
.mega--wide{min-width:800px}
.mega__inner{display:grid;grid-template-columns:minmax(280px,1fr) 232px;gap:1.2rem;align-items:stretch}
.mega__cols{display:grid;gap:.25rem}
.mega__cols.cols-1{grid-template-columns:1fr}
.mega__cols.cols-2{grid-template-columns:1fr 1fr;gap:.5rem}
.mega__link{padding:.65rem .7rem;border-radius:12px}
.mega__ic{background:var(--brand-50);color:var(--brand-600);border:1px solid #e3f0ff}
.mega__link:hover{background:#f4f9ff}
.mega__link:hover .mega__ic{background:var(--brand-500);color:#fff;border-color:var(--brand-500)}
.mega__title{font-size:.92rem}
.mega__desc{font-size:.78rem}
.mega__aside{background:var(--grad-ink);border-radius:14px;padding:1.3rem;color:#cdd9e3;display:flex;flex-direction:column;gap:.55rem;justify-content:center;position:relative;overflow:hidden}
.mega__aside::before{content:"";position:absolute;right:-30px;top:-30px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(34,184,240,.4),transparent 70%)}
.mega__aside-ic{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.1);color:#fff;position:relative}
.mega__aside strong{color:#fff;font-size:1rem;position:relative}
.mega__aside p{font-size:.82rem;margin:0;color:#9fb2c0;line-height:1.45;position:relative}
.mega__aside-phone{color:#fff;font-weight:600;display:inline-flex;align-items:center;gap:.4rem;font-size:.95rem;position:relative}
.mega__aside-phone svg{color:var(--accent-400)}
.mega__aside .btn{position:relative;margin-top:.2rem}
@media(max-width:1180px){.mega__inner{grid-template-columns:1fr}.mega__aside{display:none}.mega,.mega--wide{min-width:520px}}

/* ---- Ürün hero: 2×2 özellik ızgarası ---- */
.phero--rich{padding-bottom:clamp(2.5rem,5vw,3.8rem)}
.phero__media{position:relative}
.hero-feats{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1.7rem;max-width:520px}
.hero-feats li{display:flex;gap:.7rem;align-items:flex-start;background:rgba(255,255,255,.75);border:1px solid #dcebfb;border-radius:13px;padding:.75rem .8rem;backdrop-filter:blur(6px);box-shadow:var(--shadow-xs)}
.hero-feats__ic{flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:var(--grad);color:#fff;box-shadow:0 6px 14px rgba(0,120,248,.22)}
.hero-feats__txt{display:flex;flex-direction:column;min-width:0}
.hero-feats__txt strong{font-size:.9rem;color:var(--ink-900);line-height:1.2}
.hero-feats__txt span{font-size:.75rem;color:var(--ink-500);line-height:1.3}
@media(max-width:540px){.hero-feats{grid-template-columns:1fr}}

/* ---- "X Nedir?" bilgilendirme bölümü ---- */
.nedir__grid{display:grid;gap:2.2rem;align-items:center}
@media(min-width:920px){.nedir__grid{grid-template-columns:350px 1fr}}
.nedir__card{background:var(--grad-ink);border-radius:20px;padding:2rem;color:#cdd9e3;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}
.nedir__card::before{content:"";position:absolute;right:-40px;bottom:-40px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(34,184,240,.35),transparent 70%)}
.nedir__ic{width:66px;height:66px;display:grid;place-items:center;border-radius:17px;background:rgba(255,255,255,.09);color:#fff;margin-bottom:1.1rem;position:relative}
.nedir__card strong{display:block;color:#fff;font-size:1.25rem;font-family:var(--font-head);margin-bottom:1.1rem;position:relative}
.nedir__card ul{position:relative}
.nedir__card ul li{display:flex;gap:.55rem;align-items:center;font-size:.9rem;margin-bottom:.65rem}
.nedir__card ul li svg{color:var(--accent-400);flex:0 0 auto}
.nedir__text h2{font-size:clamp(1.4rem,3vw,1.9rem)}
.nedir__text .btn{margin-top:.6rem}

/* ---- Kayan şerit (marquee) ---- */
.marquee-sec{padding-bottom:clamp(3rem,6vw,5rem);overflow:hidden}
.marquee{overflow:hidden;padding:.45rem 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.marquee__track{display:flex;gap:0;width:max-content;will-change:transform;animation:bw-marq 42s linear infinite}
.marquee__track--r{animation-duration:52s;animation-direction:reverse}
.marquee:hover .marquee__track{animation-play-state:paused}
@keyframes bw-marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.marquee__track{animation:none}.marquee{overflow-x:auto}}
.chip-tech{display:inline-flex;align-items:center;gap:.55rem;margin-right:.8rem;background:#fff;border:1px solid var(--line);border-radius:13px;padding:.6rem 1rem;font-weight:600;font-size:.9rem;color:var(--ink-700);white-space:nowrap;box-shadow:var(--shadow-xs)}
.chip-tech__ic{flex:0 0 auto;width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:var(--brand-50);color:var(--brand-600)}
.marquee-badges{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:1.8rem}
@media(min-width:768px){.marquee-badges{grid-template-columns:repeat(4,1fr)}}
.mbadge{display:flex;align-items:center;gap:.6rem;justify-content:center;background:linear-gradient(180deg,#fff,#f4f9ff);border:1px solid var(--line);border-radius:13px;padding:.95rem;font-weight:600;font-size:.88rem;color:var(--ink-700)}
.mbadge__ic{color:var(--brand-500);display:inline-flex}

/* ---- Diğer hizmetler: kurumsal kartlar (düz link yerine) ---- */
.svc-card{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.5rem;box-shadow:var(--shadow-xs);transition:all var(--t)}
.svc-card:hover{border-color:var(--brand-200);box-shadow:var(--shadow);transform:translateY(-3px)}
.svc-card__ic{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:var(--grad);color:#fff;margin-bottom:1rem;box-shadow:0 8px 20px rgba(0,120,248,.2)}
.svc-card h3{font-size:1.05rem;margin-bottom:.4rem}
.svc-card p{font-size:.85rem;color:var(--ink-600);flex:1;margin-bottom:1rem}
.svc-card__link{display:inline-flex;align-items:center;gap:.35rem;font-weight:600;font-size:.88rem;color:var(--brand-600)}
.svc-card__link svg{transition:transform var(--t)}
.svc-card:hover .svc-card__link svg{transform:translateX(3px)}

/* ---- WhatsApp + yukarı çık ---- */
.floating__wa{background:#25d366;position:relative}
.floating__wa:hover{background:#20bd5a}
.floating__pulse{position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 0 rgba(37,211,102,.55);animation:bw-wapulse 2.4s infinite}
@keyframes bw-wapulse{to{box-shadow:0 0 0 16px rgba(37,211,102,0)}}
@media(prefers-reduced-motion:reduce){.floating__pulse{animation:none}}
.floating__top{background:var(--ink-800);border:0;color:#fff}
.floating__top svg{transform:rotate(180deg)}
.floating__top:hover{background:var(--ink-900);color:#fff}

/* ==========================================================================
   KURUMSAL TEMA v4 — OS/panel şeridi (marka renkli), ortak özellikler,
   bilgi şablonu, paket karşılaştırma, ana sayfa bento
   ========================================================================== */

/* ---- Desteklenen OS & paneller (marka renkli) ---- */
.os-sec{background:var(--grad-soft);overflow:hidden}
.os-marquee{overflow:hidden;padding:.55rem 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.os-track{display:flex;gap:0;width:max-content;will-change:transform;animation:bw-marq 48s linear infinite}
.os-track--r{animation-duration:58s;animation-direction:reverse}
.os-marquee:hover .os-track{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.os-track{animation:none}.os-marquee{overflow-x:auto}}
.os-chip{display:inline-flex;align-items:center;gap:.7rem;margin-right:.9rem;background:#fff;border:1px solid var(--line);border-radius:15px;padding:.65rem 1.1rem .65rem .65rem;box-shadow:var(--shadow-xs);position:relative;overflow:hidden}
.os-chip::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--bc)}
.os-chip__ic{flex:0 0 auto;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(0,0,0,.04);color:var(--bc)}
@supports(background:color-mix(in srgb,#000,#fff)){.os-chip__ic{background:color-mix(in srgb,var(--bc) 13%,#fff)}}
.os-chip__t{display:flex;flex-direction:column;line-height:1.15}
.os-chip__t strong{font-size:.92rem;color:var(--ink-900);white-space:nowrap}
.os-chip__t span{font-size:.72rem;color:var(--ink-500)}
.os-badges{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin-top:2rem}
@media(min-width:820px){.os-badges{grid-template-columns:repeat(4,1fr)}}
.os-badge{display:flex;gap:.75rem;align-items:center;background:#fff;border:1px solid var(--line);border-radius:15px;padding:1rem 1.1rem;box-shadow:var(--shadow-xs)}
.os-badge__ic{flex:0 0 auto;width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:var(--grad);color:#fff}
.os-badge strong{display:block;font-size:.92rem;color:var(--ink-900)}
.os-badge span{font-size:.78rem;color:var(--ink-500)}

/* ---- Tüm paketlerde ortak özellikler ---- */
.common-grid{display:grid;gap:1.2rem;grid-template-columns:1fr}
@media(min-width:640px){.common-grid{grid-template-columns:1fr 1fr}}
@media(min-width:980px){.common-grid{grid-template-columns:repeat(3,1fr)}}
.common-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.6rem;transition:all var(--t);position:relative;overflow:hidden}
.common-card::after{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:var(--fc);transform:scaleX(0);transform-origin:left;transition:transform var(--t)}
.common-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.common-card:hover::after{transform:scaleX(1)}
.common-card__ic{width:50px;height:50px;display:grid;place-items:center;border-radius:14px;background:rgba(0,0,0,.04);color:var(--fc);margin-bottom:1.1rem}
@supports(background:color-mix(in srgb,#000,#fff)){.common-card__ic{background:color-mix(in srgb,var(--fc) 12%,#fff)}}
.common-card__head{margin-bottom:.6rem}
.common-card__head h3{font-size:1.08rem;margin:0}
.common-card__head span{font-size:.8rem;color:var(--fc);font-weight:600}
.common-card p{font-size:.88rem;color:var(--ink-600);margin:0;line-height:1.65}

/* ---- Bilgi şablonu: alternatifli görsel + metin ---- */
.inforows__list{display:flex;flex-direction:column;gap:clamp(2rem,4vw,3rem)}
.inforow{display:grid;gap:2rem;align-items:center}
@media(min-width:880px){.inforow{grid-template-columns:1fr 1fr}.inforow--rev .inforow__visual{order:2}}
.inforow__visual{position:relative;aspect-ratio:16/10;border-radius:22px;overflow:hidden;background:var(--grad-ink);box-shadow:var(--shadow-lg);display:grid;place-items:center}
.inforow__visual::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 28% 30%,var(--ic),transparent 42%),radial-gradient(circle at 78% 74%,#22b8f0,transparent 42%);opacity:.4}
.inforow__deco{position:absolute;inset:0;opacity:.5;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:radial-gradient(80% 70% at 50% 50%,#000,transparent 78%);mask-image:radial-gradient(80% 70% at 50% 50%,#000,transparent 78%)}
.inforow__badge{position:relative;z-index:1;width:88px;height:88px;display:grid;place-items:center;border-radius:24px;background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.18);box-shadow:0 10px 30px rgba(0,0,0,.25)}
.inforow__step{display:inline-grid;place-items:center;font-family:var(--font-head);font-weight:800;font-size:1rem;color:#fff;background:var(--grad);width:42px;height:42px;border-radius:12px;margin-bottom:1rem;box-shadow:var(--glow)}
.inforow__text h3{font-size:clamp(1.3rem,2.6vw,1.7rem);margin-bottom:.6rem}
.inforow__text p{color:var(--ink-600);font-size:1rem;line-height:1.7;margin:0}

/* ---- Paket karşılaştırma tablosu ---- */
.compare-sec{background:var(--grad-soft)}
.ctable-wrap{overflow-x:auto;border-radius:18px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow-sm);-webkit-overflow-scrolling:touch}
.ctable{width:100%;border-collapse:collapse;min-width:640px}
.ctable th,.ctable td{padding:1rem 1.1rem;text-align:center;border-bottom:1px solid var(--line-2);font-size:.92rem;color:var(--ink-700)}
.ctable thead th{background:var(--bg-soft);vertical-align:middle;position:relative}
.ctable__corner,.ctable__label{text-align:left;font-weight:600;color:var(--ink-800);background:#fff;position:sticky;left:0;z-index:1}
.ctable thead .ctable__corner{background:var(--bg-soft)}
.ctable__pname{display:block;font-weight:700;font-family:var(--font-head);color:var(--ink-900);font-size:1.02rem}
.ctable__price{display:block;color:var(--brand-600);font-weight:800;font-size:1.25rem;margin-top:.35rem;font-family:var(--font-head)}
.ctable__price small{font-size:.7rem;color:var(--ink-500);font-weight:500}
.ctable__badge{position:absolute;top:0;left:8px;right:8px;background:var(--grad);color:#fff;font-size:.66rem;font-weight:700;padding:.22rem;letter-spacing:.03em;border-radius:0 0 8px 8px}
.ctable th.is-rec{padding-top:1.9rem}
.ctable td.is-rec,.ctable th.is-rec{background:#eff6ff}
@supports(background:color-mix(in srgb,#000,#fff)){.ctable td.is-rec,.ctable th.is-rec{background:color-mix(in srgb,var(--brand-500) 7%,#fff)}}
.ctable__ok{color:var(--ok)}
.ctable tbody tr:hover td:not(.is-rec):not(.ctable__label){background:var(--bg-soft)}
.ctable__cta td{padding:1.1rem}
.compare-note{text-align:center;font-size:.82rem;color:var(--ink-500);margin-top:.9rem}

/* ---- Ana sayfa bento ---- */
.bento{display:grid;gap:1.1rem;grid-template-columns:1fr}
@media(min-width:600px){.bento{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.bento{grid-template-columns:repeat(3,1fr)}}
.bento__brand{background:var(--grad);color:#fff;border-radius:22px;padding:2rem;display:flex;flex-direction:column;gap:.8rem;position:relative;overflow:hidden;box-shadow:var(--glow)}
@media(min-width:1000px){.bento__brand{grid-column:3;grid-row:1 / span 2}}
.bento__logo{background:rgba(255,255,255,.16);padding:12px;border-radius:18px;width:72px;height:72px}
.bento__brand strong{font-size:1.3rem;font-family:var(--font-head);line-height:1.25}
.bento__brand p{font-size:.92rem;color:rgba(255,255,255,.85);margin:0;flex:1}
.bento__brand .btn{box-shadow:none}
.bento__deco{position:absolute;right:-50px;bottom:-50px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.28),transparent 70%)}
.bento__cell{background:#fff;border:1px solid var(--line);border-radius:20px;padding:1.6rem;box-shadow:var(--shadow-xs);transition:all var(--t)}
.bento__cell:hover{box-shadow:var(--shadow);transform:translateY(-3px);border-color:var(--brand-200)}
.bento__ic{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(120deg,var(--brand-50),#e6f7ff);color:var(--brand-600);margin-bottom:.9rem}
.bento__cell h3{font-size:1.05rem;margin-bottom:.35rem}
.bento__cell p{font-size:.86rem;color:var(--ink-600);margin:0;line-height:1.6}

/* ==========================================================================
   KURUMSAL TEMA v5 — eyebrow kaldır, mega 2-kolon + alt iletişim,
   bilgi şablonu (görselsiz kurumsal), yatay paket satırları
   ========================================================================== */

/* 1) Şablon üst başlıklarını (eyebrow) kaldır */
.section__eyebrow{display:none !important}

/* 2) Mega menü: her zaman 2 kolon ızgara + altta sade iletişim şeridi */
.mega{min-width:660px;padding:1rem 1rem .75rem}
.mega__grid{display:grid;grid-template-columns:1fr 1fr;gap:.2rem .5rem}
.mega__link{padding:.7rem;border-radius:12px}
.mega__foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:.5rem;padding:.7rem .8rem 0;border-top:1px solid var(--line-2)}
.mega__foot-txt{display:inline-flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--ink-500);font-weight:500}
.mega__foot-txt svg{color:var(--brand-500)}
.mega__foot-actions{display:inline-flex;align-items:center;gap:.3rem}
.mega__foot-actions a{display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem;font-weight:600;color:var(--ink-700);padding:.35rem .6rem;border-radius:8px}
.mega__foot-actions a:hover{background:var(--brand-50);color:var(--brand-600)}
.mega__foot-actions svg{color:var(--brand-500)}
@media(max-width:1200px){.mega{min-width:560px}}

/* 3) Bilgi şablonu — görselsiz, sade, kurumsal (yapay zeka görünümü değil) */
.inforow__visual{aspect-ratio:16/10;border-radius:20px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(160deg,#f5f9fe,#eaf3ff);box-shadow:var(--shadow-xs);display:block;position:relative}
.inforow__visual::before{content:none}
.inforow__visual img{width:100%;height:100%;object-fit:cover;display:block}
.inforow__ph{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;position:relative}
.inforow__ph::after{content:"";position:absolute;inset:0;opacity:.5;background-image:radial-gradient(rgba(0,120,248,.10) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:radial-gradient(75% 65% at 50% 50%,#000,transparent 80%);mask-image:radial-gradient(75% 65% at 50% 50%,#000,transparent 80%)}
.inforow__ph-ic{position:relative;width:78px;height:78px;display:grid;place-items:center;border-radius:20px;background:#fff;color:var(--brand-600);box-shadow:var(--shadow-sm);border:1px solid var(--line)}
.inforow__ph-label{position:relative;font-weight:600;color:var(--ink-500);font-size:.9rem}
.inforow__text h3{font-size:clamp(1.3rem,2.6vw,1.7rem);margin-bottom:.7rem;color:var(--ink-900)}
.inforow__text p{color:var(--ink-600);font-size:1rem;line-height:1.75;margin:0}
.inforow__rule{display:block;width:52px;height:3px;background:var(--grad);border-radius:3px;margin-top:1.3rem}

/* 4) Yatay paket satırları (VDS/AMD/Dedicated) */
.hpkgs .pkg-toggle{margin-bottom:1.4rem}
.hpkg-table{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:var(--shadow-sm)}
.hpkg-head{display:grid;grid-template-columns:1.9fr repeat(var(--cols),1fr) 1.15fr 132px;align-items:center;gap:.5rem;padding:.85rem 1.2rem;background:var(--bg-soft);border-bottom:1px solid var(--line);font-size:.78rem;font-weight:600;color:var(--ink-500);text-transform:uppercase;letter-spacing:.03em}
.hpkg-head__c{text-align:center}
.hpkg-head__name{text-align:left}
.hpkg-row{display:grid;grid-template-columns:1.9fr repeat(var(--cols),1fr) 1.15fr 132px;align-items:center;gap:.5rem;padding:1rem 1.2rem;border-bottom:1px solid var(--line-2);transition:background var(--t);position:relative}
.hpkg-row:last-child{border-bottom:0}
.hpkg-row:hover{background:var(--bg-soft)}
.hpkg-row.is-rec{background:#eff6ff}
@supports(background:color-mix(in srgb,#000,#fff)){.hpkg-row.is-rec{background:color-mix(in srgb,var(--brand-500) 6%,#fff)}}
.hpkg-c{text-align:center;font-size:.92rem;color:var(--ink-800)}
.hpkg-c strong{font-weight:700;color:var(--ink-900)}
.hpkg-name{display:flex;align-items:center;gap:.8rem;text-align:left}
.hpkg-name__ic{flex:0 0 auto;width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(120deg,var(--brand-50),#e6f7ff);color:var(--brand-600)}
.hpkg-name__t{display:flex;flex-direction:column;min-width:0}
.hpkg-name__t strong{font-size:1rem;font-family:var(--font-head);color:var(--ink-900)}
.hpkg-name__badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;color:var(--ok);font-weight:600;margin-top:.1rem}
.hpkg-rec{position:absolute;top:0;left:1.2rem;transform:translateY(-50%);background:var(--grad);color:#fff;font-size:.64rem;font-weight:700;padding:.15rem .55rem;border-radius:20px;letter-spacing:.03em}
.hpkg-price__now{display:inline-flex;align-items:baseline;gap:.15rem}
.hpkg-price .pkg__amount{font-size:1.2rem;font-weight:800;color:var(--ink-900);font-family:var(--font-head)}
.hpkg-price small{color:var(--ink-500);font-size:.75rem}
.hpkg-price .pkg__old{display:block;font-size:.78rem;color:var(--ink-400);text-decoration:line-through;font-weight:600}
.hpkg-buy{justify-self:stretch}
@media(max-width:900px){
  .hpkg-head{display:none}
  .hpkg-row{grid-template-columns:1fr 1fr;gap:.7rem;padding:1.2rem}
  .hpkg-name{grid-column:1 / -1;padding-bottom:.7rem;border-bottom:1px solid var(--line-2)}
  .hpkg-c[data-label]{text-align:left;display:flex;flex-direction:column;gap:.1rem}
  .hpkg-c[data-label]::before{content:attr(data-label);font-size:.7rem;color:var(--ink-400);text-transform:uppercase;letter-spacing:.03em;font-weight:600}
  .hpkg-price{grid-column:1 / -1}
  .hpkg-buy{grid-column:1 / -1}
  .hpkg-rec{left:1.2rem}
}

/* ==========================================================================
   KURUMSAL TEMA v6 — mega hover sade, bilgi şablonu özgün, yatay paket ikonlu,
   "Kimler için uygun" showcase, sunucu yönetim paneli maketi
   ========================================================================== */

/* 1) Mega/nav hover: mavi dikdörtgen zemin YOK, sadece renk değişir */
.nav__link:hover,.nav__item:hover .nav__link,.nav__link[aria-expanded="true"],.nav__link.is-active{background:transparent;color:var(--brand-600)}

/* 2) Bilgi şablonu — özgün, ferah boşluklu */
.inforow{display:grid;gap:clamp(1.6rem,4vw,3.5rem);align-items:center}
@media(min-width:880px){.inforow{grid-template-columns:1fr 1fr}.inforow--rev .inforow__visual{order:2}}
.inforow__visual{aspect-ratio:16/10;border-radius:22px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(160deg,#f5f9fe,#eef6ff);position:relative;box-shadow:var(--shadow-xs)}
.inforow__visual img{width:100%;height:100%;object-fit:cover;display:block}
.inforow__ph{position:absolute;inset:0;display:grid;place-items:center}
.inforow__ph-grid{position:absolute;inset:0;background-image:linear-gradient(var(--line-2) 1px,transparent 1px),linear-gradient(90deg,var(--line-2) 1px,transparent 1px);background-size:30px 30px;opacity:.7;-webkit-mask-image:radial-gradient(72% 62% at 50% 50%,#000,transparent 80%);mask-image:radial-gradient(72% 62% at 50% 50%,#000,transparent 80%)}
.inforow__ph-ic{position:relative;z-index:1;width:90px;height:90px;display:grid;place-items:center;border-radius:26px;background:#fff;color:var(--ac,#0078f8);box-shadow:var(--shadow);border:1px solid var(--line)}
.inforow__chip{display:inline-grid;place-items:center;width:54px;height:54px;border-radius:15px;background:rgba(0,0,0,.04);color:var(--ac,#0078f8);margin-bottom:1.4rem}
@supports(background:color-mix(in srgb,#000,#fff)){.inforow__chip{background:color-mix(in srgb,var(--ac) 12%,#fff)}}
.inforow__text h3{font-size:clamp(1.4rem,2.8vw,1.9rem);margin:0 0 .95rem;line-height:1.25;color:var(--ink-900)}
.inforow__text p{font-size:1.02rem;line-height:1.85;color:var(--ink-600);margin:0}

/* 3) Yatay paket ikonlu spec sütunları */
.hpkg-head__c{display:inline-flex;align-items:center;justify-content:center;gap:.3rem}
.hpkg-spec{display:flex;flex-direction:column;align-items:center;gap:.35rem}
.hpkg-spec__ic{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--brand-50);color:var(--brand-600)}
.hpkg-spec strong{font-size:.9rem}
@media(max-width:900px){
  .hpkg-spec{flex-direction:row;align-items:center;gap:.6rem}
  .hpkg-spec .hpkg-spec__ic{order:-1}
}
.pkg-listwrap{margin-top:2.8rem}
.pkg-listwrap__title{text-align:center;font-size:1.15rem;margin-bottom:1.4rem;color:var(--ink-700);font-family:var(--font-head)}

/* 4) "Kimler için uygun" showcase */
.aud-grid{display:grid;gap:1.2rem;grid-template-columns:1fr}
@media(min-width:600px){.aud-grid{grid-template-columns:1fr 1fr}}
@media(min-width:980px){.aud-grid{grid-template-columns:1fr 1.05fr 1fr;align-items:center}}
.aud-col{display:flex;flex-direction:column;gap:1rem}
.aud-card{display:flex;gap:.9rem;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.2rem 1.3rem;box-shadow:var(--shadow-xs);transition:all var(--t)}
.aud-card:hover{box-shadow:var(--shadow);transform:translateY(-2px);border-color:var(--brand-200)}
.aud-card__ic{flex:0 0 auto;width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(120deg,var(--brand-50),#e6f7ff);color:var(--brand-600)}
.aud-card__t{display:flex;flex-direction:column;gap:.15rem}
.aud-card__t strong{font-size:.98rem;color:var(--ink-900)}
.aud-card__t span{font-size:.82rem;color:var(--ink-500);line-height:1.45}
@media(min-width:980px){.aud-card--r{flex-direction:row-reverse;text-align:right}}
.aud-center{display:grid;place-items:center;order:-1}
@media(min-width:980px){.aud-center{order:0}}
.aud-center__img{width:100%;max-width:330px;border-radius:22px;box-shadow:var(--shadow-lg)}
.aud-center__ph{position:relative;width:100%;max-width:300px;aspect-ratio:4/5;display:grid;place-items:center}
.aud-center__blob{position:absolute;inset:8%;border-radius:46% 54% 50% 50%/50%;background:radial-gradient(circle at 50% 38%,var(--brand-100),var(--bg-tint))}
.aud-center__ic{position:relative;width:100px;height:100px;display:grid;place-items:center;border-radius:30px;background:#fff;color:var(--brand-600);box-shadow:var(--shadow-lg);border:1px solid var(--line)}
.aud-highlight{background:var(--grad);color:#fff;border-radius:16px;padding:1.4rem;box-shadow:var(--glow)}
.aud-highlight__ic{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.18);color:#fff;margin-bottom:.7rem}
.aud-highlight strong{display:block;font-size:1.1rem;font-family:var(--font-head);margin-bottom:.35rem}
.aud-highlight p{margin:0;font-size:.88rem;color:rgba(255,255,255,.92);line-height:1.5}

/* 5) Sunucu yönetim paneli showcase (koyu dashboard maketi) */
.panel-grid{display:grid;gap:2.5rem;align-items:center}
@media(min-width:920px){.panel-grid{grid-template-columns:1fr 1.05fr}}
.panel-badge{display:inline-flex;align-items:center;gap:.45rem;background:linear-gradient(120deg,var(--brand-50),#e6f7ff);color:var(--brand-700);font-weight:700;font-size:.8rem;padding:.4rem .85rem;border-radius:20px;margin-bottom:1rem}
.panel-lead h2{font-size:clamp(1.6rem,3.4vw,2.2rem);margin-bottom:.7rem}
.panel-lead>p{color:var(--ink-600);font-size:1.02rem;line-height:1.7;margin-bottom:1.4rem}
.panel-checks{display:flex;flex-direction:column;gap:.65rem;margin-bottom:1.7rem}
.panel-checks li{display:flex;align-items:center;gap:.55rem;color:var(--ink-700);font-weight:500}
.panel-checks svg{color:var(--ok);flex:0 0 auto}
.panel-mock{background:var(--grad-ink);border-radius:20px;padding:1.3rem;box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.07)}
.panel-mock__bar{display:flex;align-items:center;gap:.8rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:1.1rem}
.panel-mock__dots{display:inline-flex;gap:.4rem}
.panel-mock__dots i{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.25)}
.panel-mock__dots i:nth-child(1){background:#ff5f57}.panel-mock__dots i:nth-child(2){background:#febc2e}.panel-mock__dots i:nth-child(3){background:#28c840}
.panel-mock__title{color:#9fb2c0;font-size:.82rem}
.panel-mock__grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}
.panel-tile{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:13px;padding:1rem;display:flex;flex-direction:column;gap:.35rem}
.panel-tile__ic{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:rgba(34,184,240,.16);color:var(--accent-400)}
.panel-tile__label{color:#8ba0b0;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}
.panel-tile strong{color:#fff;font-size:.92rem;font-family:var(--font-head)}
.panel-mock__status{display:flex;align-items:center;gap:.55rem;margin-top:.9rem;background:rgba(18,161,80,.12);border:1px solid rgba(18,161,80,.28);border-radius:13px;padding:.85rem 1.1rem;color:#d7f5e3;font-size:.92rem;font-weight:600}
.panel-status__dot{width:10px;height:10px;border-radius:50%;background:#28c840;box-shadow:0 0 0 4px rgba(40,200,64,.22)}
.panel-status__badge{margin-left:auto;background:#12a150;color:#fff;font-size:.72rem;font-weight:700;padding:.22rem .65rem;border-radius:20px}

/* ==========================================================================
   KURUMSAL TEMA v7 — sade/şık paketler, bilgilendirme blokları,
   simetrik "kimler için uygun"
   ========================================================================== */

/* --- Paketler: daha sade, kurumsal (ağır renkli kutular kaldırıldı) --- */
/* Dikey kart spec listesi: temiz, çizgili, monokrom ikon */
.pkg__specs{grid-template-columns:1fr 1fr;gap:0 1rem;margin-bottom:1.1rem}
.pkg__specs li{background:transparent;border:0;border-bottom:1px solid var(--line-2);border-radius:0;padding:.55rem .1rem}
.pkg__spec-ic{width:24px;height:24px;background:transparent;border:0;color:var(--ink-400);border-radius:0}
.pkg__spec-label{font-size:.66rem;color:var(--ink-400)}
.pkg__spec-txt strong{font-size:.85rem}
.pkg__price{background:transparent;border:0;border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2);border-radius:0;padding:.9rem 0;margin-bottom:1.1rem}
.pkg__old{color:var(--ink-400)}
.pkg{padding:1.6rem 1.5rem;border-radius:16px}
.pkg--featured{box-shadow:0 14px 40px rgba(14,40,58,.10)}
.pkg--featured::after{border-color:var(--brand-300);background:none;-webkit-mask:none;mask:none;border-width:1.5px}

/* Yatay paketler: sade, monokrom ikon, ferah */
.hpkg-table{border-radius:16px}
.hpkg-head{background:#fff;color:var(--ink-400);font-size:.72rem;padding:1rem 1.4rem}
.hpkg-head__c svg{color:var(--ink-300)}
.hpkg-row{padding:1.15rem 1.4rem}
.hpkg-name__ic{background:var(--bg-soft);color:var(--ink-500);border:1px solid var(--line);border-radius:11px}
.hpkg-name__t strong{font-size:1.02rem}
.hpkg-name__tag{display:inline-block;font-size:.66rem;font-weight:700;color:var(--brand-600);background:var(--brand-50);padding:.1rem .5rem;border-radius:20px;margin-top:.2rem}
.hpkg-spec__ic{width:26px;height:26px;background:transparent;color:var(--ink-400);border-radius:0}
.hpkg-row.is-rec{background:#fff;box-shadow:inset 3px 0 0 var(--brand-500)}
@supports(background:color-mix(in srgb,#000,#fff)){.hpkg-row.is-rec{background:color-mix(in srgb,var(--brand-500) 4%,#fff)}}
.hpkg-price .pkg__amount{font-size:1.25rem}

/* --- Bilgilendirme blokları --- */
.fsplit{display:grid;gap:clamp(2rem,4vw,3.5rem);align-items:center}
@media(min-width:900px){.fsplit{grid-template-columns:1fr 1fr}.fsplit--rev .fsplit__media{order:2}}
.fsplit__media{position:relative}
.fsplit__ph{aspect-ratio:5/4;border-radius:24px;background:linear-gradient(160deg,#eef5fe,#e4f1ff);border:1px solid var(--line);display:grid;place-items:center;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}
.fsplit__ph-glow{position:absolute;width:72%;height:72%;border-radius:50%;background:radial-gradient(circle,rgba(0,120,248,.12),transparent 70%)}
.fsplit__ph-ic{position:relative;width:98px;height:98px;display:grid;place-items:center;border-radius:28px;background:#fff;color:var(--brand-600);box-shadow:var(--shadow);border:1px solid var(--line)}
.fsplit__media img{width:100%;border-radius:24px;box-shadow:var(--shadow-lg);object-fit:cover;aspect-ratio:5/4;display:block}
.fsplit__badge{display:inline-flex;align-items:center;gap:.4rem;background:var(--brand-50);color:var(--brand-700);font-weight:600;font-size:.8rem;padding:.4rem .85rem;border-radius:20px;margin-bottom:1.1rem}
.fsplit__badge svg{color:var(--brand-500)}
.fsplit__title{font-size:clamp(1.7rem,3.6vw,2.3rem);margin-bottom:.8rem;line-height:1.2}
.fsplit__sub{color:var(--ink-600);font-size:1.05rem;line-height:1.7;margin-bottom:1.7rem}
.fsplit__list{display:flex;flex-direction:column;gap:1.3rem;margin-bottom:1.9rem}
.fsplit__list--grid{display:grid;grid-template-columns:1fr;gap:1.3rem 1.6rem}
@media(min-width:560px){.fsplit__list--grid{grid-template-columns:1fr 1fr}}
.fsplit__list li{display:flex;gap:.9rem;align-items:flex-start}
.fsplit__ic{flex:0 0 auto;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--brand-50);color:var(--brand-600)}
.fsplit__t{display:flex;flex-direction:column;gap:.2rem}
.fsplit__t strong{font-size:1rem;color:var(--ink-900)}
.fsplit__t span{font-size:.86rem;color:var(--ink-500);line-height:1.5}
.fsplit__cta{display:flex;gap:.7rem;flex-wrap:wrap}

/* --- "Kimler için uygun" — simetrik --- */
.aud-grid{display:grid;gap:1.2rem;grid-template-columns:1fr}
@media(min-width:600px){.aud-grid{grid-template-columns:1fr 1fr}}
@media(min-width:980px){.aud-grid{grid-template-columns:1fr auto 1fr;align-items:center;gap:1.4rem}}
.aud-col{display:flex;flex-direction:column;gap:1rem;justify-content:center}
.aud-card{display:flex;gap:.9rem;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.1rem 1.2rem;box-shadow:var(--shadow-xs);transition:all var(--t)}
.aud-card:hover{box-shadow:var(--shadow);transform:translateY(-2px);border-color:var(--brand-200)}
.aud-card__ic{flex:0 0 auto;width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:var(--brand-50);color:var(--brand-600)}
.aud-card__t{display:flex;flex-direction:column;gap:.12rem;min-width:0}
.aud-card__t strong{font-size:.96rem;color:var(--ink-900)}
.aud-card__t span{font-size:.8rem;color:var(--ink-500);line-height:1.4}
@media(min-width:980px){.aud-card--r{flex-direction:row-reverse;text-align:right}}
.aud-center{display:grid;place-items:center;order:-1;grid-column:1 / -1}
@media(min-width:980px){.aud-center{order:0;grid-column:auto}}
.aud-center__img{width:250px;max-width:100%;border-radius:24px;box-shadow:var(--shadow-lg)}
.aud-center__ph{position:relative;width:220px;height:270px;display:grid;place-items:center}
.aud-center__ring{position:absolute;inset:6%;border-radius:46% 54% 50% 50%/52%;background:radial-gradient(circle at 50% 40%,var(--brand-100),var(--bg-tint))}
.aud-center__ic{position:relative;width:98px;height:98px;display:grid;place-items:center;border-radius:28px;background:#fff;color:var(--brand-600);box-shadow:var(--shadow-lg);border:1px solid var(--line)}
.aud-highlight{display:flex;gap:1.1rem;align-items:center;background:var(--grad);color:#fff;border-radius:18px;padding:1.4rem 1.8rem;box-shadow:var(--glow);margin:1.8rem auto 0;max-width:760px}
.aud-highlight__ic{flex:0 0 auto;width:54px;height:54px;display:grid;place-items:center;border-radius:15px;background:rgba(255,255,255,.18);color:#fff}
.aud-highlight__t strong{display:block;font-size:1.12rem;font-family:var(--font-head);margin-bottom:.2rem}
.aud-highlight__t p{margin:0;font-size:.9rem;color:rgba(255,255,255,.92);line-height:1.5}

/* ==========================================================================
   KURUMSAL TEMA v8 — mobil düzeltmeler (menü açılma fix) + mobil kurumsal cila
   ========================================================================== */

/* Beyaz ikon bento içinde (kutu yok) */
.bento__logo{background:transparent;padding:0;width:58px;height:58px}

/* Taşma güvenliği */
html,body{max-width:100%;overflow-x:hidden}

/* --- Mobil header: hamburger her zaman görünür/tıklanabilir --- */
@media(max-width:1023px){
  .header__inner{gap:.5rem;min-width:0;flex-wrap:nowrap}
  .header__logo{flex:0 0 auto}
  .header__logo img{width:150px}
  .header.is-scrolled .header__logo img{width:140px}
  .header__actions{gap:.45rem;margin-left:auto;flex:0 0 auto}
  .header__panel{display:none}            /* Müşteri Paneli mobil menüde var */
  .cart-btn__ic{width:40px;height:40px}
  .hamburger{flex:0 0 auto;width:44px;height:44px}
}
@media(max-width:400px){
  .header__logo img{width:130px}
  .cart-btn{display:none}                 /* çok dar ekranda; sepet mobil menüde var */
  .topbar__cur{display:none}
}

/* --- Mobil drawer: kurumsal görünüm --- */
.drawer__panel{width:min(90%,360px)}
.drawer__head{padding:1.1rem 1.2rem;background:linear-gradient(180deg,#fff,#f5f9fe)}
.acc__item{border-bottom:1px solid var(--line-2)}
.acc__trigger{padding:1rem .9rem;font-size:1rem}
.acc__trigger--link{color:var(--ink-900)}
.acc__panel{background:var(--bg-soft);border-radius:12px;margin:0 .4rem .5rem;padding:.4rem}
.acc__link{padding:.7rem .8rem;border-radius:10px}
.acc__link:hover{background:#fff}
.drawer__foot{gap:.55rem;background:linear-gradient(180deg,#f5f9fe,#fff)}

/* --- Genel mobil cila (kurumsal, ferah) --- */
@media(max-width:640px){
  .section{padding:2.6rem 0}
  .container{padding:0 16px}
  h1{font-size:clamp(1.7rem,7vw,2.1rem)}
  .hero{padding:2rem 0 2.4rem}
  .hero__sub,.phero__sub{font-size:1rem}
  .hero__cta .btn,.phero__cta .btn{flex:1 1 auto;justify-content:center}
  .btn--lg{padding:.8rem 1.2rem;font-size:.95rem}
  /* CTA butonları tam genişlik */
  .cta-final__actions .btn,.fsplit__cta .btn{flex:1 1 100%;justify-content:center}
  /* paket kartları tek sütun ferah */
  .pkg{padding:1.4rem 1.3rem}
  /* bilgi bloğu görsel önce */
  .fsplit__media{order:-1}
  .fsplit--rev .fsplit__media{order:-1}
  /* nedir kart üstte */
  .nedir__grid .nedir__visual{order:-1}
  /* domain kutusu dikey */
  .domainbox__form{flex-direction:column}
  .domainbox__field{flex:1 1 auto}
  .domainbox__btn{width:100%}
  /* footer: başlıklar ferah */
  .footer{padding-top:2.5rem}
  /* mega alt iletişim mobilde gizli (drawer var) */
}

/* Dokunmatik hedefler min 44px */
@media(hover:none){
  .btn,.nav__link,.acc__trigger,.topbar__item,.footer__legal a{min-height:40px}
}

/* ==========================================================================
   KURUMSAL TEMA v9 — mobil drawer tıklama fix + mega menü kabartma hover
   ========================================================================== */

/* MOBİL MENÜ FIX: panel overlay'in ÜSTÜNDE olmalı (aksi halde tıklama kapanışa gider) */
.drawer__panel{z-index:2}
.drawer__overlay{z-index:1}
.drawer__panel,.drawer__nav,.acc,.acc__link,.acc__trigger{pointer-events:auto}

/* MEGA MENÜ: alt öğe hover — kurumsal kabartma (raise + emboss + ikon animasyon) */
.mega__link{transition:transform .18s var(--ease),box-shadow .18s var(--ease),background .18s var(--ease)}
.mega__ic,.mega__title,.mega__desc{transition:color .18s var(--ease),background .18s var(--ease),transform .18s var(--ease),box-shadow .18s var(--ease)}
.mega__link:hover{
  background:linear-gradient(180deg,#ffffff 0%,#f4f9ff 100%);
  box-shadow:0 8px 20px rgba(14,40,58,.10), 0 1px 0 rgba(255,255,255,.9) inset, 0 0 0 1px rgba(0,120,248,.10);
  transform:translateY(-3px);
}
.mega__link:hover .mega__ic{
  background:var(--grad);color:#fff;border-color:transparent;
  transform:translateY(-1px) scale(1.06);
  box-shadow:0 8px 16px rgba(0,120,248,.30);
}
.mega__link:hover .mega__title{color:var(--brand-600)}
.mega__link:hover .mega__desc{color:var(--ink-600)}
/* aktif öğe hafif vurgulu */
.mega__link.is-active{background:linear-gradient(180deg,#fff,#eef6ff);box-shadow:0 0 0 1px rgba(0,120,248,.14)}

/* v9.1 — mega aktif öğe: kutulu arka plan YOK, sade renk vurgusu (kutucuk hissi giderildi) */
.mega__link.is-active{background:transparent !important;box-shadow:none !important}
.mega__link.is-active .mega__title{color:var(--brand-600)}
.mega__link.is-active .mega__ic{background:var(--brand-50);color:var(--brand-600);border-color:#d3ecff}
/* aktif öğe hover'da yine kabartma alsın */
.mega__link.is-active:hover{background:linear-gradient(180deg,#ffffff 0%,#f4f9ff 100%) !important;box-shadow:0 8px 20px rgba(14,40,58,.10),0 1px 0 rgba(255,255,255,.9) inset,0 0 0 1px rgba(0,120,248,.10) !important}

/* ==========================================================================
   KURUMSAL TEMA v10 — yeni yatay paket kartları (pro, sade) + belirgin hover
   ========================================================================== */
.hcards{display:flex;flex-direction:column;gap:.9rem}
.hcard{display:grid;grid-template-columns:1.5fr 3.2fr 1.15fr 140px;align-items:center;gap:1.2rem;
  padding:1.1rem 1.5rem;background:#fff;border:1px solid var(--line);border-radius:14px;position:relative;
  transition:transform var(--t),box-shadow var(--t),border-color var(--t)}
.hcard::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:0;border-radius:0 4px 4px 0;background:var(--grad);transition:width .2s var(--ease)}
.hcard:hover{border-color:var(--brand-300);box-shadow:0 14px 34px rgba(14,40,58,.11);transform:translateY(-2px)}
.hcard:hover::before{width:4px}
.hcard--rec{border-color:var(--brand-300);box-shadow:0 10px 26px rgba(0,120,248,.10)}
.hcard--rec::before{width:4px}
.hcard__name{display:flex;flex-direction:column;min-width:0}
.hcard__tag{align-self:flex-start;font-size:.64rem;font-weight:700;color:var(--brand-600);background:var(--brand-50);padding:.14rem .55rem;border-radius:20px;margin-bottom:.4rem;letter-spacing:.02em}
.hcard__name strong{font-family:var(--font-head);font-size:1.06rem;color:var(--ink-900);line-height:1.25}
.hcard__specs{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem}
.hcard__spec{display:flex;align-items:center;gap:.6rem;min-width:0}
.hcard__spec-ic{flex:0 0 auto;width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:var(--bg-soft);border:1px solid var(--line-2);color:var(--ink-400);transition:all var(--t)}
.hcard:hover .hcard__spec-ic{color:var(--brand-600);border-color:var(--brand-200);background:var(--brand-50)}
.hcard__spec-t{display:flex;flex-direction:column;line-height:1.2;min-width:0}
.hcard__spec-t strong{font-size:.92rem;color:var(--ink-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hcard__spec-t span{font-size:.72rem;color:var(--ink-400)}
.hcard__price{text-align:right}
.hcard__price .pkg__old{display:block;font-size:.78rem;color:var(--ink-400);text-decoration:line-through;font-weight:600}
.hcard__price-row{display:inline-flex;align-items:baseline;gap:.2rem}
.hcard__price .pkg__amount{font-size:1.5rem;font-weight:800;font-family:var(--font-head);color:var(--ink-900);letter-spacing:-.02em}
.hcard__per{font-size:.75rem;color:var(--ink-400);font-weight:500}
.hcard__cta{justify-self:stretch}
.hcard__buy{width:100%;justify-content:center}

/* Koyu kurumsal buton */
.btn--dark{background:var(--ink-900);color:#fff;border-color:var(--ink-900);box-shadow:none}
.btn--dark:hover{background:var(--brand-600);border-color:var(--brand-600);color:#fff}
.hcard:hover .btn--dark{background:var(--brand-600);border-color:var(--brand-600)}

@media(max-width:920px){
  .hcard{grid-template-columns:1fr;gap:1.1rem;padding:1.3rem}
  .hcard__name{border-bottom:1px solid var(--line-2);padding-bottom:.9rem}
  .hcard__name strong{font-size:1.15rem}
  .hcard__specs{grid-template-columns:1fr 1fr}
  .hcard__price{text-align:left;display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}
  .hcard__price .pkg__old{display:inline-block}
  .hcard__buy{width:100%}
}
@media(max-width:420px){.hcard__specs{grid-template-columns:1fr}}

/* v10.1 — aktif mega öğe hover'da da ikon gradient dolsun (aktif-stil hover'ı ezmesin) */
.mega__link.is-active:hover .mega__ic{
  background:var(--grad);color:#fff;border-color:transparent;
  transform:translateY(-1px) scale(1.06);box-shadow:0 8px 16px rgba(0,120,248,.30)
}
.mega__link.is-active:hover .mega__title{color:var(--brand-600)}

/* v10.2 — aktif mega öğe başlığı KALICI mavi olmasın; diğerleriyle aynı dursun
   (yalnızca hover'da renk değişir). Kesin/son geçersiz kılma. */
.nav .mega__link.is-active .mega__title{color:var(--ink-900)}
.nav .mega__link.is-active:hover .mega__title{color:var(--brand-600)}

/* ==========================================================================
   KURUMSAL TEMA v11 — ana sayfa: hizmet ızgarası, sunucu vitrini, destek şeridi
   ========================================================================== */

/* Hizmet ızgarası (ikon + başlayan fiyat) */
.hsvc-grid{display:grid;gap:1.1rem;grid-template-columns:1fr 1fr}
@media(min-width:680px){.hsvc-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1000px){.hsvc-grid{grid-template-columns:repeat(4,1fr)}}
.hsvc{display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.6rem 1.2rem;transition:transform var(--t),box-shadow var(--t),border-color var(--t)}
.hsvc:hover{border-color:var(--brand-200);box-shadow:var(--shadow);transform:translateY(-3px)}
.hsvc__ic{width:62px;height:62px;display:grid;place-items:center;border-radius:16px;background:var(--bg-soft);border:1px solid var(--line-2);color:var(--ink-600);margin-bottom:1rem;transition:all var(--t)}
.hsvc:hover .hsvc__ic{background:var(--grad);color:#fff;border-color:transparent;box-shadow:0 8px 18px rgba(0,120,248,.25)}
.hsvc__name{font-size:1.05rem;margin-bottom:.7rem}
.hsvc__price{margin-bottom:1.1rem;display:flex;flex-direction:column;align-items:center;gap:.1rem}
.hsvc__old{font-size:.8rem;color:var(--ink-400);text-decoration:line-through}
.hsvc__price strong{font-size:1.3rem;font-family:var(--font-head);color:var(--ink-900)}
.hsvc__na{font-size:1rem;color:var(--brand-600)}
.hsvc__from{font-size:.72rem;color:var(--ink-400)}
.hsvc__btn{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;width:100%;background:var(--brand-500);color:#fff;font-weight:600;font-size:.86rem;padding:.72rem;border-radius:10px;transition:background var(--t);box-shadow:0 4px 14px rgba(0,120,248,.22)}
.hsvc:hover .hsvc__btn{background:var(--brand-600)}

/* Sunucu vitrini */
.hsrv{display:grid;gap:1.5rem}
@media(min-width:980px){.hsrv{grid-template-columns:340px 1fr;align-items:stretch}}
.hsrv__promo{background:#fff;border:1px solid var(--line);border-radius:20px;padding:1.8rem;display:flex;flex-direction:column;box-shadow:var(--shadow-xs)}
.hsrv__badge{display:inline-flex;align-items:center;gap:.4rem;align-self:flex-start;background:var(--brand-50);color:var(--brand-700);font-weight:600;font-size:.78rem;padding:.35rem .8rem;border-radius:20px;margin-bottom:1rem}
.hsrv__mini{display:flex;gap:.5rem;margin-bottom:1rem}
.hsrv__mini div{flex:1;background:var(--bg-soft);border:1px solid var(--line-2);border-radius:10px;padding:.6rem .3rem;text-align:center}
.hsrv__mini strong{display:block;font-size:.9rem;color:var(--ink-900);font-family:var(--font-head)}
.hsrv__mini span{font-size:.66rem;color:var(--ink-400)}
.hsrv__art{max-width:180px;margin:.3rem auto 1rem}
.hsrv__promo h2{font-size:1.4rem;margin-bottom:.5rem;line-height:1.25}
.hsrv__promo p{color:var(--ink-600);font-size:.92rem;margin-bottom:1.3rem;flex:1}
.hsrv__promo .btn{align-self:flex-start}
.hsrv__cards{display:grid;gap:1rem;grid-template-columns:1fr}
@media(min-width:560px){.hsrv__cards{grid-template-columns:1fr 1fr}}
.hsrv-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.3rem;display:flex;flex-direction:column;transition:transform var(--t),box-shadow var(--t),border-color var(--t)}
.hsrv-card:hover{border-color:var(--brand-200);box-shadow:var(--shadow);transform:translateY(-2px)}
.hsrv-card__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}
.hsrv-card__top strong{font-family:var(--font-head);font-size:1.05rem;color:var(--ink-900)}
.hsrv-card__dots{display:inline-flex;gap:.22rem}
.hsrv-card__dots i{width:6px;height:6px;border-radius:50%;background:var(--line)}
.hsrv-card__specs{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:1.1rem;flex:1}
.hsrv-card__specs div{display:flex;flex-direction:column;background:var(--bg-soft);border-radius:10px;padding:.55rem .7rem}
.hsrv-card__specs span{font-size:.66rem;color:var(--ink-400)}
.hsrv-card__specs strong{font-size:.84rem;color:var(--ink-900)}
.hsrv-card__foot{display:flex;align-items:center;justify-content:space-between;gap:.6rem;border-top:1px solid var(--line-2);padding-top:1rem}
.hsrv-card__old{display:block;font-size:.72rem;color:var(--ink-400);text-decoration:line-through;font-weight:600}
.hsrv-card__now{font-size:1.15rem;font-weight:800;font-family:var(--font-head);color:var(--ink-900)}
.hsrv-card__now small{font-size:.66rem;color:var(--ink-400);font-weight:500}

/* Destek şeridi */
.support-band{background:var(--grad-soft)}
.support-grid{display:grid;gap:1rem;grid-template-columns:1fr 1fr}
@media(min-width:640px){.support-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1040px){.support-grid{grid-template-columns:repeat(6,1fr)}}
.support-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.35rem;background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.4rem 1rem;transition:transform var(--t),box-shadow var(--t),border-color var(--t)}
.support-card:hover{border-color:var(--brand-200);box-shadow:var(--shadow);transform:translateY(-3px)}
.support-card__ic{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:var(--brand-50);color:var(--brand-600);margin-bottom:.5rem;transition:all var(--t)}
.support-card:hover .support-card__ic{background:var(--grad);color:#fff}
.support-card strong{font-size:.92rem;color:var(--ink-900)}
.support-card span{font-size:.76rem;color:var(--ink-500)}

/* ==========================================================================
   KURUMSAL TEMA v12 — özgün ana sayfa: editoryal hizmet kartları + sunucu bandı
   ========================================================================== */

/* Editoryal hizmet kartları */
.svc2-grid{display:grid;gap:1.2rem;grid-template-columns:1fr}
@media(min-width:640px){.svc2-grid{grid-template-columns:1fr 1fr}}
@media(min-width:980px){.svc2-grid{grid-template-columns:repeat(3,1fr)}}
.svc2{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:18px;padding:1.6rem;position:relative;overflow:hidden;transition:transform var(--t),box-shadow var(--t),border-color var(--t)}
.svc2::before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:var(--grad);transform:scaleY(0);transform-origin:top;transition:transform var(--t)}
.svc2:hover{border-color:var(--brand-200);box-shadow:var(--shadow);transform:translateY(-3px)}
.svc2:hover::before{transform:scaleY(1)}
.svc2__head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.1rem;gap:.6rem}
.svc2__ic{width:54px;height:54px;display:grid;place-items:center;border-radius:15px;background:var(--brand-50);color:var(--brand-600);transition:all var(--t)}
.svc2:hover .svc2__ic{background:var(--grad);color:#fff;box-shadow:0 8px 18px rgba(0,120,248,.25)}
.svc2__price{display:flex;flex-direction:column;align-items:flex-end;font-family:var(--font-head);font-weight:800;font-size:1.12rem;color:var(--ink-900);line-height:1.05;text-align:right}
.svc2__price small{font-weight:500;font-size:.64rem;color:var(--ink-400);font-family:var(--font)}
.svc2__title{font-size:1.12rem;margin-bottom:.45rem}
.svc2__desc{color:var(--ink-600);font-size:.9rem;line-height:1.55;flex:1;margin-bottom:1.1rem}
.svc2__link{display:inline-flex;align-items:center;gap:.55rem;font-weight:600;font-size:.9rem;color:var(--brand-600)}
.svc2__arrow{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--brand-50);color:var(--brand-600);transition:all var(--t)}
.svc2:hover .svc2__arrow{background:var(--grad);color:#fff;transform:translateX(2px)}
.svc2-note{text-align:center;font-size:.78rem;color:var(--ink-400);margin-top:1.3rem}

/* Sunucu gradient bandı */
.srvband{background:var(--grad-ink);border-radius:24px;padding:clamp(1.8rem,4vw,3rem);display:grid;gap:2rem;align-items:center;position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}
.srvband::before{content:"";position:absolute;right:-70px;top:-70px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(34,184,240,.28),transparent 68%)}
.srvband::after{content:"";position:absolute;inset:0;opacity:.4;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(70% 80% at 20% 30%,#000,transparent 70%);mask-image:radial-gradient(70% 80% at 20% 30%,#000,transparent 70%)}
@media(min-width:920px){.srvband{grid-template-columns:1.3fr .9fr}}
.srvband__left{position:relative;z-index:1}
.srvband__badge{display:inline-flex;align-items:center;gap:.4rem;background:rgba(255,255,255,.1);color:#cfe6ff;font-weight:600;font-size:.8rem;padding:.4rem .85rem;border-radius:20px;margin-bottom:1rem}
.srvband__badge svg{color:var(--accent-400)}
.srvband__left h2{color:#fff;font-size:clamp(1.6rem,3.4vw,2.2rem);margin-bottom:.7rem;line-height:1.2}
.srvband__left p{color:#b9c8d4;font-size:1rem;line-height:1.7;margin-bottom:1.3rem;max-width:46ch}
.srvband__chips{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:1.6rem;max-width:440px}
.srvband__chips li{display:flex;align-items:center;gap:.5rem;color:#dbe7f0;font-size:.9rem}
.srvband__chips svg{color:var(--accent-400);flex:0 0 auto}
.srvband__cta{display:flex;gap:.7rem;flex-wrap:wrap}
.srvband__card{position:relative;z-index:1;background:#fff;border-radius:18px;padding:1.5rem;box-shadow:0 22px 50px rgba(0,0,0,.28)}
.srvband__card-top{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1.2rem}
.srvband__card-tag{align-self:flex-start;background:var(--brand-50);color:var(--brand-600);font-size:.66rem;font-weight:700;padding:.16rem .55rem;border-radius:20px}
.srvband__card-top strong{font-family:var(--font-head);font-size:1.25rem;color:var(--ink-900)}
.srvband__specs{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:1.2rem}
.srvband__specs>div{display:flex;align-items:center;gap:.55rem;min-width:0}
.srvband__spec-ic{flex:0 0 auto;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--bg-soft);color:var(--brand-600)}
.srvband__specs strong{display:block;font-size:.88rem;color:var(--ink-900);white-space:nowrap}
.srvband__specs small{font-size:.68rem;color:var(--ink-400)}
.srvband__price{display:flex;align-items:baseline;gap:.5rem;padding:.9rem 0;margin-bottom:1rem;border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}
.srvband__old{font-size:.85rem;color:var(--ink-400);text-decoration:line-through;font-weight:600}
.srvband__now{font-size:1.6rem;font-weight:800;font-family:var(--font-head);color:var(--ink-900)}
.srvband__now small{font-size:.72rem;color:var(--ink-400);font-weight:500}

/* ==========================================================================
   KURUMSAL TEMA v13 — özel uzantı seçici (native select yerine) + müşteri yorumları
   ========================================================================== */

/* Özel TLD (uzantı) seçici — kurumsal dropdown */
.tld-select{position:relative;flex:0 0 auto;display:flex}
.tld-select__btn{display:flex;align-items:center;gap:.4rem;background:var(--bg-soft);border:0;border-left:1px solid var(--line);padding:.85rem .9rem;color:var(--ink-700);cursor:pointer;font-weight:500;font-size:.92rem;white-space:nowrap;border-radius:0 var(--radius-sm) var(--radius-sm) 0}
.tld-select__btn:hover{color:var(--brand-600)}
.tld-select__btn svg{color:var(--ink-400);transition:transform .2s}
.tld-select__btn[aria-expanded="true"] svg{transform:rotate(180deg);color:var(--brand-500)}
.tld-select__list{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:.4rem;z-index:60;margin:0;list-style:none;max-height:280px;overflow:auto}
.tld-select__list[hidden]{display:none}
.tld-select__opt{padding:.65rem .8rem;border-radius:10px;cursor:pointer;font-size:.92rem;color:var(--ink-700);transition:background .15s,color .15s;display:flex;align-items:center;justify-content:space-between}
.tld-select__opt:hover{background:var(--brand-50);color:var(--brand-600)}
.tld-select__opt.is-sel{background:var(--brand-50);color:var(--brand-600);font-weight:600}
.tld-select__opt.is-sel::after{content:"✓";color:var(--brand-500);font-weight:700;font-size:.85rem}

/* Müşteri yorumları */
.rgrid{display:grid;gap:1.2rem;grid-template-columns:1fr}
@media(min-width:600px){.rgrid{grid-template-columns:1fr 1fr}}
@media(min-width:1040px){.rgrid{grid-template-columns:repeat(4,1fr)}}
.rcard{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:1.6rem;display:flex;flex-direction:column;box-shadow:var(--shadow-xs);transition:transform var(--t),box-shadow var(--t),border-color var(--t);overflow:hidden}
.rcard::before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:var(--grad);transform:scaleY(0);transform-origin:top;transition:transform var(--t)}
.rcard:hover{box-shadow:var(--shadow);transform:translateY(-3px);border-color:var(--brand-200)}
.rcard:hover::before{transform:scaleY(1)}
.rcard__quote{position:absolute;top:1.1rem;right:1.1rem;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--brand-50);color:var(--brand-300)}
.rcard__stars{display:flex;gap:.15rem;color:#f5a623;margin-bottom:.9rem}
.rcard__content{color:var(--ink-700);font-size:.94rem;line-height:1.7;margin:0 0 1.4rem;flex:1}
.rcard__author{display:flex;align-items:center;gap:.75rem}
.rcard__avatar{flex:0 0 auto;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:var(--grad);color:#fff;font-weight:700;font-family:var(--font-head);font-size:.95rem;box-shadow:0 6px 14px rgba(0,120,248,.24)}
.rcard__who{display:flex;flex-direction:column;min-width:0}
.rcard__who strong{font-size:.92rem;color:var(--ink-900)}
.rcard__who span{font-size:.78rem;color:var(--ink-500)}

/* ==========================================================================
   KURUMSAL TEMA v14 — müşteri yorumları: yatay, koyu premium kartlar
   ========================================================================== */
.reviews .rrow{display:grid;gap:1.2rem;grid-template-columns:1fr}
@media(min-width:640px){.reviews .rrow{grid-template-columns:1fr 1fr}}
@media(min-width:1040px){.reviews .rrow{grid-template-columns:repeat(4,1fr)}}
.rev{background:var(--grad-ink);border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:1.7rem;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform var(--t),box-shadow var(--t)}
.rev::before{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:var(--grad);opacity:0;transition:opacity var(--t)}
.rev:hover{transform:translateY(-4px);box-shadow:0 22px 46px rgba(14,40,58,.30)}
.rev:hover::before{opacity:1}
.rev__head{display:flex;align-items:center;gap:.85rem;margin-bottom:1.1rem;position:relative}
.rev__avatar{flex:0 0 auto;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--grad);color:#fff;font-weight:700;font-family:var(--font-head);font-size:1.05rem;overflow:hidden;box-shadow:0 8px 18px rgba(0,120,248,.32);border:2px solid rgba(255,255,255,.15)}
.rev__avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.rev__id{display:flex;flex-direction:column;min-width:0}
.rev__id strong{color:#fff;font-size:1rem;font-family:var(--font-head);line-height:1.2}
.rev__id span{color:var(--accent-400);font-size:.8rem;font-weight:600;margin-top:.1rem}
.rev__q{position:absolute;top:-14px;right:-2px;font-family:Georgia,'Times New Roman',serif;font-size:4rem;line-height:1;color:rgba(34,184,240,.30);font-weight:700;pointer-events:none}
.rev__text{color:#c3d2de;font-size:.93rem;line-height:1.72;margin:0 0 1.2rem;flex:1}
.rev__stars{display:flex;gap:.15rem;color:#f6b93b}

/* ==========================================================================
   KURUMSAL TEMA v15 — müşteri yorumları: YATAY geniş kartlar (2'li sıra)
   ========================================================================== */
.reviews .rrow{grid-template-columns:1fr;gap:1.3rem}
@media(min-width:820px){.reviews .rrow{grid-template-columns:1fr 1fr}}
.rev{flex-direction:row;align-items:center;gap:1.4rem;padding:1.7rem 1.8rem}
.rev::before{height:100%;width:3px;top:0;left:0}
.rev__aside{flex:0 0 auto;align-self:stretch;display:flex;align-items:center;padding-right:1.4rem;border-right:1px solid rgba(255,255,255,.08)}
.rev__avatar{width:74px;height:74px;font-size:1.35rem}
.rev__body{flex:1;min-width:0;position:relative}
.rev__q{position:absolute;top:-22px;right:-4px;font-size:4.4rem}
.rev__text{color:#c3d2de;font-size:.94rem;line-height:1.7;margin:0 0 1.1rem}
.rev__foot{display:flex;align-items:center;justify-content:space-between;gap:.9rem;flex-wrap:wrap}
.rev__id{display:flex;flex-direction:column;min-width:0}
.rev__id strong{color:#fff;font-size:1rem;font-family:var(--font-head);line-height:1.2}
.rev__id span{color:var(--accent-400);font-size:.8rem;font-weight:600;margin-top:.1rem}
.rev__stars{display:flex;gap:.15rem;color:#f6b93b}
@media(max-width:520px){
  .rev{gap:1rem;padding:1.4rem}
  .rev__aside{padding-right:1rem}
  .rev__avatar{width:58px;height:58px;font-size:1.1rem}
  .rev__q{display:none}
}

/* ==========================================================================
   KURUMSAL TEMA v16 — SSS: 2 sütun (tanıtım paneli + akordeon), kurumsal
   ========================================================================== */
.faqs{background:var(--grad-soft)}
.faq-layout{display:grid;gap:2.5rem;align-items:start}
@media(min-width:940px){.faq-layout{grid-template-columns:360px 1fr}}
.faq-intro{position:relative}
@media(min-width:940px){.faq-intro{position:sticky;top:96px}}
.faq-intro__badge{display:inline-flex;align-items:center;gap:.4rem;background:#fff;border:1px solid var(--brand-100);color:var(--brand-700);font-weight:600;font-size:.8rem;padding:.4rem .85rem;border-radius:20px;margin-bottom:1rem}
.faq-intro__badge svg{color:var(--brand-500)}
.faq-intro__title{font-size:clamp(1.6rem,3.2vw,2.1rem);margin-bottom:.7rem;line-height:1.2}
.faq-intro__text{color:var(--ink-600);font-size:1rem;line-height:1.7;margin-bottom:1.4rem}
.faq-intro__actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-bottom:1.2rem}
.faq-intro__phone{display:inline-flex;align-items:center;gap:.5rem;color:var(--ink-800);font-weight:600}
.faq-intro__phone svg{color:var(--brand-500)}

.faqs .faq-list{display:flex;flex-direction:column;gap:.8rem}
.faqs .faq{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:border-color var(--t),box-shadow var(--t)}
.faqs .faq:hover{border-color:var(--brand-200)}
.faqs .faq:has(.faq__q[aria-expanded="true"]){border-color:var(--brand-300);box-shadow:0 8px 22px rgba(0,120,248,.08)}
.faqs .faq__q{display:flex;align-items:center;gap:1rem;width:100%;background:none;border:0;padding:1.15rem 1.3rem;text-align:left;cursor:pointer;font-size:1rem}
.faq__num{flex:0 0 auto;font-family:var(--font-head);font-weight:800;font-size:.92rem;color:var(--brand-300);width:30px}
.faq__qtext{flex:1;font-weight:650;color:var(--ink-900);line-height:1.35}
.faq__toggle{flex:0 0 auto;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--bg-soft);color:var(--ink-500);transition:transform var(--t),background var(--t),color var(--t)}
.faqs .faq__q[aria-expanded="true"] .faq__num{color:var(--brand-600)}
.faqs .faq__q[aria-expanded="true"] .faq__qtext{color:var(--brand-700)}
.faqs .faq__q[aria-expanded="true"] .faq__toggle{background:var(--grad);color:#fff;transform:rotate(180deg);box-shadow:0 6px 14px rgba(0,120,248,.28)}
.faqs .faq__a-inner{padding:0 1.3rem 1.35rem calc(1.3rem + 30px + 1rem);color:var(--ink-600);font-size:.95rem;line-height:1.7}
@media(max-width:520px){.faqs .faq__a-inner{padding-left:1.3rem}.faq__num{display:none}}

/* ==========================================================================
   KURUMSAL TEMA v17 — SSS (başlık üstte, Bulutweb ikonlu) + iş ortakları şeridi
   ========================================================================== */

/* SSS: ortalanmış tek sütun + Bulutweb ikon işareti (numara yok) */
.faqs .faq-list{max-width:880px;margin:0 auto}
.faq__mark{flex:0 0 auto;width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--brand-50);border:1px solid #e3f0ff;transition:background var(--t),border-color var(--t),box-shadow var(--t)}
.faq__mark img{width:20px;height:20px;display:block}
.faqs .faq__q[aria-expanded="true"] .faq__mark{background:#fff;border-color:var(--brand-200);box-shadow:0 6px 14px rgba(0,120,248,.16)}
.faqs .faq__a-inner{padding-left:calc(1.3rem + 38px + 1rem)}
@media(max-width:520px){.faqs .faq__a-inner{padding-left:1.3rem}}

/* İş ortakları / teknoloji şeridi (footer üstü, kayan) */
.partners{background:var(--grad-ink);padding:1.7rem 0 1.9rem;position:relative;overflow:hidden}
.partners::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad)}
.partners__label{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#9fb2c0;font-size:.84rem;font-weight:600;margin-bottom:1.3rem;text-align:center}
.partners__label svg{color:var(--accent-400)}
.partners__marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.partners__track{display:flex;gap:0;width:max-content;will-change:transform;animation:bw-marq 44s linear infinite}
.partners:hover .partners__track{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.partners__track{animation:none}.partners__marquee{overflow-x:auto}}
.partners__item{display:inline-flex;align-items:center;gap:.65rem;margin:0 1.9rem;color:rgba(255,255,255,.82);font-family:var(--font-head);font-weight:700;font-size:1.06rem;white-space:nowrap;transition:color .2s}
.partners__item:hover{color:#fff}
.partners__ic{flex:0 0 auto;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.08);color:var(--accent-400)}

/* ==========================================================================
   KURUMSAL TEMA v18 — iş ortakları: logolu, açık zemin, hover'da renk "yanar"
   ========================================================================== */
.partners{background:linear-gradient(180deg,#ffffff,#f3f8fd);padding:2rem 0 2.2rem;border-top:1px solid var(--line)}
.partners::before{display:none}
.partners__label{color:var(--ink-500);font-size:.84rem;font-weight:600;margin-bottom:1.4rem}
.partners__label svg{color:var(--ok)}
.partners__marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.partners__track{display:flex;align-items:center;gap:0;width:max-content;will-change:transform;animation:bw-marq 40s linear infinite}
.partners:hover .partners__track{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.partners__track{animation:none}.partners__marquee{overflow-x:auto}}
.partners__logo{display:inline-flex;align-items:center;justify-content:center;margin:0 2.6rem;opacity:.5;filter:grayscale(1);transition:opacity .3s var(--ease),filter .3s var(--ease),transform .3s var(--ease)}
.partners__logo img{height:34px;width:auto;display:block}
.partners__logo:hover{opacity:1;filter:grayscale(0);transform:translateY(-2px)}
@media(max-width:640px){.partners__logo{margin:0 1.6rem}.partners__logo img{height:28px}}

/* ==========================================================================
   KURUMSAL TEMA v19 — OS güven rozetleri: uyumlu, sade (soft mavi tonlu)
   ========================================================================== */
.os-sec{background:linear-gradient(180deg,#ffffff,#f5f9fe)}
.os-badges{margin-top:2.2rem}
.os-badge{background:#fff;border:1px solid var(--line);border-radius:14px;padding:1.1rem 1.2rem;box-shadow:var(--shadow-xs);gap:.85rem;transition:border-color var(--t),box-shadow var(--t),transform var(--t)}
.os-badge:hover{border-color:var(--brand-200);box-shadow:var(--shadow-sm);transform:translateY(-2px)}
/* Canlı gradient yerine soft mavi tonlu ikon kutusu — uyumlu */
.os-badge__ic{width:46px;height:46px;border-radius:12px;background:var(--brand-50);border:1px solid #e3f0ff;color:var(--brand-600);box-shadow:none;transition:background var(--t),color var(--t),border-color var(--t)}
.os-badge:hover .os-badge__ic{background:var(--grad);border-color:transparent;color:#fff}
.os-badge strong{font-size:.92rem;color:var(--ink-900);font-family:var(--font-head)}
.os-badge span{font-size:.78rem;color:var(--ink-500)}

/* ==========================================================================
   KURUMSAL TEMA v20 — Taşıma/kurulum: animasyonlu (veri Bulutweb'e akar)
   ========================================================================== */
.migsec{background:var(--grad-soft)}
.mig{display:grid;gap:2.5rem;align-items:center}
@media(min-width:940px){.mig{grid-template-columns:1fr 1.05fr}}
.mig__badge{display:inline-flex;align-items:center;gap:.4rem;background:#fff;border:1px solid var(--brand-100);color:var(--brand-700);font-weight:600;font-size:.8rem;padding:.4rem .85rem;border-radius:20px;margin-bottom:1rem}
.mig__badge svg{color:var(--brand-500)}
.mig__title{font-size:clamp(1.7rem,3.6vw,2.3rem);margin-bottom:.7rem;line-height:1.2}
.mig__lead{color:var(--ink-600);font-size:1.02rem;line-height:1.7;margin-bottom:1.5rem;max-width:46ch}
.mig__list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.8rem}
.mig__list li{display:flex;gap:.8rem;align-items:flex-start}
.mig__check{flex:0 0 auto;color:var(--ok);margin-top:1px}
.mig__li-t{display:flex;flex-direction:column;gap:.1rem}
.mig__li-t strong{font-size:.98rem;color:var(--ink-900)}
.mig__li-t span{font-size:.85rem;color:var(--ink-500);line-height:1.5}

/* Koyu animasyon paneli */
.mig__panel{background:var(--grad-ink);border-radius:22px;padding:clamp(1.8rem,4vw,2.6rem);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}
.mig__panel::before{content:"";position:absolute;inset:0;opacity:.5;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:radial-gradient(80% 80% at 50% 40%,#000,transparent 78%);mask-image:radial-gradient(80% 80% at 50% 40%,#000,transparent 78%)}
.mig__flow{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr auto;align-items:flex-start;gap:.6rem;margin-bottom:1.8rem}
.mig__node{display:flex;flex-direction:column;align-items:center;gap:.55rem;position:relative}
.mig__node-ic{width:66px;height:66px;display:grid;place-items:center;border-radius:17px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#cdd9e3}
.mig__node-ic--brand{background:var(--grad);border-color:transparent;color:#fff;box-shadow:0 12px 26px rgba(0,120,248,.42)}
.mig__node-l{font-size:.78rem;color:#9fb2c0;white-space:nowrap}
.mig__node-badge{position:absolute;top:-8px;left:50%;transform:translateX(20px);width:22px;height:22px;border-radius:50%;background:var(--ok);color:#fff;display:grid;place-items:center;border:2px solid #0e283a}
.mig__wire{position:relative;height:3px;border-radius:3px;margin-top:31px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.28) 0 6px,transparent 6px 12px);background-size:12px 3px;animation:mig-dash .8s linear infinite}
.mig__packet{position:absolute;top:50%;left:0;transform:translate(-50%,-50%) scale(1);width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--grad);color:#fff;box-shadow:0 8px 16px rgba(0,120,248,.5);animation:mig-move 2.8s cubic-bezier(.5,0,.5,1) infinite}
.mig__packet--2{background:linear-gradient(120deg,#22b8f0,#0078f8);animation-delay:1.4s}
.mig__progress{position:relative;z-index:1;height:6px;border-radius:6px;background:rgba(255,255,255,.09);overflow:hidden;margin-bottom:1rem}
.mig__progress span{display:block;height:100%;width:0;background:var(--grad);border-radius:6px;animation:mig-fill 2.8s ease-in-out infinite}
.mig__status{position:relative;z-index:1;display:flex;align-items:center;gap:.5rem;color:#9fb2c0;font-size:.86rem}
.mig__status b{color:#fff}
.mig__pulse{width:9px;height:9px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 0 rgba(18,161,80,.55);animation:mig-pulse 1.6s infinite}
.mig__dots{display:inline-flex;gap:3px;margin-left:.15rem}
.mig__dots i{width:3px;height:3px;border-radius:50%;background:#9fb2c0;animation:mig-dot 1.4s infinite}
.mig__dots i:nth-child(2){animation-delay:.2s}.mig__dots i:nth-child(3){animation-delay:.4s}
@keyframes mig-dash{to{background-position:12px 0}}
@keyframes mig-move{0%{left:0;opacity:0;transform:translate(-50%,-50%) scale(.6)}12%{opacity:1;transform:translate(-50%,-50%) scale(1)}86%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{left:100%;opacity:0;transform:translate(-50%,-50%) scale(.6)}}
@keyframes mig-fill{0%{width:0}90%{width:100%}100%{width:100%}}
@keyframes mig-pulse{to{box-shadow:0 0 0 8px rgba(18,161,80,0)}}
@keyframes mig-dot{0%,60%,100%{opacity:.3}30%{opacity:1}}
@media(prefers-reduced-motion:reduce){.mig__packet,.mig__progress span,.mig__wire,.mig__pulse,.mig__dots i{animation:none}.mig__packet{left:50%}.mig__packet--2{display:none}.mig__progress span{width:100%}}
@media(max-width:520px){.mig__node-ic{width:56px;height:56px}}

/* v20.1 — Bulutweb düğümünde favicon (b-marka) görseli */
.mig__node-ic--brand img{display:block;width:30px;height:30px;object-fit:contain}

/* ==========================================================================
   KURUMSAL TEMA v21 — ilgili hizmet kartları: neon değil, sade + hover kabarma
   ========================================================================== */
.svc-card{border-radius:16px;box-shadow:var(--shadow-xs);transition:transform var(--t),box-shadow var(--t),border-color var(--t)}
.svc-card__ic{background:var(--brand-50);border:1px solid #e3f0ff;color:var(--brand-600);box-shadow:none;transition:background var(--t),color var(--t),border-color var(--t),transform var(--t)}
.svc-card:hover{border-color:var(--brand-200);box-shadow:0 14px 32px rgba(14,40,58,.11);transform:translateY(-4px)}
.svc-card:hover .svc-card__ic{background:var(--grad);border-color:transparent;color:#fff;transform:translateY(-1px) scale(1.05);box-shadow:0 8px 18px rgba(0,120,248,.26)}
.svc-card h3{transition:color var(--t)}
.svc-card:hover h3{color:var(--brand-700)}
.svc-card__link svg{transition:transform var(--t)}
.svc-card:hover .svc-card__link svg{transform:translateX(3px)}

/* ==========================================================================
   KURUMSAL TEMA v22 — TÜM ikon kutuları: durağanken soft, hover'da gradient
   (Beğenilmezse bu blok kaldırılarak geri alınır.)
   ========================================================================== */
.card__ic,.vprop__ic,.why__ic,.contact-item__ic,.hero-feats__ic,.step__n{
  background:var(--brand-50);border:1px solid #e3f0ff;color:var(--brand-600);box-shadow:none;
  transition:background var(--t),color var(--t),border-color var(--t),transform var(--t),box-shadow var(--t)
}
.card__ic svg,.vprop__ic svg,.why__ic svg,.contact-item__ic svg,.hero-feats__ic svg{color:var(--brand-600)}
/* Hover'da gradient dolar (üst öğe hover'ında) */
.card:hover .card__ic,
.vprop:hover .vprop__ic,
.why:hover .why__ic,
.contact-item:hover .contact-item__ic{
  background:var(--grad);border-color:transparent;color:#fff;transform:translateY(-1px) scale(1.05);box-shadow:0 8px 18px rgba(0,120,248,.25)
}
.card:hover .card__ic svg,.vprop:hover .vprop__ic svg,.why:hover .why__ic svg,.contact-item:hover .contact-item__ic svg{color:#fff}
/* İletişim kartı ve why için hafif hover */
.contact-item,.why{transition:transform var(--t),box-shadow var(--t),border-color var(--t)}
.contact-item:hover,.why:hover{border-color:var(--brand-200);box-shadow:var(--shadow);transform:translateY(-2px)}
/* Adım numarası: durağanken soft, hover parent yoksa sabit kalır (koyu rakam) */
.step__n{color:var(--brand-600);font-weight:800}
.step:hover .step__n{background:var(--grad);border-color:transparent;color:#fff}

/* ==========================================================================
   KURUMSAL TEMA v23 — Sunucu KURULUM (provisioning) animasyonu
   ========================================================================== */
.setup__server{position:relative;z-index:1;display:flex;align-items:center;gap:.85rem;margin-bottom:1.7rem}
.setup__server-ic{flex:0 0 auto;width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:var(--grad);color:#fff;box-shadow:0 10px 22px rgba(0,120,248,.4)}
.setup__server-ic img{width:26px;height:26px}
.setup__server-t{display:flex;flex-direction:column}
.setup__server-t strong{color:#fff;font-family:var(--font-head);font-size:1.05rem}
.setup__server-t span{color:#9fb2c0;font-size:.78rem}
.setup__led{margin-left:auto;width:10px;height:10px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 0 rgba(18,161,80,.55);animation:mig-pulse 1.6s infinite}

.setup__flow{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;margin-bottom:1.6rem;list-style:none;padding:0}
.setup__flow::before{content:"";position:absolute;top:24px;left:12.5%;right:12.5%;height:2px;background:rgba(255,255,255,.1);z-index:-1}
.setup__flow::after{content:"";position:absolute;top:24px;left:12.5%;width:0;height:2px;background:linear-gradient(90deg,#0078f8,#22b8f0);border-radius:2px;z-index:-1;animation:setup-line 3.8s ease-in-out infinite}
.setup__stage{display:flex;flex-direction:column;align-items:center;gap:.55rem}
.setup__st-ic{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:#122c40;border:1px solid rgba(255,255,255,.1);color:#9fb2c0;animation:setup-glow 3.8s ease-in-out infinite;animation-delay:var(--d)}
.setup__stage small{color:#9fb2c0;font-size:.72rem;text-align:center;line-height:1.25}
.setup__stage--final .setup__st-ic{animation:setup-glow-final 3.8s ease-in-out infinite;animation-delay:var(--d)}
@keyframes setup-glow{0%,9%{background:#122c40;border-color:rgba(255,255,255,.1);color:#9fb2c0;box-shadow:none}18%,74%{background:var(--grad);border-color:transparent;color:#fff;box-shadow:0 8px 18px rgba(0,120,248,.42)}84%,100%{background:#122c40;border-color:rgba(255,255,255,.1);color:#9fb2c0}}
@keyframes setup-glow-final{0%,12%{background:#122c40;border-color:rgba(255,255,255,.1);color:#9fb2c0}20%,100%{background:#12a150;border-color:transparent;color:#fff;box-shadow:0 8px 18px rgba(18,161,80,.42)}}
@keyframes setup-line{0%{width:0}75%,100%{width:75%}}
@media(prefers-reduced-motion:reduce){
  .setup__st-ic{animation:none;background:var(--grad);color:#fff;border-color:transparent}
  .setup__stage--final .setup__st-ic{background:#12a150}
  .setup__flow::after{animation:none;width:75%}.setup__led{animation:none}
}
@media(max-width:520px){.setup__st-ic{width:42px;height:42px}.setup__stage small{font-size:.66rem}.setup__flow::before,.setup__flow::after{top:21px}}

/* ==========================================================================
   KURUMSAL TEMA v24 — Sunucu kurulum animasyonu: yavaş, senkron, düzenli
   (aşamalar sırayla yanar ve açık kalır; hepsi aynı anda sıfırlanır → karışmaz)
   ========================================================================== */
.setup__st-ic{animation:none !important}
.setup__stage:nth-child(1) .setup__st-ic{animation:setup-s1 7s ease-in-out infinite !important}
.setup__stage:nth-child(2) .setup__st-ic{animation:setup-s2 7s ease-in-out infinite !important}
.setup__stage:nth-child(3) .setup__st-ic{animation:setup-s3 7s ease-in-out infinite !important}
.setup__stage:nth-child(4) .setup__st-ic{animation:setup-s4 7s ease-in-out infinite !important}
.setup .mig__progress span{animation:mig-fill 7s ease-in-out infinite}
.setup__flow::after{animation:setup-line 7s ease-in-out infinite}

@keyframes setup-s1{0%,8%{background:#122c40;border-color:rgba(255,255,255,.1);color:#9fb2c0;box-shadow:none}14%,90%{background:linear-gradient(120deg,#0078f8,#22b8f0);border-color:transparent;color:#fff;box-shadow:0 8px 18px rgba(0,120,248,.42)}97%,100%{background:#122c40;border-color:rgba(255,255,255,.1);color:#9fb2c0;box-shadow:none}}
@keyframes setup-s2{0%,26%{background:#122c40;border-color:rgba(255,255,255,.1);color:#9fb2c0;box-shadow:none}32%,90%{background:linear-gradient(120deg,#0078f8,#22b8f0);border-color:transparent;color:#fff;box-shadow:0 8px 18px rgba(0,120,248,.42)}97%,100%{background:#122c40;border-color:rgba(255,255,255,.1);color:#9fb2c0;box-shadow:none}}
@keyframes setup-s3{0%,44%{background:#122c40;border-color:rgba(255,255,255,.1);color:#9fb2c0;box-shadow:none}50%,90%{background:linear-gradient(120deg,#0078f8,#22b8f0);border-color:transparent;color:#fff;box-shadow:0 8px 18px rgba(0,120,248,.42)}97%,100%{background:#122c40;border-color:rgba(255,255,255,.1);color:#9fb2c0;box-shadow:none}}
@keyframes setup-s4{0%,62%{background:#122c40;border-color:rgba(255,255,255,.1);color:#9fb2c0;box-shadow:none}68%,90%{background:#12a150;border-color:transparent;color:#fff;box-shadow:0 8px 18px rgba(18,161,80,.42)}97%,100%{background:#122c40;border-color:rgba(255,255,255,.1);color:#9fb2c0;box-shadow:none}}
@keyframes setup-line{0%,8%{width:0}68%{width:75%}90%{width:75%}97%,100%{width:0}}

/* ==========================================================================
   KURUMSAL TEMA v25 — Tam genişlik HERO BANNER (görsel arka plan + beyaz metin)
   ========================================================================== */
.hero--banner,.phero--banner{position:relative;isolation:isolate;overflow:hidden;background:#0a1a28}
.hero--banner::before,.phero--banner::before{display:none !important}
.hero--banner{padding:clamp(2.6rem,5vw,4.2rem) 0 clamp(1.8rem,3vw,2.6rem)}
.phero--banner{padding:clamp(2.8rem,5vw,4.4rem) 0}
.hero__bg{position:absolute;inset:0;z-index:-2;display:block}
.hero__bg img{width:100%;height:100%;object-fit:cover;object-position:right center;display:block}
.hero__scrim{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,19,31,.95) 0%,rgba(8,19,31,.85) 32%,rgba(8,19,31,.5) 58%,rgba(8,19,31,.15) 80%,transparent 100%)}

/* Metin: tek kolon, sola hizalı, beyaz */
@media(min-width:900px){
  .hero--banner .hero__grid,.phero--banner .phero__grid{grid-template-columns:1fr}
  .hero--banner .hero__content{max-width:600px}
  .phero--banner .phero__lead{max-width:600px}
}
.hero--banner .hero__content h1,.phero--banner .phero__lead h1{color:#fff}
.hero--banner .hero__sub,.phero--banner .phero__sub{color:#c7d6e2}
.hero--banner .hero__eyebrow,.phero--banner .phero__eyebrow{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:#e2eefb;box-shadow:none}
.hero--banner .hero__eyebrow .dot{background:#2ee36a}
.hero--banner .hero__highlights li{color:#dbe9f5}
.hero--banner .hero__highlights svg{color:var(--accent-400)}
/* Ürün hero özellik ızgarası (cam efekti) */
.phero--banner .hero-feats li{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);backdrop-filter:blur(6px)}
.phero--banner .hero-feats__txt strong{color:#fff}
.phero--banner .hero-feats__txt span{color:#a9c0d2}
.phero--banner .hero-feats__ic{box-shadow:0 6px 14px rgba(0,0,0,.3)}
/* Mobilde görsel arkada, dikey scrim */
@media(max-width:900px){
  .hero__bg img{object-position:72% center}
  .hero__scrim{background:linear-gradient(180deg,rgba(8,19,31,.9) 0%,rgba(8,19,31,.82) 50%,rgba(8,19,31,.92) 100%)}
}

/* v26 — domain hero banner highlight pills (açık zeminde okunur) */
.phero--banner .phero__highlights li{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.16);color:#dbe9f5}
.phero--banner .phero__highlights svg{color:var(--accent-400)}

/* ==========================================================================
   KURUMSAL TEMA v27 — kompakt domain çubuğu + uzantı logo-çipleri
   ========================================================================== */
.domainbox--slim{padding:.5rem;border-radius:14px}
.domainbox--slim .domainbox__form{gap:.5rem}
.domainbox--slim .domainbox__field{border-radius:11px}
.domainbox--slim .domainbox__field input{padding:.72rem .6rem;font-size:.95rem}
.domainbox--slim .domainbox__prefix{padding-left:.8rem}
.domainbox--slim .domainbox__btn{min-width:auto;padding:.72rem 1.4rem;border-radius:11px}
.domainbox--slim .domainbox__btn-label{display:inline-flex;align-items:center;gap:.4rem}

/* Uzantı logo-çipleri */
.dexts{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.85rem;padding:0 .1rem}
.dext{display:inline-flex;align-items:center;gap:.55rem;background:#fff;border:1px solid var(--line);border-radius:11px;padding:.42rem .75rem;cursor:pointer;transition:border-color var(--t),box-shadow var(--t),transform var(--t)}
.dext:hover{border-color:var(--ec);box-shadow:0 6px 14px rgba(14,40,58,.09);transform:translateY(-2px)}
.dext__t{font-weight:800;font-family:var(--font-head);font-size:.95rem;color:var(--ink-800);letter-spacing:-.01em;line-height:1}
.dext__t b{color:var(--ec);font-weight:900}
.dext__p{font-size:.72rem;color:var(--ink-600);font-weight:700;line-height:1}
.dext__p small{color:var(--ink-400);font-weight:400;margin-left:1px}
/* Koyu banner hero içinde çipler biraz daha çıksın */
.hero--banner .dext,.phero--banner .dext{background:rgba(255,255,255,.94);border-color:rgba(255,255,255,.5)}

/* v28 — domain çubuğu genişliğini sınırla (sola hizalı, referanstaki gibi) */
.domainbox--slim{max-width:620px}
@media(max-width:640px){.domainbox--slim{max-width:100%}}

/* v29 — sorgulama çubuğu: cam (glass) kurumsal panel + daha yüksek/kare kart */
.domainbox--slim{
  padding:1.05rem 1.05rem .95rem;border-radius:18px;
  background:rgba(255,255,255,.72);
  border:1px solid var(--line);
  -webkit-backdrop-filter:blur(10px) saturate(1.05);backdrop-filter:blur(10px) saturate(1.05);
  box-shadow:0 20px 48px -26px rgba(15,32,64,.28);
}
.domainbox--slim .domainbox__form{gap:.6rem}
.domainbox--slim .domainbox__field{
  border-radius:14px;border-width:1.5px;
  background:rgba(255,255,255,.9);
}
.domainbox--slim .domainbox__field input{padding:1rem .65rem;font-size:1rem}
.domainbox--slim .domainbox__btn{min-width:auto;padding:1rem 1.6rem;border-radius:14px}
.domainbox--slim .dexts{margin-top:.85rem}

/* Banner üzerinde: buzlu cam koyu görünüm, beyaz metin */
.hero--banner .domainbox--slim,.phero--banner .domainbox--slim{
  background:rgba(255,255,255,.1);
  border-color:rgba(255,255,255,.22);
  -webkit-backdrop-filter:blur(16px) saturate(1.15);backdrop-filter:blur(16px) saturate(1.15);
  box-shadow:0 24px 60px -24px rgba(3,12,36,.6),inset 0 1px 0 rgba(255,255,255,.16);
}
.hero--banner .domainbox--slim .domainbox__field,
.phero--banner .domainbox--slim .domainbox__field{
  background:rgba(255,255,255,.14);
  border-color:rgba(255,255,255,.28);
}
.hero--banner .domainbox--slim .domainbox__field:focus-within,
.phero--banner .domainbox--slim .domainbox__field:focus-within{
  border-color:rgba(255,255,255,.7);box-shadow:0 0 0 3px rgba(255,255,255,.16)
}
.hero--banner .domainbox--slim .domainbox__field input,
.phero--banner .domainbox--slim .domainbox__field input{color:#fff}
.hero--banner .domainbox--slim .domainbox__field input::placeholder,
.phero--banner .domainbox--slim .domainbox__field input::placeholder{color:rgba(255,255,255,.72)}
.hero--banner .domainbox--slim .domainbox__prefix,
.phero--banner .domainbox--slim .domainbox__prefix{color:rgba(255,255,255,.85)}