/* Hosting Pages */
.hosting-hero{padding:120px 0 80px;background:linear-gradient(135deg,#e8f7ff 0%,#f0faff 100%);text-align:center}
.ecom-hero{background:linear-gradient(135deg,#f0fff4 0%,#e6ffed 100%)}
.hero-badge{display:inline-block;background:#e0f3ff;color:#00AEEF;font-size:13px;font-weight:600;padding:6px 16px;border-radius:20px;letter-spacing:.5px;margin-bottom:20px;text-transform:uppercase}
.hosting-hero h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.15;margin-bottom:16px}
.highlight{color:#00AEEF}
.hero-sub{font-size:1.1rem;color:#555;max-width:600px;margin:0 auto 32px}
.hero-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

.hosting-plans{padding:80px 0;background:#fff}
.section-header{text-align:center;margin-bottom:56px}
.section-header h2{font-size:clamp(1.6rem,3vw,2.4rem);margin-bottom:10px}
.section-header p{color:#666}

.plans-grid{display:grid;gap:24px;max-width:1000px;margin:0 auto}
.plans-grid-3{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.plans-grid-4{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}

.plan-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;padding:32px;position:relative;transition:.2s;display:flex;flex-direction:column}
.plan-card.featured{background:#fff;border-color:#00AEEF;box-shadow:0 8px 32px rgba(0,174,239,.15)}
.plan-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#00AEEF;color:#fff;font-size:12px;font-weight:700;padding:4px 16px;border-radius:20px;white-space:nowrap}
.plan-card h3{font-size:1.2rem;margin-bottom:6px}
.plan-icon{font-size:2rem;margin-bottom:12px}
.plan-card p{color:#666;font-size:.9rem;margin-bottom:20px}
.plan-price{margin-bottom:20px}
.plan-price strong{font-size:1.8rem;font-weight:800;color:#111}
.plan-price small{font-size:.85rem;color:#888;margin-left:4px}
.plan-features{list-style:none;padding:0;margin-bottom:24px;flex:1}
.plan-features li{padding:6px 0;border-bottom:1px solid #f0f0f0;font-size:.88rem;color:#444}
.plan-features li:last-child{border:none}
.btn-plan{display:block;text-align:center;border:2px solid #00AEEF;color:#00AEEF;padding:10px;border-radius:8px;font-weight:600;text-decoration:none;transition:.2s}
.btn-plan:hover{background:#00AEEF;color:#fff}
.btn-plan-primary{background:#00AEEF;color:#fff}
.btn-plan-primary:hover{background:#0090c5}

.hosting-features,.dm-features{padding:72px 0;background:#f9fafb}
.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px}
.feature-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:28px}
.feature-icon{font-size:1.8rem;margin-bottom:14px}
.feature-card h3{font-size:1rem;margin-bottom:8px}
.feature-card p{color:#666;font-size:.9rem;line-height:1.6}

.cta-section{padding:80px 0;background:linear-gradient(135deg,#00AEEF,#0070a8);color:#fff;text-align:center}
.cta-section h2{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:12px}
.cta-section p{color:rgba(255,255,255,.85);margin-bottom:28px}
.btn-primary-lg{display:inline-block;background:#00AEEF;color:#fff;padding:14px 32px;border-radius:8px;font-weight:600;text-decoration:none;transition:.2s}
.btn-primary-lg:hover{background:#0090c5;transform:translateY(-2px)}
.btn-outline-lg{display:inline-block;border:2px solid #00AEEF;color:#00AEEF;padding:12px 28px;border-radius:8px;font-weight:600;text-decoration:none;transition:.2s}
.btn-outline-lg:hover{background:#00AEEF;color:#fff}
.cta-section .btn-primary-lg{background:#fff;color:#00AEEF}
.cta-section .btn-primary-lg:hover{background:#e0f3ff}

/* ── Dark Theme (all hosting pages) ────────────────────────────── */
body.dark-page { background: #090e1a; }
.svc-hero-glow { position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none; }
.svc-hero-glow--1 { width:600px;height:400px;background:rgba(0,174,239,0.1);top:-80px;left:-100px; }
.svc-hero-glow--2 { width:500px;height:400px;background:rgba(168,85,247,0.07);bottom:-80px;right:-50px; }

body.dark-page .hosting-hero {
  background: #090e1a !important;
  min-height: 80vh;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
}
body.dark-page .ecom-hero { background: #030a06 !important; }
body.dark-page .hosting-hero h1 { color:#fff; }
body.dark-page .hero-badge { background:rgba(0,174,239,0.1);color:var(--primary);border:1px solid rgba(0,174,239,0.2); }
body.dark-page .hero-sub { color:rgba(255,255,255,0.6); }
body.dark-page .btn-outline-lg { color:rgba(255,255,255,0.7);border-color:rgba(255,255,255,0.2); }

/* Hero stats */
.hero-stats { display:flex;gap:36px;justify-content:center;flex-wrap:wrap;margin-top:44px;padding-top:36px;border-top:1px solid rgba(255,255,255,0.08); }
.hero-stat { text-align:center; }
.hero-stat strong { display:block;font-size:1.4rem;font-weight:800;color:var(--primary);line-height:1; }
.hero-stat span { font-size:0.72rem;color:rgba(255,255,255,0.45);text-transform:uppercase;letter-spacing:0.08em;margin-top:4px;display:block; }
.section-label-sm { display:inline-block;font-size:0.7rem;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:var(--primary);margin-bottom:12px; }

body.dark-page .hosting-plans { background:#0d1117 !important; }
body.dark-page .section-header h2 { color:#fff; }
body.dark-page .section-header p { color:rgba(255,255,255,0.5); }

/* Plan cards */
body.dark-page .plan-card {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(255,255,255,0.08) !important;
}
body.dark-page .plan-card.featured {
  background: rgba(0,174,239,0.06) !important;
  border-color: var(--primary) !important;
  box-shadow: 0 0 40px rgba(0,174,239,0.1);
}
body.dark-page .plan-card h3 { color:#fff; }
body.dark-page .plan-card p { color:rgba(255,255,255,0.5); }
body.dark-page .plan-price strong { color:#fff; }
body.dark-page .plan-price small { color:rgba(255,255,255,0.4); }
body.dark-page .plan-features li { color:rgba(255,255,255,0.6);border-bottom-color:rgba(255,255,255,0.06); }
body.dark-page .btn-plan { border-color:rgba(255,255,255,0.2);color:rgba(255,255,255,0.7); }
body.dark-page .btn-plan:hover { background:var(--primary);border-color:var(--primary);color:#fff; }

/* Hosting type cards */
.hosting-type-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px; }
.hosting-type-card {
  display:block;text-decoration:none;
  background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);
  border-radius:16px;padding:32px;
  transition:border-color .25s,background .25s,transform .25s;
}
.hosting-type-card:hover { border-color:rgba(0,174,239,0.3);background:rgba(0,174,239,0.05);transform:translateY(-4px); }
.hosting-type-icon { font-size:2.4rem;margin-bottom:16px; }
.hosting-type-card h3 { font-size:1.2rem;font-weight:700;color:#fff;margin-bottom:10px; }
.hosting-type-card p { font-size:0.88rem;color:rgba(255,255,255,0.55);line-height:1.6;margin-bottom:16px; }
.hosting-type-price { display:block;font-size:0.85rem;color:var(--primary);font-weight:600;margin-bottom:8px; }
.hosting-type-link { font-size:0.83rem;color:rgba(255,255,255,0.35);transition:color .2s; }
.hosting-type-card:hover .hosting-type-link { color:var(--primary); }

/* Features */
body.dark-page .hosting-features { background:#090e1a !important; }
body.dark-page .feature-card {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(255,255,255,0.07) !important;
}
body.dark-page .feature-card:hover { border-color:rgba(0,174,239,0.2) !important; }
body.dark-page .feature-card h3 { color:#fff; }
body.dark-page .feature-card p { color:rgba(255,255,255,0.5); }

/* CTA */
.cta-glow { position:absolute;width:700px;height:300px;background:radial-gradient(ellipse,rgba(0,174,239,0.12) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none; }
body.dark-page .cta-section {
  background: #090e1a !important;
  position: relative;
  overflow: hidden;
  border-top: 1px solid rgba(255,255,255,0.06);
}
body.dark-page .cta-section h2 { color:#fff; }
body.dark-page .cta-section p { color:rgba(255,255,255,0.55); }

/* Mobile */
@media (max-width:768px) {
  .hero-stats { gap:20px; }
  .hero-stat strong { font-size:1.2rem; }
  .hosting-type-grid { grid-template-columns:1fr; }
  .plans-grid-4 { grid-template-columns:1fr !important; }
  .plans-grid-3 { grid-template-columns:1fr !important; }
}