/* =====================================================================
   Nesli Hosting · profesyonel arayüz katmanı (style.css + shop.css üzerine)
   Lacivert #06172C · Mavi #006DE8 · Turuncu #F26B1D · Sarı #F5AD22
   ===================================================================== */
:root{--n-navy:#06172c;--n-blue:#006de8;--n-blue-d:#0058bd;--n-orange:#f26b1d;--n-gold:#f5ad22;--n-ink:#0c1e35;--n-mute:#5f7186;--n-line:#e2e9f1;--n-soft:#f4f7fb;--n-ok:#14915a}

/* İkonlar */
.nh-i{width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.2em;flex-shrink:0;display:inline-block}
.nh-i.nh-sm{width:.95em;height:.95em;vertical-align:-.12em}
.nh-caret{width:.9em;height:.9em;margin-left:3px;vertical-align:-.12em;opacity:.65;transition:transform .2s}
.nav-item:hover .nh-caret{transform:rotate(180deg)}
.nh-phone{width:26px;height:26px}
.promo .nh-i{width:14px;height:14px;margin-right:2px;opacity:.85}
.promo-links a{display:inline-flex;align-items:center;gap:5px}
.mega-ico{width:34px;height:34px;flex:0 0 34px;border-radius:9px;background:#edf5ff;color:var(--n-blue)}
.mega-ico .nh-i{width:18px;height:18px}
.mega-menu a:hover .mega-ico{background:var(--n-blue);color:#fff}
.benefit .ico .nh-i,.stat i .nh-i{width:26px;height:26px}
.mail-icon .nh-i{width:56px;height:56px;stroke-width:1.4}
.drawer-close{display:grid;place-items:center}
.drawer-close .nh-i{width:22px;height:22px}
.mobile-menu .nh-i{width:26px;height:26px}
.registry-card em{font-style:normal;display:grid;place-items:center}

/* Başlık: kaydırınca ince gölge */
.header{transition:box-shadow .2s}
.header.is-scrolled{box-shadow:0 6px 24px rgba(6,23,44,.08)}

/* Odak ve hareket tercihleri */
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2.5px solid var(--n-blue);outline-offset:2px;border-radius:6px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Sabit butonlar */
.float-btn{width:52px;height:52px;border:0;cursor:pointer}
.float-btn .nh-i{width:22px;height:22px}
.float-btn.wh{background:#1fa855}
.float-btn.up{background:var(--n-navy)}

/* ---------- Sepet / ödeme ---------- */
.nh-shop{max-width:1180px;margin:0 auto;padding:34px 20px 70px}
.nh-shop-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.nh-shop-head h1{font-size:30px;letter-spacing:-.02em;margin:0;color:var(--n-ink)}
.nh-shop-head p{margin:6px 0 0;color:var(--n-mute)}
.nh-back{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--n-blue)}
.nh-steps{display:flex;align-items:center;gap:0;margin:0 0 26px;padding:0;list-style:none;counter-reset:st}
.nh-steps li{display:flex;align-items:center;gap:10px;color:var(--n-mute);font-weight:700;font-size:14px;flex:1}
.nh-steps li::before{counter-increment:st;content:counter(st);width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid var(--n-line);font-size:13px;flex-shrink:0}
.nh-steps li:not(:last-child)::after{content:"";flex:1;height:2px;background:var(--n-line);margin:0 12px;border-radius:2px}
.nh-steps li.done{color:var(--n-ink)}
.nh-steps li.done::before{background:var(--n-ok);border-color:var(--n-ok);color:#fff;content:"✓"}
.nh-steps li.on{color:var(--n-ink)}
.nh-steps li.on::before{background:var(--n-blue);border-color:var(--n-blue);color:#fff}
.nh-grid{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:24px;align-items:start}
.nh-panel{background:#fff;border:1px solid var(--n-line);border-radius:16px}
.nh-panel-h{padding:18px 22px;border-bottom:1px solid var(--n-line);display:flex;justify-content:space-between;align-items:center;gap:10px}
.nh-panel-h h2{font-size:17px;margin:0;color:var(--n-ink)}
.nh-panel-h small{color:var(--n-mute)}
.nh-sticky{position:sticky;top:110px}

.ci{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:16px;padding:20px 22px;border-bottom:1px solid var(--n-line);align-items:start}
.ci:last-child{border-bottom:0}
.ci-ico{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:#edf5ff;color:var(--n-blue)}
.ci-ico .nh-i{width:24px;height:24px}
.ci-ico.t-domain{background:#eefaf3;color:var(--n-ok)}
.ci-ico.t-server{background:#f3efff;color:#6d4ed8}
.ci-ico.t-mail{background:#fff4e8;color:#d6650f}
.ci-name b{display:block;font-size:16px;color:var(--n-ink);word-break:break-all}
.ci-name small{display:block;color:var(--n-mute);margin-top:3px}
.ci-periods{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.ci-periods button{border:1.5px solid var(--n-line);background:#fff;border-radius:9px;padding:7px 12px;font:inherit;font-size:13px;font-weight:700;color:var(--n-ink);cursor:pointer;line-height:1.2;text-align:left}
.ci-periods button small{display:block;font-weight:600;color:var(--n-mute);font-size:11.5px}
.ci-periods button.on{border-color:var(--n-blue);background:#f2f7ff;color:var(--n-blue)}
.ci-side{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.ci-price{font-size:19px;font-weight:800;color:var(--n-ink);white-space:nowrap}
.ci-price small{display:block;font-size:12px;font-weight:600;color:var(--n-mute)}
.ci-del{border:0;background:none;color:var(--n-mute);cursor:pointer;display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:13px;padding:6px 8px;border-radius:8px}
.ci-del:hover{background:#fdecec;color:#c42f35}
.nh-sum{padding:18px 22px}
.nh-sum-row{display:flex;justify-content:space-between;gap:10px;padding:7px 0;color:var(--n-mute);font-size:14.5px}
.nh-sum-row b{color:var(--n-ink)}
.nh-sum-total{border-top:1px dashed var(--n-line);margin-top:8px;padding-top:14px;font-size:16px;color:var(--n-ink)}
.nh-sum-total b{font-size:24px;letter-spacing:-.02em}
.nh-sum-try{background:var(--n-soft);border-radius:10px;padding:10px 12px;margin-top:10px;font-size:13.5px;color:var(--n-mute)}
.nh-sum-try b{color:var(--n-ink)}
.nh-cta{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:54px;border:0;border-radius:12px;background:var(--n-orange);color:#fff;font:inherit;font-weight:800;font-size:16px;cursor:pointer;box-shadow:0 10px 24px rgba(242,107,29,.28)}
.nh-cta:hover{background:#dd5d12;color:#fff}
.nh-cta:disabled{background:#c9d3de;box-shadow:none;cursor:not-allowed}
.nh-trust{list-style:none;margin:16px 0 0;padding:16px 0 0;border-top:1px solid var(--n-line);display:grid;gap:10px}
.nh-trust li{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--n-mute)}
.nh-trust .nh-i{color:var(--n-ok);width:18px;height:18px;margin-top:1px}
.nh-trust b{color:var(--n-ink);display:block;font-size:13.5px}
.nh-empty{padding:46px 26px;text-align:center}
.nh-empty h2{margin:0 0 6px;font-size:22px;color:var(--n-ink)}
.nh-empty p{color:var(--n-mute);margin:0 0 22px}
.nh-empty-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;text-align:left}
.nh-empty-grid a{border:1px solid var(--n-line);border-radius:12px;padding:16px;color:var(--n-ink);display:flex;flex-direction:column;gap:8px;font-weight:700}
.nh-empty-grid a small{color:var(--n-mute);font-weight:500}
.nh-empty-grid a:hover{border-color:var(--n-blue);background:#f7fbff}
.nh-empty-grid .nh-i{width:24px;height:24px;color:var(--n-blue)}
.cur-switch{margin-bottom:6px}

/* Ödeme ekranı: ödeme yöntemleri kart görünümü */
.co-pay{display:grid;gap:10px;padding:16px 22px}
.co-pay label{display:flex;gap:12px;align-items:flex-start;border:1.5px solid var(--n-line);border-radius:12px;padding:14px;cursor:pointer;margin:0}
.co-pay label:has(input:checked){border-color:var(--n-blue);background:#f2f7ff}
.co-pay input{margin-top:3px;accent-color:var(--n-blue)}
.co-pay .pm-ico{width:36px;height:36px;border-radius:9px;background:#edf5ff;color:var(--n-blue);display:grid;place-items:center;flex-shrink:0}
.co-pay .pm-ico .nh-i{width:20px;height:20px}
.co-pay span b{display:block;color:var(--n-ink)}
.co-pay small{display:block;color:var(--n-mute);font-size:12.5px;margin-top:2px;font-weight:500}
.co-terms{padding:4px 22px 6px}
.co-terms label{display:flex;gap:10px;font-size:13.5px;color:var(--n-mute);margin-bottom:10px}
.co-terms a{color:var(--n-blue);font-weight:600}
.co-account{margin:16px 22px 0;padding:16px;border-radius:12px;background:var(--n-soft);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.co-item{padding:18px 22px;border-bottom:1px solid var(--n-line)}

@media (max-width:980px){
  .nh-grid{grid-template-columns:1fr}
  .nh-sticky{position:static}
  .nh-empty-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nh-steps li{font-size:0;flex:0 0 auto}
  .nh-steps li:not(:last-child){flex:1}
  .nh-steps li.on{font-size:14px}
}
@media (max-width:560px){
  .ci{grid-template-columns:40px minmax(0,1fr);padding:16px}
  .ci-side{grid-column:1 / -1;flex-direction:row;justify-content:space-between;align-items:center}
  .ci-ico{width:40px;height:40px}
  .nh-shop-head h1{font-size:24px}
}
.nh-grid.is-empty{grid-template-columns:1fr}.nh-grid.is-empty .nh-sticky{display:none}
/* checkout özetinde mevcut satır sınıfları */
#coSummary .summary-row{display:flex;justify-content:space-between;gap:10px;padding:7px 0;color:var(--n-mute);font-size:14.5px;border:0}
#coSummary .summary-row strong{color:var(--n-ink)}
#coSummary .summary-row.total{border-top:1px dashed var(--n-line);margin-top:6px;padding-top:12px;color:var(--n-ink);font-size:15px}
#coSummary .summary-row.total strong{font-size:20px}
#coSummary .fx-note{background:var(--n-soft);border-radius:10px;padding:10px 12px}
.co-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px}
.co-item b{color:var(--n-ink);font-size:15.5px}
.co-item .co-price{font-weight:800;color:var(--n-ink);font-size:17px}
.co-item label{grid-column:1 / -1;font-size:13px;font-weight:700;color:var(--n-mute);display:grid;gap:6px;margin-top:6px}
.co-item input{height:44px;border:1.5px solid var(--n-line);border-radius:10px;padding:0 12px;font:inherit;font-size:15px}
.co-item input:focus{border-color:var(--n-blue);outline:none}
.co-error{background:#fdecec;border:1px solid #f5c2c4;color:#a1262b;border-radius:12px;padding:12px 16px;margin-bottom:16px;font-weight:600}
/* başlık sıkışmasını önle */
.phone-text b,.phone-text small{white-space:nowrap}
.nav-contact .phone-ico{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#edf5ff;color:var(--n-blue)}
.nav-contact .phone-ico .nh-phone{width:22px;height:22px}
@media (max-width:1380px){.nav-contact .phone-text{display:none}}
@media (max-width:1180px){.nav-contact .phone-ico{display:none}}
.promo span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-flex;align-items:center;gap:6px;min-width:0}
.promo .container{gap:16px}
@media (max-width:760px){.promo-links{display:none}}
.navlinks>.nav-item>a,.navlinks>a{white-space:nowrap}
.mail-icon{color:var(--n-blue)}
.product-card a .nh-i{margin-left:2px}

/* ===================== Başlık v2 ===================== */
.navlinks>.nav-item>a,.navlinks>a{text-transform:none;font-size:15px;font-weight:700;letter-spacing:0;color:var(--n-ink)}
.navlinks>.nav-item>a:hover,.navlinks>a:hover{color:var(--n-blue)}
.mega-grid.mega-1{grid-template-columns:1fr}
.mega-grid.mega-2{grid-template-columns:repeat(2,1fr)}
.mega-grid.mega-3{grid-template-columns:repeat(3,1fr)}
.mega-menu.mega-sm{width:min(380px,calc(100vw - 40px))}
.mega-col h4{font-size:12px;letter-spacing:0;text-transform:none;color:var(--n-mute);font-weight:700;margin:0 0 8px}
.mega-col a{display:flex;gap:12px;align-items:flex-start;padding:10px;border-radius:10px;color:var(--n-ink);font-weight:700;font-size:14.5px}
.mega-col a:hover{background:#f4f8fd}
.mega-col a small{display:block;font-weight:500;color:var(--n-mute);font-size:12.5px;margin-top:2px}
.mega-note{font-size:12.5px;color:var(--n-mute);margin:6px 10px 0}
.mega-promo{border-radius:12px}
.mega-promo a{text-transform:none;letter-spacing:0}
.nh-call{display:flex;align-items:center;gap:10px;color:var(--n-ink)}
.nh-call:hover{color:var(--n-blue)}
.panel-btn{display:inline-flex;align-items:center;gap:8px;border-radius:10px;border-color:var(--n-line);font-size:14px;color:var(--n-ink);padding:10px 14px;white-space:nowrap}
.panel-btn:hover{border-color:var(--n-blue);color:var(--n-blue)}
.header-cart{border-radius:10px;border-color:var(--n-line)}
.header-cart .nh-i{width:21px;height:21px}
.nh-mob-actions{display:none;gap:8px;margin-left:auto}
.nh-mob-btn{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#edf5ff;color:var(--n-blue)}
.nh-mob-btn.wa{background:#e8f8ee;color:#1fa855}
.nh-mob-btn .nh-i{width:21px;height:21px}
.mobile-menu{width:42px;height:42px;border-radius:12px;border:1px solid var(--n-line)!important;display:none;place-items:center;color:var(--n-ink)}
@media(max-width:1080px){
  .nh-mob-actions{display:flex}
  .mobile-menu{display:grid!important;margin-left:0!important}
  .nav-contact .nh-call,.nav-contact .panel-btn{display:none}
  .nav{gap:10px}
  .nav-contact{order:3}
  .nh-mob-actions{order:2}
  .mobile-menu{order:4}
}
@media(max-width:420px){.header-cart{width:42px;height:42px;flex-basis:42px}.nh-mob-btn,.mobile-menu{width:40px;height:40px}.logo img{height:30px}}
/* çekmece */
.drawer-toggle{display:flex;align-items:center;gap:10px}
.drawer-toggle span{margin-left:auto}
.drawer-toggle .nh-i,.drawer-link .nh-i{width:19px;height:19px;color:var(--n-blue)}
.drawer-link{display:flex;align-items:center;gap:10px;padding:14px 16px;font-weight:800;color:var(--n-ink);border-bottom:1px solid #eef2f6}
.drawer-contact{display:grid;gap:8px;padding:14px 16px 0}
.drawer-contact a{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:#f4f8fd;color:var(--n-ink);font-weight:800}
.drawer-contact a .nh-i{color:var(--n-blue)}
.drawer-cta a{border-radius:12px;text-transform:none}

/* ===================== Footer v2 ===================== */
.nh-foot{background:var(--n-navy);color:#a9bacd;padding:56px 0 24px;font-size:14.5px}
.nh-foot a{color:#d4e0ec}
.nh-foot a:hover{color:#fff}
.nh-foot-grid{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:34px}
.nh-foot h4{color:#fff;font-size:15px;margin:0 0 14px;letter-spacing:0;text-transform:none}
.nh-foot-h2{margin-top:22px!important}
.nh-foot-grid>div>a{display:block;padding:5px 0}
.nh-foot-brand img{height:34px;filter:brightness(0) invert(1);margin-bottom:14px}
.nh-foot-brand p{margin:0 0 18px;max-width:340px;color:#a9bacd}
.nh-foot-contact{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.nh-foot-contact li,.nh-foot-contact a{display:flex;gap:12px;align-items:flex-start}
.nh-foot-contact .nh-i{width:20px;height:20px;color:#6fb1ff;margin-top:2px}
.nh-foot-contact b{display:block;color:#fff}
.nh-foot-contact small{color:#93a7bd;font-size:13px}
.nh-social{display:flex;gap:8px;margin-top:18px}
.nh-social a{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.07);display:grid;place-items:center}
.nh-social a:hover{background:var(--n-blue)}
.nh-social .nh-i{width:18px;height:18px}
.nh-foot-trust{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin:40px 0 0;padding:22px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.nh-reg{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.05)}
.nh-reg b{display:block;color:#fff;font-size:13.5px}
.nh-reg small{color:#93a7bd;font-size:12px}
.nh-reg-b{font-weight:900;font-size:12px;color:var(--n-navy);background:#fff;border-radius:8px;padding:8px 9px}
.nh-pay{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.nh-pay span{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:7px 10px;font-weight:800;font-size:12px;color:#fff;letter-spacing:.02em}
.nh-pay .nh-i{width:15px;height:15px}
.nh-foot-bottom{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-top:20px;font-size:13px}
.nh-foot-bottom nav{display:flex;gap:16px;flex-wrap:wrap}
.nh-foot-bottom a{color:#a9bacd}
@media(max-width:980px){.nh-foot-grid{grid-template-columns:1fr 1fr}.nh-foot-brand{grid-column:1 / -1}.nh-pay{margin-left:0}}
@media(max-width:520px){.nh-foot-grid{grid-template-columns:1fr 1fr;gap:24px}.nh-foot{padding-top:40px}}

/* ===================== İçerik sayfaları ===================== */
.nh-doc{padding:44px 0 70px;background:#fff}
.nh-page-head{max-width:720px;margin-bottom:28px}
.nh-page-head h1{font-size:34px;letter-spacing:-.02em;margin:0 0 8px;color:var(--n-ink)}
.nh-page-head p{color:var(--n-mute);margin:0;font-size:16.5px}
.nh-doc-wrap{display:grid;grid-template-columns:minmax(0,760px);justify-content:center;gap:40px}
.nh-doc-wrap.has-side{grid-template-columns:260px minmax(0,760px)}
.nh-doc-side{position:sticky;top:110px;align-self:start}
.nh-doc-side h2{font-size:13px;color:var(--n-mute);margin:0 0 10px}
.nh-doc-side nav{display:grid;gap:2px}
.nh-doc-side a{display:flex;gap:10px;align-items:flex-start;padding:9px 10px;border-radius:9px;color:var(--n-ink);font-size:14px;font-weight:600}
.nh-doc-side a .nh-i{color:var(--n-mute);margin-top:2px}
.nh-doc-side a:hover{background:var(--n-soft)}
.nh-doc-side a.on{background:#edf5ff;color:var(--n-blue)}
.nh-doc-side a.on .nh-i{color:var(--n-blue)}
.nh-crumb{font-size:13.5px;color:var(--n-mute);margin-bottom:12px}
.nh-crumb a{color:var(--n-blue)}
.nh-meta{color:var(--n-mute);font-size:14px;margin:0 0 24px}
.nh-prose{color:#22364d;font-size:17px;line-height:1.75}
.nh-prose h1{font-size:36px;line-height:1.15;letter-spacing:-.02em;color:var(--n-ink);margin:0 0 8px}
.nh-prose h2{font-size:23px;color:var(--n-ink);margin:34px 0 10px;letter-spacing:-.01em}
.nh-prose h3{font-size:19px;color:var(--n-ink);margin:24px 0 8px}
.nh-prose p,.nh-prose li{font-size:17px;line-height:1.75}
.nh-prose ul,.nh-prose ol{padding-left:22px}
.nh-prose li{margin:6px 0}
.nh-prose a{color:var(--n-blue);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.nh-prose code{background:var(--n-soft);border-radius:6px;padding:2px 6px;font-size:.9em}
.nh-lead{font-size:19px!important;color:var(--n-ink)}
.nh-cover{width:100%;border-radius:16px;margin:6px 0 24px}
.nh-more{margin-top:44px;padding-top:26px;border-top:1px solid var(--n-line)}
.nh-more h2{margin-top:0;font-size:19px}
.nh-more a{display:block;padding:12px 0;border-bottom:1px solid var(--n-line);text-decoration:none;color:var(--n-ink)}
.nh-more a small{display:block;color:var(--n-mute);font-weight:500;font-size:13px}
.nh-doc-list{display:grid;gap:12px;max-width:860px}
.nh-doc-card{display:flex;gap:16px;align-items:center;padding:18px 20px;border:1px solid var(--n-line);border-radius:14px;color:var(--n-ink)}
.nh-doc-card:hover{border-color:var(--n-blue);background:#f8fbff}
.nh-doc-card b{display:block;font-size:16.5px}
.nh-doc-card small{display:block;color:var(--n-mute);font-size:14px;margin-top:2px}
.nh-doc-card em{display:block;font-style:normal;color:var(--n-mute);font-size:12.5px;margin-top:6px}
.nh-doc-card>.nh-i{margin-left:auto;color:var(--n-blue)}
.nh-doc-ico{width:44px;height:44px;border-radius:12px;background:#edf5ff;color:var(--n-blue);display:grid;place-items:center;flex-shrink:0}
.nh-doc-ico .nh-i{width:22px;height:22px}
.nh-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.nh-post{display:flex;flex-direction:column;border:1px solid var(--n-line);border-radius:16px;overflow:hidden;color:var(--n-ink);background:#fff}
.nh-post:hover{border-color:var(--n-blue)}
.nh-post img{width:100%;aspect-ratio:16/9;object-fit:cover}
.nh-post-body{padding:20px;display:flex;flex-direction:column;gap:8px;flex:1}
.nh-post time{font-size:13px;color:var(--n-mute)}
.nh-post b{font-size:19px;line-height:1.3}
.nh-post small{color:var(--n-mute);font-size:14.5px;line-height:1.55}
.nh-post em{font-style:normal;color:var(--n-blue);font-weight:700;font-size:14px;margin-top:auto;padding-top:6px}
.nh-post.is-lead{grid-column:span 2;background:var(--n-navy);border-color:var(--n-navy)}
.nh-post.is-lead b{color:#fff;font-size:26px}
.nh-post.is-lead small,.nh-post.is-lead time{color:#b8c8db}
.nh-post.is-lead em{color:#7fbaff}
.nh-cta.nh-cta-inline{display:inline-flex;width:auto;padding:0 24px;height:50px;text-decoration:none}
@media(max-width:980px){.nh-doc-wrap.has-side{grid-template-columns:1fr}.nh-doc-side{position:static}.nh-blog-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.nh-blog-grid{grid-template-columns:1fr}.nh-post.is-lead{grid-column:auto}.nh-prose h1,.nh-page-head h1{font-size:28px}}
/* kapalı mobil menünün gölgesi sayfaya taşmasın */
.drawer-panel{box-shadow:none;visibility:hidden}
.mobile-drawer.open .drawer-panel{box-shadow:-20px 0 50px rgba(0,0,0,.2);visibility:visible}
.mega-note{font-weight:500}
@media(max-width:1080px){.nav-contact{display:flex!important}}
.promo .container{overflow:hidden}
.drawer-panel{transition:transform .28s,visibility .28s}

/* ===== Ana sayfa: üst şerit, domain bandı deseni ===== */
.promo b{color:#ff7a1a}
.domain-top>.container{position:relative;z-index:1}

/* ===== Hizmet paneli (ana sayfa) ===== */
.nh-svcs{padding:34px 0 10px;background:#fff}
.nh-svc-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#fff;border:1px solid var(--n-line);border-radius:18px;box-shadow:0 18px 44px rgba(6,23,44,.07);overflow:hidden}
.nh-svc{position:relative;display:flex;flex-direction:column;gap:8px;padding:26px 24px 22px;color:var(--n-ink);border-left:1px solid var(--n-line);transition:background .18s}
.nh-svc:first-child{border-left:0}
.nh-svc::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--acc,var(--n-blue));opacity:0;transition:opacity .18s}
.nh-svc:hover{background:#f8fbff;color:var(--n-ink)}
.nh-svc:hover::before{opacity:1}
.nh-svc-ico{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--tint,#edf5ff);color:var(--acc,var(--n-blue));margin-bottom:6px}
.nh-svc-ico .nh-i{width:26px;height:26px;stroke-width:1.7}
.nh-svc b{font-size:18px;letter-spacing:-.01em}
.nh-svc small{color:var(--n-mute);font-size:14px;line-height:1.5;min-height:42px}
.nh-svc-price{display:flex;flex-direction:column;margin-top:4px;font-weight:800;font-size:20px;color:var(--n-ink)}
.nh-svc-price em{font-style:normal;font-weight:600;font-size:12px;color:var(--n-mute)}
.nh-svc-go{margin-top:auto;padding-top:10px;display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:14px;color:var(--acc,var(--n-blue))}
.nh-svc.t-domain{--acc:#14915a;--tint:#eaf8f0}
.nh-svc.t-hosting{--acc:#006de8;--tint:#edf5ff}
.nh-svc.t-vps{--acc:#0c8fb3;--tint:#e8f7fb}
.nh-svc.t-ded{--acc:#6d4ed8;--tint:#f2eeff}
.nh-svc.t-mail{--acc:#e0651b;--tint:#fff2e8}
@media(max-width:1100px){.nh-svc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.nh-svc{border-top:1px solid var(--n-line)}.nh-svc:nth-child(-n+3){border-top:0}.nh-svc:nth-child(3n+1){border-left:0}}
@media(max-width:640px){.nh-svc-grid{grid-template-columns:1fr 1fr}.nh-svc{border-left:1px solid var(--n-line)!important;border-top:1px solid var(--n-line)!important;padding:20px 16px}.nh-svc:nth-child(odd){border-left:0!important}.nh-svc:nth-child(-n+2){border-top:0!important}.nh-svc:last-child{grid-column:1 / -1}.nh-svc small{min-height:0}}

/* domain bandı: kurşuni gri tel kafes küre + ağ + nokta dokusu (v2) */
.domain-top::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.16;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1040' height='720' viewBox='0 0 1040 720'%3E%3Cg fill='none' stroke='%238f9bab' stroke-width='1.4'%3E%3Ccircle cx='520' cy='360' r='300'/%3E%3Cellipse cx='520' cy='360' rx='75' ry='300'/%3E%3Cellipse cx='520' cy='360' rx='150' ry='300'/%3E%3Cellipse cx='520' cy='360' rx='225' ry='300'/%3E%3Cellipse cx='520' cy='162.0' rx='225.4' ry='36.1'/%3E%3Cellipse cx='520' cy='261.0' rx='283.2' ry='45.3'/%3E%3Cellipse cx='520' cy='360.0' rx='300.0' ry='48.0'/%3E%3Cellipse cx='520' cy='459.0' rx='283.2' ry='45.3'/%3E%3Cellipse cx='520' cy='558.0' rx='225.4' ry='36.1'/%3E%3Cellipse cx='520' cy='360' rx='420' ry='110' transform='rotate(-18 520 360)' stroke-dasharray='3 7'/%3E%3Cellipse cx='520' cy='360' rx='360' ry='190' transform='rotate(24 520 360)' stroke-dasharray='2 9'/%3E%3Cline x1='140' y1='300' x2='370' y2='220'/%3E%3Cline x1='370' y1='220' x2='640' y2='20'/%3E%3Cline x1='640' y1='20' x2='670' y2='270'/%3E%3Cline x1='670' y1='270' x2='890' y2='230'/%3E%3Cline x1='670' y1='270' x2='480' y2='400'/%3E%3Cline x1='480' y1='400' x2='330' y2='640'/%3E%3Cline x1='480' y1='400' x2='840' y2='510'/%3E%3Cline x1='840' y1='510' x2='890' y2='230'/%3E%3Cline x1='370' y1='220' x2='480' y2='400'/%3E%3Ccircle cx='140' cy='300' r='5' fill='%238f9bab' stroke='none'/%3E%3Ccircle cx='140' cy='300' r='11'/%3E%3Ccircle cx='890' cy='230' r='5' fill='%238f9bab' stroke='none'/%3E%3Ccircle cx='890' cy='230' r='11'/%3E%3Ccircle cx='640' cy='20' r='5' fill='%238f9bab' stroke='none'/%3E%3Ccircle cx='640' cy='20' r='11'/%3E%3Ccircle cx='330' cy='640' r='5' fill='%238f9bab' stroke='none'/%3E%3Ccircle cx='330' cy='640' r='11'/%3E%3Ccircle cx='840' cy='510' r='5' fill='%238f9bab' stroke='none'/%3E%3Ccircle cx='840' cy='510' r='11'/%3E%3Ccircle cx='480' cy='400' r='5' fill='%238f9bab' stroke='none'/%3E%3Ccircle cx='480' cy='400' r='11'/%3E%3Ccircle cx='670' cy='270' r='5' fill='%238f9bab' stroke='none'/%3E%3Ccircle cx='670' cy='270' r='11'/%3E%3Ccircle cx='370' cy='220' r='5' fill='%238f9bab' stroke='none'/%3E%3Ccircle cx='370' cy='220' r='11'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Ccircle cx='2' cy='2' r='1.1' fill='%238f9bab'/%3E%3C/svg%3E");
  background-repeat:no-repeat,repeat;background-size:1040px 720px,24px 24px;background-position:right -160px center,0 0;
  -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.35) 0%,#000 55%);mask-image:linear-gradient(90deg,rgba(0,0,0,.35) 0%,#000 55%)}
.domain-top::after{content:"";position:absolute;left:-180px;bottom:-260px;width:620px;height:430px;pointer-events:none;z-index:0;opacity:.09;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1040' height='720' viewBox='0 0 1040 720'%3E%3Cg fill='none' stroke='%238f9bab' stroke-width='1.4'%3E%3Ccircle cx='520' cy='360' r='300'/%3E%3Cellipse cx='520' cy='360' rx='75' ry='300'/%3E%3Cellipse cx='520' cy='360' rx='150' ry='300'/%3E%3Cellipse cx='520' cy='360' rx='225' ry='300'/%3E%3Cellipse cx='520' cy='162.0' rx='225.4' ry='36.1'/%3E%3Cellipse cx='520' cy='261.0' rx='283.2' ry='45.3'/%3E%3Cellipse cx='520' cy='360.0' rx='300.0' ry='48.0'/%3E%3Cellipse cx='520' cy='459.0' rx='283.2' ry='45.3'/%3E%3Cellipse cx='520' cy='558.0' rx='225.4' ry='36.1'/%3E%3Cellipse cx='520' cy='360' rx='420' ry='110' transform='rotate(-18 520 360)' stroke-dasharray='3 7'/%3E%3Cellipse cx='520' cy='360' rx='360' ry='190' transform='rotate(24 520 360)' stroke-dasharray='2 9'/%3E%3Cline x1='140' y1='300' x2='370' y2='220'/%3E%3Cline x1='370' y1='220' x2='640' y2='20'/%3E%3Cline x1='640' y1='20' x2='670' y2='270'/%3E%3Cline x1='670' y1='270' x2='890' y2='230'/%3E%3Cline x1='670' y1='270' x2='480' y2='400'/%3E%3Cline x1='480' y1='400' x2='330' y2='640'/%3E%3Cline x1='480' y1='400' x2='840' y2='510'/%3E%3Cline x1='840' y1='510' x2='890' y2='230'/%3E%3Cline x1='370' y1='220' x2='480' y2='400'/%3E%3Ccircle cx='140' cy='300' r='5' fill='%238f9bab' stroke='none'/%3E%3Ccircle cx='140' cy='300' r='11'/%3E%3Ccircle cx='890' cy='230' r='5' fill='%238f9bab' stroke='none'/%3E%3Ccircle cx='890' cy='230' r='11'/%3E%3Ccircle cx='640' cy='20' r='5' fill='%238f9bab' stroke='none'/%3E%3Ccircle cx='640' cy='20' r='11'/%3E%3Ccircle cx='330' cy='640' r='5' fill='%238f9bab' stroke='none'/%3E%3Ccircle cx='330' cy='640' r='11'/%3E%3Ccircle cx='840' cy='510' r='5' fill='%238f9bab' stroke='none'/%3E%3Ccircle cx='840' cy='510' r='11'/%3E%3Ccircle cx='480' cy='400' r='5' fill='%238f9bab' stroke='none'/%3E%3Ccircle cx='480' cy='400' r='11'/%3E%3Ccircle cx='670' cy='270' r='5' fill='%238f9bab' stroke='none'/%3E%3Ccircle cx='670' cy='270' r='11'/%3E%3Ccircle cx='370' cy='220' r='5' fill='%238f9bab' stroke='none'/%3E%3Ccircle cx='370' cy='220' r='11'/%3E%3C/g%3E%3C/svg%3E") no-repeat center/contain}
@media(max-width:760px){.domain-top::before{background-size:720px 500px,22px 22px;background-position:right -260px top 30px,0 0}.domain-top::after{display:none}}

/* domain bandı v3: koyu lacivert + hareketli alan adı ↔ sunucu animasyonu */
.domain-top{background:radial-gradient(circle at 78% 18%,rgba(0,110,230,.13),transparent 32%),linear-gradient(135deg,#031127 0%,#05224a 55%,#063366 100%)}
.domain-top::after{display:none}
.domain-top::before{background-image:radial-gradient(rgba(147,163,184,.55) 1px,transparent 1.2px);background-size:24px 24px;background-position:0 0;background-repeat:repeat;opacity:.18;-webkit-mask-image:none;mask-image:none}
.hero-net{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.6;pointer-events:none;
  -webkit-mask-image:radial-gradient(ellipse 42% 58% at 50% 42%,rgba(0,0,0,.18),#000 75%);mask-image:radial-gradient(ellipse 42% 58% at 50% 42%,rgba(0,0,0,.18),#000 75%)}
@media(max-width:760px){.hero-net{opacity:.4}}
.hero-net{height:calc(100% - 64px);object-position:center top}

/* ===== Turuncu birincil butonlar (domain sorgula ile aynı) ===== */
:root{--n-cta:linear-gradient(135deg,#ff7a00,#ff5c00);--n-cta-shadow:0 10px 24px rgba(255,92,0,.34),0 2px 6px rgba(255,92,0,.18)}
.domain-search-main button{box-shadow:var(--n-cta-shadow);transition:transform .15s,box-shadow .15s}
.domain-search-main button:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(255,92,0,.42),0 3px 8px rgba(255,92,0,.2)}
.nav-contact .panel-btn{background:var(--n-cta);border:0;color:#fff;box-shadow:var(--n-cta-shadow);transition:transform .15s,box-shadow .15s}
.nav-contact .panel-btn:hover{color:#fff;transform:translateY(-1px);box-shadow:0 14px 30px rgba(255,92,0,.42),0 3px 8px rgba(255,92,0,.2)}
.nav-contact .panel-btn .nh-i{color:#fff}

/* ===== Üst şerit metni: 1,5 pt büyük, ışıltılı ===== */
.promo{height:30px}
.promo span b{font-size:calc(1em - 2px);letter-spacing:.01em;
  background:linear-gradient(100deg,#ff7a1a 0%,#ff7a1a 40%,#ffd2a8 50%,#ff7a1a 60%,#ff7a1a 100%);
  background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
  animation:nhShine 3.6s ease-in-out infinite}
.promo span>.nh-i{color:#ff7a1a;width:13px;height:13px;transform-origin:30% 30%;animation:nhSwing 3.6s ease-in-out infinite}
@keyframes nhShine{0%{background-position:100% 0}55%,100%{background-position:0 0}}
@keyframes nhSwing{0%,60%,100%{transform:rotate(0)}66%{transform:rotate(-14deg)}74%{transform:rotate(10deg)}82%{transform:rotate(-5deg)}90%{transform:rotate(0)}}
@media (prefers-reduced-motion:reduce){.promo span b{animation:none;color:#ff7a1a;-webkit-text-fill-color:#ff7a1a;background:none}.promo span>.nh-i{animation:none}}

/* ===== Kendi veri merkezimiz bölümü ===== */
.dc-sec{background:#fff;padding:64px 0 28px}
.dc-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center}
.dc-loc{display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:14px;color:var(--n-blue);background:#edf5ff;border-radius:20px;padding:6px 13px}
.dc-loc .nh-i{width:16px;height:16px}
.dc-copy h2{font-size:40px;line-height:1.12;letter-spacing:-.025em;color:var(--n-ink);margin:16px 0 14px;max-width:560px}
.dc-copy>p{font-size:17px;line-height:1.7;color:var(--n-mute);max-width:580px;margin:0 0 24px}
.dc-points{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:16px}
.dc-points li{display:flex;gap:14px;align-items:flex-start}
.dc-points b{display:block;color:var(--n-ink);font-size:16px;margin-bottom:2px}
.dc-points span:last-child{color:var(--n-mute);font-size:15px;line-height:1.55}
.dc-pi{width:40px;height:40px;border-radius:11px;background:#f1f5fa;color:var(--n-navy);display:grid;place-items:center;flex-shrink:0}
.dc-pi .nh-i{width:20px;height:20px}
.dc-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.dc-btn{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 22px;border-radius:12px;background:var(--n-navy);color:#fff;font-weight:800;font-size:15px}
.dc-btn:hover{background:#0d2f57;color:#fff}
.dc-link{font-weight:700;color:var(--n-blue);font-size:15px}
.dc-card{background:var(--n-navy);border-radius:22px;overflow:hidden;box-shadow:0 30px 60px rgba(6,23,44,.22)}
.dc-visual{position:relative;padding:26px 26px 6px;background:radial-gradient(circle at 70% 0%,rgba(0,110,230,.28),transparent 55%)}
.dc-rack{width:100%;height:auto;display:block}
.dc-rack .u{fill:#0f2f57;stroke:#24507f;stroke-width:1}
.dc-rack .vent{stroke:#3a6496;stroke-width:2;stroke-linecap:round}
.dc-rack .led{fill:#39d98a;animation:dcBlink 2.2s ease-in-out infinite}
.dc-rack .l1{fill:#6fb1ff;animation-delay:.7s}.dc-rack .l2{animation-delay:1.4s}
@keyframes dcBlink{0%,100%{opacity:.3}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){.dc-rack .led{animation:none;opacity:.8}}
.dc-tag{position:absolute;left:26px;bottom:20px;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.95);color:var(--n-ink);border-radius:12px;padding:10px 14px;box-shadow:0 10px 24px rgba(0,0,0,.25)}
.dc-tag .nh-i{width:22px;height:22px;color:var(--n-blue)}
.dc-tag b{display:block;font-size:14px}
.dc-tag small{display:block;font-size:12.5px;color:var(--n-mute)}
.dc-stats{display:grid;grid-template-columns:repeat(4,1fr);margin:0;border-top:1px solid rgba(255,255,255,.1)}
.dc-stats div{padding:18px 16px;border-left:1px solid rgba(255,255,255,.1)}
.dc-stats div:first-child{border-left:0}
.dc-stats dt{color:#fff;font-weight:800;font-size:21px;letter-spacing:-.01em}
.dc-stats dd{margin:2px 0 0;color:#93a7bd;font-size:12.5px}
.dc-perks{list-style:none;margin:48px 0 0;padding:22px 0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--n-line);border-bottom:1px solid var(--n-line)}
.dc-perks li{display:flex;gap:12px;align-items:flex-start;padding:4px 22px;border-left:1px solid var(--n-line)}
.dc-perks li:first-child{border-left:0;padding-left:0}
.dc-perks .nh-i{width:24px;height:24px;color:var(--n-blue);flex-shrink:0;margin-top:2px}
.dc-perks b{display:block;color:var(--n-ink);font-size:15.5px}
.dc-perks span{color:var(--n-mute);font-size:14px;line-height:1.5}
@media(max-width:1000px){.dc-grid{grid-template-columns:1fr;gap:36px}.dc-copy h2{font-size:32px}.dc-perks{grid-template-columns:1fr 1fr;gap:16px 0}.dc-perks li:nth-child(3){border-left:0;padding-left:0}}
@media(max-width:560px){.dc-sec{padding:44px 0 20px}.dc-copy h2{font-size:27px}.dc-stats{grid-template-columns:1fr 1fr}.dc-stats div:nth-child(3){border-left:0}.dc-stats div:nth-child(n+3){border-top:1px solid rgba(255,255,255,.1)}.dc-perks{grid-template-columns:1fr}.dc-perks li{border-left:0!important;padding-left:0}}
.nh-spec{width:100%;border-collapse:collapse;margin:8px 0 10px;font-size:15.5px}
.nh-spec th,.nh-spec td{padding:11px 14px;border-bottom:1px solid var(--n-line);text-align:left;vertical-align:top}
.nh-spec th{width:42%;color:var(--n-mute);font-weight:600}
.nh-spec td{color:var(--n-ink);font-weight:600}
.nh-spec tr:nth-child(odd) th,.nh-spec tr:nth-child(odd) td{background:#f8fafd}
.dc-points{gap:14px}
.dc-stats dt{font-size:19px;white-space:nowrap}.dc-stats div{padding:18px 14px}

/* ===== Gerçek veriler bandı ===== */
.nh-facts{background:linear-gradient(135deg,#041633 0%,#06244c 60%,#073366 100%);color:#fff;padding:34px 0 22px}
.nh-facts-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(240px,1.15fr);align-items:center}
.nh-fact{display:flex;align-items:center;gap:14px;padding:6px 24px;border-left:1px solid rgba(255,255,255,.12)}
.nh-fact:first-child{border-left:0;padding-left:0}
.nh-fact b{font-size:38px;font-weight:800;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
.nh-fact span{font-size:14.5px;font-weight:700;line-height:1.3;color:#e4edf7}
.nh-fact small{display:block;font-weight:500;font-size:12.5px;color:#93a7bd;margin-top:3px}
.nh-wa{margin-left:20px;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:14px;border:1px solid rgba(37,211,102,.45);background:rgba(37,211,102,.08);color:#fff;transition:background .18s,border-color .18s}
.nh-wa:hover{background:rgba(37,211,102,.16);border-color:#25d366;color:#fff}
.nh-wa>.nh-i:first-child{width:30px;height:30px;color:#25d366;flex-shrink:0}
.nh-wa b{display:block;font-size:15px}
.nh-wa small{display:block;font-size:12.5px;color:#a9bacd}
.nh-wa>.nh-i:last-child{margin-left:auto;color:#25d366}
.nh-facts-note{margin:20px 0 0;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);font-size:13.5px;color:#a9bacd;display:flex;align-items:center;gap:8px}
.nh-facts-note .nh-i{color:#6fb1ff}
.dc-claim{margin:0 0 24px;padding:16px 18px;border-left:3px solid var(--n-orange);background:#fff7f1;border-radius:0 12px 12px 0;color:var(--n-ink);font-weight:700;font-size:16px;line-height:1.55}
@media(max-width:1100px){.nh-facts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 0}.nh-fact:nth-child(3){border-left:0;padding-left:0}.nh-wa{grid-column:1 / -1;margin:6px 0 0}}
@media(max-width:520px){.nh-fact{padding:4px 12px;flex-direction:column;align-items:flex-start;gap:6px}.nh-fact b{font-size:30px}}
.nh-fact{flex-direction:column;align-items:flex-start;gap:8px}
.nh-fact b{font-size:40px}
.nh-fact span{font-size:15px}
.nh-wa b{white-space:nowrap}
.nh-facts-grid{align-items:start}
.nh-wa{align-self:center}
.nh-fact span{white-space:nowrap}
@media(max-width:520px){.nh-fact span{white-space:normal}}

/* ===== Siyah tek şerit istatistik bandı ===== */
.nh-facts{background:#000;padding:26px 0;border-top:1px solid #1c1c1c;border-bottom:1px solid #1c1c1c}
.nh-facts-grid{grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:center}
.nh-fact{flex-direction:row;align-items:center;gap:14px;border-left-color:#262626}
.nh-fact b{font-size:42px;color:#fff}
.nh-fact span{font-size:15px;color:#fff}
.nh-fact small{color:#8a8a8a}
.nh-fact:nth-child(odd) b{color:#ff7a1a}
.nh-facts-note{display:none}
.nh-wa{background:#0d0d0d;border-color:#2a2a2a}
.nh-wa:hover{background:#111;border-color:#25d366}
@media(max-width:1100px){.nh-fact{flex-direction:column;align-items:flex-start;gap:6px}.nh-fact b{font-size:34px}}

/* ===== "5 firmadan biriyiz" büyük vurgu ===== */
.nh-five{background:#fff;padding:56px 0 30px}
.nh-five-in{display:grid;grid-template-columns:auto minmax(0,1fr);gap:44px;align-items:center;background:linear-gradient(135deg,#041633,#06244c 60%,#073366);border-radius:24px;padding:44px 52px;color:#fff;position:relative;overflow:hidden}
.nh-five-in::after{content:"";position:absolute;right:-120px;top:-120px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(255,122,26,.22),transparent 65%);pointer-events:none}
.nh-five-num{font-size:220px;font-weight:900;line-height:.8;letter-spacing:-.06em;background:linear-gradient(160deg,#ffb066,#ff6a00);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding-right:8px}
.nh-five-kicker{margin:0 0 12px;font-size:15px;font-weight:800;color:#ff9a4d}
.nh-five-claim{margin:0 0 22px;font-size:27px;line-height:1.38;font-weight:800;letter-spacing:-.01em;color:#fff;max-width:900px}
.nh-five-list{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.nh-five-list li{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:30px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font-size:14px;font-weight:700}
.nh-five-list .nh-i{color:#ff9a4d;width:17px;height:17px}
.nh-five-link{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:#fff;border-bottom:2px solid #ff7a1a;padding-bottom:3px}
.nh-five-link:hover{color:#ffb066}
@media(max-width:900px){.nh-five-in{grid-template-columns:1fr;gap:10px;padding:32px 26px}.nh-five-num{font-size:130px}.nh-five-claim{font-size:21px}}

/* ===== Açılır menüler: daha büyük ve şık ===== */
.mega-menu{width:min(1080px,calc(100vw - 40px));padding:28px;border-radius:18px;border-color:#e3eaf2;box-shadow:0 30px 80px rgba(4,22,51,.22)}
.mega-menu.mega-sm{width:min(440px,calc(100vw - 40px))}
.mega-grid{gap:22px}
.mega-col h4{font-size:13px;color:#8796a8;margin:0 0 10px 12px;font-weight:700}
.mega-col a{padding:12px;gap:14px;font-size:16px;border-radius:14px;transition:background .15s}
.mega-col a small{font-size:13.5px;margin-top:3px}
.mega-ico{width:46px;height:46px;flex:0 0 46px;border-radius:13px;background:linear-gradient(145deg,#eef5ff,#dceaff);color:#0a63d6;box-shadow:inset 0 0 0 1px rgba(10,99,214,.08)}
.mega-ico .nh-i{width:22px;height:22px;stroke-width:1.7}
.mega-col a:hover{background:#f3f7fc}
.mega-col a:hover .mega-ico{background:linear-gradient(145deg,#1a7cf0,#0a5bc4);color:#fff;box-shadow:0 8px 18px rgba(10,99,214,.3)}
.nav-item:nth-child(2) .mega-ico{background:linear-gradient(145deg,#eefbf3,#d7f3e2);color:#13814f;box-shadow:inset 0 0 0 1px rgba(19,129,79,.08)}
.nav-item:nth-child(2) .mega-col a:hover .mega-ico{background:linear-gradient(145deg,#1fa866,#11804c);color:#fff;box-shadow:0 8px 18px rgba(19,129,79,.3)}
.nav-item:nth-child(3) .mega-ico{background:linear-gradient(145deg,#f3efff,#e4dbff);color:#6440d6;box-shadow:inset 0 0 0 1px rgba(100,64,214,.08)}
.nav-item:nth-child(3) .mega-col a:hover .mega-ico{background:linear-gradient(145deg,#7c5cf0,#5a36c9);color:#fff;box-shadow:0 8px 18px rgba(100,64,214,.3)}
.mega-promo{margin-top:22px;padding:20px 24px;border-radius:14px;background:linear-gradient(120deg,#041633,#073366)}
.mega-promo b{font-size:18px}
.mega-promo a{background:linear-gradient(135deg,#ff7a00,#ff5c00);color:#fff;border:0;border-radius:10px;padding:12px 20px;font-weight:800;box-shadow:0 10px 24px rgba(255,92,0,.34)}
.mega-promo a:hover{color:#fff}
.mega-note{margin:8px 12px 0;font-size:13.5px}
/* menü yazıları ve buton (eski kuralları ezer) */
.mega-menu .mega-col a>span:last-child{font-size:16px;font-weight:700;line-height:1.3;color:var(--n-ink)}
.mega-menu .mega-col a>span:last-child small{font-size:13.5px;font-weight:500;color:#6a7b8f;line-height:1.45}
.mega-menu .mega-promo a{background:linear-gradient(135deg,#ff7a00,#ff5c00)!important;color:#fff!important;border:0!important;border-radius:10px;padding:12px 20px;font-size:15px;font-weight:800;box-shadow:0 10px 24px rgba(255,92,0,.34)}
.mega-menu .mega-promo small{font-size:13.5px;color:#b8c8db}
/* siyah şerit: taşmasız tek satır */
.nh-facts-grid{grid-template-columns:repeat(4,max-content) minmax(0,1fr);gap:0}
.nh-fact{padding:4px 28px;gap:12px}
.nh-fact b{font-size:36px}
.nh-fact span{white-space:normal;max-width:150px;font-size:14px;line-height:1.25}
.nh-fact small{font-size:12px}
.nh-wa{justify-self:end;margin-left:16px}
@media(max-width:1240px){.nh-facts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 0}.nh-fact:nth-child(3){border-left:0;padding-left:0}.nh-wa{grid-column:1 / -1;justify-self:stretch;margin:4px 0 0}}
.nh-facts-grid{grid-template-columns:repeat(4,minmax(0,1fr)) auto}
.nh-fact{padding:4px 20px;min-width:0}
.nh-fact b{font-size:34px;flex-shrink:0}
.nh-fact span{max-width:none;min-width:0}
@media(max-width:1240px){.nh-facts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ===== Kurumsal vurgu bölümü (görsel | metin | görsel) ===== */
.nh-proof{background:#f5f8fc;padding:72px 0;border-top:1px solid var(--n-line);border-bottom:1px solid var(--n-line)}
.nh-proof-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr) minmax(0,.8fr);gap:40px;align-items:center}
.nh-proof-img{margin:0;position:relative;border-radius:20px;overflow:hidden;aspect-ratio:4/5;background:#0a2347;box-shadow:0 24px 50px rgba(6,23,44,.18)}
.nh-proof-img img{width:100%;height:100%;object-fit:cover;display:block}
.nh-proof-img figcaption{position:absolute;left:14px;bottom:14px;right:14px;padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.94);color:var(--n-ink);font-weight:700;font-size:14px}
.nh-proof-grid .nh-proof-img:last-child{transform:translateY(28px)}
.nh-proof-grid .nh-proof-img:first-child{transform:translateY(-28px)}
.nh-proof-body{text-align:center}
.nh-seal{width:112px;height:112px;margin:0 auto 22px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border:1px solid #f1c8a8;box-shadow:0 0 0 7px #fff3ea,0 14px 30px rgba(242,107,29,.18);color:var(--n-orange)}
.nh-seal b{font-size:44px;line-height:1;font-weight:800;letter-spacing:-.03em}
.nh-seal span{font-size:11.5px;font-weight:700;color:var(--n-ink);margin-top:3px}
.nh-proof-body h2{font-size:32px;line-height:1.2;letter-spacing:-.02em;color:var(--n-ink);margin:0 0 14px}
.nh-proof-body p{font-size:16.5px;line-height:1.75;color:var(--n-mute);margin:0 auto 22px;max-width:560px}
.nh-proof-pts{list-style:none;margin:0 auto 26px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 22px;max-width:460px;text-align:left}
.nh-proof-pts li{display:flex;align-items:center;gap:9px;font-weight:700;color:var(--n-ink);font-size:15px}
.nh-proof-pts .nh-i{width:18px;height:18px;color:#fff;background:var(--n-ok);border-radius:50%;padding:3px;stroke-width:2.6}
.nh-proof-link{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 22px;border-radius:12px;background:var(--n-navy);color:#fff;font-weight:800}
.nh-proof-link:hover{background:#0d2f57;color:#fff}
@media(max-width:1000px){.nh-proof-grid{grid-template-columns:1fr 1fr;gap:20px}.nh-proof-body{grid-column:1 / -1;order:-1;margin-bottom:12px}.nh-proof-grid .nh-proof-img{transform:none!important;aspect-ratio:4/3}}
@media(max-width:560px){.nh-proof{padding:48px 0}.nh-proof-body h2{font-size:25px}.nh-proof-pts{grid-template-columns:1fr}}

/* ===== Nesli Mail: gerçek ekran görüntüleri ===== */
.nm-shots{position:relative;padding:10px 0 60px 0}
.nm-browser{margin:0;border-radius:14px;overflow:hidden;background:#11151c;box-shadow:0 30px 70px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08)}
.nm-browser-bar{display:flex;align-items:center;gap:7px;padding:10px 14px;background:#1b2029}
.nm-browser-bar i{width:10px;height:10px;border-radius:50%;background:#3a4252}
.nm-browser-bar i:nth-child(1){background:#ff5f57}.nm-browser-bar i:nth-child(2){background:#febc2e}.nm-browser-bar i:nth-child(3){background:#28c840}
.nm-browser-bar span{margin-left:12px;font-size:12px;color:#9aa6b6;background:#11151c;border-radius:6px;padding:4px 12px}
.nm-browser img{display:block;width:100%;height:auto}
.nm-phone{position:absolute;right:-18px;bottom:0;width:31%;margin:0;border-radius:30px;overflow:hidden;border:8px solid #0b0e13;background:#0b0e13;box-shadow:0 26px 60px rgba(0,0,0,.45)}
.nm-phone img{display:block;width:100%;height:auto;border-radius:22px}
@media(max-width:980px){.nm-phone{right:8px;width:34%}}
@media(max-width:560px){.nm-shots{padding-bottom:40px}.nm-phone{width:40%;border-width:6px;border-radius:22px}}
.store-badges a{transition:transform .15s}
.store-badges a:hover{transform:translateY(-2px)}

/* ===== Nesli Mail: siyah zemin, fark vurgusu, iOS + Android cihazlar ===== */
.mail-feature-section{background:#000!important;padding:76px 0 70px}
.mail-feature-section .mail-kicker{background:rgba(255,122,26,.12);border-color:rgba(255,122,26,.4);color:#ff9a4d;letter-spacing:.02em}
.mail-feature-copy h2{font-size:42px;line-height:1.12;letter-spacing:-.025em}
.mail-feature-copy>p{color:#b4bfcc;font-size:17px;line-height:1.7}
.nm-vs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 20px}
.nm-vs-col{border-radius:16px;padding:18px 18px 14px}
.nm-vs-col b{display:block;font-size:15px;margin-bottom:10px}
.nm-vs-col ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.nm-vs-col li{display:flex;align-items:flex-start;gap:9px;font-size:14.5px;line-height:1.4}
.nm-vs-col .nh-i{width:18px;height:18px;flex-shrink:0;margin-top:1px;border-radius:50%;padding:3px;stroke-width:2.6}
.nm-vs-col.is-them{background:#0d0d0d;border:1px solid #262626;color:#8a8a8a}
.nm-vs-col.is-them b{color:#a3a3a3}
.nm-vs-col.is-them .nh-i{background:#2a2a2a;color:#9a9a9a}
.nm-vs-col.is-us{background:linear-gradient(145deg,#2a1406,#1a0d04);border:1px solid rgba(255,122,26,.55);color:#fff;box-shadow:0 14px 40px rgba(255,92,0,.14)}
.nm-vs-col.is-us b{color:#ff9a4d}
.nm-vs-col.is-us .nh-i{background:#ff7a1a;color:#fff}
.mail-feature-section .mail-proof span{background:#0d0d0d;border-color:#2a2a2a;color:#d6dbe2}
.mail-feature-section .store-note{color:#8a8a8a}
.nm-browser{border-color:#262626;box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 0 1px #1a1a1a}
/* cihaz çerçeveleri */
.nm-shots{padding:0 0 120px}
.nm-phone{display:none}
.nm-dev{position:absolute;bottom:0;margin:0;width:27%;aspect-ratio:9/18.5;padding:9px;background:#0a0a0a;box-shadow:0 30px 70px rgba(0,0,0,.7),inset 0 0 0 1.5px #3a3a3a}
.nm-dev img{display:block;width:100%;height:100%;object-fit:cover;object-position:28% top}
.nm-dev figcaption{position:absolute;left:50%;bottom:-30px;transform:translateX(-50%);font-size:12.5px;font-weight:700;color:#8a8a8a;white-space:nowrap}
.nm-ios{left:-14px;border-radius:44px}
.nm-ios img{border-radius:36px}
.nm-island{position:absolute;top:17px;left:50%;transform:translateX(-50%);width:30%;height:16px;border-radius:12px;background:#000;z-index:2}
.nm-ios::after{content:"";position:absolute;right:-3px;top:24%;width:3px;height:14%;border-radius:0 3px 3px 0;background:#2e2e2e}
.nm-android{right:-14px;border-radius:30px;background:#16181c;box-shadow:0 30px 70px rgba(0,0,0,.7),inset 0 0 0 1.5px #44484f}
.nm-android img{border-radius:22px}
.nm-punch{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:11px;height:11px;border-radius:50%;background:#000;box-shadow:0 0 0 2px #16181c;z-index:2}
.nm-android::after{content:"";position:absolute;right:-3px;top:20%;width:3px;height:9%;border-radius:0 3px 3px 0;background:#3a3d43}
@media(max-width:980px){.mail-feature-copy h2{font-size:32px}.nm-shots{margin-top:30px}.nm-ios{left:6px}.nm-android{right:6px}}
@media(max-width:560px){.nm-vs{grid-template-columns:1fr}.nm-dev{width:36%;padding:6px}.nm-ios{border-radius:30px}.nm-ios img{border-radius:25px}.nm-android{border-radius:22px}.nm-android img{border-radius:17px}.nm-island{top:11px;height:11px}.nm-punch{top:12px;width:8px;height:8px}.nm-shots{padding-bottom:90px}}
@media(min-width:981px){.nm-dev{width:30%}.nm-shots{padding-bottom:140px}}