/* ========================================================================== HostingHizmeti.com — ORTAK STİL DOSYASI Tüm sayfalarda (anasayfa, hosting, vps, ssl, alan-adi vb.) bu dosyayı içine şu şekilde ekle: Bu dosya Tailwind CDN'in YANINDA çalışır — Tailwind utility class'larını (flex, grid, p-4 vb.) kullanmaya devam edebilirsin. Burada sadece sitede sürekli tekrar eden kalıpları (topbar linki, buton, kart, section başlığı gibi) tek bir class'a topladık ki her sayfada aynı uzun utility dizisini yeniden yazmak zorunda kalma. ========================================================================== */ @font-face { font-family:'Gilroy'; src:url('/fonts/gilroy/Gilroy-Regular.woff2') format('woff2'),url('/fonts/gilroy/Gilroy-Regular.woff') format('woff'); font-style:normal; font-weight:400; font-display:swap; } @font-face { font-family:'Gilroy'; src:url('/fonts/gilroy/Gilroy-RegularItalic.woff2') format('woff2'),url('/fonts/gilroy/Gilroy-RegularItalic.woff') format('woff'); font-style:italic; font-weight:400; font-display:swap; } @font-face { font-family:'Gilroy'; src:url('/fonts/gilroy/Gilroy-SemiBold.woff2') format('woff2'),url('/fonts/gilroy/Gilroy-SemiBold.woff') format('woff'); font-style:normal; font-weight:500 600; font-display:swap; } @font-face { font-family:'Gilroy'; src:url('/fonts/gilroy/Gilroy-Bold.woff') format('woff'); font-style:normal; font-weight:700 900; font-display:swap; } :root{ --brand-50:#fff7ed; --brand-100:#ffedd5; --brand-200:#fed7aa; --brand-400:#fb923c; --brand-500:#f97316; --brand-600:#ea580c; --brand-700:#c2410c; --ink-900:#0f172a; --ink-800:#1e293b; --gray-400:#9ca3af; --gray-500:#6b7280; --gray-700:#374151; --radius-sm:8px; --radius-md:12px; --radius-lg:16px; --radius-xl:24px; } /* Kurumsal tipografi sistemi */ body, button, input, textarea, select { font-family:'Gilroy',system-ui,-apple-system,'Segoe UI',sans-serif; } h1, h2, h3, h4, .section-title { font-family:'Gilroy',system-ui,sans-serif; letter-spacing:-.025em; } /* ── TOPBAR / ÜST BİLGİ ÇUBUĞU LİNKLERİ ── Kullanım: 0 (216) 850 34 37 */ .topbar-link{ font-size:12px; color:rgba(255,255,255,.6); display:inline-flex; align-items:center; gap:6px; transition:color .2s ease; text-decoration:none; } .topbar-link:hover{ color:var(--brand-400); } .topbar-link.is-highlight{ color:var(--brand-400); font-weight:700; } /* ── NAVBAR ÜST MENÜ ÖĞESİ ── Kullanım:
Metin
*/ .nav-item{ display:flex; align-items:center; gap:8px; padding:10px 14px; border-radius:12px; font-size:14px; font-weight:700; color:var(--gray-700); cursor:pointer; transition:background .18s ease,color .18s ease; } .nav-item:hover{ background:var(--brand-50); color:var(--brand-600); } .nav-item i:first-child{ color:var(--brand-500); font-size:13px; } /* ── BUTONLAR ── Kullanım: */ .btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; height:44px; padding:0 24px; border-radius:14px; font-size:14px; font-weight:800; border:none; cursor:pointer; transition:all .18s ease; font-family:inherit; white-space:nowrap; } .btn-primary{ background:linear-gradient(to bottom right,var(--brand-500),var(--brand-600)); color:#fff; } .btn-primary:hover{ box-shadow:0 10px 24px rgba(249,115,22,.3); } .btn-outline{ background:#fff; color:var(--gray-700); border:1.5px solid #e2e8f0; } .btn-outline:hover{ border-color:var(--brand-300,#fdba74); background:var(--brand-50); color:var(--brand-600); } .btn-dark{ background:var(--ink-900); color:#fff; } .btn-dark:hover{ background:var(--ink-800); } .btn-sm{ height:36px; padding:0 16px; font-size:12px; border-radius:10px; } /* ── SECTION BAŞLIK BLOĞU ── Kullanım:
Etiket

Başlık Vurgu

Alt açıklama metni

*/ .section-head{ text-align:center; margin-bottom:32px; } .eyebrow{ display:inline-block; font-size:11px; font-weight:800; color:var(--brand-600); background:var(--brand-50); border:1px solid var(--brand-200); border-radius:999px; padding:4px 14px; text-transform:uppercase; letter-spacing:.4px; margin-bottom:10px; } .section-title{ font-size:30px; font-weight:900; letter-spacing:-.02em; margin-bottom:6px; color:var(--ink-900); } .section-title .accent{ color:var(--brand-500); } .section-sub{ font-size:14px; color:var(--gray-500); } /* ── KART BİLEŞENLERİ ── Kullanım:
...
*/ .card{ background:#fff; border:1.5px solid #f1f5f9; border-radius:var(--radius-lg); padding:20px; } .card-hover{ transition:all .22s ease; } .card-hover:hover{ border-color:var(--brand-200); box-shadow:0 10px 30px rgba(249,115,22,.08); transform:translateY(-2px); } .icon-box{ width:40px; height:40px; border-radius:12px; background:var(--brand-50); color:var(--brand-500); display:flex; align-items:center; justify-content:center; font-size:15px; } /* ── BADGE / ETİKET PIL ── Kullanım: Popüler */ .badge{ display:inline-flex; align-items:center; gap:4px; font-size:10px; font-weight:800; padding:3px 10px; border-radius:999px; border:1px solid transparent; } .badge-orange{ background:var(--brand-50); color:var(--brand-600); border-color:var(--brand-200); } .badge-green{ background:#dcfce7; color:#16a34a; border-color:#bbf7d0; } .badge-red{ background:#fef2f2; color:#dc2626; border-color:#fecaca; } .badge-blue{ background:#eff6ff; color:#2563eb; border-color:#bfdbfe; } .badge-dark{ background:rgba(0,0,0,.25); color:#fff; } /* ── FİYAT ETİKETİ ── Kullanım:
₺249₺149/ay
*/ .price-old{ font-size:12px; color:var(--gray-400); text-decoration:line-through; margin-right:6px; } .price-new{ font-size:22px; font-weight:900; color:var(--brand-500); } .price-period{ font-size:11px; color:var(--gray-400); margin-left:2px; } /* ── FOOTER LİNKLERİ ── Kullanım: Bağlantı */ .footer-link{ font-size:13px; color:rgba(255,255,255,.45); text-decoration:none; transition:color .18s ease; } .footer-link:hover{ color:var(--brand-400); } .footer-col-title{ font-size:14px; font-weight:800; color:#fff; margin-bottom:6px; } .footer-col-underline{ width:32px; height:2px; background:var(--brand-500); border-radius:999px; margin-bottom:14px; } /* ── MEGA MENÜ ÖĞESİ ── Kullanım:
Başlık
Açıklama
 */ .mega-item{ display:flex; align-items:flex-start; gap:12px; padding:10px; border-radius:12px; text-decoration:none; transition:background .18s ease; } .mega-item:hover{ background:var(--brand-50); } .mega-item-title{ font-size:14px; font-weight:700; color:var(--ink-900); } .mega-item-desc{ font-size:12px; color:var(--gray-400); } /* ── DOT / GRID DEKORATİF ARKA PLAN ── Kullanım:
...
veya
*/ .bg-dots-dark{ background-image:radial-gradient(rgba(249,115,22,.18) 1px,transparent 1px); background-size:22px 22px; } .bg-dots-light{ background-image:radial-gradient(rgba(249,115,22,.12) 1px,transparent 1px); background-size:22px 22px; } /* ── GENEL YARDIMCI SINIFLAR ── */ .no-scrollbar::-webkit-scrollbar{ display:none; } .no-scrollbar{ -ms-overflow-style:none; scrollbar-width:none; } /* ── AÇIK / KOYU TEMA ───────────────────────────────────────────── */ html { color-scheme: light; } html.dark { color-scheme: dark; } html, body, body * { transition-property: background-color, border-color, color, box-shadow; transition-duration: .18s; transition-timing-function: ease; } html.dark body { background:#020617 !important; color:#e2e8f0 !important; } html.dark .bg-white { background-color:#0f172a !important; } html.dark .bg-slate-50 { background-color:#0b1220 !important; } html.dark .bg-slate-100 { background-color:#172033 !important; } html.dark .bg-gray-50 { background-color:#0b1220 !important; } html.dark .bg-gray-100 { background-color:#172033 !important; } html.dark .bg-blue-50 { background-color:#172554 !important; } html.dark .bg-blue-100 { background-color:#1e3a8a !important; } html.dark .bg-green-50 { background-color:#052e24 !important; } html.dark .bg-green-100 { background-color:#064e3b !important; } html.dark .bg-red-50 { background-color:#450a0a !important; } html.dark .bg-yellow-50 { background-color:#422006 !important; } html.dark .bg-orange-50 { background-color:#431407 !important; } html.dark .bg-violet-50 { background-color:#2e1065 !important; } html.dark .bg-sky-50 { background-color:#082f49 !important; } html.dark .text-slate-900, html.dark .text-gray-900, html.dark .text-gray-800 { color:#f8fafc !important; } html.dark .text-slate-800, html.dark .text-slate-700, html.dark .text-gray-700 { color:#e2e8f0 !important; } html.dark .text-slate-600, html.dark .text-slate-500, html.dark .text-gray-600, html.dark .text-gray-500 { color:#a8b3c7 !important; } html.dark .text-gray-400 { color:#8290a8 !important; } html.dark .border-white { border-color:#334155 !important; } html.dark .border-slate-50, html.dark .border-slate-100, html.dark .border-slate-200, html.dark .border-gray-100, html.dark .border-gray-200 { border-color:#273449 !important; } html.dark .divide-slate-100 > :not([hidden]) ~ :not([hidden]) { border-color:#273449 !important; } html.dark input, html.dark textarea, html.dark select { background-color:#0b1220; border-color:#334155; color:#f8fafc; } html.dark input::placeholder, html.dark textarea::placeholder { color:#64748b; } html.dark .shadow-sm, html.dark .shadow-md, html.dark .shadow-lg, html.dark .shadow-xl, html.dark .shadow-2xl { --tw-shadow-color:rgba(0,0,0,.45) !important; } html.dark nav { background:#0f172a !important; border-color:#273449 !important; } html.dark nav [id^="mg-"] { background:linear-gradient(145deg,#0f172a 0%,#0f172a 72%,#111c31 100%) !important; border-color:#334155 !important; } html.dark nav [id^="mg-"] a:hover, html.dark nav [id^="mg-"] a:focus-visible, html.dark .hover\:bg-blue-50:hover { background-color:#172554 !important; color:#dbeafe !important; } html.dark nav [id^="mg-"] a:hover .text-gray-900, html.dark nav [id^="mg-"] a:hover .text-slate-900 { color:#fff !important; } .theme-logo-white { filter:none; } html.dark #mobPanel { background:#0f172a !important; } html.dark .mega-item-title { color:#f8fafc; } html.dark .mega-item-desc { color:#94a3b8; } html.dark .mega-item:hover { background:#172554; } html.dark table tbody tr:hover { background-color:rgba(30,41,59,.45); } html.dark .faq-item { background-color:#111c2f !important; border-color:#2b3a50 !important; } html.dark .faq-item.open { border-color:#3b82f6 !important; } html.dark details > summary:hover { background-color:rgba(30,64,175,.15) !important; } html.dark .unified-feature-card { background:#111c2f !important; border-color:#2b3a50 !important; } html.dark .unified-feature-card:hover { background:#152238 !important; border-color:#3b82f6 !important; } html.dark .unified-app-section .bg-white, html.dark [class*="bg-slate-9"] .bg-white { background-color:#fff !important; } /* Açık renkli özel hero gradyanlarını koyu temada gerçek koyu yüzeye çevir. */ html.dark section[class*="from-blue-50"][class*="via-white"], html.dark section[class*="from-blue-50"][class*="to-white"] { background-image:linear-gradient(to bottom,#0f172a 0%,#0b1220 56%,#020617 100%) !important; } html.dark section[class*="from-blue-50"] [class*="bg-slate-100"], html.dark section[class*="from-blue-50"] [class*="bg-blue-100"] { opacity:.35; } @media (prefers-reduced-motion: reduce) { html, body, body * { transition-duration:0s !important; } } /* Hosting avantaj kartları: koyu temada açık yüzey / açık metin çakışmasını önler. */ html.dark div[class*="to-blue-50/70"] { background: linear-gradient(145deg, #111b30 0%, #0f172a 58%, #102653 100%) !important; border-color: rgba(96, 165, 250, .22) !important; } /* Hosting karşılaştırma ve müşteri deneyimi alanları */ #karsilastirma { position:relative; overflow:hidden; background: radial-gradient(circle at 12% 15%, rgba(37,99,235,.10), transparent 28%), radial-gradient(circle at 88% 85%, rgba(14,165,233,.08), transparent 30%), #f8fafc !important; } #karsilastirma::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.34; background-image:radial-gradient(rgba(37,99,235,.24) .7px, transparent .7px); background-size:22px 22px; } #karsilastirma > div { position:relative; z-index:1; } #karsilastirma [class*="rounded-3xl"][class*="overflow-x-auto"] { border-color:rgba(148,163,184,.28) !important; box-shadow:0 24px 65px rgba(15,23,42,.11), 0 2px 8px rgba(15,23,42,.04) !important; } #karsilastirma thead { background:linear-gradient(90deg,#f8fbff,#eef5ff,#f8fbff); } #karsilastirma thead th { padding-top:1.15rem !important; padding-bottom:1.15rem !important; } #karsilastirma tbody tr { transition:background-color .2s ease, transform .2s ease; } #karsilastirma tbody tr:hover { background:rgba(239,246,255,.72); } #karsilastirma tbody td { border-color:rgba(226,232,240,.72); } .premium-testimonials { position:relative; overflow:hidden; background: radial-gradient(circle at 8% 20%,rgba(37,99,235,.08),transparent 27%), radial-gradient(circle at 92% 75%,rgba(14,165,233,.08),transparent 26%), #fff !important; } .premium-testimonials::before { content:"\201C"; position:absolute; left:4%; top:8%; color:rgba(37,99,235,.055); font:900 15rem/1 Georgia,serif; pointer-events:none; } .premium-testimonial-card { position:relative; overflow:hidden; background:linear-gradient(145deg,#fff 0%,#fff 60%,#f1f6ff 100%) !important; border:1px solid rgba(148,163,184,.28) !important; border-radius:1.25rem !important; padding:1.65rem !important; box-shadow:0 16px 45px rgba(15,23,42,.075) !important; transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease !important; } .premium-testimonial-card::after { content:"\201D"; position:absolute; right:1rem; top:.2rem; color:rgba(37,99,235,.08); font:900 5.5rem/1 Georgia,serif; } .premium-testimonial-card:hover { transform:translateY(-6px); border-color:rgba(37,99,235,.42) !important; box-shadow:0 24px 55px rgba(37,99,235,.14) !important; } .premium-testimonial-card img { width:2.75rem !important; height:2.75rem !important; box-shadow:0 7px 18px rgba(15,23,42,.14) !important; } html.dark #karsilastirma { background:radial-gradient(circle at 15% 10%,rgba(37,99,235,.16),transparent 30%),#0b1425 !important; } html.dark #karsilastirma thead { background:linear-gradient(90deg,#111c2f,#132441,#111c2f); } html.dark #karsilastirma tbody tr:hover { background:rgba(37,99,235,.08); } html.dark .premium-testimonials { background:radial-gradient(circle at 10% 20%,rgba(37,99,235,.13),transparent 30%),#0b1425 !important; } html.dark .premium-testimonial-card { background:linear-gradient(145deg,#111c2f,#0f172a 65%,#102653) !important; border-color:#2b3a50 !important; } /* Premium header, kampanya şeridi ve ana navigasyon */ .hh-premium-header { position:relative; z-index:60; } .hh-campaign-bar { isolation:isolate; border-bottom:1px solid rgba(147,197,253,.17); box-shadow:inset 0 -1px rgba(255,255,255,.035),0 8px 30px rgba(2,6,23,.16); } .hh-campaign-bar::before { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background: linear-gradient(105deg,transparent 0 25%,rgba(255,255,255,.055) 38%,transparent 51%), radial-gradient(circle at 50% -100%,rgba(96,165,250,.3),transparent 56%); } .hh-campaign-bar::after { content:""; position:absolute; left:0; right:0; bottom:0; height:2px; opacity:.8; background:linear-gradient(90deg,transparent,#38bdf8 25%,#6366f1 52%,#38bdf8 78%,transparent); } .hh-campaign-bar [data-campaign-prev], .hh-campaign-bar [data-campaign-next] { width:2.15rem !important; height:2.15rem !important; border-color:rgba(255,255,255,.2) !important; background:rgba(255,255,255,.075) !important; box-shadow:inset 0 1px rgba(255,255,255,.09),0 5px 16px rgba(0,0,0,.16); } .hh-campaign-bar [data-campaign-prev]:hover, .hh-campaign-bar [data-campaign-next]:hover { background:#fff !important; color:#1d4ed8; transform:translateY(-1px); } .hh-campaign-bar .campaign-code { border-style:solid !important; border-color:rgba(147,197,253,.3) !important; background:rgba(255,255,255,.1) !important; box-shadow:inset 0 1px rgba(255,255,255,.08); letter-spacing:.06em; } .hh-campaign-bar [data-campaign-countdown] { padding:.42rem .75rem; border:1px solid rgba(147,197,253,.24); border-radius:.65rem; background:rgba(3,7,18,.22); box-shadow:inset 0 1px rgba(255,255,255,.06); text-align:center; } .hh-desktop-utility { background:linear-gradient(90deg,#f8fafc,#eef4fb 50%,#f8fafc) !important; border-color:rgba(148,163,184,.23) !important; } .hh-desktop-utility a { position:relative; } .hh-desktop-utility a::after { content:""; position:absolute; left:50%; right:50%; bottom:-.28rem; height:1px; background:#2563eb; transition:left .2s ease,right .2s ease; } .hh-desktop-utility a:hover::after { left:0; right:0; } .hh-mobile-utility { background:linear-gradient(90deg,#f8fafc,#f1f6fd,#f8fafc) !important; } .hh-mobile-utility a,.hh-mobile-utility button { box-shadow:0 4px 14px rgba(15,23,42,.055); } nav[data-premium-nav] { background:rgba(255,255,255,.91) !important; border-color:rgba(148,163,184,.22) !important; box-shadow:0 12px 38px rgba(15,23,42,.075) !important; } nav[data-premium-nav]::before { content:""; position:absolute; left:0; right:0; top:0; height:1px; background:linear-gradient(90deg,transparent,rgba(59,130,246,.35),transparent); } nav[data-premium-nav] > div { height:80px !important; } nav[data-premium-nav] .group > div[class*="cursor-pointer"], nav[data-premium-nav] a.compact-nav-link { border:1px solid transparent; border-radius:.85rem !important; transition:color .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease !important; } nav[data-premium-nav] .group:hover > div[class*="cursor-pointer"], nav[data-premium-nav] a.compact-nav-link:hover { background:linear-gradient(145deg,#eff6ff,#f8fbff) !important; border-color:#dbeafe !important; color:#1d4ed8 !important; box-shadow:0 7px 20px rgba(37,99,235,.08); transform:translateY(-1px); } nav[data-premium-nav] .nav-sales-cta { border:1px solid rgba(255,255,255,.16); box-shadow:inset 0 1px rgba(255,255,255,.18),0 10px 24px rgba(37,99,235,.25); } nav[data-premium-nav] .nav-sales-cta:hover { transform:translateY(-2px); box-shadow:inset 0 1px rgba(255,255,255,.2),0 15px 30px rgba(37,99,235,.34); } nav[data-premium-nav] a[aria-label="Sepet"] { background:linear-gradient(145deg,#fff,#f5f8fc) !important; box-shadow:0 7px 20px rgba(15,23,42,.07); } nav[data-premium-nav] a[aria-label="Sepet"]:hover { transform:translateY(-2px); box-shadow:0 12px 25px rgba(37,99,235,.14); } nav[data-premium-nav] a[aria-label="Sepet"] span { box-shadow:0 4px 10px rgba(15,23,42,.25); } html.dark .hh-desktop-utility { background:linear-gradient(90deg,#111c2f,#132039,#111c2f) !important; border-color:#263750 !important; } html.dark .hh-mobile-utility { background:linear-gradient(90deg,#0f172a,#111c2f,#0f172a) !important; } html.dark nav[data-premium-nav] { background:rgba(10,19,35,.93) !important; border-color:#263750 !important; box-shadow:0 14px 40px rgba(0,0,0,.28) !important; } html.dark nav[data-premium-nav] .group:hover > div[class*="cursor-pointer"], html.dark nav[data-premium-nav] a.compact-nav-link:hover { background:linear-gradient(145deg,#132441,#111c2f) !important; border-color:#2b4d79 !important; } html.dark nav[data-premium-nav] a[aria-label="Sepet"] { background:linear-gradient(145deg,#111c2f,#0f172a) !important; border-color:#2b3a50 !important; } @media (max-width:767px) { .hh-campaign-bar > div { min-height:48px !important; } nav[data-premium-nav] > div { height:68px !important; } } /* Anasayfa öne çıkan ürün vitrini */ .home-premium-promos { position:relative; } .home-promo-card { position:relative; display:block; min-height:290px; overflow:hidden; isolation:isolate; border:1px solid rgba(148,163,184,.2); border-radius:1.35rem; background:#08152d; box-shadow:0 16px 42px rgba(15,23,42,.12); transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease; } .home-promo-card > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-3; transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .35s ease; } .home-promo-shade { position:absolute; inset:0; z-index:-2; background:linear-gradient(92deg,rgba(3,10,26,.98) 0%,rgba(5,17,42,.9) 43%,rgba(5,16,38,.2) 100%),linear-gradient(0deg,rgba(2,6,23,.82),transparent 65%); } .home-promo-card::after { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; border-radius:inherit; box-shadow:inset 0 1px rgba(255,255,255,.12),inset 0 0 0 1px rgba(96,165,250,.05); } .home-promo-top { position:absolute; left:1.35rem; right:1.35rem; top:1.25rem; display:flex; align-items:center; justify-content:space-between; color:#bfdbfe; font-size:.68rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; } .home-promo-top span { display:inline-flex; align-items:center; gap:.45rem; padding:.42rem .62rem; border:1px solid rgba(147,197,253,.22); border-radius:99px; background:rgba(15,23,42,.42); backdrop-filter:blur(10px); } .home-promo-top > i { color:rgba(219,234,254,.7); font-size:.78rem; transition:transform .25s ease,color .25s ease; } .home-promo-content { position:absolute; left:1.35rem; right:1.35rem; bottom:1.25rem; color:#fff; } .home-promo-content h3 { margin:0 0 .45rem; color:#fff; font-size:1.42rem; font-weight:800; letter-spacing:-.025em; } .home-promo-content > p { max-width:90%; margin:0 0 1rem; color:#b8c7dd; font-size:.78rem; line-height:1.55; } .home-promo-bottom { display:flex; align-items:flex-end; justify-content:space-between; gap:1rem; padding-top:.85rem; border-top:1px solid rgba(148,163,184,.18); } .home-promo-bottom > div { display:flex; flex-direction:column; gap:.1rem; } .home-promo-bottom small { color:#8fa4c1; font-size:.62rem; font-weight:600; text-transform:uppercase; letter-spacing:.06em; } .home-promo-bottom strong { color:#fff; font-size:1.55rem; line-height:1; font-weight:800; } .home-promo-bottom strong em { color:#9fb1ca; font-size:.7rem; font-style:normal; font-weight:600; } .home-promo-bottom > span { display:inline-flex; align-items:center; gap:.45rem; min-height:2.3rem; padding:0 .85rem; border-radius:.72rem; color:#fff; background:#2563eb; font-size:.72rem; font-weight:800; box-shadow:0 8px 20px rgba(37,99,235,.25); } .home-promo-card:hover { transform:translateY(-6px); border-color:rgba(96,165,250,.55); box-shadow:0 24px 55px rgba(37,99,235,.17); } .home-promo-card:hover > img { transform:scale(1.055); filter:saturate(1.08) brightness(1.04); } .home-promo-card:hover .home-promo-top > i { color:#fff; transform:translate(2px,-2px); } html.dark .home-premium-promos h2 { color:#f8fafc !important; } html.dark .home-premium-promos > div:first-child > p { color:#94a3b8 !important; } @media (max-width:767px) { .home-premium-promos { padding-left:1rem !important; padding-right:1rem !important; } .home-promo-card { min-height:275px; } } /* Yeni nesil hosting ürün hero alanı */ .hosting-product-hero { isolation:isolate; background: radial-gradient(circle at 9% 18%,rgba(96,165,250,.17),transparent 27%), radial-gradient(circle at 78% 44%,rgba(37,99,235,.12),transparent 31%), linear-gradient(118deg,#f8fbff 0%,#fff 48%,#eef5ff 100%) !important; border-bottom:1px solid rgba(148,163,184,.16); } .hosting-product-hero::before { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; opacity:.32; background-image:radial-gradient(rgba(37,99,235,.24) .7px,transparent .7px); background-size:24px 24px; mask-image:linear-gradient(90deg,transparent,black 45%,black 90%,transparent); } .hosting-product-hero > .absolute { opacity:.48; } .hosting-hero-grid { min-height:510px !important; } .hosting-hero-copy { position:relative; z-index:3; padding-top:2rem !important; padding-bottom:2rem !important; } .hosting-hero-copy > div:first-child { background:rgba(255,255,255,.72) !important; border-color:rgba(96,165,250,.42) !important; box-shadow:0 8px 24px rgba(37,99,235,.08),inset 0 1px rgba(255,255,255,.8); backdrop-filter:blur(10px); } .hosting-hero-copy h1 { letter-spacing:-.035em; } .hosting-hero-copy > p { max-width:34rem; } .hosting-hero-copy > .grid { max-width:31rem !important; gap:.55rem .7rem !important; } .hosting-hero-copy > .grid > div { min-height:2.7rem; padding:.38rem .55rem; border:1px solid rgba(226,232,240,.82); border-radius:.8rem; background:rgba(255,255,255,.7); box-shadow:0 5px 18px rgba(15,23,42,.035); backdrop-filter:blur(8px); transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease; } .hosting-hero-copy > .grid > div:hover { transform:translateY(-2px); border-color:#bfdbfe; box-shadow:0 10px 22px rgba(37,99,235,.09); } .hosting-hero-copy > .grid > div > div { width:2rem !important; height:2rem !important; border-radius:.65rem !important; } .hosting-hero-copy > .grid > div > span { font-size:.78rem !important; } .hosting-hero-copy a[href="#paketler"] { border:1px solid rgba(255,255,255,.3); border-radius:.9rem !important; background:linear-gradient(135deg,#2563eb,#1d4ed8 58%,#3730a3) !important; box-shadow:inset 0 1px rgba(255,255,255,.2),0 12px 27px rgba(37,99,235,.22); } .hosting-hero-copy a[href="#paketler"]:hover { transform:translateY(-2px); box-shadow:inset 0 1px rgba(255,255,255,.2),0 17px 34px rgba(37,99,235,.3); } .hosting-hero-copy a[href="#paketler"] + div { background:rgba(255,255,255,.78) !important; backdrop-filter:blur(10px); border-color:rgba(148,163,184,.3) !important; box-shadow:0 10px 27px rgba(15,23,42,.07) !important; } .hosting-hero-art { overflow:visible; } .hosting-hero-art::before { content:""; position:absolute; width:78%; aspect-ratio:1; left:16%; bottom:-17%; border-radius:50%; background:radial-gradient(circle,rgba(219,234,254,.9) 0 45%,rgba(191,219,254,.28) 46% 61%,transparent 62%); filter:blur(.2px); z-index:-1; } .hosting-hero-art-inner { width:132%; flex-shrink:0; transform:translateX(-1%); filter:drop-shadow(0 24px 30px rgba(15,23,42,.12)); } .hosting-hero-image { max-height:540px; } html.dark .hosting-product-hero { background:radial-gradient(circle at 78% 35%,rgba(37,99,235,.18),transparent 32%),linear-gradient(118deg,#0b1425,#0f172a 52%,#101d35) !important; border-color:#263750; } html.dark .hosting-hero-copy > div:first-child, html.dark .hosting-hero-copy > .grid > div, html.dark .hosting-hero-copy a[href="#paketler"] + div { background:rgba(17,28,47,.76) !important; border-color:#2b3a50 !important; } html.dark .hosting-hero-art::before { background:radial-gradient(circle,rgba(30,64,175,.22),rgba(30,58,138,.12) 58%,transparent 60%); } @media (max-width:767px) { .hosting-hero-grid { min-height:0 !important; } .hosting-hero-copy { padding:2rem 0 2.25rem !important; } .hosting-hero-copy > .grid > div { padding:.32rem .4rem; } } /* Metin odaklı, geniş masaüstü navigasyonu — mega menü içeriği korunur */ nav[data-premium-nav] .desktop-mega-nav { gap:.08rem; } nav[data-premium-nav] .desktop-mega-nav > .group > div[class*="cursor-pointer"], nav[data-premium-nav] .desktop-mega-nav > a { position:relative; min-height:3.6rem; padding:.7rem .7rem !important; display:flex; align-items:center; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; transform:none !important; font-size:.94rem !important; line-height:1.15 !important; letter-spacing:-.012em; font-weight:700 !important; color:#26354a !important; } nav[data-premium-nav] .desktop-mega-nav > .group > div[class*="cursor-pointer"]::after, nav[data-premium-nav] .desktop-mega-nav > a::after { content:""; position:absolute; left:50%; right:50%; bottom:-.82rem; height:2px; border-radius:99px; background:linear-gradient(90deg,#2563eb,#4f46e5); transition:left .22s ease,right .22s ease; } nav[data-premium-nav] .desktop-mega-nav > .group:hover > div[class*="cursor-pointer"]::after, nav[data-premium-nav] .desktop-mega-nav > a:hover::after { left:.58rem; right:.58rem; } nav[data-premium-nav] .desktop-mega-nav > .group:hover > div[class*="cursor-pointer"], nav[data-premium-nav] .desktop-mega-nav > a:hover { color:#1d4ed8 !important; background:transparent !important; box-shadow:none !important; transform:none !important; } /* Sadece üst seviye navigasyon ikonları gizlenir; mega menü kart ikonları etkilenmez. */ nav[data-premium-nav] .desktop-mega-nav > .group > div[class*="cursor-pointer"] > i:first-child, nav[data-premium-nav] .desktop-mega-nav > a > i:first-child { display:none !important; } nav[data-premium-nav] .desktop-mega-nav .fa-chevron-down { margin-left:.12rem; font-size:.52rem !important; } nav[data-premium-nav] .desktop-nav-actions { padding-left:.5rem; border-left:1px solid rgba(148,163,184,.24); } html.dark nav[data-premium-nav] .desktop-mega-nav > .group > div[class*="cursor-pointer"], html.dark nav[data-premium-nav] .desktop-mega-nav > a { color:#cbd5e1 !important; } html.dark nav[data-premium-nav] .desktop-mega-nav > .group:hover > div[class*="cursor-pointer"], html.dark nav[data-premium-nav] .desktop-mega-nav > a:hover { color:#60a5fa !important; background:transparent !important; } /* Mega menü hizmetleri: her alt hizmet bağımsız, okunaklı bir karttır. */ nav[data-premium-nav] .desktop-mega-nav [id^="mg-"] a[class*="items-start"] { position:relative; min-width:0; margin:.3rem 0; padding:.72rem !important; border:1px solid #e5edf7; border-radius:.9rem !important; background:linear-gradient(145deg,#fff 0%,#fbfdff 100%); box-shadow:0 3px 10px rgba(15,23,42,.035); transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease,background .2s ease; } nav[data-premium-nav] .desktop-mega-nav [id^="mg-"] a[class*="items-start"]:hover { border-color:#a9c9ff; background:linear-gradient(145deg,#f8fbff 0%,#eef5ff 100%) !important; box-shadow:0 9px 22px rgba(37,99,235,.11); transform:translateY(-2px); } nav[data-premium-nav] .desktop-mega-nav [id^="mg-"] a[class*="items-start"] > div:first-child { border:1px solid #dbeafe; box-shadow:0 5px 12px rgba(37,99,235,.09); transition:transform .2s ease,background .2s ease,color .2s ease; } nav[data-premium-nav] .desktop-mega-nav [id^="mg-"] a[class*="items-start"]:hover > div:first-child { color:#fff !important; background:#2563eb !important; transform:scale(1.04); } html.dark nav[data-premium-nav] .desktop-mega-nav [id^="mg-"] a[class*="items-start"] { border-color:#26344b; background:linear-gradient(145deg,#111c31 0%,#0e1729 100%); box-shadow:0 4px 14px rgba(0,0,0,.13); } html.dark nav[data-premium-nav] .desktop-mega-nav [id^="mg-"] a[class*="items-start"]:hover { border-color:#3b82f6; background:linear-gradient(145deg,#142442 0%,#12213b 100%) !important; box-shadow:0 10px 24px rgba(37,99,235,.16); } html.dark nav[data-premium-nav] .desktop-nav-actions { border-color:#2b3a50; } @media (min-width:1280px) and (max-width:1370px) { nav[data-premium-nav] .desktop-mega-nav > .group > div[class*="cursor-pointer"], nav[data-premium-nav] .desktop-mega-nav > a { padding-left:.5rem !important; padding-right:.5rem !important; font-size:.86rem !important; } nav[data-premium-nav] .desktop-nav-actions .nav-sales-cta { padding-left:.7rem !important; padding-right:.7rem !important; font-size:.72rem !important; } } /* Anasayfa — premium kampanya herosu */ .home-premium-hero { isolation:isolate; height:540px; min-height:540px; border-bottom:1px solid rgba(59,130,246,.28); background: radial-gradient(circle at 72% 38%,rgba(37,99,235,.28),transparent 25%), radial-gradient(circle at 92% 12%,rgba(79,70,229,.22),transparent 30%), linear-gradient(112deg,#081226 0%,#0d1c3b 46%,#111d43 72%,#081226 100%) !important; box-shadow:inset 0 -1px rgba(255,255,255,.05); } .home-premium-hero::before { content:""; position:absolute; width:650px; height:650px; right:-160px; top:-230px; z-index:-1; border:78px solid rgba(59,130,246,.12); border-radius:50%; box-shadow:0 0 0 1px rgba(147,197,253,.08),inset 0 0 80px rgba(37,99,235,.08); } .home-premium-hero::after { content:""; position:absolute; inset:0; z-index:-2; opacity:.32; pointer-events:none; background-image:radial-gradient(rgba(147,197,253,.42) .7px,transparent .7px); background-size:24px 24px; mask-image:linear-gradient(90deg,transparent 0%,#000 48%,#000 100%); } .home-premium-hero > div[class*="absolute"] { opacity:0 !important; } .home-premium-hero [data-hero-slide] > div { height:540px !important; min-height:540px !important; } .home-premium-hero [data-hero-slide] > div > div:first-child { position:relative; z-index:4; } .home-premium-hero [data-hero-slide] > div > div:first-child { padding-top:1.5rem !important; padding-bottom:1.5rem !important; } .home-premium-hero [data-hero-slide] h1 { max-width:610px; margin-bottom:1rem !important; font-size:clamp(2.15rem,3vw,3rem) !important; line-height:1.06 !important; letter-spacing:-.045em !important; } .home-premium-hero [data-hero-slide] h1 .text-slate-900 { color:#fff !important; } .home-premium-hero [data-hero-slide] h1 .text-gray-500 { color:#cbd5e1 !important; font-weight:500 !important; } .home-premium-hero [data-hero-slide] h1 .text-blue-600 { color:#60a5fa !important; text-shadow:0 0 28px rgba(59,130,246,.3); } .home-premium-hero [data-hero-slide] > div > div:first-child > p { max-width:34rem; color:#b7c4d8 !important; font-size:.96rem !important; } .home-premium-hero [data-hero-slide] > div > div:first-child > div:first-child { color:#bfdbfe !important; border-color:rgba(147,197,253,.28) !important; background:rgba(30,64,175,.22) !important; box-shadow:inset 0 1px rgba(255,255,255,.06); backdrop-filter:blur(10px); } .home-premium-hero [data-hero-slide] > div > div:first-child > .grid > div { min-height:2.5rem; padding:.28rem .45rem; border:1px solid rgba(148,163,184,.14); border-radius:.75rem; background:rgba(15,23,42,.28); backdrop-filter:blur(8px); } .home-premium-hero [data-hero-slide] > div > div:first-child > .grid > div:nth-child(n+5) { display:none !important; } .home-premium-hero [data-hero-slide] > div > div:first-child > .grid span { color:#e5edf8 !important; } .home-premium-hero [data-hero-slide] a { box-shadow:inset 0 1px rgba(255,255,255,.18),0 14px 30px rgba(37,99,235,.28); } .home-premium-hero [data-hero-slide] a + div { border-color:rgba(147,197,253,.2) !important; background:rgba(9,18,39,.68) !important; box-shadow:inset 0 1px rgba(255,255,255,.07); backdrop-filter:blur(12px); } .home-premium-hero [data-hero-slide] a + div .text-slate-900 { color:#fff !important; } .home-premium-hero [data-hero-slide] > div > div:first-child > div:last-child { display:none !important; } .home-hero-visual { align-self:stretch; height:540px !important; overflow:visible; z-index:2; } .home-hero-visual > .relative { display:none !important; } .home-hero-visual::before { content:""; position:absolute; width:500px; height:500px; right:1%; bottom:-35px; z-index:-1; border-radius:50%; background:radial-gradient(circle,rgba(37,99,235,.2),rgba(30,64,175,.1) 52%,transparent 72%); filter:blur(3px); } .home-hero-visual::after { content:""; position:absolute; inset:-12px -30px -3px -35px; background-repeat:no-repeat; background-position:center bottom; background-size:contain; filter:drop-shadow(0 30px 35px rgba(0,0,0,.32)); } .home-hero-web::after { background-image:url('/image/page-banner/home-hosting-hero.png'); } .home-hero-vds::after { background-image:url('/image/page-banner/home-vds-hero.png'); inset:18px -25px 8px -20px; } .home-hero-dedicated::after { background-image:url('/image/page-banner/home-dedicated-hero.png'); inset:-2px -12px 0 -20px; } .home-premium-hero > button { color:#dbeafe !important; border-color:rgba(147,197,253,.22) !important; background:rgba(15,23,42,.5) !important; backdrop-filter:blur(12px); } .home-premium-hero > button:hover { background:#2563eb !important; color:#fff !important; } .home-premium-hero .hero-dot { box-shadow:0 0 0 3px rgba(255,255,255,.08); } .home-domain-finder { margin-top:-.75rem !important; padding-bottom:2.75rem !important; } .home-domain-finder > div { border:1px solid rgba(191,219,254,.65) !important; border-radius:1.25rem !important; background:rgba(255,255,255,.94) !important; backdrop-filter:blur(18px); box-shadow:0 30px 75px rgba(2,6,23,.28),0 8px 24px rgba(37,99,235,.1) !important; } .home-domain-finder > div > div:first-child { background:#f8fbff !important; } html.dark .home-premium-hero { background:radial-gradient(circle at 72% 38%,rgba(37,99,235,.24),transparent 27%),linear-gradient(112deg,#030817,#071126 50%,#0c1734) !important; } html.dark .home-domain-finder > div { background:rgba(10,20,39,.94) !important; border-color:#2b4268 !important; } html.dark .home-domain-finder > div > div:first-child { background:#0d1930 !important; } @media (max-width:767px) { .home-premium-hero { height:auto; min-height:0; } .home-premium-hero [data-hero-slide] > div { min-height:0 !important; padding-bottom:2.8rem; } .home-premium-hero [data-hero-slide] h1 { font-size:2.15rem !important; } .home-premium-hero [data-hero-slide] > div > div:first-child { padding-top:2.2rem !important; } .home-domain-finder { margin-top:-1.2rem !important; } } /* ========================================================================== ANASAYFA V3 — sıfırdan oluşturulan bağımsız tasarım sistemi ========================================================================== */ .home-v3{overflow:hidden;background:#fff;color:#0f172a}.home-v3 h1,.home-v3 h2,.home-v3 h3{font-family:'Gilroy',system-ui,sans-serif}.hv3-hero{position:relative;isolation:isolate;min-height:650px;overflow:hidden;background:radial-gradient(circle at 72% 38%,rgba(37,99,235,.34),transparent 25%),linear-gradient(112deg,#061126 0%,#0a1a38 48%,#101e48 76%,#061126 100%)}.hv3-hero:before{content:"";position:absolute;inset:0;z-index:-2;opacity:.22;background-image:radial-gradient(rgba(147,197,253,.45) .7px,transparent .7px);background-size:24px 24px;mask-image:linear-gradient(90deg,transparent,#000 55%,#000)}.hv3-hero-orbit{position:absolute;width:720px;height:720px;border:88px solid rgba(59,130,246,.11);border-radius:50%;right:-220px;top:-280px;box-shadow:0 0 0 1px rgba(147,197,253,.08),inset 0 0 90px rgba(37,99,235,.08)}.hv3-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;min-height:650px;position:relative;z-index:2}.hv3-hero-copy{padding:4rem 0 6rem}.hv3-kicker{display:inline-flex;align-items:center;gap:.55rem;margin-bottom:1.3rem;padding:.48rem .78rem;border:1px solid rgba(147,197,253,.26);border-radius:99px;background:rgba(30,64,175,.18);color:#bfdbfe;font-size:.72rem;font-weight:700;letter-spacing:.025em;backdrop-filter:blur(10px)}.hv3-kicker i{color:#34d399}.hv3-hero h1{margin:0 0 1.25rem;color:#fff;font-size:clamp(2.7rem,4.25vw,4.35rem);line-height:.98;letter-spacing:-.052em;font-weight:800}.hv3-hero h1 span{color:#60a5fa}.hv3-hero-copy>p{max-width:38rem;margin:0 0 1.6rem;color:#b8c7dc;font-size:1.02rem;line-height:1.7}.hv3-proof-row{display:flex;flex-wrap:wrap;gap:.7rem;margin-bottom:1.7rem}.hv3-proof-row>span{display:inline-flex;align-items:center;gap:.43rem;padding:.58rem .75rem;border:1px solid rgba(148,163,184,.15);border-radius:.75rem;background:rgba(15,23,42,.3);color:#aebdd2;font-size:.73rem}.hv3-proof-row i{color:#60a5fa}.hv3-proof-row b{color:#fff}.hv3-hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.3rem}.hv3-primary-btn,.hv3-ghost-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;height:3.15rem;padding:0 1.25rem;border-radius:.9rem;font-size:.8rem;font-weight:800;transition:.22s}.hv3-primary-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8 55%,#4338ca);box-shadow:inset 0 1px rgba(255,255,255,.2),0 15px 32px rgba(37,99,235,.32)}.hv3-ghost-btn{color:#dbeafe;border:1px solid rgba(147,197,253,.25);background:rgba(15,23,42,.35);backdrop-filter:blur(10px)}.hv3-primary-btn:hover,.hv3-ghost-btn:hover{transform:translateY(-2px)}.hv3-campaign-note{display:flex;align-items:center;gap:.65rem;color:#91a4c0;font-size:.72rem}.hv3-campaign-note>i{display:grid;place-items:center;width:2rem;height:2rem;border-radius:.65rem;color:#fbbf24;background:rgba(245,158,11,.1)}.hv3-campaign-note b{display:block;color:#dbeafe}.hv3-hero-art{position:relative;align-self:stretch;min-height:650px}.hv3-art-halo{position:absolute;width:530px;height:530px;left:5%;bottom:1rem;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.25),rgba(30,64,175,.1) 55%,transparent 72%);filter:blur(4px)}.hv3-hero-art>img{position:absolute;z-index:2;bottom:-3px;left:3%;width:94%;height:96%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 30px 40px rgba(0,0,0,.38))}.hv3-floating-card{position:absolute;z-index:4;display:flex;align-items:center;gap:.6rem;padding:.65rem .78rem;border:1px solid rgba(191,219,254,.3);border-radius:.9rem;background:rgba(255,255,255,.92);box-shadow:0 16px 35px rgba(2,6,23,.24);backdrop-filter:blur(12px);animation:hv3-float 4.5s ease-in-out infinite}.hv3-floating-card>i{display:grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:.65rem;color:#fff;background:#2563eb}.hv3-floating-card span{display:flex;flex-direction:column;color:#64748b;font-size:.58rem}.hv3-floating-card b{color:#0f172a;font-size:.72rem}.hv3-float-one{right:1%;top:26%}.hv3-float-two{left:0;bottom:20%;animation-delay:-2s}@keyframes hv3-float{50%{transform:translateY(-9px)}} .hv3-domain-wrap{position:relative;z-index:10;margin-top:-4.4rem}.hv3-domain-box{padding:1rem;border:1px solid rgba(191,219,254,.7);border-radius:1.25rem;background:rgba(255,255,255,.96);box-shadow:0 30px 75px rgba(2,6,23,.26),0 8px 24px rgba(37,99,235,.1);backdrop-filter:blur(18px)}.hv3-domain-search{display:flex;align-items:center;gap:.8rem;padding:.55rem .65rem .55rem 1rem;border:1px solid #dbe5f1;border-radius:.9rem;background:#f8fbff}.hv3-domain-search>i{color:#2563eb}.hv3-domain-search input{flex:1;min-width:0;height:2.7rem;border:0;outline:0;background:transparent;color:#0f172a;font-size:.83rem}.hv3-domain-search button{display:inline-flex;align-items:center;gap:.55rem;height:2.7rem;padding:0 1rem;border:0;border-radius:.72rem;color:#fff;background:#2563eb;font-size:.73rem;font-weight:800;box-shadow:0 8px 20px rgba(37,99,235,.24)}.hv3-domain-prices{display:grid;grid-template-columns:repeat(6,1fr);gap:.55rem;margin-top:.8rem}.hv3-domain-prices span{display:flex;align-items:center;justify-content:space-between;gap:.4rem;padding:.65rem .75rem;border:1px solid #e2e8f0;border-radius:.75rem;background:#fff}.hv3-domain-prices b{font-size:.8rem}.hv3-domain-prices strong{color:#2563eb;font-size:.72rem}.hv3-trust-strip{padding:2.5rem 0 1rem}.hv3-trust-strip .grid{border-top:1px solid #edf1f6;border-bottom:1px solid #edf1f6}.hv3-trust-strip .grid>div{display:flex;align-items:center;gap:.75rem;padding:1.25rem;border-right:1px solid #edf1f6}.hv3-trust-strip .grid>div:last-child{border-right:0}.hv3-trust-strip i{display:grid;place-items:center;width:2.3rem;height:2.3rem;border-radius:.72rem;color:#2563eb;background:#eff6ff}.hv3-trust-strip span{display:flex;flex-direction:column;color:#94a3b8;font-size:.65rem}.hv3-trust-strip b{color:#1e293b;font-size:.76rem}.hv3-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:1.7rem}.hv3-section-head>div>span,.hv3-eyebrow{display:block;margin-bottom:.55rem;color:#2563eb;font-size:.65rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hv3-section-head h2{margin:0;font-size:clamp(1.8rem,3vw,2.55rem);line-height:1.08;font-weight:800;letter-spacing:-.04em}.hv3-section-head>p{max-width:28rem;margin:0;color:#64748b;font-size:.82rem;line-height:1.65;text-align:right}.hv3-section-head.centered{display:block;text-align:center}.hv3-section-head.centered p{max-width:36rem;margin:.65rem auto 0;text-align:center}.hv3-featured{padding-top:5rem;padding-bottom:5rem}.hv3-featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.15rem}.hv3-showcase-card{position:relative;display:block;min-height:310px;overflow:hidden;isolation:isolate;border:1px solid rgba(148,163,184,.25);border-radius:1.3rem;background:#07142e;box-shadow:0 18px 45px rgba(15,23,42,.13);transition:.3s}.hv3-showcase-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;transition:.6s}.hv3-showcase-overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(3,10,26,.98),rgba(5,17,42,.83) 52%,rgba(5,16,38,.15)),linear-gradient(0deg,rgba(2,6,23,.82),transparent 65%)}.hv3-showcase-tag{position:absolute;left:1.3rem;top:1.25rem;display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .62rem;border:1px solid rgba(147,197,253,.22);border-radius:99px;color:#bfdbfe;background:rgba(15,23,42,.45);font-size:.63rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.hv3-showcase-copy{position:absolute;left:1.3rem;right:1.3rem;bottom:1.2rem;color:#fff}.hv3-showcase-copy h3{margin:0 0 .5rem;font-size:1.42rem;font-weight:800}.hv3-showcase-copy p{max-width:90%;margin:0 0 1rem;color:#b8c7dd;font-size:.74rem;line-height:1.55}.hv3-showcase-copy>div{display:flex;align-items:flex-end;justify-content:space-between;padding-top:.85rem;border-top:1px solid rgba(148,163,184,.2)}.hv3-showcase-copy strong{font-size:1.45rem}.hv3-showcase-copy small{color:#9fb1ca;font-size:.68rem}.hv3-showcase-copy b{display:flex;align-items:center;gap:.4rem;padding:.65rem .8rem;border-radius:.7rem;background:#2563eb;font-size:.68rem}.hv3-showcase-card:hover{transform:translateY(-6px);border-color:#60a5fa;box-shadow:0 25px 60px rgba(37,99,235,.18)}.hv3-showcase-card:hover img{transform:scale(1.055)} .hv3-solutions{padding:5.4rem 0;background:linear-gradient(180deg,#f8fbff,#f4f7fb)}.hv3-solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.hv3-solution-card{position:relative;display:flex;min-height:245px;flex-direction:column;padding:1.35rem;border:1px solid #e2e8f0;border-radius:1.15rem;background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.045);transition:.25s}.hv3-solution-icon{display:grid;place-items:center;width:2.7rem;height:2.7rem;border-radius:.82rem;font-size:.95rem}.tone-blue{color:#2563eb;background:#eff6ff}.tone-violet{color:#7c3aed;background:#f5f3ff}.tone-cyan{color:#0891b2;background:#ecfeff}.tone-indigo{color:#4f46e5;background:#eef2ff}.tone-emerald{color:#059669;background:#ecfdf5}.tone-amber{color:#d97706;background:#fffbeb}.hv3-card-arrow{position:absolute;right:1.25rem;top:1.25rem;color:#cbd5e1;font-size:.7rem}.hv3-solution-card h3{margin:1rem 0 .45rem;font-size:1.05rem;font-weight:800}.hv3-solution-card>p{margin:0;color:#64748b;font-size:.72rem;line-height:1.65}.hv3-solution-price{display:flex;align-items:flex-end;justify-content:space-between;margin-top:auto;padding-top:1rem;border-top:1px solid #eef2f7}.hv3-solution-price small{color:#94a3b8;font-size:.58rem;text-transform:uppercase}.hv3-solution-price strong{font-size:1.12rem}.hv3-solution-price em{color:#94a3b8;font-size:.63rem;font-style:normal}.hv3-solution-card:hover{transform:translateY(-5px);border-color:#93c5fd;box-shadow:0 20px 45px rgba(37,99,235,.1)}.hv3-infra{padding-top:6rem;padding-bottom:6rem}.hv3-infra-panel{display:grid;grid-template-columns:1.04fr .96fr;overflow:hidden;border:1px solid #dce5f0;border-radius:1.6rem;background:#08152e;box-shadow:0 28px 70px rgba(15,23,42,.18)}.hv3-infra-image{position:relative;min-height:540px;overflow:hidden}.hv3-infra-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,#08152e),linear-gradient(0deg,rgba(2,6,23,.55),transparent 55%)}.hv3-infra-image>img{width:100%;height:100%;object-fit:cover}.hv3-infra-image>div{position:absolute;z-index:2;left:1.5rem;bottom:1.5rem;display:flex;flex-direction:column;gap:.3rem;padding:.8rem 1rem;border:1px solid rgba(147,197,253,.25);border-radius:.85rem;background:rgba(8,21,46,.78);color:#fff;backdrop-filter:blur(12px)}.hv3-infra-image span{color:#6ee7b7;font-size:.63rem;font-weight:700}.hv3-infra-image span i{font-size:.42rem}.hv3-infra-image b{font-size:.78rem}.hv3-infra-copy{padding:3.5rem 3rem;color:#fff}.hv3-infra-copy h2{margin:0 0 1rem;font-size:2.45rem;line-height:1.06;font-weight:800}.hv3-infra-copy h2 em{color:#60a5fa;font-style:normal}.hv3-infra-copy>p{margin:0 0 1.5rem;color:#a9bbd2;font-size:.8rem;line-height:1.7}.hv3-infra-list{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-bottom:1.6rem}.hv3-infra-list>div{display:flex;align-items:center;gap:.65rem;padding:.75rem;border:1px solid rgba(148,163,184,.14);border-radius:.8rem;background:rgba(15,23,42,.25)}.hv3-infra-list i{color:#60a5fa}.hv3-infra-list span{display:flex;flex-direction:column;color:#8295af;font-size:.57rem}.hv3-infra-list b{color:#e5edf8;font-size:.67rem}.hv3-infra-copy>a{display:inline-flex;align-items:center;gap:.55rem;color:#bfdbfe;font-size:.72rem;font-weight:800}.hv3-journey{padding:5.5rem 0;background:#f8fafc}.hv3-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.hv3-steps article{position:relative;padding:1.6rem;border:1px solid #e2e8f0;border-radius:1.2rem;background:#fff}.hv3-steps article>b{position:absolute;right:1rem;top:.5rem;color:#eff6ff;font-size:3.5rem}.hv3-steps article>div{position:relative;display:grid;place-items:center;width:2.8rem;height:2.8rem;border-radius:.85rem;color:#fff;background:linear-gradient(135deg,#2563eb,#4338ca);box-shadow:0 10px 24px rgba(37,99,235,.2)}.hv3-steps h3{position:relative;margin:1.15rem 0 .45rem;font-size:1rem;font-weight:800}.hv3-steps p{position:relative;margin:0;color:#64748b;font-size:.72rem;line-height:1.65}.hv3-testimonials{padding-top:6rem;padding-bottom:6rem}.hv3-testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.hv3-testimonial-grid article{padding:1.5rem;border:1px solid #e2e8f0;border-radius:1.2rem;background:linear-gradient(145deg,#fff,#f8fbff);box-shadow:0 14px 40px rgba(15,23,42,.055)}.hv3-stars{color:#f59e0b;font-size:.7rem;letter-spacing:.12em}.hv3-testimonial-grid article>p{min-height:6.2rem;margin:.9rem 0 1.2rem;color:#475569;font-size:.76rem;line-height:1.7;font-style:italic}.hv3-testimonial-grid footer{display:flex;align-items:center;gap:.7rem;padding-top:1rem;border-top:1px solid #e8edf4}.hv3-testimonial-grid footer img{width:2.5rem;height:2.5rem;border-radius:50%;object-fit:cover}.hv3-testimonial-grid footer span{display:flex;flex-direction:column}.hv3-testimonial-grid footer b{font-size:.72rem}.hv3-testimonial-grid footer small{color:#94a3b8;font-size:.6rem}.hv3-testimonial-grid footer>i{margin-left:auto;color:#dbeafe;font-size:1.3rem}.hv3-faq{padding:6rem 0;background:linear-gradient(180deg,#f8fbff,#fff)}.hv3-faq-intro h2{margin:0 0 1rem;font-size:2.4rem;line-height:1.08;font-weight:800}.hv3-faq-intro>p{color:#64748b;font-size:.78rem;line-height:1.7}.hv3-faq-intro>a{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;color:#2563eb;font-size:.72rem;font-weight:800}.hv3-faq-list{display:flex;flex-direction:column;gap:.65rem}.hv3-faq-list details{overflow:hidden;border:1px solid #e2e8f0;border-radius:.9rem;background:#fff}.hv3-faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;cursor:pointer;list-style:none;color:#1e293b;font-size:.78rem;font-weight:700}.hv3-faq-list summary::-webkit-details-marker{display:none}.hv3-faq-list summary i{color:#2563eb;transition:.2s}.hv3-faq-list details[open] summary i{transform:rotate(45deg)}.hv3-faq-list details p{margin:0;padding:0 1.1rem 1rem;color:#64748b;font-size:.7rem;line-height:1.65}.hv3-final-cta{padding-top:1rem;padding-bottom:6rem}.hv3-final-cta>div{position:relative;overflow:hidden;padding:3.5rem;border-radius:1.55rem;color:#fff;background:radial-gradient(circle at 82% 20%,rgba(96,165,250,.3),transparent 28%),linear-gradient(120deg,#08152e,#14295c);box-shadow:0 28px 70px rgba(15,23,42,.2)}.hv3-final-cta>div:after{content:"";position:absolute;width:420px;height:420px;right:-120px;top:-210px;border:60px solid rgba(96,165,250,.12);border-radius:50%}.hv3-final-cta span{display:inline-flex;align-items:center;gap:.5rem;color:#bfdbfe;font-size:.68rem;font-weight:700}.hv3-final-cta h2{margin:.9rem 0;font-size:2.35rem;line-height:1.05;font-weight:800}.hv3-final-cta p{max-width:35rem;color:#aebed2;font-size:.78rem;line-height:1.7}.hv3-final-cta>div>div{display:flex;gap:.7rem;margin-top:1.3rem}.hv3-final-cta a{position:relative;z-index:2;display:inline-flex;align-items:center;gap:.5rem;height:2.8rem;padding:0 1rem;border-radius:.75rem;font-size:.72rem;font-weight:800}.hv3-final-cta a:first-child{color:#fff;background:#2563eb}.hv3-final-cta a:last-child{color:#dbeafe;border:1px solid rgba(147,197,253,.25);background:rgba(15,23,42,.25)} html.dark .home-v3{background:#050b17;color:#f8fafc}html.dark .hv3-domain-box,html.dark .hv3-solution-card,html.dark .hv3-steps article,html.dark .hv3-testimonial-grid article,html.dark .hv3-faq-list details{background:#0e192c!important;border-color:#263750!important}html.dark .hv3-domain-search,html.dark .hv3-domain-prices span{background:#0a1425!important;border-color:#263750!important}html.dark .hv3-domain-search input{color:#f8fafc}html.dark .hv3-trust-strip .grid,html.dark .hv3-trust-strip .grid>div{border-color:#1e2d44}html.dark .hv3-trust-strip b,html.dark .hv3-solution-card h3,html.dark .hv3-steps h3,html.dark .hv3-faq-list summary{color:#f8fafc}html.dark .hv3-solutions,html.dark .hv3-journey,html.dark .hv3-faq{background:#091222!important}html.dark .hv3-section-head>p,html.dark .hv3-solution-card>p,html.dark .hv3-steps p,html.dark .hv3-testimonial-grid article>p{color:#94a3b8!important} @media(max-width:1023px){.hv3-hero-grid{grid-template-columns:1fr 1fr}.hv3-hero h1{font-size:3.2rem}.hv3-featured-grid,.hv3-solution-grid{grid-template-columns:repeat(2,1fr)}.hv3-featured-grid>a:last-child{grid-column:1/-1}.hv3-infra-panel{grid-template-columns:1fr}.hv3-infra-image{min-height:380px}.hv3-infra-image:after{background:linear-gradient(0deg,#08152e,transparent 65%)}.hv3-infra-copy{padding:2.5rem}.hv3-testimonial-grid{grid-template-columns:1fr}.hv3-testimonial-grid article>p{min-height:0}} @media(max-width:767px){.hv3-hero,.hv3-hero-grid{min-height:auto}.hv3-hero-grid{display:block}.hv3-hero-copy{padding:3rem 0 7rem}.hv3-hero h1{font-size:2.6rem}.hv3-hero-copy>p{font-size:.9rem}.hv3-proof-row>span{font-size:.65rem}.hv3-hero-art{display:none}.hv3-domain-wrap{margin-top:-4rem}.hv3-domain-box{padding:.7rem}.hv3-domain-search{flex-wrap:wrap}.hv3-domain-search input{width:calc(100% - 2rem)}.hv3-domain-search button{width:100%;justify-content:center}.hv3-domain-prices{grid-template-columns:repeat(3,1fr)}.hv3-trust-strip .grid>div{padding:1rem .4rem;border-right:0}.hv3-section-head{display:block}.hv3-section-head>p{margin-top:.65rem;text-align:left}.hv3-featured{padding-top:3.5rem;padding-bottom:3.5rem}.hv3-featured-grid,.hv3-solution-grid,.hv3-steps{grid-template-columns:1fr}.hv3-featured-grid>a:last-child{grid-column:auto}.hv3-showcase-card{min-height:290px}.hv3-solutions,.hv3-journey{padding:4rem 0}.hv3-infra{padding-top:4rem;padding-bottom:4rem}.hv3-infra-image{min-height:290px}.hv3-infra-copy{padding:2rem 1.3rem}.hv3-infra-copy h2,.hv3-faq-intro h2{font-size:2rem}.hv3-infra-list{grid-template-columns:1fr}.hv3-testimonials,.hv3-faq{padding-top:4rem;padding-bottom:4rem}.hv3-final-cta>div{padding:2.2rem 1.4rem}.hv3-final-cta h2{font-size:1.8rem}.hv3-final-cta>div>div{flex-direction:column}.hv3-final-cta a{justify-content:center}} @media(prefers-reduced-motion:reduce){.hv3-floating-card{animation:none}} /* Hero başlık ölçeği */ .home-v3 .hv3-hero h1{font-size:clamp(2.3rem,3.4vw,3.4rem)!important;line-height:1.02!important;letter-spacing:-.045em!important} @media(max-width:1023px){.home-v3 .hv3-hero h1{font-size:2.65rem!important}} @media(max-width:767px){.home-v3 .hv3-hero h1{font-size:2.2rem!important}} /* Anasayfa çoklu hero slider */ .home-v3 .hv3-hero h1{font-size:clamp(2.15rem,2.9vw,3rem)!important;line-height:1.04!important} .hv3-slide{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(22px);transition:opacity .55s ease,transform .65s cubic-bezier(.2,.7,.2,1),visibility .55s}.hv3-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(0)}.hv3-slider-arrow{position:absolute;z-index:12;top:48%;display:grid;place-items:center;width:2.6rem;height:2.6rem;border:1px solid rgba(147,197,253,.22);border-radius:50%;color:#dbeafe;background:rgba(7,17,38,.55);box-shadow:0 10px 28px rgba(2,6,23,.22);backdrop-filter:blur(12px);transition:.2s}.hv3-slider-arrow:hover{color:#fff;background:#2563eb;border-color:#60a5fa}.hv3-prev{left:1rem}.hv3-next{right:1rem}.hv3-slider-dots{position:absolute;z-index:12;left:50%;bottom:5.2rem;display:flex;align-items:center;gap:.42rem;transform:translateX(-50%)}.hv3-slider-dots button{width:.42rem;height:.42rem;border:0;border-radius:99px;background:rgba(191,219,254,.38);transition:.25s}.hv3-slider-dots button.is-active{width:1.65rem;background:#60a5fa}.hv3-slide:not(.is-active) .hv3-floating-card{animation:none} @media(max-width:1023px){.home-v3 .hv3-hero h1{font-size:2.35rem!important}.hv3-prev{left:.35rem}.hv3-next{right:.35rem}} @media(max-width:767px){.home-v3 .hv3-hero{min-height:590px}.home-v3 .hv3-slide{position:absolute}.home-v3 .hv3-hero-grid{min-height:590px}.home-v3 .hv3-hero h1{font-size:2rem!important}.hv3-slider-arrow{display:none}.hv3-slider-dots{bottom:4.8rem}} /* ========================================================================== HEADER V4 — sıfırdan oluşturulan navigasyon sistemi ========================================================================== */ .site-header-v4{position:relative;z-index:70;font-family:'Gilroy',system-ui,sans-serif}.sh4-shell{width:min(1320px,calc(100% - 2rem));margin-inline:auto}.sh4-announcement{position:relative;color:#dbeafe;background:linear-gradient(100deg,#061126,#11265a 55%,#1645a5);border-bottom:1px solid rgba(147,197,253,.18);overflow:hidden}.sh4-announcement:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 25% 0,rgba(56,189,248,.2),transparent 30%),linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent)}.sh4-announcement-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:44px}.sh4-deal{display:flex;align-items:center;gap:.7rem;min-width:0;color:#dbeafe;font-size:.68rem}.sh4-deal>span{display:inline-flex;align-items:center;gap:.4rem;padding:.32rem .55rem;border:1px solid rgba(147,197,253,.22);border-radius:99px;background:rgba(255,255,255,.06);font-weight:700;white-space:nowrap}.sh4-deal>span i{color:#fbbf24}.sh4-deal b{color:#fff;font-size:.72rem}.sh4-deal em{padding:.3rem .48rem;border-radius:.5rem;background:rgba(2,6,23,.24);color:#67e8f9;font-size:.62rem;font-style:normal;font-weight:800;letter-spacing:.035em}.sh4-deal>i{font-size:.6rem}.sh4-quick{display:flex;align-items:center;gap:1rem;font-size:.64rem}.sh4-quick a{display:inline-flex;align-items:center;gap:.38rem;color:#dbeafe}.sh4-quick a i{color:#60a5fa}.sh4-quick span{display:inline-flex;align-items:center;gap:.35rem;color:#86efac}.sh4-quick span i{font-size:.4rem}.sh4-nav{position:sticky;top:0;z-index:72;border-bottom:1px solid rgba(226,232,240,.8);background:rgba(255,255,255,.94)!important;box-shadow:0 10px 32px rgba(15,23,42,.055);backdrop-filter:blur(18px)}.sh4-nav-inner{display:flex;align-items:center;gap:1.4rem;min-height:82px}.sh4-logo{flex:0 0 auto}.sh4-logo img{width:185px;height:auto}.sh4-desktop-menu{display:flex;align-items:center;justify-content:center;gap:.08rem;flex:1;align-self:stretch}.sh4-menu-group{position:relative;display:flex;align-items:center}.sh4-nav-trigger,.sh4-nav-link{position:relative;display:inline-flex;align-items:center;gap:.4rem;height:44px;padding:0 .68rem;border:0;border-radius:.7rem;color:#334155;background:transparent;font-size:.8rem;font-weight:700;white-space:nowrap;transition:.18s}.sh4-nav-trigger>i{color:#94a3b8;font-size:.48rem;transition:.2s}.sh4-nav-trigger:after,.sh4-nav-link:after{content:"";position:absolute;left:50%;right:50%;bottom:-19px;height:2px;border-radius:99px;background:#2563eb;transition:.22s}.sh4-menu-group:hover .sh4-nav-trigger,.sh4-nav-trigger:focus-visible,.sh4-nav-link:hover{color:#1d4ed8;background:#eff6ff}.sh4-menu-group:hover .sh4-nav-trigger:after,.sh4-nav-trigger:focus-visible:after,.sh4-nav-link:hover:after{left:.6rem;right:.6rem}.sh4-menu-group:hover .sh4-nav-trigger>i{transform:rotate(180deg)}.sh4-mega{position:absolute;top:calc(100% + 18px);left:50%;display:grid;grid-template-columns:210px minmax(430px,1fr);width:680px;padding:1rem;border:1px solid #dce6f2;border-radius:1.25rem;background:rgba(255,255,255,.98);box-shadow:0 30px 75px rgba(15,23,42,.2);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,8px);transition:.22s;backdrop-filter:blur(18px)}.sh4-menu-group:hover .sh4-mega,.sh4-menu-group:focus-within .sh4-mega{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}.sh4-mega-domain,.sh4-mega-datacenter,.sh4-mega-other{width:620px}.sh4-mega-intro{padding:1.1rem;border-radius:1rem;color:#fff;background:radial-gradient(circle at 100% 0,rgba(96,165,250,.25),transparent 38%),linear-gradient(145deg,#07152f,#10275b)}.sh4-mega-intro>div{display:grid;place-items:center;width:2.55rem;height:2.55rem;margin-bottom:1.2rem;border:1px solid rgba(147,197,253,.22);border-radius:.8rem;color:#93c5fd;background:rgba(255,255,255,.07)}.sh4-mega-intro>span{display:block;font-size:.9rem;font-weight:800}.sh4-mega-intro>p{margin:.5rem 0 1.2rem;color:#aebed4;font-size:.65rem;line-height:1.6}.sh4-mega-intro>a{display:inline-flex;align-items:center;gap:.4rem;color:#bfdbfe;font-size:.63rem;font-weight:700}.sh4-mega-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;padding-left:.8rem;align-content:start}.sh4-mega-card{position:relative;display:flex;align-items:center;gap:.65rem;min-height:68px;padding:.65rem;border:1px solid #e3eaf3;border-radius:.85rem;background:linear-gradient(145deg,#fff,#fbfdff);box-shadow:0 4px 12px rgba(15,23,42,.03);transition:.2s}.sh4-mega-card>div{display:grid;place-items:center;width:2.2rem;height:2.2rem;flex:0 0 auto;border:1px solid #dbeafe;border-radius:.7rem;color:#2563eb;background:#eff6ff}.sh4-mega-card>span{display:flex;min-width:0;flex-direction:column}.sh4-mega-card b{color:#182338;font-size:.68rem}.sh4-mega-card small{margin-top:.18rem;color:#8492a6;font-size:.56rem;line-height:1.3}.sh4-mega-card>i{margin-left:auto;color:#cbd5e1;font-size:.55rem;transition:.2s}.sh4-mega-card:hover{border-color:#93c5fd;background:#f4f8ff;box-shadow:0 10px 22px rgba(37,99,235,.09);transform:translateY(-2px)}.sh4-mega-card:hover>i{color:#2563eb;transform:translateX(2px)}.sh4-actions{display:flex;align-items:center;gap:.5rem;flex:0 0 auto}.sh4-theme,.sh4-cart,.sh4-burger{position:relative;display:grid;place-items:center;width:42px;height:42px;border:1px solid #dbe3ee;border-radius:.8rem;color:#334155;background:#fff;transition:.18s}.sh4-theme:hover,.sh4-cart:hover,.sh4-burger:hover{color:#2563eb;border-color:#93c5fd;background:#eff6ff}.sh4-cart b{position:absolute;right:-5px;top:-6px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border:2px solid #fff;border-radius:99px;color:#fff;background:#0f172a;font-size:.5rem}.sh4-panel{display:inline-flex;align-items:center;gap:.5rem;height:42px;padding:0 1rem;border-radius:.8rem;color:#fff;background:linear-gradient(135deg,#2563eb,#4338ca);box-shadow:0 10px 24px rgba(37,99,235,.22);font-size:.7rem;font-weight:800;transition:.2s}.sh4-panel:hover{transform:translateY(-2px);box-shadow:0 15px 30px rgba(37,99,235,.3)}.sh4-burger{display:none}.sh4-mobile{position:fixed;inset:0;z-index:100;visibility:hidden;pointer-events:none}.sh4-mobile-backdrop{position:absolute;inset:0;border:0;background:rgba(2,6,23,.62);opacity:0;transition:.3s;backdrop-filter:blur(5px)}.sh4-mobile>aside{position:absolute;right:0;top:0;display:flex;width:min(390px,92vw);height:100%;flex-direction:column;background:#fff;box-shadow:-24px 0 60px rgba(2,6,23,.2);transform:translateX(105%);transition:.35s cubic-bezier(.2,.7,.2,1)}.sh4-mobile.is-open{visibility:visible;pointer-events:auto}.sh4-mobile.is-open .sh4-mobile-backdrop{opacity:1}.sh4-mobile.is-open>aside{transform:translateX(0)}.sh4-mobile-head{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #e8edf4}.sh4-mobile-head img{width:165px}.sh4-mobile-head button{display:grid;place-items:center;width:38px;height:38px;border:1px solid #e2e8f0;border-radius:.75rem;color:#475569;background:#f8fafc}.sh4-mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;padding:.8rem;background:#f8fafc}.sh4-mobile-actions a{display:flex;align-items:center;justify-content:center;gap:.5rem;height:42px;border:1px solid #dbe4ef;border-radius:.75rem;color:#334155;background:#fff;font-size:.68rem;font-weight:800}.sh4-mobile-actions a:last-child{color:#fff;border-color:#2563eb;background:#2563eb}.sh4-mobile-scroll{flex:1;overflow-y:auto;padding:.6rem}.sh4-mobile-group{border-bottom:1px solid #edf1f6}.sh4-mobile-group>button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:50px;padding:.45rem .55rem;border:0;color:#1e293b;background:transparent;font-size:.75rem;font-weight:800}.sh4-mobile-group>button span{display:flex;align-items:center;gap:.65rem}.sh4-mobile-group>button span i{display:grid;place-items:center;width:2rem;height:2rem;border-radius:.65rem;color:#2563eb;background:#eff6ff}.sh4-mobile-group>button>i{color:#94a3b8;font-size:.55rem;transition:.2s}.sh4-mobile-group.is-open>button>i{transform:rotate(180deg)}.sh4-mobile-group>div{display:none;padding:0 .35rem .55rem 2.4rem}.sh4-mobile-group.is-open>div{display:block}.sh4-mobile-group>div>a{display:flex;align-items:center;gap:.65rem;padding:.5rem;border-radius:.7rem}.sh4-mobile-group>div>a>i{width:1.2rem;color:#3b82f6;text-align:center}.sh4-mobile-group>div span{display:flex;flex-direction:column}.sh4-mobile-group>div b{color:#334155;font-size:.68rem}.sh4-mobile-group>div small{color:#94a3b8;font-size:.55rem}.sh4-mobile-direct{display:flex;align-items:center;gap:.65rem;min-height:48px;padding:.45rem .55rem;border-bottom:1px solid #edf1f6;color:#1e293b;font-size:.72rem;font-weight:800}.sh4-mobile-direct i{display:grid;place-items:center;width:2rem;height:2rem;border-radius:.65rem;color:#2563eb;background:#eff6ff}.sh4-mobile-footer{padding:.8rem;border-top:1px solid #e8edf4}.sh4-mobile-footer>a{display:flex;align-items:center;gap:.7rem;padding:.75rem;border-radius:.85rem;color:#fff;background:#07152f}.sh4-mobile-footer>a>i{display:grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:.65rem;background:#2563eb}.sh4-mobile-footer span{display:flex;flex-direction:column}.sh4-mobile-footer small{color:#93a7c1;font-size:.55rem}.sh4-mobile-footer b{font-size:.72rem}.sh4-cookie{position:fixed;z-index:110;left:1rem;bottom:1rem;display:flex;align-items:center;gap:.65rem;max-width:520px;padding:.75rem;border:1px solid #dbe4ef;border-radius:1rem;background:rgba(255,255,255,.97);box-shadow:0 20px 50px rgba(15,23,42,.2);backdrop-filter:blur(14px)}.sh4-cookie[hidden]{display:none}.sh4-cookie>div{display:flex;align-items:center;gap:.55rem}.sh4-cookie>div>i{color:#2563eb}.sh4-cookie p{margin:0;color:#64748b;font-size:.61rem}.sh4-cookie p a{color:#2563eb;font-weight:700}.sh4-cookie button{height:32px;padding:0 .65rem;border:1px solid #dbe3ee;border-radius:.6rem;color:#475569;background:#fff;font-size:.58rem;font-weight:800}.sh4-cookie button:last-child{color:#fff;border-color:#2563eb;background:#2563eb} html.dark .sh4-nav{border-color:#25344b!important;background:rgba(8,17,34,.95)!important}html.dark .sh4-nav-trigger,html.dark .sh4-nav-link{color:#d5dfed}html.dark .sh4-menu-group:hover .sh4-nav-trigger,html.dark .sh4-nav-link:hover{color:#93c5fd;background:#10244b}html.dark .sh4-theme,html.dark .sh4-cart,html.dark .sh4-burger{color:#dbeafe;border-color:#2b3a50;background:#0e1a2e}html.dark .sh4-mega{border-color:#2b3a50;background:rgba(9,18,34,.98)}html.dark .sh4-mega-card{border-color:#273850;background:linear-gradient(145deg,#101d32,#0c1729)}html.dark .sh4-mega-card b{color:#f8fafc}html.dark .sh4-mega-card:hover{border-color:#3b82f6;background:#122548}html.dark .sh4-mobile>aside{background:#091426}html.dark .sh4-mobile-head,html.dark .sh4-mobile-group,html.dark .sh4-mobile-direct,html.dark .sh4-mobile-footer{border-color:#263750}html.dark .sh4-mobile-actions{background:#0d192c}html.dark .sh4-mobile-actions a{color:#dbeafe;border-color:#2b3a50;background:#111e33}html.dark .sh4-mobile-group>button,html.dark .sh4-mobile-direct,html.dark .sh4-mobile-group>div b{color:#e5edf8}html.dark .sh4-cookie{border-color:#2b3a50;background:rgba(9,20,38,.97)}html.dark .sh4-cookie button{color:#dbeafe;border-color:#334155;background:#111e33} @media(max-width:1240px){.sh4-nav-inner{gap:.7rem}.sh4-logo img{width:166px}.sh4-nav-trigger,.sh4-nav-link{padding:0 .5rem;font-size:.72rem}.sh4-panel{padding:0 .75rem}.sh4-mega{left:40%}} @media(max-width:1100px){.sh4-desktop-menu{display:none}.sh4-nav-inner{min-height:70px}.sh4-logo img{width:170px}.sh4-actions{margin-left:auto}.sh4-burger{display:grid}.sh4-theme{display:none}.sh4-quick a:nth-child(2),.sh4-quick span{display:none}} @media(max-width:640px){.sh4-shell{width:min(100% - 1.25rem,1320px)}.sh4-announcement-inner{min-height:40px}.sh4-deal>span{display:none}.sh4-deal b{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.65rem}.sh4-deal em{font-size:.55rem}.sh4-quick{display:none}.sh4-nav-inner{min-height:66px}.sh4-logo img{width:145px}.sh4-panel{width:42px;padding:0;justify-content:center}.sh4-panel span{display:none}.sh4-actions{gap:.35rem}.sh4-cart,.sh4-burger,.sh4-panel{width:40px;height:40px}.sh4-cookie{right:.7rem;left:.7rem;bottom:.7rem;flex-wrap:wrap}.sh4-cookie>div{width:100%}} /* Anasayfa V3 — paket, tercih ve profesyonel adım akışı */ .hv3-packages{padding:5.4rem 0;background:#fff}.hv3-package-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.hv3-package-card{position:relative;display:flex;min-width:0;flex-direction:column;padding:1.35rem;border:1px solid #dfe7f1;border-radius:1.25rem;background:linear-gradient(155deg,#fff,#f8fbff);box-shadow:0 12px 35px rgba(15,23,42,.055);transition:.25s}.hv3-package-card:hover{transform:translateY(-5px);border-color:#93c5fd;box-shadow:0 22px 50px rgba(37,99,235,.12)}.hv3-package-card.is-popular{border-color:#3b82f6;box-shadow:0 20px 48px rgba(37,99,235,.14)}.hv3-package-card.is-popular:before{content:"";position:absolute;inset:-1px;border:1px solid rgba(96,165,250,.38);border-radius:inherit;pointer-events:none}.hv3-package-badge{position:absolute;right:1rem;top:-.72rem;display:inline-flex;align-items:center;gap:.35rem;padding:.38rem .62rem;border-radius:99px;color:#fff;background:linear-gradient(135deg,#2563eb,#4f46e5);box-shadow:0 8px 20px rgba(37,99,235,.25);font-size:.57rem;font-weight:800}.hv3-package-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;padding-bottom:1rem;border-bottom:1px solid #e7edf5}.hv3-package-head h3{margin:0 0 .3rem;font-size:1.12rem;font-weight:800}.hv3-package-head p{margin:0;color:#64748b;font-size:.65rem;line-height:1.45}.hv3-package-head>i{display:grid;place-items:center;width:2.45rem;height:2.45rem;flex:0 0 auto;border-radius:.78rem;color:#2563eb;background:#eaf2ff}.hv3-package-price{display:grid;grid-template-columns:auto 1fr;align-items:end;margin:1.05rem 0 .7rem}.hv3-package-price small{grid-column:1/-1;color:#94a3b8;font-size:.58rem}.hv3-package-price strong{color:#0f172a;font-size:2rem;line-height:1;font-weight:800;letter-spacing:-.04em}.hv3-package-price span{padding:0 0 .18rem .35rem;color:#64748b;font-size:.58rem}.hv3-package-saving{display:flex;align-items:center;gap:.45rem;padding:.48rem .6rem;border:1px solid #bbf7d0;border-radius:.65rem;color:#15803d;background:#f0fdf4;font-size:.6rem;font-weight:800}.hv3-package-card ul{display:grid;gap:.6rem;margin:1rem 0 1.2rem;padding:0;list-style:none}.hv3-package-card li{display:flex;align-items:center;gap:.5rem;color:#475569;font-size:.66rem}.hv3-package-card li i{display:grid;place-items:center;width:1.15rem;height:1.15rem;border-radius:50%;color:#16a34a;background:#dcfce7;font-size:.48rem}.hv3-package-card>a{display:flex;align-items:center;justify-content:center;gap:.5rem;height:2.7rem;margin-top:auto;border:1px solid #cbdcf7;border-radius:.75rem;color:#1d4ed8;background:#eff6ff;font-size:.67rem;font-weight:800;transition:.2s}.hv3-package-card.is-popular>a,.hv3-package-card>a:hover{color:#fff;border-color:#2563eb;background:#2563eb;box-shadow:0 10px 22px rgba(37,99,235,.2)}.hv3-packages-foot{display:flex;align-items:center;gap:1.4rem;margin-top:1rem;padding:1rem 1.2rem;border:1px solid #e2e8f0;border-radius:1rem;background:#f8fafc;color:#64748b;font-size:.65rem}.hv3-packages-foot span{display:flex;align-items:center;gap:.45rem}.hv3-packages-foot span i{color:#2563eb}.hv3-packages-foot a{display:flex;align-items:center;gap:.45rem;margin-left:auto;color:#1d4ed8;font-weight:800} .hv3-why{padding:5.5rem 0}.hv3-why-shell{display:grid;grid-template-columns:.78fr 1.22fr;gap:2.8rem;padding:2.2rem;border:1px solid #dce6f2;border-radius:1.6rem;background:radial-gradient(circle at 0 100%,rgba(37,99,235,.1),transparent 35%),linear-gradient(145deg,#f8fbff,#fff);box-shadow:0 20px 55px rgba(15,23,42,.07)}.hv3-why-intro{padding:.5rem}.hv3-why-intro h2{margin:0;font-size:clamp(2rem,3vw,2.7rem);line-height:1.05;letter-spacing:-.045em}.hv3-why-intro h2 em{color:#2563eb;font-style:normal}.hv3-why-intro>p{margin:1rem 0;color:#64748b;font-size:.77rem;line-height:1.7}.hv3-why-intro>div{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:1.2rem 0}.hv3-why-intro>div span{padding:.7rem;border:1px solid #dbe7f5;border-radius:.75rem;color:#64748b;background:rgba(255,255,255,.8);font-size:.56rem}.hv3-why-intro>div b{display:block;margin-bottom:.12rem;color:#0f172a;font-size:.78rem}.hv3-why-intro>a{display:inline-flex;align-items:center;gap:.5rem;color:#1d4ed8;font-size:.68rem;font-weight:800}.hv3-why-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.hv3-why-grid article{--why:#2563eb;position:relative;min-width:0;padding:1rem 1rem 1rem 3.8rem;border:1px solid #e1e8f1;border-radius:1rem;color:inherit;background:rgba(255,255,255,.82);transition:.22s}.hv3-why-grid article.tone-green{--why:#16a34a}.hv3-why-grid article.tone-purple{--why:#7c3aed}.hv3-why-grid article.tone-amber{--why:#d97706}.hv3-why-grid article:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--why) 40%,#dbe5f1);box-shadow:0 14px 30px rgba(15,23,42,.07)}.hv3-why-grid article>div{position:absolute;left:1rem;top:1rem;display:grid;place-items:center;width:2.15rem;height:2.15rem;border-radius:.7rem;color:var(--why);background:color-mix(in srgb,var(--why) 10%,#fff)}.hv3-why-grid h3{margin:0 0 .3rem;color:#172033;font-size:.78rem;font-weight:800}.hv3-why-grid p{margin:0;color:#64748b;font-size:.62rem;line-height:1.55} .hv3-journey{padding:5.5rem 0;background:linear-gradient(180deg,#f6f9fd,#eef4fb)}.hv3-step-track{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding-top:2.3rem}.hv3-step-line{position:absolute;left:16%;right:16%;top:3.65rem;height:2px;background:#c9d8ec}.hv3-step-line span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#2563eb,#38bdf8,#4f46e5)}.hv3-step-track article{position:relative;z-index:2;padding:3.6rem 1.3rem 1.3rem;border:1px solid #d9e4f1;border-radius:1.2rem;background:rgba(255,255,255,.94);box-shadow:0 14px 35px rgba(15,23,42,.06);transition:.24s}.hv3-step-track article:hover{transform:translateY(-5px);border-color:#93c5fd;box-shadow:0 22px 48px rgba(37,99,235,.11)}.hv3-step-marker{position:absolute;left:50%;top:-1.15rem;display:grid;place-items:center;width:3.65rem;height:3.65rem;border:6px solid #eef4fb;border-radius:50%;color:#fff;background:linear-gradient(135deg,#2563eb,#4f46e5);box-shadow:0 8px 24px rgba(37,99,235,.25);transform:translateX(-50%)}.hv3-step-marker b{position:absolute;right:-.38rem;top:-.25rem;display:grid;place-items:center;width:1.35rem;height:1.35rem;border:2px solid #fff;border-radius:50%;color:#1d4ed8;background:#dbeafe;font-size:.48rem}.hv3-step-marker i{font-size:1rem}.hv3-step-copy{text-align:center}.hv3-step-copy>small{color:#2563eb;font-size:.55rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.hv3-step-copy h3{margin:.35rem 0 .5rem;font-size:1rem;font-weight:800}.hv3-step-copy p{min-height:3.3rem;margin:0;color:#64748b;font-size:.65rem;line-height:1.6}.hv3-step-copy>span{display:inline-flex;align-items:center;gap:.4rem;margin-top:.8rem;padding:.4rem .58rem;border-radius:99px;color:#475569;background:#f1f5f9;font-size:.55rem;font-weight:700}.hv3-step-copy>span i{color:#2563eb}.hv3-step-result{display:flex;align-items:center;gap:.8rem;margin-top:1rem;padding:1rem 1.2rem;border:1px solid #bdd3f5;border-radius:1rem;background:linear-gradient(100deg,#eff6ff,#fff);box-shadow:0 12px 28px rgba(37,99,235,.07)}.hv3-step-result>i{display:grid;place-items:center;width:2.4rem;height:2.4rem;flex:0 0 auto;border-radius:.75rem;color:#fff;background:#16a34a}.hv3-step-result span{display:flex;flex-direction:column;color:#64748b;font-size:.63rem}.hv3-step-result b{margin-bottom:.1rem;color:#172033;font-size:.75rem}.hv3-step-result a{display:flex;align-items:center;gap:.45rem;margin-left:auto;padding:.7rem .85rem;border-radius:.7rem;color:#fff;background:#2563eb;font-size:.62rem;font-weight:800;white-space:nowrap} html.dark .hv3-packages{background:#071122}html.dark .hv3-package-card{border-color:#273850;background:linear-gradient(155deg,#101d32,#0b172a)}html.dark .hv3-package-head{border-color:#28384e}html.dark .hv3-package-head h3,html.dark .hv3-package-price strong{color:#f8fafc}html.dark .hv3-package-head p,html.dark .hv3-package-card li{color:#a9b8cc}html.dark .hv3-packages-foot{color:#a9b8cc;border-color:#293950;background:#0d192c}html.dark .hv3-why-shell{border-color:#293950;background:radial-gradient(circle at 0 100%,rgba(37,99,235,.15),transparent 38%),linear-gradient(145deg,#0c192d,#081426)}html.dark .hv3-why-intro h2,html.dark .hv3-why-intro>div b,html.dark .hv3-why-grid h3{color:#f8fafc}html.dark .hv3-why-intro>p,html.dark .hv3-why-grid p{color:#a8b7ca}html.dark .hv3-why-intro>div span{border-color:#2b3d57;background:#101e33}html.dark .hv3-why-grid article{border-color:#293a52;background:#0f1d32;color:inherit}html.dark .hv3-why-grid article>div{background:#142745}html.dark .hv3-journey{background:linear-gradient(180deg,#081426,#0b1729)}html.dark .hv3-step-track article{border-color:#293950;background:#0f1c30}html.dark .hv3-step-line{background:#2a3a52}html.dark .hv3-step-marker{border-color:#0b1729}html.dark .hv3-step-copy h3,html.dark .hv3-step-result b{color:#f8fafc}html.dark .hv3-step-copy p{color:#a9b8cc}html.dark .hv3-step-copy>span{color:#b8c5d5;background:#17253a}html.dark .hv3-step-result{border-color:#2b4263;background:linear-gradient(100deg,#102548,#0f1b30)}html.dark .hv3-step-result span{color:#9fb0c5} @media(max-width:1023px){.hv3-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hv3-why-shell{grid-template-columns:1fr}.hv3-why-intro{max-width:680px}.hv3-step-copy p{min-height:4.2rem}} @media(max-width:767px){.hv3-packages,.hv3-why,.hv3-journey{padding:4rem 0}.hv3-package-grid{grid-template-columns:1fr}.hv3-packages-foot{align-items:flex-start;flex-direction:column;gap:.7rem}.hv3-packages-foot a{margin-left:0}.hv3-why-shell{gap:1.4rem;padding:1.1rem;border-radius:1.2rem}.hv3-why-intro{padding:.2rem}.hv3-why-intro>div{grid-template-columns:1fr}.hv3-why-grid{grid-template-columns:1fr}.hv3-step-track{grid-template-columns:1fr;gap:2.2rem;padding-top:1.2rem}.hv3-step-line{left:2rem;right:auto;top:2rem;bottom:2rem;width:2px;height:auto}.hv3-step-line span{width:100%;height:100%}.hv3-step-track article{padding:1.15rem 1rem 1.15rem 5.1rem}.hv3-step-marker{left:1.8rem;top:50%;border-color:#eef4fb;transform:translate(-50%,-50%)}html.dark .hv3-step-marker{border-color:#0b1729}.hv3-step-copy{text-align:left}.hv3-step-copy p{min-height:0}.hv3-step-result{align-items:flex-start;flex-wrap:wrap}.hv3-step-result a{width:100%;margin-left:0;justify-content:center}} /* Anasayfa CTA — taşan destek uzmanı */ .hv3-final-cta>div{overflow:visible!important;isolation:isolate;padding-right:23rem!important}.hv3-final-cta>div:before{content:"";position:absolute;inset:0;z-index:-2;border-radius:inherit;background:linear-gradient(90deg,transparent 44%,rgba(37,99,235,.08));pointer-events:none}.hv3-final-cta>div:after{z-index:-1!important}.hv3-final-cta>div>span,.hv3-final-cta>div>h2,.hv3-final-cta>div>p,.hv3-final-cta>div>div{position:relative;z-index:3}.hv3-support-person{position:absolute;z-index:2;right:2.4rem;bottom:0;width:18.5rem;max-width:32%;max-height:27rem;height:auto;object-fit:contain;object-position:center bottom;filter:drop-shadow(-14px 16px 22px rgba(2,6,23,.27));pointer-events:none;user-select:none} @media(max-width:1023px){.hv3-final-cta>div{padding-right:17rem!important}.hv3-support-person{right:.7rem;width:16rem;max-width:36%;max-height:23rem}} @media(max-width:767px){.hv3-final-cta>div{overflow:hidden!important;padding:2.2rem 1.4rem!important}.hv3-support-person{display:none}} /* Hizmet sayfaları — ortak kurumsal hero görselleri */ .has-service-page-hero{isolation:isolate}.service-page-hero-art{position:absolute;z-index:8;right:max(2.5%,calc((100vw - 1280px)/2));bottom:-.5rem;width:min(49vw,650px);height:auto;max-height:400px;object-fit:contain;object-position:center bottom;visibility:hidden;opacity:0;filter:drop-shadow(0 24px 30px rgba(15,23,42,.16));pointer-events:none;user-select:none}.has-service-page-hero>.service-page-hero-art{visibility:visible}.service-page-hero-replaced{visibility:hidden!important}.service-page-hero-centered .service-page-hero-art{right:-3%;bottom:-2rem;width:min(36vw,520px);max-height:360px;opacity:.22;filter:saturate(.9) drop-shadow(0 20px 25px rgba(37,99,235,.12))}.service-page-hero-centered>div:not(.absolute){position:relative;z-index:10} html.dark .service-page-hero-art{filter:drop-shadow(0 26px 34px rgba(0,0,0,.35))}.has-service-page-hero .service-page-hero-art{animation:serviceHeroReveal .55s ease-out both}@keyframes serviceHeroReveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.service-page-hero-centered .service-page-hero-art{animation-name:serviceHeroRevealSoft}@keyframes serviceHeroRevealSoft{from{opacity:0;transform:translateY(12px)}to{opacity:.22;transform:none}} @media(max-width:1023px){.service-page-hero-art{right:-2%;width:48vw;max-height:350px}.service-page-hero-centered .service-page-hero-art{right:-10%;width:44vw;opacity:.14}} @media(max-width:767px){.service-page-hero-art{display:none}.service-page-hero-replaced{visibility:visible!important}} /* Hosting fiyat kartları — bölümlü premium görünüm */ .hosting-pricing-grid{align-items:stretch;gap:1rem!important} .hosting-pricing-card{min-width:0;overflow:hidden;padding:0!important;border-width:1px!important;border-color:#dfe6ef!important;border-radius:1rem!important;background:#fff!important;box-shadow:0 12px 32px rgba(15,23,42,.055)!important;transform:none!important;transition:border-color .22s,box-shadow .22s,transform .22s!important} .hosting-pricing-card:hover{border-color:#93b7f5!important;box-shadow:0 20px 44px rgba(37,99,235,.11)!important;transform:translateY(-4px)!important} .hosting-pricing-card.border-blue-600{border-color:#2563eb!important;box-shadow:0 18px 46px rgba(37,99,235,.14)!important} .hosting-pricing-card>.absolute{z-index:5;top:.8rem!important;right:.8rem!important;left:auto!important;transform:none!important;padding:.35rem .65rem!important;border-radius:99px!important;background:linear-gradient(135deg,#2563eb,#4f46e5)!important;font-size:.54rem!important;letter-spacing:.04em;box-shadow:0 8px 18px rgba(37,99,235,.2)!important} .hosting-pricing-card>div[class*="w-12"]{width:2.65rem!important;height:2.65rem!important;margin:1.25rem 1.25rem 1rem!important;border:1px solid #dbeafe;border-radius:.75rem!important;color:#2563eb!important;background:#eff6ff!important;box-shadow:none!important} .hosting-pricing-card>div.text-lg{padding:0 1.25rem;color:#111827;font-size:1.05rem!important;line-height:1.2} .hosting-pricing-card>div.text-xs{min-height:2.65rem;margin:0!important;padding:.35rem 1.25rem 1rem;color:#78869a!important;font-size:.66rem!important;line-height:1.45} .hosting-pricing-card>div.flex.items-baseline{position:relative;display:grid!important;grid-template-columns:auto auto 1fr;align-items:end!important;gap:.35rem!important;margin:0!important;padding:1rem 1.25rem .35rem;border-top:1px solid #e5edf6;background:linear-gradient(100deg,#f7faff,#eef5ff)} .hosting-pricing-card>div.flex.items-baseline:after{content:"%17 AVANTAJ";justify-self:end;align-self:center;padding:.3rem .48rem;border:1px solid #bfdbfe;border-radius:99px;color:#1d4ed8;background:#fff;font-size:.5rem;font-weight:800;white-space:nowrap} html:not([data-selected-billing-months="12"]) .hosting-pricing-card>div.flex.items-baseline:after{display:none} .hosting-pricing-card [data-hosting-base-price]{grid-column:1/-1;color:#94a3b8!important;font-size:.61rem!important} .hosting-pricing-card [data-hosting-price]{color:#2563eb!important;font-size:1.65rem!important;line-height:1!important} .hosting-pricing-card [data-hosting-period]{padding-bottom:.12rem;color:#64748b!important;font-size:.56rem!important} .hosting-pricing-card>[data-hosting-note]{min-height:2.15rem;margin:0!important;padding:.2rem 1.25rem .8rem;border-bottom:1px solid #dfe9f5;color:#15803d!important;background:linear-gradient(100deg,#f7faff,#eef5ff);font-size:.56rem!important} .hosting-pricing-card>div.flex.flex-col{position:relative;margin:0!important;padding:3.2rem 1.25rem 1.1rem!important;gap:.62rem!important} .hosting-pricing-card>div.flex.flex-col:before{content:"Paket özellikleri";position:absolute;left:1.25rem;right:1.25rem;top:0;display:flex;align-items:center;height:2.35rem;border-bottom:1px solid #edf1f6;color:#64748b;font-size:.61rem;font-weight:800;letter-spacing:.01em} .hosting-pricing-card>div.flex.flex-col>div{gap:.55rem!important;color:#263348!important;font-size:.66rem!important;line-height:1.35} .hosting-pricing-card>div.flex.flex-col>div>i{display:grid;width:1.12rem!important;height:1.12rem;flex:0 0 1.12rem;place-items:center;border:1px solid #bfdbfe;border-radius:50%;color:#2563eb!important;background:#f8fbff;font-size:.48rem} .hosting-pricing-card>[data-hosting-order-link],.hosting-pricing-card>button[disabled]{width:auto!important;margin:.1rem 1.25rem .85rem!important;border-radius:.7rem!important;font-size:.67rem!important;box-shadow:0 9px 20px rgba(37,99,235,.18)!important} .hosting-pricing-card>a[href="#karsilastirma"]{min-height:2.9rem;padding:.75rem 1rem;border-top:1px solid #dbeafe;color:#1d4ed8!important;background:#eff6ff;font-size:.59rem!important} .hosting-pricing-card>a[href="#karsilastirma"]:before{content:"✦";margin-right:.15rem;color:#3b82f6} html.dark .hosting-pricing-card{border-color:#293a52!important;background:#0d192c!important}html.dark .hosting-pricing-card>div.text-lg{color:#f8fafc}html.dark .hosting-pricing-card>div.text-xs{color:#9fb0c5!important}html.dark .hosting-pricing-card>div.flex.items-baseline,html.dark .hosting-pricing-card>[data-hosting-note]{border-color:#2a3d58;background:linear-gradient(100deg,#10213d,#0f1d34)}html.dark .hosting-pricing-card>div.flex.items-baseline:after{color:#93c5fd;border-color:#315489;background:#13284a}html.dark .hosting-pricing-card>div.flex.flex-col:before{border-color:#263950;color:#9fb0c5}html.dark .hosting-pricing-card>div.flex.flex-col>div{color:#d7e0ec!important}html.dark .hosting-pricing-card>div.flex.flex-col>div>i{border-color:#315489;background:#12294d}html.dark .hosting-pricing-card>a[href="#karsilastirma"]{border-color:#2c4160;background:#102448;color:#93c5fd!important} /* Mobil üst bilgi çubuğu */ .hh-mobile-utility{font-family:'Gilroy',system-ui,sans-serif}.hh-mobile-utility-main{box-shadow:inset 0 1px 0 rgba(37,99,235,.08)} html.dark .hh-mobile-utility{color:#aebdd0!important;border-color:#253750!important;background:#0b1729!important}html.dark .hh-mobile-utility-main{box-shadow:inset 0 1px 0 rgba(96,165,250,.12)}html.dark .hh-mobile-utility-main a{color:#bfdbfe!important}html.dark .hh-mobile-utility-main span[class*="bg-slate"]{background:#334155!important}html.dark .hh-mobile-contact-strip{border-color:#24364e!important;background:#0e1b30!important}html.dark .hh-mobile-contact-strip a{color:#aebdd0!important} @media(max-width:767px){.hosting-pricing-grid{display:flex!important;overflow-x:auto;padding:.35rem .25rem 1.1rem;scroll-snap-type:x mandatory;scrollbar-width:none}.hosting-pricing-grid::-webkit-scrollbar{display:none}.hosting-pricing-card{flex:0 0 min(84vw,320px);scroll-snap-align:center}.hosting-pricing-card:first-child{margin-left:.05rem}.hosting-pricing-card:last-child{margin-right:.05rem}} /* Hizmet hero altı güven şeridi — ince kutulu görünüm */ div.bg-blue-900.py-4{position:relative;padding:.48rem 0!important;background:linear-gradient(100deg,#173a89,#2448a4 52%,#183b8d)!important;box-shadow:inset 0 1px rgba(255,255,255,.12),inset 0 -1px rgba(2,6,23,.12);overflow:hidden} div.bg-blue-900.py-4:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 15% 0,rgba(96,165,250,.2),transparent 32%),linear-gradient(90deg,transparent,rgba(255,255,255,.035),transparent)} div.bg-blue-900.py-4>div{position:relative;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem!important;width:min(1040px,calc(100% - 2rem));padding:0!important} div.bg-blue-900.py-4>div>span:not(.text-white\/20){display:flex;align-items:center;justify-content:center;gap:.38rem;min-width:0;height:2.05rem;padding:0 .7rem;border:1px solid rgba(191,219,254,.16);border-radius:.58rem;color:rgba(239,246,255,.72)!important;background:rgba(255,255,255,.065);box-shadow:inset 0 1px rgba(255,255,255,.055);font-size:.61rem!important;white-space:nowrap} div.bg-blue-900.py-4>div>span:not(.text-white\/20):before{content:"✓";display:grid;place-items:center;width:1rem;height:1rem;flex:0 0 1rem;border-radius:.34rem;color:#bfdbfe;background:rgba(96,165,250,.2);font-size:.48rem;font-weight:900} div.bg-blue-900.py-4>div>span:not(.text-white\/20)>strong{color:#fff!important;font-size:.66rem;letter-spacing:-.01em} div.bg-blue-900.py-4>div>span.text-white\/20{display:none!important} html.dark div.bg-blue-900.py-4{background:linear-gradient(100deg,#102857,#173675 52%,#112c63)!important} @media(max-width:767px){div.bg-blue-900.py-4{padding:.45rem 0!important}div.bg-blue-900.py-4>div{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100% - 1rem,520px);gap:.4rem!important}div.bg-blue-900.py-4>div>span:not(.text-white\/20){justify-content:flex-start;height:2rem;padding:0 .48rem;font-size:.55rem!important}div.bg-blue-900.py-4>div>span:not(.text-white\/20)>strong{font-size:.6rem}} /* Anasayfa okunabilirlik ölçeği */ .home-v3{font-size:16px} .home-v3 .hv3-kicker{font-size:.8rem} .home-v3 .hv3-hero-copy>p{font-size:1.05rem} .home-v3 .hv3-proof-row>span{font-size:.8rem} .home-v3 .hv3-primary-btn,.home-v3 .hv3-ghost-btn{font-size:.86rem} .home-v3 .hv3-campaign-note{font-size:.8rem} .home-v3 .hv3-floating-card span{font-size:.68rem}.home-v3 .hv3-floating-card b{font-size:.82rem} .home-v3 .hv3-domain-search input{font-size:.92rem}.home-v3 .hv3-domain-search button{font-size:.82rem} .home-v3 .hv3-domain-prices b{font-size:.88rem}.home-v3 .hv3-domain-prices strong{font-size:.8rem} .home-v3 .hv3-trust-strip span{font-size:.76rem}.home-v3 .hv3-trust-strip b{font-size:.9rem} .home-v3 .hv3-section-head>div>span,.home-v3 .hv3-eyebrow{font-size:.72rem} .home-v3 .hv3-section-head>p{font-size:.94rem} .home-v3 .hv3-showcase-tag{font-size:.72rem}.home-v3 .hv3-showcase-copy p{font-size:.84rem}.home-v3 .hv3-showcase-copy small{font-size:.76rem}.home-v3 .hv3-showcase-copy b{font-size:.78rem} .home-v3 .hv3-package-badge{font-size:.65rem} .home-v3 .hv3-package-head p{font-size:.78rem} .home-v3 .hv3-package-price small,.home-v3 .hv3-package-price span{font-size:.7rem} .home-v3 .hv3-package-saving{font-size:.74rem} .home-v3 .hv3-package-card li{font-size:.8rem} .home-v3 .hv3-package-card>a{font-size:.8rem} .home-v3 .hv3-packages-foot{font-size:.76rem} .home-v3 .hv3-solution-card h3{font-size:1.12rem}.home-v3 .hv3-solution-card>p{font-size:.84rem}.home-v3 .hv3-solution-price small{font-size:.7rem}.home-v3 .hv3-solution-price em{font-size:.74rem} .home-v3 .hv3-why-intro>p{font-size:.9rem}.home-v3 .hv3-why-intro>div span{font-size:.72rem}.home-v3 .hv3-why-intro>div b{font-size:.9rem}.home-v3 .hv3-why-intro>a{font-size:.8rem} .home-v3 .hv3-why-grid h3{font-size:.93rem}.home-v3 .hv3-why-grid p{font-size:.79rem} .home-v3 .hv3-infra-image span{font-size:.73rem}.home-v3 .hv3-infra-image b{font-size:.9rem}.home-v3 .hv3-infra-copy>p{font-size:.91rem}.home-v3 .hv3-infra-list span{font-size:.7rem}.home-v3 .hv3-infra-list b{font-size:.8rem}.home-v3 .hv3-infra-copy>a{font-size:.82rem} .home-v3 .hv3-step-marker b{font-size:.58rem}.home-v3 .hv3-step-copy>small{font-size:.68rem}.home-v3 .hv3-step-copy h3{font-size:1.08rem}.home-v3 .hv3-step-copy p{font-size:.82rem}.home-v3 .hv3-step-copy>span{font-size:.68rem}.home-v3 .hv3-step-result span{font-size:.78rem}.home-v3 .hv3-step-result b{font-size:.9rem}.home-v3 .hv3-step-result a{font-size:.76rem} .home-v3 .hv3-stars{font-size:.8rem}.home-v3 .hv3-testimonial-grid article>p{font-size:.88rem}.home-v3 .hv3-testimonial-grid footer b{font-size:.84rem}.home-v3 .hv3-testimonial-grid footer small{font-size:.72rem} .home-v3 .hv3-faq-intro>p{font-size:.9rem}.home-v3 .hv3-faq-intro>a{font-size:.82rem}.home-v3 .hv3-faq-list summary{font-size:.9rem}.home-v3 .hv3-faq-list details p{font-size:.84rem} .home-v3 .hv3-final-cta span{font-size:.78rem}.home-v3 .hv3-final-cta p{font-size:.9rem}.home-v3 .hv3-final-cta a{font-size:.82rem} @media(max-width:767px){.home-v3 .hv3-hero-copy>p{font-size:1rem}.home-v3 .hv3-proof-row>span{font-size:.75rem}.home-v3 .hv3-section-head>p{font-size:.88rem}.home-v3 .hv3-package-card li{font-size:.82rem}.home-v3 .hv3-showcase-copy p,.home-v3 .hv3-solution-card>p,.home-v3 .hv3-why-grid p,.home-v3 .hv3-step-copy p,.home-v3 .hv3-faq-list details p{font-size:.84rem}} /* Hizmet hero hareketli bilgi kartları */ .service-hero-floating-source{display:none} .has-service-hero-floating{isolation:isolate} .service-hero-floating-card{position:absolute;z-index:16;display:flex;align-items:center;gap:.65rem;min-width:10.8rem;padding:.65rem .78rem;border:1px solid rgba(191,219,254,.85);border-radius:.9rem;color:#0f172a;background:rgba(255,255,255,.94);box-shadow:0 16px 38px rgba(15,23,42,.16);backdrop-filter:blur(14px);pointer-events:none;user-select:none} .service-hero-floating-card>i{display:grid;place-items:center;width:2.25rem;height:2.25rem;flex:0 0 2.25rem;border-radius:.68rem;color:#fff;background:linear-gradient(145deg,#3b82f6,#1d4ed8);box-shadow:0 7px 16px rgba(37,99,235,.24);font-size:.82rem} .service-hero-floating-card>span{display:flex;min-width:0;flex-direction:column;color:#748399;font-size:.64rem;line-height:1.3;white-space:nowrap} .service-hero-floating-card b{margin-bottom:.12rem;color:#152238;font-size:.76rem;font-weight:800} .service-hero-floating-one{right:max(3%,calc((100vw - 1310px)/2));top:19%;animation:serviceFloatOne 4.7s ease-in-out infinite} .service-hero-floating-two{right:max(29%,calc((100vw - 580px)/2));bottom:12%;animation:serviceFloatTwo 5.2s ease-in-out .35s infinite} @keyframes serviceFloatOne{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-9px,0)}} @keyframes serviceFloatTwo{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(7px,-6px,0)}} html.dark .service-hero-floating-card{color:#e5edf8;border-color:#31517e;background:rgba(9,20,38,.92);box-shadow:0 18px 42px rgba(0,0,0,.3)}html.dark .service-hero-floating-card>span{color:#9eb0c7}html.dark .service-hero-floating-card b{color:#f8fafc} @media(max-width:1180px){.service-hero-floating-card{min-width:9.7rem;padding:.55rem .65rem}.service-hero-floating-one{right:1.5%;top:17%}.service-hero-floating-two{right:25%;bottom:10%}} @media(max-width:900px){.service-hero-floating-card{scale:.88;transform-origin:right center}.service-hero-floating-one{right:.5rem}.service-hero-floating-two{right:21%}} @media(max-width:767px){.service-hero-floating-card{display:none}} @media(prefers-reduced-motion:reduce){.service-hero-floating-card{animation:none}} /* Header okunabilirlik ve dengeli font ağırlığı */ .hh-campaign-bar>div{min-height:58px!important} .hh-campaign-bar [data-campaign-slide] p{font-size:.9rem!important;font-weight:500!important;letter-spacing:0!important} .hh-campaign-bar [data-campaign-slide] p strong{font-weight:600!important} .hh-campaign-bar .campaign-code{height:2rem!important;padding-inline:.75rem!important;font-size:.7rem!important;font-weight:600!important} .hh-campaign-bar [data-campaign-countdown]{min-width:7.8rem!important;font-size:.78rem!important;font-weight:600!important} .hh-campaign-bar [data-campaign-slide]>a{height:2.15rem!important;padding-inline:1rem!important;font-size:.72rem!important;font-weight:600!important} .hh-desktop-utility>div{height:44px!important} .hh-desktop-utility a,.hh-desktop-utility button,.hh-desktop-utility span{font-size:.77rem!important;font-weight:500!important;letter-spacing:0!important} .hh-desktop-utility span .fa-circle{font-size:.38rem!important} nav[data-premium-nav] .desktop-mega-nav>.group>div[class*="cursor-pointer"], nav[data-premium-nav] .desktop-mega-nav>a{font-size:1rem!important;font-weight:500!important;letter-spacing:-.006em!important} nav[data-premium-nav] .desktop-mega-nav [id^="mg-"]>div>div[class*="uppercase"], nav[data-premium-nav] .desktop-mega-nav [id^="mg-"]>div[class*="uppercase"]{font-weight:600!important} nav[data-premium-nav] .desktop-mega-nav [id^="mg-"] a[class*="items-start"] div.text-sm{font-weight:600!important} nav[data-premium-nav] .desktop-mega-nav [id^="mg-"] a[class*="items-start"] div.text-\[12px\]{font-weight:400!important} nav[data-premium-nav] .desktop-nav-actions .nav-sales-cta{font-size:.82rem!important;font-weight:600!important} .compact-nav-link{font-weight:500!important} #mobPanel .mob-acc>button>span,#mobPanel .mob-acc~a[href^="/"]>span{font-weight:600!important} #mobPanel .mob-acc-panel a{font-weight:400!important} @media(max-width:767px){.hh-campaign-bar>div{min-height:52px!important}.hh-campaign-bar [data-campaign-slide] p{font-size:.76rem!important}.hh-mobile-utility-main{height:2.5rem!important}.hh-mobile-utility-main a,.hh-mobile-utility-main span{font-size:.68rem!important;font-weight:500!important}.hh-mobile-contact-strip{height:2rem!important}.hh-mobile-contact-strip a{font-size:.64rem!important;font-weight:500!important}} /* VDS hero teknik özellik şeridi */ div.vds-feature-strip>div{grid-template-columns:repeat(6,minmax(0,1fr))!important;width:min(1280px,calc(100% - 2rem))!important} div.vds-feature-strip>div>span:not(.text-white\/20){justify-content:flex-start;padding-inline:.58rem!important} div.vds-feature-strip>div>span:not(.text-white\/20):before{display:none!important} div.vds-feature-strip>div>span:not(.text-white\/20)>i{display:grid;place-items:center;width:1.22rem;height:1.22rem;flex:0 0 1.22rem;border:1px solid rgba(191,219,254,.2);border-radius:.38rem;color:#dbeafe;background:rgba(96,165,250,.2);font-size:.52rem;box-shadow:inset 0 1px rgba(255,255,255,.08)} div.vds-feature-strip>div>span:not(.text-white\/20)>strong{font-size:.64rem!important;font-weight:600!important;white-space:nowrap} @media(max-width:1100px){div.vds-feature-strip>div{grid-template-columns:repeat(3,minmax(0,1fr))!important}} @media(max-width:767px){div.vds-feature-strip>div{grid-template-columns:repeat(2,minmax(0,1fr))!important}} /* VDS hero son görsel dengesi */ .service-page-hero-key-vds-sunucu .service-page-hero-art{right:max(5%,calc((100vw - 1220px)/2));bottom:0;width:min(44vw,590px);max-height:365px} .service-page-hero-key-vds-sunucu .service-hero-floating-one{right:max(7%,calc((100vw - 1130px)/2));top:18%} .service-page-hero-key-vds-sunucu .service-hero-floating-two{right:max(38%,calc((100vw - 260px)/2));bottom:4%} @media(max-width:1180px){.service-page-hero-key-vds-sunucu .service-page-hero-art{right:2%;width:43vw;max-height:345px}.service-page-hero-key-vds-sunucu .service-hero-floating-one{right:3%;top:15%}.service-page-hero-key-vds-sunucu .service-hero-floating-two{right:36%;bottom:3%}} /* Tüm hizmetlerde VDS düzeninde hero özellik şeridi */ .service-hero-feature-source,.service-hero-old-features{display:none!important} body.service-has-feature-strip .hosting-hero-copy>.grid{display:none!important} body.service-has-feature-strip section[class*="bg-gradient-to-b"]>div[class*="max-w-"][class*="grid"]>div:first-child .grid[class*="grid-cols-2"]{display:none!important} body.service-dynamic-hero-split section[class*="bg-gradient-to-b"]>div[class*="max-w-"][class*="grid"]>div:nth-child(2){visibility:hidden!important;opacity:0!important} body.service-has-feature-strip div.bg-blue-900.py-4:not(.service-feature-strip),body.service-has-feature-strip div.bg-blue-900.py-2:not(.service-feature-strip),body.service-has-feature-strip div.bg-slate-900.py-4:not(.service-feature-strip){min-height:49px;visibility:hidden} body.service-has-feature-strip div.service-feature-strip{visibility:visible!important} div.service-feature-strip{padding:.48rem 0!important} div.service-feature-strip>div{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:.55rem!important;width:min(1280px,calc(100% - 2rem))!important;padding:0!important} div.service-feature-strip>div>span{display:flex;align-items:center;justify-content:flex-start;gap:.42rem;min-width:0;height:2.05rem;padding:0 .58rem;border:1px solid rgba(191,219,254,.16);border-radius:.58rem;color:#fff;background:rgba(255,255,255,.065);box-shadow:inset 0 1px rgba(255,255,255,.055);font-size:.64rem;white-space:nowrap} div.service-feature-strip>div>span:before{display:none!important} div.service-feature-strip>div>span>i{display:grid;place-items:center;width:1.22rem;height:1.22rem;flex:0 0 1.22rem;border:1px solid rgba(191,219,254,.2);border-radius:.38rem;color:#dbeafe;background:rgba(96,165,250,.2);font-size:.52rem;box-shadow:inset 0 1px rgba(255,255,255,.08)} div.service-feature-strip>div>span>strong{overflow:hidden;color:#fff;font-size:.64rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap} .service-hero-features-relocated>div[class*="max-w-7xl"][class*="grid"]{min-height:350px!important} .service-hero-features-relocated .service-page-hero-art{width:min(44vw,590px);max-height:365px} body.service-has-feature-strip section[class*="bg-gradient-to-b"]>div[class*="max-w-7xl"][class*="grid"]{min-height:350px!important} /* Farklı hosting şablonunu VDS oranlarına yaklaştır */ .service-hero-features-relocated .hosting-hero-grid{min-height:400px!important} .service-hero-features-relocated .hosting-hero-copy{padding-top:1.65rem!important;padding-bottom:1.65rem!important} .service-hero-features-relocated .hosting-hero-art-inner{width:112%!important;transform:translateX(3%)!important} .service-hero-features-relocated .hosting-hero-image{max-height:410px!important} .service-hero-features-relocated .hosting-hero-art::before{width:70%;left:20%;bottom:-13%} body.service-has-feature-strip .hosting-hero-grid{min-height:400px!important} body.service-has-feature-strip .hosting-hero-copy{padding-top:1.65rem!important;padding-bottom:1.65rem!important} body.service-has-feature-strip .hosting-hero-art-inner{width:112%!important;transform:translateX(3%)!important} body.service-has-feature-strip .hosting-hero-image{max-height:410px!important} body.service-has-feature-strip .hosting-hero-art::before{width:70%;left:20%;bottom:-13%} @media(max-width:1100px){body.service-has-feature-strip div.bg-blue-900.py-4:not(.service-feature-strip),body.service-has-feature-strip div.bg-blue-900.py-2:not(.service-feature-strip),body.service-has-feature-strip div.bg-slate-900.py-4:not(.service-feature-strip){min-height:86px}div.service-feature-strip>div{grid-template-columns:repeat(3,minmax(0,1fr))!important}.service-hero-features-relocated .hosting-hero-art-inner{width:106%!important}.service-hero-features-relocated .hosting-hero-image{max-height:380px!important}} @media(max-width:767px){body.service-has-feature-strip div.bg-blue-900.py-4:not(.service-feature-strip),body.service-has-feature-strip div.bg-blue-900.py-2:not(.service-feature-strip),body.service-has-feature-strip div.bg-slate-900.py-4:not(.service-feature-strip){min-height:119px}div.service-feature-strip>div{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:min(100% - 1rem,560px)!important;gap:.4rem!important}div.service-feature-strip>div>span{height:2rem;padding:0 .48rem;font-size:.58rem}.service-hero-features-relocated .hosting-hero-grid,body.service-has-feature-strip .hosting-hero-grid{min-height:0!important}.service-hero-features-relocated .hosting-hero-art-inner,body.service-has-feature-strip .hosting-hero-art-inner{width:100%!important;transform:none!important}}