/* ═══════════════════════════════════════════════════════════════════
   Technobulut Hosting Theme v2.0
   Karışık tema: Koyu header/hero/footer + Açık sections
   ═══════════════════════════════════════════════════════════════════ */

:root {
  --tb-dark: #0f172a;
  --tb-blue: #2563eb;
  --tb-cyan: #06b6d4;
  --tb-gradient: linear-gradient(135deg, #2563eb 0%, #06b6d4 100%);
  --tb-success: #10b981;
  --tb-warning: #f59e0b;
  --tb-danger: #ef4444;
  --tb-text: #0f172a;
  --tb-text-secondary: #475569;
  --tb-muted: #94a3b8;
  --tb-border: #e2e8f0;
  --tb-bg: #ffffff;
  --tb-bg-soft: #f8fafc;
  --tb-bg-subtle: #f1f5f9;
  --tb-card: #ffffff;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-10: 40px;
  --space-12: 48px; --space-16: 64px; --space-20: 80px;
  --radius-sm: 8px; --radius-md: 12px; --radius-lg: 16px; --radius-xl: 24px;
  --shadow-sm: 0 1px 3px rgba(0,0,0,.04), 0 1px 2px rgba(0,0,0,.06);
  --shadow-md: 0 4px 16px rgba(0,0,0,.06), 0 2px 4px rgba(0,0,0,.04);
  --shadow-lg: 0 12px 40px rgba(0,0,0,.08), 0 4px 12px rgba(0,0,0,.04);
  --shadow-xl: 0 20px 60px rgba(0,0,0,.10);
  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; font-family: var(--font); color: var(--tb-text); background: var(--tb-bg); line-height: 1.6; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; display: block; }
ul, ol { list-style: none; padding: 0; margin: 0; }
h1,h2,h3,h4,h5,h6 { margin: 0; line-height: 1.2; }
.tb-skip-link { position: absolute; top: -100%; left: var(--space-4); background: var(--tb-blue); color: #fff; padding: var(--space-2) var(--space-4); border-radius: var(--radius-sm); z-index: 10000; font-weight: 600; }
.tb-skip-link:focus { top: var(--space-2); }
.tb-container { width: min(1200px, calc(100% - 40px)); margin: 0 auto; }

/* ══ ANIMATIONS ══ */
@keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
@keyframes fadeInLeft { from { opacity: 0; transform: translateX(30px); } to { opacity: 1; transform: translateX(0); } }
@keyframes scaleIn { from { opacity: 0; transform: scale(.95); } to { opacity: 1; transform: scale(1); } }
@keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
@keyframes gradientMove { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
.anim-fade-up { animation: fadeInUp .6s ease-out both; }
.anim-fade-left { animation: fadeInLeft .6s ease-out both; }
.anim-scale { animation: scaleIn .5s ease-out both; }

/* ═══════════════════════════════════════════════════════════════════
   HEADER - Koyu
   ═══════════════════════════════════════════════════════════════════ */
.tb-header {
  position: sticky; top: 0; z-index: 1000;
  background: var(--tb-dark);
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.tb-header-inner { height: 64px; display: flex; align-items: center; gap: var(--space-6); }
.tb-logo { display: flex; align-items: center; flex-shrink: 0; }
.tb-logo-img { height: 40px; width: auto; }
@media (max-width: 640px) { .tb-logo-img { height: 32px; } }

.tb-nav { margin-left: auto; }
.tb-nav-list { display: flex; align-items: center; gap: 0; }
.tb-nav-item { position: relative; }
.tb-nav-item > a {
  display: flex; align-items: center; gap: 4px;
  padding: var(--space-2) var(--space-4);
  font-size: 14px; font-weight: 600; color: #cbd5e1;
  border-radius: var(--radius-sm); transition: all .2s;
}
.tb-nav-item > a:hover { color: #fff; background: rgba(255,255,255,.08); }
.tb-arrow { font-size: 10px; opacity: .6; }

/* Simple Dropdown */
.tb-dropdown { position: relative; }
.tb-dropdown-menu {
  position: absolute; top: 100%; left: 0;
  min-width: 220px; background: var(--tb-card);
  border-radius: var(--radius-md); box-shadow: var(--shadow-lg);
  border: 1px solid var(--tb-border); padding: var(--space-2);
  opacity: 0; visibility: hidden; transform: translateY(8px);
  transition: all .2s ease; pointer-events: none; z-index: 1001;
}
.tb-dropdown:hover .tb-dropdown-menu,
.tb-dropdown:focus-within .tb-dropdown-menu {
  opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto;
}
.tb-dropdown-menu li a {
  display: flex; align-items: center; gap: var(--space-2);
  padding: var(--space-2) var(--space-3); font-size: 14px; font-weight: 500;
  color: var(--tb-text-secondary); border-radius: var(--radius-sm); transition: all .15s;
}
.tb-dropdown-menu li a:hover { background: var(--tb-bg-soft); color: var(--tb-blue); }

.tb-header-actions { display: flex; align-items: center; gap: var(--space-3); }
.tb-link-sm { font-size: 13px; font-weight: 600; color: #94a3b8; transition: color .2s; }
.tb-link-sm:hover { color: #fff; }

.tb-menu-toggle { display: none; margin-left: auto; background: none; border: 0; padding: var(--space-2); cursor: pointer; z-index: 1001; }
.tb-menu-toggle span { display: block; width: 22px; height: 2px; background: #fff; margin: 5px 0; border-radius: 2px; transition: all .25s; }
.tb-menu-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.tb-menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.tb-menu-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* ═══════════════════════════════════════════════════════════════════
   HERO - Koyu, beyaz yazılar
   ═══════════════════════════════════════════════════════════════════ */
.tb-hero {
  position: relative; color: #fff;
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%);
  padding: var(--space-20) 0; overflow: hidden;
}
.tb-hero-bg {
  position: absolute; inset: 0;
  background: radial-gradient(ellipse at 30% 20%, rgba(37,99,235,.2) 0%, transparent 50%),
              radial-gradient(ellipse at 70% 80%, rgba(6,182,212,.15) 0%, transparent 50%);
  animation: gradientMove 8s ease infinite; background-size: 200% 200%;
}
.tb-hero-grid {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: var(--space-12); align-items: center; position: relative; z-index: 1;
}
.tb-hero-badge {
  display: inline-block; padding: var(--space-1) var(--space-4);
  font-size: 12px; font-weight: 700; background: rgba(59,130,246,.2);
  color: #60a5fa; border-radius: 999px; margin-bottom: var(--space-5); letter-spacing: .05em;
}
.tb-hero-text h1 {
  font-size: clamp(2rem, 4.5vw, 3rem); font-weight: 800;
  line-height: 1.1; letter-spacing: -.03em; color: #fff; margin-bottom: var(--space-5);
}
.tb-hero-desc { font-size: 17px; color: #94a3b8; line-height: 1.7; margin-bottom: var(--space-8); max-width: 480px; }
.tb-hero-actions { display: flex; gap: var(--space-3); flex-wrap: wrap; margin-bottom: var(--space-10); }

.tb-hero-stats { display: flex; align-items: center; gap: var(--space-6); padding-top: var(--space-6); border-top: 1px solid rgba(255,255,255,.15); }
.tb-hero-stat-item strong { display: block; font-size: 24px; font-weight: 800; color: #fff; }
.tb-hero-stat-item span { font-size: 13px; color: #94a3b8; }
.tb-hero-stat-divider { width: 1px; height: 40px; background: rgba(255,255,255,.15); }

.tb-hero-visual { display: flex; justify-content: center; }
.tb-hero-card {
  position: relative; width: 100%; max-width: 380px;
  background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12);
  border-radius: var(--radius-xl); overflow: hidden; backdrop-filter: blur(10px);
  animation: float 6s ease-in-out infinite;
}
.tb-hero-card-glow {
  position: absolute; inset: -2px; background: var(--tb-gradient);
  border-radius: var(--radius-xl); z-index: -1; opacity: .3; filter: blur(20px);
}
.tb-hero-card-header {
  display: flex; align-items: center; gap: var(--space-2);
  padding: var(--space-3) var(--space-4); background: rgba(255,255,255,.05);
  border-bottom: 1px solid rgba(255,255,255,.1);
}
.tb-dot { width: 10px; height: 10px; border-radius: 50%; }
.tb-dot-green { background: var(--tb-success); }
.tb-dot-yellow { background: var(--tb-warning); }
.tb-dot-red { background: var(--tb-danger); }
.tb-card-title { margin-left: auto; font-size: 12px; font-weight: 600; color: #94a3b8; }
.tb-hero-card-body { padding: var(--space-4); }
.tb-card-stat { display: flex; align-items: center; gap: var(--space-3); padding: var(--space-3); border-radius: var(--radius-md); transition: all .2s; margin-bottom: var(--space-2); }
.tb-card-stat:hover { background: rgba(255,255,255,.08); transform: translateX(4px); }
.tb-card-stat-icon { font-size: 24px; flex-shrink: 0; }
.tb-card-stat strong { display: block; font-size: 14px; color: #fff; }
.tb-card-stat span { display: block; font-size: 12px; color: #64748b; }

/* ═══════════════════════════════════════════════════════════════════
   BUTTONS
   ═══════════════════════════════════════════════════════════════════ */
.tb-btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2); padding: 12px 24px; font-size: 14px; font-weight: 700; border-radius: 999px; border: 1px solid transparent; cursor: pointer; transition: all .25s cubic-bezier(.16,1,.3,1); white-space: nowrap; }
.tb-btn:hover { transform: translateY(-2px); }
.tb-btn-primary { background: var(--tb-gradient); color: #fff; box-shadow: 0 4px 16px rgba(37,99,235,.25); }
.tb-btn-primary:hover { box-shadow: 0 8px 24px rgba(37,99,235,.35); color: #fff; }
.tb-btn-white { background: #fff; color: var(--tb-blue); box-shadow: 0 4px 16px rgba(255,255,255,.15); }
.tb-btn-white:hover { box-shadow: 0 8px 24px rgba(255,255,255,.25); color: var(--tb-blue); }
.tb-btn-ghost { background: rgba(255,255,255,.15); color: #fff; border-color: rgba(255,255,255,.3); }
.tb-btn-ghost:hover { background: rgba(255,255,255,.25); color: #fff; }
.tb-btn-sm { padding: 9px 18px; font-size: 13px; }
.tb-btn-lg { padding: 14px 28px; font-size: 15px; }
.tb-btn-disabled { display: inline-flex; padding: 12px 24px; font-size: 14px; font-weight: 700; border-radius: 999px; background: var(--tb-bg-subtle); color: var(--tb-muted); border: 1px solid var(--tb-border); cursor: not-allowed; }

/* ═══════════════════════════════════════════════════════════════════
   SECTIONS - Açık tema
   ═══════════════════════════════════════════════════════════════════ */
.tb-section { padding: var(--space-20) 0; }
.tb-section-alt { background: var(--tb-bg-soft); }
.tb-section-head { text-align: center; margin-bottom: var(--space-12); }
.tb-eyebrow { display: inline-block; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; color: var(--tb-blue); margin-bottom: var(--space-3); }
.tb-section-head h2 { font-size: clamp(1.5rem, 3vw, 2.25rem); font-weight: 800; color: var(--tb-text); letter-spacing: -.02em; margin-bottom: var(--space-3); }
.tb-section-head p { font-size: 16px; color: var(--tb-text-secondary); max-width: 600px; margin: 0 auto; }
.tb-section-link { display: inline-block; margin-top: var(--space-3); font-size: 14px; font-weight: 600; color: var(--tb-blue); }
.tb-section-link:hover { text-decoration: underline; }

/* ══ SERVICE CARDS ══ */
.tb-service-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: var(--space-5); }
.tb-service-card { display: flex; flex-direction: column; padding: var(--space-6); background: var(--tb-card); border: 1px solid var(--tb-border); border-radius: var(--radius-lg); transition: all .3s cubic-bezier(.16,1,.3,1); position: relative; overflow: hidden; }
.tb-service-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--tb-gradient); transform: scaleX(0); transition: transform .3s ease; transform-origin: left; }
.tb-service-card:hover::before { transform: scaleX(1); }
.tb-service-card:hover { border-color: var(--tb-blue); box-shadow: var(--shadow-lg); transform: translateY(-4px); }
.tb-service-card-icon { font-size: 36px; margin-bottom: var(--space-4); transition: transform .3s; }
.tb-service-card:hover .tb-service-card-icon { transform: scale(1.1); }
.tb-service-card h3 { font-size: 17px; font-weight: 700; margin-bottom: var(--space-2); }
.tb-service-card > p { font-size: 14px; color: var(--tb-text-secondary); line-height: 1.6; margin-bottom: var(--space-4); }
.tb-service-features { flex: 1; margin: 0 0 var(--space-4); padding: 0; border-top: 1px solid var(--tb-border); padding-top: var(--space-4); }
.tb-service-features li { position: relative; padding: var(--space-1) 0 var(--space-1) var(--space-5); font-size: 13px; color: var(--tb-text-secondary); }
.tb-service-features li::before { content: '✓'; position: absolute; left: 0; color: var(--tb-success); font-weight: 700; }
.tb-service-link { font-size: 13px; font-weight: 600; color: var(--tb-blue); }

/* ══ PRODUCT CARDS ══ */
.tb-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: var(--space-6); }
.tb-card { position: relative; background: var(--tb-card); border: 1px solid var(--tb-border); border-radius: var(--radius-lg); overflow: hidden; transition: all .3s cubic-bezier(.16,1,.3,1); }
.tb-card:hover { box-shadow: var(--shadow-lg); transform: translateY(-4px); }
.tb-card-soldout { opacity: .75; }
.tb-card-soldout:hover { transform: none; box-shadow: none; }
.tb-badge { position: absolute; top: var(--space-4); left: var(--space-4); padding: var(--space-1) var(--space-3); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; border-radius: 999px; background: var(--tb-gradient); color: #fff; z-index: 2; }
.tb-badge-soldout { background: var(--tb-danger); }
.tb-card-media { display: block; aspect-ratio: 16/9; overflow: hidden; background: var(--tb-bg-soft); }
.tb-card-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.tb-card:hover .tb-card-media img { transform: scale(1.05); }
.tb-media-placeholder { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 24px; font-weight: 800; color: var(--tb-muted); background: linear-gradient(135deg, var(--tb-bg-soft), var(--tb-bg-subtle)); }
.tb-card-body { padding: var(--space-5) var(--space-5) var(--space-6); }
.tb-card-body h3 { font-size: 18px; font-weight: 700; margin-bottom: var(--space-2); }
.tb-card-body h3 a:hover { color: var(--tb-blue); }
.tb-card-body > p { font-size: 14px; color: var(--tb-text-secondary); margin-bottom: var(--space-4); }
.tb-specs { margin: 0 0 var(--space-4); padding: 0; }
.tb-specs li { position: relative; padding: var(--space-1) 0 var(--space-1) var(--space-5); font-size: 13px; color: var(--tb-text-secondary); }
.tb-specs li::before { content: '✓'; position: absolute; left: 0; color: var(--tb-success); font-weight: 700; }
.tb-card-foot { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); padding-top: var(--space-4); border-top: 1px solid var(--tb-border); }
.tb-price strong { font-size: 22px; font-weight: 800; color: var(--tb-text); }
.tb-price span { display: block; font-size: 12px; color: var(--tb-muted); }

/* ══ BLOG GRID ══ */
.tb-blog-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: var(--space-5); }
.tb-blog-card { padding: var(--space-6); background: var(--tb-card); border: 1px solid var(--tb-border); border-radius: var(--radius-lg); transition: all .3s cubic-bezier(.16,1,.3,1); }
.tb-blog-card:hover { border-color: var(--tb-blue); box-shadow: var(--shadow-md); transform: translateY(-2px); }
.tb-blog-card h3 { font-size: 16px; font-weight: 700; margin-bottom: var(--space-3); line-height: 1.4; }
.tb-blog-card p { font-size: 14px; color: var(--tb-text-secondary); line-height: 1.6; margin-bottom: var(--space-4); }
.tb-blog-link { font-size: 13px; font-weight: 600; color: var(--tb-blue); }

/* ═══════════════════════════════════════════════════════════════════
   CTA - Koyu gradient
   ═══════════════════════════════════════════════════════════════════ */
.tb-cta-section { padding: var(--space-16) 0; }
.tb-cta-box { display: flex; align-items: center; justify-content: space-between; gap: var(--space-8); padding: var(--space-10) var(--space-8); background: var(--tb-gradient); border-radius: var(--radius-xl); color: #fff; position: relative; overflow: hidden; }
.tb-cta-box::before { content: ''; position: absolute; top: -50%; right: -20%; width: 400px; height: 400px; background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 70%); border-radius: 50%; }
.tb-cta-content { position: relative; z-index: 1; }
.tb-cta-content h2 { font-size: 22px; font-weight: 800; margin-bottom: var(--space-2); }
.tb-cta-content p { font-size: 15px; opacity: .85; }
.tb-cta-box .tb-btn-white { background: #fff; color: var(--tb-blue); box-shadow: 0 4px 16px rgba(0,0,0,.15); flex-shrink: 0; position: relative; z-index: 1; }

/* ═══════════════════════════════════════════════════════════════════
   FOOTER - Koyu
   ═══════════════════════════════════════════════════════════════════ */
.tb-footer { background: var(--tb-dark); color: #94a3b8; padding: var(--space-16) 0 var(--space-8); }
.tb-footer-grid { display: grid; grid-template-columns: 1.5fr repeat(4, 1fr); gap: var(--space-8); padding-bottom: var(--space-8); border-bottom: 1px solid rgba(255,255,255,.08); }
.tb-footer-logo { display: inline-block; margin-bottom: var(--space-4); }
.tb-footer-logo img { height: 36px; width: auto; filter: brightness(0) invert(1); opacity: .9; }
.tb-footer-desc { font-size: 14px; line-height: 1.7; margin-bottom: var(--space-5); }
.tb-footer-contact a { display: block; font-size: 13px; padding: var(--space-1) 0; transition: color .2s; }
.tb-footer-contact a:hover { color: #fff; }
.tb-footer-col h4 { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: #fff; margin-bottom: var(--space-4); }
.tb-footer-col a { display: block; font-size: 14px; padding: var(--space-1) 0; transition: color .2s; }
.tb-footer-col a:hover { color: #fff; }
.tb-footer-bottom { display: flex; align-items: center; justify-content: space-between; padding-top: var(--space-6); font-size: 13px; }
.tb-footer-payment span { display: flex; align-items: center; gap: var(--space-2); font-weight: 600; }

/* WhatsApp */
.tb-whatsapp-fab { position: fixed; bottom: var(--space-6); right: var(--space-6); width: 56px; height: 56px; background: #25d366; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 20px rgba(37,211,102,.4); z-index: 999; transition: all .3s; }
.tb-whatsapp-fab:hover { transform: scale(1.1) translateY(-2px); color: #fff; }

/* ═══════════════════════════════════════════════════════════════════
   PRODUCT PAGE
   ═══════════════════════════════════════════════════════════════════ */
.tb-breadcrumb { display: flex; align-items: center; gap: var(--space-2); font-size: 13px; color: var(--tb-muted); margin-bottom: var(--space-8); }
.tb-breadcrumb a { color: var(--tb-text-secondary); }
.tb-breadcrumb a:hover { color: var(--tb-blue); }
.tb-product-page { padding-top: var(--space-8); }
.tb-product-hero { display: grid; grid-template-columns: 1.2fr 1fr; gap: var(--space-12); align-items: start; margin-bottom: var(--space-16); }
.tb-product-hero h1 { font-size: clamp(1.75rem, 3.5vw, 2.5rem); font-weight: 800; letter-spacing: -.02em; margin: var(--space-4) 0 var(--space-3); }
.tb-product-category { display: inline-block; padding: var(--space-1) var(--space-3); font-size: 12px; font-weight: 600; color: var(--tb-blue); background: rgba(37,99,235,.08); border-radius: 999px; margin-bottom: var(--space-4); }
.tb-product-excerpt { font-size: 16px; color: var(--tb-text-secondary); line-height: 1.7; margin-bottom: var(--space-6); }
.tb-product-price-box { display: flex; align-items: center; justify-content: space-between; gap: var(--space-5); padding: var(--space-6); background: var(--tb-bg-soft); border: 1px solid var(--tb-border); border-radius: var(--radius-lg); margin-bottom: var(--space-6); }
.tb-price-main strong { font-size: 36px; font-weight: 800; background: var(--tb-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.tb-price-label { display: block; font-size: 12px; color: var(--tb-muted); margin-bottom: var(--space-1); }
.tb-price-period { display: block; font-size: 14px; color: var(--tb-text-secondary); }
.tb-product-trust { display: flex; gap: var(--space-5); flex-wrap: wrap; font-size: 13px; color: var(--tb-text-secondary); }
.tb-product-image { border-radius: var(--radius-xl); overflow: hidden; box-shadow: var(--shadow-lg); border: 1px solid var(--tb-border); }
.tb-product-image img { width: 100%; display: block; }
.tb-product-image-placeholder { aspect-ratio: 4/3; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--space-3); background: linear-gradient(135deg, var(--tb-bg-soft), var(--tb-bg-subtle)); border-radius: var(--radius-xl); border: 1px solid var(--tb-border); }
.tb-product-image-placeholder span { font-size: 64px; }
.tb-product-image-placeholder strong { font-size: 18px; color: var(--tb-text-secondary); }
.tb-product-specs-section { margin-bottom: var(--space-12); padding: var(--space-8); background: var(--tb-bg-soft); border-radius: var(--radius-xl); border: 1px solid var(--tb-border); }
.tb-product-specs-section h2 { font-size: 20px; font-weight: 800; margin-bottom: var(--space-6); }
.tb-specs-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: var(--space-3); }
.tb-spec-item { display: flex; align-items: center; gap: var(--space-3); padding: var(--space-3) var(--space-4); background: var(--tb-card); border-radius: var(--radius-md); font-size: 14px; color: var(--tb-text-secondary); border: 1px solid var(--tb-border); transition: all .2s; }
.tb-spec-item:hover { border-color: var(--tb-blue); box-shadow: var(--shadow-sm); }
.tb-spec-check { color: var(--tb-success); font-weight: 700; font-size: 16px; }
.tb-product-content { font-size: 16px; line-height: 1.8; color: var(--tb-text-secondary); max-width: 800px; margin-bottom: var(--space-12); }
.tb-product-content h2, .tb-product-content h3 { color: var(--tb-text); margin-top: var(--space-8); margin-bottom: var(--space-4); }
.tb-product-cta { padding: var(--space-10); background: var(--tb-gradient); border-radius: var(--radius-xl); text-align: center; color: #fff; }
.tb-product-cta h3 { font-size: 20px; font-weight: 800; margin-bottom: var(--space-2); }
.tb-product-cta p { font-size: 15px; opacity: .85; margin-bottom: var(--space-5); }
.tb-product-cta .tb-btn-primary { background: #fff; color: var(--tb-blue); }

/* Empty State */
.tb-empty-state { text-align: center; padding: var(--space-16) var(--space-8); }
.tb-empty-icon { font-size: 64px; display: block; margin-bottom: var(--space-4); }
.tb-empty-state h3 { font-size: 20px; font-weight: 700; margin-bottom: var(--space-2); }
.tb-empty-state p { font-size: 15px; color: var(--tb-muted); }

.custom-logo { max-height: 40px; width: auto; }
.screen-reader-text { position: absolute!important; width: 1px!important; height: 1px!important; padding: 0!important; margin: -1px!important; overflow: hidden!important; clip: rect(0,0,0,0)!important; }

/* ═══════════════════════════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════════════════════════ */
@media (max-width: 980px) {
  .tb-nav { position: fixed; top: 0; right: -100%; width: 280px; height: 100vh; background: var(--tb-dark); padding: 80px var(--space-6) var(--space-6); transition: right .3s ease; z-index: 1000; overflow-y: auto; border-left: 1px solid rgba(255,255,255,.1); }
  .tb-nav.is-open { right: 0; }
  .tb-nav-list { flex-direction: column; gap: 0; }
  .tb-nav-item > a { padding: var(--space-3) var(--space-4); border-bottom: 1px solid rgba(255,255,255,.06); color: #cbd5e1; font-size: 15px; }
  .tb-dropdown-menu { position: static; transform: none; box-shadow: none; border: none; background: rgba(255,255,255,.05); margin-top: var(--space-2); max-height: 0; overflow: hidden; opacity: 1; visibility: visible; pointer-events: auto; transition: max-height .3s ease; }
  .tb-dropdown-menu li a { color: #94a3b8; padding-left: var(--space-6); }
  .tb-dropdown-menu li a:hover { color: #fff; }
  .tb-menu-toggle { display: block; }
  .tb-header-actions { display: none; }
}
@media (max-width: 768px) {
  .tb-hero-grid { grid-template-columns: 1fr; gap: var(--space-10); text-align: center; }
  .tb-hero-desc { margin: 0 auto var(--space-8); }
  .tb-hero-actions { justify-content: center; }
  .tb-hero-stats { justify-content: center; }
  .tb-hero-visual { order: -1; }
  .tb-hero-card { max-width: 340px; }
  .tb-cta-box { flex-direction: column; text-align: center; padding: var(--space-8) var(--space-6); }
  .tb-footer-grid { grid-template-columns: 1fr 1fr; }
  .tb-product-hero { grid-template-columns: 1fr; gap: var(--space-8); }
  .tb-product-hero-media { order: -1; }
  .tb-product-price-box { flex-direction: column; text-align: center; }
  .tb-specs-grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .tb-container { width: calc(100% - 24px); }
  .tb-hero { padding: var(--space-12) 0 var(--space-16); }
  .tb-section { padding: var(--space-12) 0; }
  .tb-grid, .tb-service-grid, .tb-blog-grid { grid-template-columns: 1fr; }
  .tb-footer-grid { grid-template-columns: 1fr; }
  .tb-footer-bottom { flex-direction: column; gap: var(--space-3); text-align: center; }
  .tb-hero-stats { flex-direction: column; gap: var(--space-3); }
  .tb-hero-stat-divider { width: 40px; height: 1px; }
}

/* ══ Technobulut v3 — editorial hosting storefront ══ */
:root[data-theme="dark"]{--tb-text:#f1f5f9;--tb-text-secondary:#a9b7cb;--tb-muted:#8190a7;--tb-border:#27364b;--tb-bg:#0b1220;--tb-bg-soft:#101a2b;--tb-bg-subtle:#172235;--tb-card:#111c2e;--tb-dark:#070d18}
body{font-size:16px;background:var(--tb-bg);color:var(--tb-text);transition:background-color .2s,color .2s}
a:focus-visible,button:focus-visible{outline:3px solid #38bdf8;outline-offset:3px}
.tb-header{background:color-mix(in srgb,var(--tb-dark) 94%,transparent);backdrop-filter:blur(18px);box-shadow:0 1px 0 rgba(255,255,255,.06)}
.tb-header-inner{height:72px}.tb-logo-img,.custom-logo{height:43px;max-height:43px}.tb-header-actions{gap:10px}.tb-panel-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:10px;background:#fff;color:#0f172a;font-size:13px;font-weight:800}.tb-panel-btn:hover{background:#dbeafe}
.tb-theme-toggle{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.06);color:#fff;cursor:pointer}.tb-theme-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.tb-icon-moon{display:none}:root[data-theme="dark"] .tb-icon-sun{display:none}:root[data-theme="dark"] .tb-icon-moon{display:block}
.tb-nav-item>a{min-height:44px}.tb-dropdown-menu{padding:9px}.tb-dropdown-menu li a{min-height:40px}.tb-dropdown-menu li a:hover{background:var(--tb-bg-soft)}
.tb-hero{padding:94px 0 84px;background:linear-gradient(135deg,#07111f 0%,#0d2341 54%,#07111f 100%)}.tb-hero-bg{background:radial-gradient(circle at 78% 25%,rgba(37,99,235,.28),transparent 35%),radial-gradient(circle at 16% 80%,rgba(6,182,212,.13),transparent 34%);animation:none}.tb-hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);gap:72px}.tb-hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(56,189,248,.1);border:1px solid rgba(125,211,252,.2);color:#bae6fd;padding:7px 12px}.tb-hero-badge>span{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 0 5px rgba(52,211,153,.12)}.tb-hero-text h1{font-size:clamp(2.55rem,5.3vw,4.45rem);max-width:760px}.tb-hero-text h1 em{font-style:normal;color:#7dd3fc}.tb-hero-desc{font-size:18px;max-width:650px;color:#b5c3d8}.tb-btn{min-height:46px;border-radius:11px}.tb-btn-primary{background:#2563eb}.tb-btn-secondary{background:var(--tb-card);border-color:var(--tb-border);color:var(--tb-text)}.tb-btn-secondary:hover{border-color:#2563eb;color:#2563eb}.tb-hero .tb-btn-ghost{background:transparent;border-color:rgba(255,255,255,.3)}.tb-trust-row{display:flex;gap:22px;flex-wrap:wrap;margin-top:26px;color:#c5d1e3;font-size:13px}.tb-trust-row span::before{content:'✓';color:#34d399;font-weight:900;margin-right:7px}
.tb-infra-card{position:relative;background:rgba(8,18,33,.72);border:1px solid rgba(148,163,184,.19);border-radius:24px;padding:24px;box-shadow:0 30px 80px rgba(0,0,0,.3);backdrop-filter:blur(14px)}.tb-infra-card::before{content:'';position:absolute;inset:-1px;border-radius:24px;background:linear-gradient(135deg,rgba(56,189,248,.4),transparent 42%,rgba(37,99,235,.2));z-index:-1}.tb-infra-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.09);font-size:13px;color:#94a3b8}.tb-infra-head strong{font-size:12px;color:#6ee7b7;background:rgba(16,185,129,.1);padding:6px 9px;border-radius:999px}.tb-infra-main{padding:30px 0}.tb-infra-main small{color:#7dd3fc;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.tb-infra-main strong{display:block;color:#fff;font-size:32px;margin:7px 0}.tb-infra-main p{color:#9fb0c8;margin:0;max-width:390px}.tb-infra-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tb-infra-grid>div{padding:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);border-radius:13px}.tb-infra-grid strong{display:block;color:#fff;font-size:19px}.tb-infra-grid span{color:#7f91aa;font-size:12px}
.tb-proof{background:var(--tb-card);border-bottom:1px solid var(--tb-border)}.tb-proof-grid{display:grid;grid-template-columns:repeat(4,1fr)}.tb-proof-grid>div{padding:22px 28px;border-right:1px solid var(--tb-border)}.tb-proof-grid>div:last-child{border:0}.tb-proof-grid strong,.tb-proof-grid span{display:block}.tb-proof-grid strong{font-size:14px}.tb-proof-grid span{font-size:12px;color:var(--tb-muted)}
.tb-section{padding:88px 0}.tb-section-head{max-width:720px;margin:0 auto 46px}.tb-section-head h2{font-size:clamp(1.9rem,3.4vw,2.65rem)}.tb-section-head p{max-width:680px}.tb-section-head-left{text-align:left;margin:0}.tb-section-head-left p{margin:0}.tb-service-grid{grid-template-columns:repeat(4,1fr);gap:18px}.tb-service-card{padding:26px;border-radius:18px}.tb-service-card:hover{transform:translateY(-5px)}.tb-service-icon{width:48px;height:48px;border-radius:13px;background:#eff6ff center/26px no-repeat;margin-bottom:20px}.tb-service-icon[data-icon="hosting"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='1.8'%3E%3Crect x='3' y='4' width='18' height='6' rx='2'/%3E%3Crect x='3' y='14' width='18' height='6' rx='2'/%3E%3Cpath d='M7 7h.01M7 17h.01M11 7h6M11 17h6'/%3E%3C/svg%3E")}.tb-service-icon[data-icon="server"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='1.8'%3E%3Cpath d='M5 6a7 7 0 0 1 14 0v12a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6Z'/%3E%3Cpath d='M8 8h8M8 12h8M8 16h4'/%3E%3C/svg%3E")}.tb-service-icon[data-icon="mail"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='1.8'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m4 7 8 6 8-6'/%3E%3C/svg%3E")}.tb-service-icon[data-icon="rack"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='1.8'%3E%3Crect x='4' y='3' width='16' height='18' rx='2'/%3E%3Cpath d='M4 9h16M4 15h16M8 6h.01M8 12h.01M8 18h.01'/%3E%3C/svg%3E")}.tb-service-card>p{min-height:67px}.tb-service-card>ul{margin:0 0 22px}.tb-service-card>ul li{font-size:13px;color:var(--tb-text-secondary);padding:5px 0}.tb-service-card>ul li::before{content:'✓';color:#10b981;font-weight:800;margin-right:8px}.tb-service-card>a{margin-top:auto;color:#2563eb;font-weight:800;font-size:13px}.tb-service-card>a span{transition:transform .2s;display:inline-block}.tb-service-card:hover>a span{transform:translateX(4px)}
.tb-grid{grid-template-columns:repeat(3,1fr)}.tb-pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.tb-pricing-grid .tb-card{overflow:hidden}.tb-pricing-grid .tb-card-media{display:flex;aspect-ratio:auto;height:76px;margin:18px 18px 0;border-radius:14px;background:linear-gradient(135deg,#eff6ff,#e0f2fe)}.tb-pricing-grid .tb-media-placeholder{font-size:18px;letter-spacing:.12em;color:#1d4ed8;background:transparent}.tb-pricing-grid .tb-card-body{height:calc(100% - 94px);display:flex;flex-direction:column}.tb-pricing-grid .tb-specs{flex:1}.tb-card{border-radius:18px}.tb-card-media{aspect-ratio:2/1}.tb-card-body{padding:24px}.tb-card-foot .tb-btn{padding:10px 15px}.tb-centered-action{text-align:center;margin-top:32px}:root[data-theme="dark"] .tb-pricing-grid .tb-card-media{background:linear-gradient(135deg,#172c4b,#0f233d);border:1px solid #243a57}:root[data-theme="dark"] .tb-pricing-grid .tb-media-placeholder{color:#7dd3fc}
.tb-steps-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:start}.tb-steps{counter-reset:steps}.tb-steps li{display:grid;grid-template-columns:56px 1fr;gap:18px;padding:24px 0;border-bottom:1px solid var(--tb-border)}.tb-steps li:first-child{padding-top:0}.tb-steps li>span{display:grid;place-items:center;width:48px;height:48px;background:#eff6ff;color:#2563eb;border-radius:13px;font-size:13px;font-weight:900}.tb-steps h3{font-size:17px;margin-bottom:4px}.tb-steps p{margin:0;color:var(--tb-text-secondary);font-size:14px}:root[data-theme="dark"] .tb-service-icon,:root[data-theme="dark"] .tb-steps li>span{background:#e0f2fe;box-shadow:0 0 0 1px rgba(125,211,252,.28),0 12px 26px rgba(8,47,73,.28)}:root[data-theme="dark"] .tb-service-icon[data-icon="hosting"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f172a' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='6' rx='2'/%3E%3Crect x='3' y='14' width='18' height='6' rx='2'/%3E%3Cpath d='M7 7h.01M7 17h.01M11 7h6M11 17h6'/%3E%3C/svg%3E")}:root[data-theme="dark"] .tb-service-icon[data-icon="server"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f172a' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 6a7 7 0 0 1 14 0v12a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6Z'/%3E%3Cpath d='M8 8h8M8 12h8M8 16h4'/%3E%3C/svg%3E")}:root[data-theme="dark"] .tb-service-icon[data-icon="mail"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f172a' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m4 7 8 6 8-6'/%3E%3C/svg%3E")}:root[data-theme="dark"] .tb-service-icon[data-icon="rack"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f172a' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='18' rx='2'/%3E%3Cpath d='M4 9h16M4 15h16M8 6h.01M8 12h.01M8 18h.01'/%3E%3C/svg%3E")}
.tb-cta-box{padding:50px 54px;background:linear-gradient(125deg,#1d4ed8,#075985)}.tb-cta-box>div{max-width:750px}.tb-cta-box>div>span{text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:900;color:#bae6fd}.tb-cta-box h2{font-size:clamp(1.5rem,3vw,2.35rem);margin:9px 0 10px}.tb-cta-box p{margin:0;color:#dbeafe}.tb-cta-box::before{display:none}
.tb-footer{padding-top:58px}.tb-footer-grid{grid-template-columns:1.6fr repeat(3,1fr)}.tb-footer-logo img{filter:none}.tb-footer-mail{color:#cbd5e1;font-size:14px}.tb-footer-bottom p{margin:0}.tb-footer-bottom span{color:#64748b}
.anim-fade-up,.anim-fade-left{opacity:0;transform:translateY(18px);animation:none;transition:opacity .55s ease,transform .55s ease}.anim-fade-left{transform:translateX(18px)}.anim-fade-up.is-visible,.anim-fade-left.is-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.anim-fade-up,.anim-fade-left{opacity:1;transform:none}}
@media(max-width:1050px){.tb-service-grid{grid-template-columns:repeat(2,1fr)}.tb-hero-grid{grid-template-columns:1fr 420px;gap:38px}.tb-grid,.tb-pricing-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){.tb-theme-toggle{display:grid}.tb-header-actions .tb-panel-btn{display:none}.tb-header-actions{margin-left:auto}.tb-menu-toggle{margin-left:0}.tb-nav{padding-top:84px}.tb-nav-list{align-items:stretch}.tb-dropdown-menu{max-height:400px}.tb-proof-grid{grid-template-columns:1fr 1fr}.tb-proof-grid>div:nth-child(2){border-right:0}.tb-proof-grid>div:nth-child(-n+2){border-bottom:1px solid var(--tb-border)}}
@media(max-width:800px){.tb-hero-grid{grid-template-columns:1fr}.tb-hero-text{text-align:left}.tb-hero-desc{margin-left:0}.tb-hero-actions{justify-content:flex-start}.tb-infra-card{max-width:none}.tb-steps-wrap{grid-template-columns:1fr;gap:40px}.tb-footer-grid{grid-template-columns:1fr 1fr}.tb-cta-box{align-items:flex-start;text-align:left}.tb-service-card>p{min-height:0}}
@media(max-width:640px){.tb-header-inner{height:64px}.tb-logo-img,.custom-logo{height:35px;max-height:35px}.tb-hero{padding:64px 0}.tb-hero-text h1{font-size:2.45rem}.tb-hero-desc{font-size:16px}.tb-hero-actions{display:grid}.tb-hero-actions .tb-btn{width:100%}.tb-trust-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tb-infra-card{padding:18px}.tb-infra-main{padding:24px 0}.tb-infra-grid>div{padding:13px}.tb-proof-grid{grid-template-columns:1fr 1fr}.tb-proof-grid>div{padding:17px 13px}.tb-section{padding:64px 0}.tb-section-head{text-align:left;margin-bottom:32px}.tb-section-head p{margin:0}.tb-service-grid,.tb-grid,.tb-pricing-grid{grid-template-columns:1fr}.tb-cta-box{padding:34px 25px}.tb-footer-grid{grid-template-columns:1fr}.tb-footer-bottom{align-items:flex-start;text-align:left}.tb-product-price-box .tb-btn{width:100%}}