/* ── Hosting Türleri Page ── */
    .ht-hero { background:linear-gradient(135deg,#0a0f1e 0%,#0d1a38 50%,#0a0f1e 100%); padding:100px 0 80px; position:relative; overflow:hidden; }
    .ht-hero::before { content:''; position:absolute; inset:0; background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px); background-size:30px 30px; pointer-events:none; }
    .ht-hero-glow { position:absolute;width:700px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.22) 0%,transparent 65%);top:-200px;right:-150px;pointer-events:none; }
    .ht-hero-glow2 { position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.18) 0%,transparent 65%);bottom:-100px;left:-80px;pointer-events:none; }
    .ht-hero h1 { color:#fff;font-size:clamp(2rem,4.5vw,3.2rem);font-weight:900;line-height:1.12;letter-spacing:-.03em;margin-bottom:18px; }
    .ht-hero h1 span { background:linear-gradient(90deg,#a78bfa,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
    .ht-hero-lead { color:rgba(255,255,255,.6);font-size:1rem;line-height:1.8;margin-bottom:32px;max-width:540px; }

    /* Hosting type cards */
    .ht-type-card { background:#fff;border:1.5px solid var(--border);border-radius:18px;padding:30px 26px;height:100%;transition:all .25s;position:relative;overflow:hidden; }
    .ht-type-card::before { content:'';position:absolute;top:0;left:0;right:0;height:4px;border-radius:18px 18px 0 0; }
    .ht-type-card:hover { box-shadow:0 12px 40px rgba(0,0,0,.1);transform:translateY(-4px); }
    .ht-type-card .ht-card-icon { width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:16px; }
    .ht-type-card h3 { font-size:1.05rem;font-weight:800;margin-bottom:8px; }
    .ht-type-card .ht-desc { color:var(--muted);font-size:.85rem;line-height:1.65;margin-bottom:16px; }
    .ht-type-card .ht-suitable { font-size:.78rem;font-weight:700;color:var(--dark3); }
    .ht-type-card .ht-suitable span { background:#f1f5f9;padding:3px 8px;border-radius:999px;margin-right:4px;display:inline-block;margin-bottom:4px; }
    .ht-type-card .ht-link { display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;margin-top:14px;text-decoration:none;transition:gap .2s; }
    .ht-type-card .ht-link:hover { gap:10px; }

    /* Decision table */
    .ht-dec-table { width:100%;border-collapse:collapse;font-size:.84rem; }
    .ht-dec-table th { background:#0f172a;color:#fff;padding:14px 16px;font-weight:800;font-size:.78rem;text-align:center;border:1px solid #1e293b; }
    .ht-dec-table th:first-child { text-align:left; }
    .ht-dec-table td { padding:13px 16px;border:1px solid var(--border);color:var(--muted);text-align:center;vertical-align:middle; }
    .ht-dec-table td:first-child { text-align:left;font-weight:600;color:var(--dark2); }
    .ht-dec-table tr:hover td { background:#f8fafc; }
    .ht-ok { color:#059669; }
    .ht-no { color:#94a3b8; }
    .ht-mid { color:#d97706;font-weight:700; }

    /* Decision helper -->
    .ht-decision-card { background:#f8fafc;border:1.5px solid var(--border);border-radius:16px;padding:22px 24px; }
    .ht-decision-q { font-weight:800;font-size:.9rem;margin-bottom:8px;color:var(--dark2); }
    .ht-decision-a { font-size:.82rem;color:var(--muted);line-height:1.6; }
    .ht-decision-a a { color:var(--primary);font-weight:600; }

    /* FAQ */
    .ht-faq-item { border-bottom:1px solid var(--border); }
    .ht-faq-q { width:100%;background:none;border:none;padding:18px 0;text-align:left;font-size:.9rem;font-weight:700;color:var(--dark2);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px; }
    .ht-faq-q .faq-chev { color:#94a3b8;transition:transform .25s;flex-shrink:0; }
    .ht-faq-q[aria-expanded="true"] .faq-chev { transform:rotate(180deg); }
    .ht-faq-a { max-height:0;overflow:hidden;transition:max-height .35s ease; }
    .ht-faq-a-inner { padding:0 0 18px;color:var(--muted);font-size:.875rem;line-height:1.75; }
    .ht-faq-a--open { max-height:500px; }

    /* Mobile compare — DOM transform */
    .ht-mob-compare { display:none; }
    @media (max-width:767px) {
      .ht-compare-wrap { display:none; }
      .ht-mob-compare { display:block; margin-top:0; }
      .ht-mob-plans { display:flex; gap:6px; flex-wrap:wrap; margin-bottom:16px; }
      .ht-mob-plan-btn { flex:1 1 auto; min-width:calc(33.33% - 8px); padding:8px 4px; border-radius:10px; border:1.5px solid var(--border); background:#f8fafc; font-size:.72rem; font-weight:700; color:var(--dark2); cursor:pointer; text-align:center; transition:all .2s; white-space:nowrap; }
      .ht-mob-plan-btn.ht-mob-active { background:#4c1d95; color:#c4b5fd; border-color:#4c1d95; }
      .ht-mob-plan-header { font-size:.9rem; font-weight:800; margin-bottom:14px; padding:11px 16px; border-radius:10px; }
      .ht-mob-row { display:flex; justify-content:space-between; align-items:center; padding:12px 0; border-bottom:1px solid var(--border); gap:10px; }
      .ht-mob-row:last-child { border-bottom:none; }
      .ht-mob-label { font-weight:600; font-size:.82rem; color:var(--dark2); flex:0 0 45%; }
      .ht-mob-val { font-size:.82rem; color:var(--muted); text-align:right; flex:0 0 53%; }
    }