
:root {
    --host-orange: #f97316;
    --host-orange-soft: rgba(249,115,22,.1);
    --host-text: #0f172a;
    --host-muted: #667085;
    --host-line: #e7eaf0;
    --host-card: #ffffff;
    --host-soft: #f8fafc;
}

html[data-theme="dark"] {
    --host-text: #f8fafc;
    --host-muted: #aab4c4;
    --host-line: #253044;
    --host-card: #101827;
    --host-soft: #151f31;
}
.cfx5122-hosting-home,
.cfx5122-hosting-page-section {
    --host-orange: #f97316;
    --host-orange-soft: rgba(249,115,22,.1);
    --host-text: #0f172a;
    --host-muted: #667085;
    --host-line: #e7eaf0;
    --host-card: #ffffff;
    --host-soft: #f8fafc;
}

.cfx5122-hosting-home {
    padding: clamp(64px, 8vw, 108px) 0;
    background: transparent;
}

.cfx5122-hosting-head,
.cfx5122-page-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 32px;
    margin-bottom: 28px;
}

.cfx5122-hosting-head > div,
.cfx5122-page-head {
    max-width: 820px;
}

.cfx5122-hosting-head span,
.cfx5122-page-head > span,
.cfx5122-eyebrow {
    display: inline-flex;
    color: var(--host-orange);
    font-size: .82rem;
    font-weight: 800;
    letter-spacing: .08em;
    margin-bottom: 10px;
}

.cfx-rtl .cfx5122-hosting-head span,
.cfx-rtl .cfx5122-page-head > span,
.cfx-rtl .cfx5122-eyebrow {
    letter-spacing: 0;
}

.cfx5122-hosting-head h2,
.cfx5122-page-head h2 {
    margin: 0 0 14px;
    color: var(--host-text);
    font-size: clamp(1.9rem, 3vw, 3rem);
    line-height: 1.42;
    font-weight: 800;
}

.cfx5122-hosting-head p,
.cfx5122-page-head p {
    margin: 0;
    color: var(--host-muted);
    font-size: 1.08rem;
    line-height: 2;
}

.cfx5122-hosting-head > a {
    flex: 0 0 auto;
    color: var(--host-orange);
    text-decoration: none;
    font-weight: 800;
}

.cfx5122-billing-switch {
    width: max-content;
    margin: 0 auto 28px;
    display: flex;
    gap: 4px;
    padding: 5px;
    border: 1px solid var(--host-line);
    border-radius: 999px;
    background: var(--host-card);
}

.cfx5122-billing-switch button {
    border: 0;
    background: transparent;
    color: var(--host-muted);
    font: inherit;
    font-weight: 800;
    border-radius: 999px;
    padding: 10px 22px;
    cursor: pointer;
}

.cfx5122-billing-switch button.active {
    background: var(--host-orange);
    color: #fff;
}

.cfx5122-hosting-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    align-items: stretch;
}

.cfx5122-hosting-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    border: 1px solid var(--host-line);
    border-radius: 26px;
    padding: 30px;
    background: var(--host-card);
    box-shadow: 0 18px 50px rgba(15,23,42,.06);
}

.cfx5122-hosting-card.popular {
    border-color: rgba(249,115,22,.72);
    box-shadow: 0 24px 70px rgba(249,115,22,.13);
    transform: translateY(-8px);
}

.cfx5122-popular-badge {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    padding: 8px 16px;
    border-radius: 999px;
    background: var(--host-orange);
    color: #fff;
    font-size: .78rem;
    font-weight: 800;
}

.cfx5122-plan-top > span {
    color: var(--host-orange);
    font-size: .76rem;
    font-weight: 800;
}

.cfx5122-plan-top h3 {
    margin: 8px 0 8px;
    color: var(--host-text);
    font-size: 1.55rem;
    line-height: 1.45;
}

.cfx5122-plan-top p {
    margin: 0;
    min-height: 62px;
    color: var(--host-muted);
    font-size: 1rem;
    line-height: 1.85;
}

.cfx5122-price {
    display: flex;
    align-items: baseline;
    gap: 7px;
    margin: 22px 0 16px;
}

.cfx5122-price strong {
    color: var(--host-text);
    font-size: clamp(2.1rem, 4vw, 3.15rem);
    line-height: 1;
    font-weight: 850;
}

.cfx5122-price span {
    color: var(--host-muted);
    font-size: .9rem;
}

.cfx5122-storage {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: max-content;
    padding: 8px 12px;
    border-radius: 12px;
    background: var(--host-orange-soft);
    margin-bottom: 17px;
}

.cfx5122-storage b { color: var(--host-orange); }
.cfx5122-storage span { color: var(--host-muted); font-size: .78rem; font-weight: 700; }

.cfx5122-hosting-card ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 11px;
    flex: 1;
}

.cfx5122-hosting-card li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: var(--host-text);
    font-size: .94rem;
    line-height: 1.65;
}

.cfx5122-hosting-card li i {
    color: var(--host-orange);
    font-style: normal;
    font-weight: 900;
}

.cfx5122-domain-note {
    margin-top: 19px;
    padding: 12px 13px;
    background: var(--host-soft);
    color: var(--host-muted);
    border-radius: 12px;
    font-size: .82rem;
    line-height: 1.65;
}

.cfx5122-plan-cta {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 16px;
    min-height: 48px;
    border-radius: 13px;
    border: 1px solid var(--host-line);
    color: var(--host-text);
    text-decoration: none;
    font-weight: 800;
    transition: .2s ease;
}

.cfx5122-hosting-card.popular .cfx5122-plan-cta,
.cfx5122-plan-cta:hover {
    background: var(--host-orange);
    border-color: var(--host-orange);
    color: #fff;
}

.cfx5122-hosting-hero {
    padding: clamp(68px, 9vw, 120px) 0 70px;
    background:
        radial-gradient(circle at 85% 18%, rgba(249,115,22,.15), transparent 30%),
        linear-gradient(180deg, #fff8f2 0%, #fff 100%);
}

.cfx5122-hosting-hero-grid {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 60px;
    align-items: center;
}

.cfx5122-hosting-hero h1 {
    margin: 0 0 18px;
    max-width: 760px;
    color: var(--host-text);
    font-size: clamp(2.25rem, 4.3vw, 4.4rem);
    line-height: 1.28;
    font-weight: 850;
}

.cfx-rtl .cfx5122-hosting-hero h1 { line-height: 1.45; letter-spacing: 0; }

.cfx5122-hosting-hero p {
    color: var(--host-muted);
    font-size: clamp(1.08rem, 1.5vw, 1.27rem);
    line-height: 2.05;
    max-width: 68ch;
}

.cfx5122-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.cfx5122-hero-actions a,
.cfx5122-hosting-final-cta a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 0 22px;
    border-radius: 13px;
    text-decoration: none;
    font-weight: 800;
}
.cfx5122-hero-actions .primary,
.cfx5122-hosting-final-cta a { background: var(--host-orange); color: #fff; }
.cfx5122-hero-actions .secondary { border: 1px solid var(--host-line); color: var(--host-text); background: #fff; }
.cfx5122-domain-alert { margin-top: 18px; color: var(--host-muted); font-size: .88rem; }

.cfx5122-hosting-visual {
    position: relative;
    min-height: 410px;
    display: grid;
    place-items: center;
}

.cfx5122-hosting-visual .cloud {
    width: 190px;
    height: 190px;
    border-radius: 50%;
    display: grid;
    place-content: center;
    text-align: center;
    background: #0f172a;
    color: #fff;
    box-shadow: 0 30px 90px rgba(15,23,42,.2);
    font-weight: 700;
    z-index: 2;
}
.cfx5122-hosting-visual .cloud strong { color: #fb923c; font-size: 1.3rem; }
.cfx5122-hosting-visual .server {
    position: absolute;
    width: 190px;
    height: 78px;
    border-radius: 18px;
    padding: 16px;
    background: #fff;
    border: 1px solid #fed7aa;
    box-shadow: 0 15px 45px rgba(15,23,42,.1);
}
.cfx5122-hosting-visual .server i { display: inline-block; width: 9px; height: 9px; border-radius: 50%; background: #f97316; margin-inline-end: 4px; }
.cfx5122-hosting-visual .server span { float: inline-end; color: #0f172a; font-weight: 800; }
.cfx5122-hosting-visual .server-a { top: 35px; left: 2%; }
.cfx5122-hosting-visual .server-b { top: 156px; right: 0; }
.cfx5122-hosting-visual .server-c { bottom: 38px; left: 8%; }

.cfx5122-fit-strip { padding: 26px 0; border-block: 1px solid #eef0f4; background: #fff; }
.cfx5122-fit-strip .cfx-container { display: flex; align-items: center; justify-content: space-between; gap: 26px; }
.cfx5122-fit-strip strong { color: #0f172a; }
.cfx5122-fit-strip div div { display: flex; flex-wrap: wrap; gap: 18px; color: #667085; font-size: .9rem; }

.cfx5122-hosting-page-section { padding: clamp(68px, 8vw, 108px) 0; background: #fff; }
.cfx5122-hosting-page-section.soft { background: #f8fafc; }
.cfx5122-page-head { display: block; text-align: center; margin-inline: auto; margin-bottom: 30px; }
.cfx5122-page-head p { max-width: 820px; margin-inline: auto; }
.cfx5122-hosting-grid.large { max-width: 1180px; margin-inline: auto; }

.cfx5122-resource-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 18px; }
.cfx5122-resource-row > div { padding: 10px; border-radius: 12px; background: var(--host-soft); text-align: center; }
.cfx5122-resource-row strong { display: block; color: var(--host-text); font-size: .95rem; }
.cfx5122-resource-row span { display: block; color: var(--host-muted); font-size: .72rem; margin-top: 3px; }

.cfx5122-hosting-benefits { display: grid; grid-template-columns: .85fr 1.15fr; gap: 60px; align-items: start; }
.cfx5122-hosting-benefits h2,
.cfx5122-hosting-faq h2 { color: var(--host-text); font-size: clamp(1.8rem, 3vw, 2.8rem); line-height: 1.5; }
.cfx5122-hosting-benefits > div:first-child p { color: var(--host-muted); font-size: 1.05rem; line-height: 2; }
.cfx5122-hosting-benefits .grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.cfx5122-hosting-benefits article { display: flex; gap: 12px; padding: 19px; border: 1px solid var(--host-line); border-radius: 17px; background: var(--host-card); }
.cfx5122-hosting-benefits article i { color: var(--host-orange); font-style: normal; font-weight: 900; }
.cfx5122-hosting-benefits h3 { color: var(--host-text); margin: 0 0 6px; font-size: 1rem; }
.cfx5122-hosting-benefits article p { color: var(--host-muted); margin: 0; font-size: .9rem; line-height: 1.75; }

.cfx5122-hosting-faq { display: grid; grid-template-columns: .7fr 1.3fr; gap: 60px; }
.cfx5122-hosting-faq header span { color: var(--host-orange); font-weight: 800; }
.cfx5122-hosting-faq details { border-bottom: 1px solid var(--host-line); padding: 19px 0; }
.cfx5122-hosting-faq summary { cursor: pointer; color: var(--host-text); font-weight: 800; }
.cfx5122-hosting-faq details p { color: var(--host-muted); line-height: 1.9; }

.cfx5122-hosting-final-cta { padding: 30px 0 100px; background: #fff; }
.cfx5122-hosting-final-cta .cfx-container > div { padding: clamp(34px, 6vw, 64px); border-radius: 28px; background: #0f172a; text-align: center; color: #fff; }
.cfx5122-hosting-final-cta span { color: #fb923c; font-size: .8rem; font-weight: 800; }
.cfx5122-hosting-final-cta h2 { margin: 10px auto 12px; max-width: 850px; font-size: clamp(1.8rem, 3vw, 3rem); line-height: 1.5; }
.cfx5122-hosting-final-cta p { max-width: 700px; margin: 0 auto 22px; color: #cbd5e1; font-size: 1.05rem; line-height: 1.9; }
.cfx5122-empty { grid-column: 1/-1; padding: 40px; border: 1px dashed var(--host-line); border-radius: 18px; color: var(--host-muted); text-align: center; }

/* Dark mode */
html[data-theme="dark"] .cfx5122-hosting-home,
html[data-theme="dark"] .cfx5122-hosting-page-section {
    --host-text: #f8fafc;
    --host-muted: #aab4c4;
    --host-line: #253044;
    --host-card: #101827;
    --host-soft: #151f31;
}
html[data-theme="dark"] .cfx5122-hosting-hero { background: radial-gradient(circle at 85% 18%, rgba(249,115,22,.13), transparent 30%), #0b1220; }
html[data-theme="dark"] .cfx5122-fit-strip,
html[data-theme="dark"] .cfx5122-hosting-page-section,
html[data-theme="dark"] .cfx5122-hosting-final-cta { background: #0b1220; border-color: #253044; }
html[data-theme="dark"] .cfx5122-hosting-page-section.soft { background: #0e1726; }
html[data-theme="dark"] .cfx5122-fit-strip strong,
html[data-theme="dark"] .cfx5122-hosting-hero h1 { color: #f8fafc; }
html[data-theme="dark"] .cfx5122-fit-strip div div,
html[data-theme="dark"] .cfx5122-hosting-hero p,
html[data-theme="dark"] .cfx5122-domain-alert { color: #aab4c4; }
html[data-theme="dark"] .cfx5122-hero-actions .secondary,
html[data-theme="dark"] .cfx5122-hosting-visual .server { background: #101827; border-color: #253044; color: #f8fafc; }
html[data-theme="dark"] .cfx5122-hosting-visual .server span { color: #f8fafc; }

@media (max-width: 980px) {
    .cfx5122-hosting-grid,
    .cfx5122-hosting-grid.large { grid-template-columns: 1fr; max-width: 680px; margin-inline: auto; }
    .cfx5122-hosting-card.popular { transform: none; }
    .cfx5122-hosting-hero-grid,
    .cfx5122-hosting-benefits,
    .cfx5122-hosting-faq { grid-template-columns: 1fr; }
    .cfx5122-hosting-visual { min-height: 340px; }
    .cfx5122-fit-strip .cfx-container { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 680px) {
    .cfx5122-hosting-head { display: block; }
    .cfx5122-hosting-head > a { display: inline-block; margin-top: 16px; }
    .cfx5122-hosting-card { padding: 25px 20px; }
    .cfx5122-hosting-benefits .grid { grid-template-columns: 1fr; }
    .cfx5122-hosting-visual .server { width: 160px; }
    .cfx5122-resource-row { grid-template-columns: 1fr 1fr 1fr; }
}

/* CODFIX v5.12.2 HF2 — hosting promotional prices */
.cfx5122-price {
    flex-wrap: wrap;
    row-gap: 8px;
}

.cfx5122-price-original {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #dc2626;
    font-weight: 800;
    line-height: 1;
}

.cfx5122-price-original[hidden] {
    display: none !important;
}

.cfx5122-price-original i {
    display: inline-grid;
    place-items: center;
    width: 21px;
    height: 21px;
    border-radius: 999px;
    background: rgba(220, 38, 38, .10);
    color: #dc2626;
    font-size: 1rem;
    font-style: normal;
    font-weight: 900;
}

.cfx5122-price-original del {
    color: #dc2626;
    text-decoration-color: #dc2626;
    text-decoration-thickness: 2px;
    font-size: 1.02rem;
}

.cfx5122-price .cfx5122-price-current {
    color: var(--host-text);
}

.cfx5122-price.has-offer .cfx5122-price-current {
    color: #16a34a;
    text-shadow: 0 0 18px rgba(22, 163, 74, .08);
}

html[data-theme='dark'] .cfx5122-price-original,
html[data-theme='dark'] .cfx5122-price-original del {
    color: #f87171;
    text-decoration-color: #f87171;
}

html[data-theme='dark'] .cfx5122-price-original i {
    color: #f87171;
    background: rgba(248, 113, 113, .12);
}

html[data-theme='dark'] .cfx5122-price.has-offer .cfx5122-price-current {
    color: #4ade80;
}


/* CODFIX v5.12.2 HF3 — annual billing discounts */
.cfx5122-price.has-reduction .cfx5122-price-current {
    color: #16a34a;
    text-shadow: 0 0 18px rgba(22, 163, 74, .08);
}

.cfx5122-annual-saving {
    display: inline-flex;
    align-items: center;
    width: max-content;
    max-width: 100%;
    margin-top: 4px;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(22, 163, 74, .10);
    border: 1px solid rgba(22, 163, 74, .20);
    color: #15803d;
    font-size: .82rem;
    font-weight: 900;
    line-height: 1.45;
}

.cfx5122-annual-saving[hidden] {
    display: none !important;
}

html[data-theme='dark'] .cfx5122-price.has-reduction .cfx5122-price-current {
    color: #4ade80;
}

html[data-theme='dark'] .cfx5122-annual-saving {
    background: rgba(74, 222, 128, .10);
    border-color: rgba(74, 222, 128, .20);
    color: #86efac;
}

/* CODFIX v5.14.4 — Hosting Experience Pro */
.cfx5144-hosting-hero{position:relative;overflow:hidden;padding-top:clamp(76px,8vw,112px);padding-bottom:72px;background:radial-gradient(circle at 88% 16%,rgba(249,115,22,.18),transparent 28%),radial-gradient(circle at 10% 80%,rgba(37,99,235,.045),transparent 24%),linear-gradient(180deg,#fff8f2 0%,#fff 100%)}
.cfx5144-hosting-hero::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(#e8edf2 1px,transparent 1px),linear-gradient(90deg,#e8edf2 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 78%,transparent)}
.cfx5144-hosting-hero>.cfx-container{position:relative;z-index:2}
.cfx5144-hero-copy{max-width:760px}
.cfx5144-hosting-hero h1{font-size:clamp(2.45rem,4.1vw,4.55rem);line-height:1.34;margin-bottom:18px;max-width:13ch;letter-spacing:-.035em}
.cfx-rtl .cfx5144-hosting-hero h1,[dir="rtl"] .cfx5144-hosting-hero h1{line-height:1.52;letter-spacing:0;max-width:15ch}
.cfx5144-hosting-hero p{font-size:clamp(1.02rem,1.25vw,1.2rem);line-height:2;max-width:66ch}
.cfx5144-hero-trust{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.cfx5144-hero-trust span{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 12px;border:1px solid rgba(249,115,22,.18);border-radius:999px;background:rgba(255,255,255,.72);color:#475569;font-size:.82rem;font-weight:800;backdrop-filter:blur(8px)}
.cfx5144-hero-trust i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:rgba(249,115,22,.1);color:#ea580c;font-style:normal;font-size:.7rem}
.cfx5144-host-orbit{position:absolute;border:1px dashed rgba(249,115,22,.24);border-radius:50%;z-index:0}
.cfx5144-host-orbit.orbit-a{width:320px;height:320px}
.cfx5144-host-orbit.orbit-b{width:270px;height:270px;border-color:rgba(15,23,42,.09)}
.cfx5122-hosting-visual .cloud,.cfx5122-hosting-visual .server{z-index:2}

.cfx5144-fit-strip{padding:20px 0;background:#fff;border-block:1px solid #eef0f4}
.cfx5144-fit-strip .cfx-container{display:grid;grid-template-columns:auto minmax(0,1fr);gap:28px;align-items:center}
.cfx5144-fit-strip strong{font-size:.96rem;white-space:nowrap}
.cfx5144-fit-items{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px!important}
.cfx5144-fit-items span{display:flex;align-items:center;justify-content:center;min-height:42px;padding:8px 12px;border:1px solid #eef0f4;border-radius:13px;background:#fbfcfd;color:#64748b;font-size:.8rem!important;font-weight:750;text-align:center}

.cfx5144-plans-section{padding-top:82px;padding-bottom:90px;background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%)}
.cfx5144-page-head{max-width:900px}
.cfx5144-page-head h2{font-size:clamp(2.15rem,3.2vw,3.25rem);line-height:1.48}
.cfx5144-page-head p{font-size:1rem;line-height:1.95}
.cfx5144-billing-area{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin:6px 0 30px}
.cfx5144-billing-area .cfx5122-billing-switch{margin:0}
.cfx5144-billing-saving{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;background:#ecfdf3;border:1px solid #bbf7d0;color:#15803d;font-size:.8rem;font-weight:900}

.cfx5144-hosting-grid{gap:18px;align-items:start;max-width:1160px!important}
.cfx5144-hosting-card{min-height:0;padding:26px 25px 24px;border-radius:24px;box-shadow:0 14px 38px rgba(15,23,42,.055);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.cfx5144-hosting-card:hover{transform:translateY(-5px);border-color:rgba(249,115,22,.32);box-shadow:0 22px 52px rgba(15,23,42,.09)}
.cfx5144-hosting-card.popular{transform:translateY(-5px);border-width:1.5px;box-shadow:0 22px 58px rgba(249,115,22,.13)}
.cfx5144-hosting-card.popular:hover{transform:translateY(-8px)}
.cfx5144-hosting-card .cfx5122-plan-top p{min-height:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.91rem;line-height:1.75}
.cfx5144-hosting-card .cfx5122-plan-top h3{font-size:1.45rem;margin:7px 0 7px}
.cfx5144-hosting-card .cfx5122-price{margin:18px 0 14px;row-gap:6px}
.cfx5144-hosting-card .cfx5122-price strong{font-size:clamp(2.1rem,3vw,2.85rem)}
.cfx5144-hosting-card .cfx5122-resource-row{margin-bottom:15px;gap:7px}
.cfx5144-hosting-card .cfx5122-resource-row>div{padding:9px 7px;border-radius:11px}
.cfx5144-hosting-card .cfx5122-resource-row strong{font-size:.91rem}
.cfx5144-hosting-card .cfx5122-resource-row span{font-size:.68rem}
.cfx5144-feature-list{gap:8px!important}
.cfx5144-hosting-card .cfx5144-feature-list li{font-size:.86rem;line-height:1.55}
.cfx5144-hosting-card .cfx5144-feature-list li i{display:grid;place-items:center;flex:0 0 18px;width:18px;height:18px;border-radius:50%;background:#fff7ed;color:#ea580c;font-size:.68rem}
.cfx5144-more-features{margin-top:10px;border-top:1px dashed var(--host-line);padding-top:9px}
.cfx5144-more-features summary{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#ea580c;font-size:.82rem;font-weight:900;cursor:pointer;list-style:none}
.cfx5144-more-features summary::-webkit-details-marker{display:none}
.cfx5144-more-features summary span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#fff7ed;color:#ea580c;font-size:1rem;transition:transform .2s ease}
.cfx5144-more-features[open] summary span{transform:rotate(45deg)}
.cfx5144-more-features ul{margin-top:11px!important;gap:8px!important}
.cfx5144-more-features li{font-size:.84rem!important}
.cfx5144-hosting-card .cfx5122-domain-note{margin-top:13px;padding:10px 11px;font-size:.75rem;line-height:1.6}
.cfx5144-hosting-card .cfx5122-plan-cta{min-height:46px;margin-top:13px;border-radius:12px;font-size:.9rem}
.cfx5144-hosting-card .cfx5122-popular-badge{font-size:.74rem;padding:7px 14px}

.cfx5144-plan-finder{max-width:1160px;margin:52px auto 0;padding:32px;border:1px solid #e9edf2;border-radius:28px;background:radial-gradient(circle at 100% 0%,rgba(249,115,22,.08),transparent 26%),#fff;box-shadow:0 18px 45px rgba(15,23,42,.045)}
.cfx5144-plan-finder>header{max-width:760px;margin-bottom:24px}
.cfx5144-plan-finder h3{margin:0 0 9px;color:#0f172a;font-size:clamp(1.65rem,2.4vw,2.35rem);line-height:1.45}
.cfx5144-plan-finder>header p{margin:0;color:#667085;font-size:.95rem;line-height:1.85}
.cfx5144-plan-finder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.cfx5144-plan-finder-grid article{position:relative;min-height:220px;padding:22px;border:1px solid #e9edf2;border-radius:20px;background:#fbfcfd;transition:.2s ease}
.cfx5144-plan-finder-grid article:hover{transform:translateY(-3px);background:#fff;border-color:#fdba74}
.cfx5144-plan-finder-grid article.recommended{border-color:rgba(249,115,22,.38);background:#fffaf6}
.cfx5144-finder-icon{width:48px;height:48px;display:grid;place-items:center;margin-bottom:16px;border-radius:14px;background:#fff7ed;color:#ea580c}
.cfx5144-finder-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.cfx5144-plan-finder-grid article>span{display:block;color:#ea580c;font-size:.76rem;font-weight:900}
.cfx5144-plan-finder-grid h4{margin:7px 0 8px;color:#0f172a;font-size:1.15rem;line-height:1.5}
.cfx5144-plan-finder-grid p{margin:0;color:#667085;font-size:.84rem;line-height:1.8}
.cfx5144-plan-finder-grid a{display:inline-flex;margin-top:14px;color:#ea580c;font-size:.8rem;font-weight:900;text-decoration:none}

.cfx5144-compare-wrap{max-width:1160px;margin:56px auto 0}
.cfx5144-compare-wrap .cfx5130-compare-title{margin-bottom:16px}
.cfx5144-compare-wrap .cfx5130-compare-title h3{font-size:1.8rem;line-height:1.45}
.cfx5144-compare-wrap .cfx5130-compare-title p{margin:8px 0 0;color:#667085;font-size:.88rem;line-height:1.75}
.cfx5144-compare{border-radius:22px;box-shadow:0 14px 40px rgba(15,23,42,.04)}
.cfx5144-compare table{min-width:820px}
.cfx5144-compare th,.cfx5144-compare td{padding:15px 14px}
.cfx5144-compare thead th{position:relative;background:#f8fafc;color:#0f172a;font-size:.88rem}
.cfx5144-compare thead th.is-popular{background:#fff7ed;color:#c2410c}
.cfx5144-compare thead th span{display:block;font-weight:900}
.cfx5144-compare thead th small{display:inline-flex;margin-top:5px;padding:3px 7px;border-radius:999px;background:#f97316;color:#fff;font-size:.64rem}
.cfx5144-compare tbody td{color:#475569;font-size:.84rem}
.cfx5144-compare tbody tr:hover td{background:#fffaf6}
.cfx5144-compare tbody td:first-child{color:#0f172a}
.cfx5144-check{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;font-weight:900}
.cfx5144-check.yes{background:#ecfdf3;color:#15803d}
.cfx5144-check.no{background:#f8fafc;color:#94a3b8}
.cfx5144-price-row td{background:#fbfcfd;font-weight:850}
.cfx5144-price-row td strong{color:#0f172a;font-size:1rem}

.cfx5144-benefits-section{padding-top:90px;padding-bottom:90px}
.cfx5144-benefits-section .cfx5122-hosting-benefits{grid-template-columns:.82fr 1.18fr;gap:54px;align-items:center}
.cfx5144-benefits-section .cfx5122-hosting-benefits h2{font-size:clamp(2rem,3.2vw,3.1rem);line-height:1.5;margin-top:4px}
.cfx5144-benefits-section .cfx5122-hosting-benefits>div:first-child p{font-size:1rem;line-height:2}
.cfx5144-benefits-grid{gap:14px!important}
.cfx5144-benefits-grid article{min-height:160px;align-items:flex-start;padding:21px!important;border-radius:19px!important;box-shadow:0 10px 26px rgba(15,23,42,.035)}
.cfx5144-benefit-icon{flex:0 0 46px;width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#fff7ed;color:#ea580c}
.cfx5144-benefit-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.cfx5144-benefits-grid h3{font-size:1.02rem!important}
.cfx5144-benefits-grid article p{font-size:.83rem!important;line-height:1.8!important}

.cfx5144-faq-section{padding-top:86px;padding-bottom:86px}
.cfx5144-faq-section .cfx5122-hosting-faq{grid-template-columns:.72fr 1.28fr;gap:54px;align-items:start}
.cfx5144-faq-section header h2{margin:8px 0 12px;font-size:clamp(2rem,3vw,2.85rem);line-height:1.55}
.cfx5144-faq-section header p{margin:0;color:#667085;font-size:.94rem;line-height:1.9}
.cfx5144-faq-list{display:grid;gap:10px}
.cfx5144-faq-list details{padding:0 18px!important;border:1px solid #e7eaf0!important;border-radius:16px;background:#fff;box-shadow:0 7px 20px rgba(15,23,42,.025)}
.cfx5144-faq-list summary{min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:15px;list-style:none;font-size:.92rem}
.cfx5144-faq-list summary::-webkit-details-marker{display:none}
.cfx5144-faq-list summary span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fff7ed;color:#ea580c;font-size:1.05rem;transition:transform .2s ease}
.cfx5144-faq-list details[open] summary span{transform:rotate(45deg)}
.cfx5144-faq-list details p{margin:0;padding:0 0 17px;font-size:.86rem;line-height:1.9}

.cfx5144-hosting-final-cta{padding:34px 0 94px}
.cfx5144-hosting-final-cta .cfx-container>div{position:relative;overflow:hidden;padding:clamp(38px,5vw,58px);border-radius:28px;background:radial-gradient(circle at 85% 10%,rgba(249,115,22,.18),transparent 24%),linear-gradient(135deg,#0b1424,#0f1d31);box-shadow:0 28px 70px rgba(2,6,23,.16)}
.cfx5144-hosting-final-cta h2{font-size:clamp(2rem,3.2vw,3rem);line-height:1.5}
.cfx5144-hosting-final-cta p{font-size:1rem;line-height:2}
.cfx5144-final-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.cfx5144-final-actions a{margin:0}
.cfx5144-final-actions a.secondary{background:transparent!important;border:1px solid rgba(255,255,255,.16);color:#fff}
.cfx5144-final-actions a.secondary:hover{border-color:rgba(249,115,22,.6);background:rgba(249,115,22,.08)!important}

html[data-theme="dark"] .cfx5144-hosting-hero{background:radial-gradient(circle at 88% 16%,rgba(249,115,22,.14),transparent 28%),radial-gradient(circle at 10% 80%,rgba(59,130,246,.06),transparent 24%),#0b1220}
html[data-theme="dark"] .cfx5144-hosting-hero::after{opacity:.07;background-image:linear-gradient(#526174 1px,transparent 1px),linear-gradient(90deg,#526174 1px,transparent 1px)}
html[data-theme="dark"] .cfx5144-hero-trust span{border-color:rgba(255,255,255,.08);background:rgba(16,24,39,.72);color:#cbd5e1}
html[data-theme="dark"] .cfx5144-fit-strip{background:#0b1220;border-color:#253044}
html[data-theme="dark"] .cfx5144-fit-items span{border-color:#253044;background:#101827;color:#aab4c4}
html[data-theme="dark"] .cfx5144-plans-section{background:linear-gradient(180deg,#0b1220,#0e1726)}
html[data-theme="dark"] .cfx5144-billing-saving{background:rgba(34,197,94,.09);border-color:rgba(34,197,94,.2);color:#86efac}
html[data-theme="dark"] .cfx5144-more-features summary span,html[data-theme="dark"] .cfx5144-hosting-card .cfx5144-feature-list li i{background:rgba(249,115,22,.12);color:#fb923c}
html[data-theme="dark"] .cfx5144-plan-finder{border-color:#253044;background:radial-gradient(circle at 100% 0%,rgba(249,115,22,.08),transparent 26%),#101827}
html[data-theme="dark"] .cfx5144-plan-finder h3,html[data-theme="dark"] .cfx5144-plan-finder-grid h4{color:#f8fafc}
html[data-theme="dark"] .cfx5144-plan-finder>header p,html[data-theme="dark"] .cfx5144-plan-finder-grid p{color:#aab4c4}
html[data-theme="dark"] .cfx5144-plan-finder-grid article{border-color:#253044;background:#0f172a}
html[data-theme="dark"] .cfx5144-plan-finder-grid article.recommended{background:rgba(249,115,22,.07);border-color:rgba(249,115,22,.28)}
html[data-theme="dark"] .cfx5144-finder-icon,html[data-theme="dark"] .cfx5144-benefit-icon,html[data-theme="dark"] .cfx5144-faq-list summary span{background:rgba(249,115,22,.12);color:#fb923c}
html[data-theme="dark"] .cfx5144-compare-wrap .cfx5130-compare-title h3,html[data-theme="dark"] .cfx5144-compare tbody td:first-child,html[data-theme="dark"] .cfx5144-price-row td strong{color:#f8fafc}
html[data-theme="dark"] .cfx5144-compare-wrap .cfx5130-compare-title p{color:#aab4c4}
html[data-theme="dark"] .cfx5144-compare thead th{background:#111827;color:#e5e7eb}
html[data-theme="dark"] .cfx5144-compare thead th.is-popular{background:rgba(249,115,22,.12);color:#fb923c}
html[data-theme="dark"] .cfx5144-compare tbody td{color:#cbd5e1}
html[data-theme="dark"] .cfx5144-compare tbody tr:hover td,html[data-theme="dark"] .cfx5144-price-row td{background:#111827}
html[data-theme="dark"] .cfx5144-check.no{background:#111827;color:#64748b}
html[data-theme="dark"] .cfx5144-faq-section header p{color:#aab4c4}
html[data-theme="dark"] .cfx5144-faq-list details{border-color:#253044!important;background:#101827}

@media(max-width:1050px){
    .cfx5144-fit-strip .cfx-container{grid-template-columns:1fr}
    .cfx5144-fit-items{grid-template-columns:repeat(2,minmax(0,1fr))}
    .cfx5144-plan-finder-grid{grid-template-columns:1fr}
    .cfx5144-plan-finder-grid article{min-height:0}
    .cfx5144-benefits-section .cfx5122-hosting-benefits,.cfx5144-faq-section .cfx5122-hosting-faq{grid-template-columns:1fr}
}

@media(max-width:680px){
    .cfx5144-hosting-hero{padding-top:58px;padding-bottom:54px}
    .cfx5144-hosting-hero h1{font-size:2.35rem;max-width:none}
    .cfx-rtl .cfx5144-hosting-hero h1,[dir="rtl"] .cfx5144-hosting-hero h1{line-height:1.55;max-width:none}
    .cfx5144-hosting-hero p{font-size:.98rem;line-height:1.95}
    .cfx5144-hero-trust{gap:7px}
    .cfx5144-hero-trust span{font-size:.75rem;min-height:32px}
    .cfx5144-fit-items{grid-template-columns:1fr}
    .cfx5144-fit-items span{justify-content:flex-start;text-align:start}
    .cfx5144-plans-section{padding-top:62px;padding-bottom:68px}
    .cfx5144-hosting-card,.cfx5144-hosting-card.popular{padding:24px 20px;transform:none}
    .cfx5144-hosting-card:hover,.cfx5144-hosting-card.popular:hover{transform:none}
    .cfx5144-plan-finder{margin-top:38px;padding:24px 20px;border-radius:22px}
    .cfx5144-plan-finder h3{font-size:1.55rem}
    .cfx5144-compare-wrap{margin-top:40px}
    .cfx5144-compare-wrap .cfx5130-compare-title h3{font-size:1.5rem}
    .cfx5144-benefits-section,.cfx5144-faq-section{padding-top:64px;padding-bottom:64px}
    .cfx5144-benefits-grid{grid-template-columns:1fr!important}
    .cfx5144-benefits-grid article{min-height:0}
    .cfx5144-hosting-final-cta{padding-bottom:66px}
    .cfx5144-final-actions{flex-direction:column;align-items:stretch}
    .cfx5144-final-actions a{width:100%}
}

/* CODFIX v5.14.4 HF1 — Hosting Final Visual Polish */
.cfx5144-plans-section{padding-top:76px;padding-bottom:78px}
.cfx5144-page-head{margin-bottom:25px}
.cfx5144-page-head h2{font-size:clamp(2.05rem,3vw,3.05rem);line-height:1.52}
.cfx5144-page-head p{max-width:760px;font-size:.98rem;line-height:1.95}
.cfx5144-billing-area{margin-bottom:25px}

.cfx5144-hosting-grid{gap:16px;max-width:1120px!important}
.cfx5144-hosting-card{padding:23px 22px 21px;border-radius:22px;box-shadow:0 12px 32px rgba(15,23,42,.05)}
.cfx5144-hosting-card.popular{transform:translateY(-4px);box-shadow:0 18px 46px rgba(249,115,22,.12)}
.cfx5144-hosting-card.popular:hover{transform:translateY(-7px)}
.cfx5144-hosting-card .cfx5122-plan-top>span{font-size:.7rem;letter-spacing:.035em}
.cfx5144-hosting-card .cfx5122-plan-top h3{margin:5px 0 5px;font-size:1.36rem;line-height:1.42}
.cfx5144-hosting-card .cfx5122-plan-top p{font-size:.84rem;line-height:1.72;-webkit-line-clamp:2}
.cfx5144-hosting-card .cfx5122-price{margin:14px 0 11px;gap:6px;row-gap:5px}
.cfx5144-hosting-card .cfx5122-price strong{font-size:clamp(2.25rem,3vw,2.95rem);font-weight:900;letter-spacing:-.035em}
.cfx5144-hosting-card .cfx5122-price span{font-size:.76rem}
.cfx5144-hosting-card .cfx5122-price-original del{font-size:.9rem}
.cfx5144-hosting-card .cfx5122-annual-saving{padding:5px 8px;font-size:.7rem}
.cfx5144-hosting-card .cfx5122-resource-row{margin-bottom:12px;gap:6px}
.cfx5144-hosting-card .cfx5122-resource-row>div{padding:7px 6px;border-radius:10px}
.cfx5144-hosting-card .cfx5122-resource-row strong{font-size:.86rem;line-height:1.2}
.cfx5144-hosting-card .cfx5122-resource-row span{margin-top:2px;font-size:.62rem;line-height:1.35}
.cfx5144-feature-list{gap:6px!important}
.cfx5144-hosting-card .cfx5144-feature-list li{gap:8px;font-size:.81rem;line-height:1.48}
.cfx5144-hosting-card .cfx5144-feature-list li i{flex-basis:17px;width:17px;height:17px;font-size:.62rem}
.cfx5144-more-features{margin-top:8px;padding-top:7px}
.cfx5144-more-features summary{font-size:.76rem}
.cfx5144-more-features summary span{width:20px;height:20px;font-size:.9rem}
.cfx5144-more-features ul{margin-top:8px!important;gap:6px!important}
.cfx5144-more-features li{font-size:.78rem!important}
.cfx5144-hosting-card .cfx5122-domain-note{margin-top:10px;padding:8px 9px;border-radius:10px;font-size:.68rem;line-height:1.55}
.cfx5144-hosting-card .cfx5122-plan-cta{min-height:43px;margin-top:10px;border-radius:11px;font-size:.84rem}
.cfx5144-hosting-card .cfx5122-popular-badge{padding:6px 12px;font-size:.68rem}

.cfx5144-plan-finder{margin-top:44px;padding:29px;border-radius:25px}
.cfx5144-plan-finder>header{margin-bottom:20px}
.cfx5144-plan-finder h3{font-size:clamp(1.55rem,2.2vw,2.18rem)}
.cfx5144-plan-finder>header p{font-size:.9rem}
.cfx5144-plan-finder-grid{gap:12px}
.cfx5144-plan-finder-grid article{min-height:198px;padding:20px;border-radius:18px}
.cfx5144-finder-icon{width:52px;height:52px;margin-bottom:14px;border-radius:15px}
.cfx5144-finder-icon svg{width:27px;height:27px}
.cfx5144-plan-finder-grid h4{font-size:1.08rem}
.cfx5144-plan-finder-grid p{font-size:.8rem;line-height:1.72}

.cfx5144-compare-wrap{margin-top:46px}
.cfx5144-compare-wrap .cfx5130-compare-title{margin-bottom:13px}
.cfx5144-compare-wrap .cfx5130-compare-title h3{font-size:1.68rem}
.cfx5144-compare-wrap .cfx5130-compare-title p{font-size:.84rem}
.cfx5144-compare{border-color:#e2e8f0;box-shadow:0 12px 32px rgba(15,23,42,.045)}
.cfx5144-compare th,.cfx5144-compare td{padding:13px 12px;border-bottom-color:#eef2f7}
.cfx5144-compare tbody tr:nth-child(even) td{background:#fbfcfd}
.cfx5144-compare tbody tr:nth-child(even) td.is-popular-col{background:#fff7ed}
.cfx5144-compare tbody td.is-popular-col{background:#fffaf5;border-inline:1px solid rgba(249,115,22,.10);font-weight:800;color:#9a3412}
.cfx5144-compare tbody tr:hover td{background:#fff8f2}
.cfx5144-compare tbody tr:hover td.is-popular-col{background:#ffedd5}
.cfx5144-compare thead th.is-popular{box-shadow:inset 1px 0 rgba(249,115,22,.16),inset -1px 0 rgba(249,115,22,.16)}
.cfx5144-compare .cfx5144-price-row td{background:#f8fafc}
.cfx5144-compare .cfx5144-price-row td.is-popular-col{background:#ffedd5}
.cfx5144-price-row td strong{font-size:1.05rem}

.cfx5144-benefits-section{padding-top:76px;padding-bottom:76px}
.cfx5144-benefits-section .cfx5122-hosting-benefits{gap:46px}
.cfx5144-benefits-section .cfx5122-hosting-benefits h2{font-size:clamp(1.95rem,3vw,2.9rem);line-height:1.52}
.cfx5144-benefits-section .cfx5122-hosting-benefits>div:first-child p{font-size:.96rem;line-height:1.95}
.cfx5144-benefits-grid{gap:12px!important}
.cfx5144-benefits-grid article{min-height:145px;padding:19px!important;border-radius:18px!important}
.cfx5144-benefit-icon{flex-basis:54px;width:54px;height:54px;border-radius:16px}
.cfx5144-benefit-icon svg{width:28px;height:28px}
.cfx5144-benefits-grid h3{font-size:1.12rem!important;line-height:1.45}
.cfx5144-benefits-grid article p{font-size:.86rem!important;line-height:1.82!important}

.cfx5144-faq-section{padding-top:74px;padding-bottom:76px}
.cfx5144-faq-section .cfx5122-hosting-faq{gap:48px}
.cfx5144-faq-section header h2{font-size:clamp(1.95rem,2.8vw,2.65rem);line-height:1.62}
.cfx5144-faq-section header p{font-size:.98rem;line-height:1.95}
.cfx5144-faq-list{gap:9px}
.cfx5144-faq-list details{padding:0 19px!important;border-radius:15px}
.cfx5144-faq-list summary{min-height:62px;font-size:1rem;line-height:1.65}
.cfx5144-faq-list summary span{flex:0 0 28px;width:28px;height:28px}
.cfx5144-faq-list details p{padding-bottom:18px;font-size:.92rem;line-height:2}

.cfx5144-hosting-final-cta{padding-top:24px;padding-bottom:82px}
.cfx5144-hosting-final-cta .cfx-container>div{padding:clamp(36px,4.5vw,52px);border-radius:26px}
.cfx5144-hosting-final-cta h2{max-width:760px;margin-top:11px;margin-bottom:14px;font-size:clamp(1.82rem,2.75vw,2.65rem);line-height:1.68;letter-spacing:-.02em}
.cfx5144-hosting-final-cta p{max-width:650px;font-size:.96rem;line-height:2.05}
.cfx5144-final-actions a{min-height:47px;padding-inline:20px;font-size:.88rem}

html[data-theme="dark"] .cfx5144-compare tbody tr:nth-child(even) td{background:#0f172a}
html[data-theme="dark"] .cfx5144-compare tbody td.is-popular-col{background:rgba(249,115,22,.08);border-inline-color:rgba(249,115,22,.12);color:#fdba74}
html[data-theme="dark"] .cfx5144-compare tbody tr:nth-child(even) td.is-popular-col{background:rgba(249,115,22,.10)}
html[data-theme="dark"] .cfx5144-compare tbody tr:hover td{background:#151f31}
html[data-theme="dark"] .cfx5144-compare tbody tr:hover td.is-popular-col{background:rgba(249,115,22,.15)}
html[data-theme="dark"] .cfx5144-compare .cfx5144-price-row td{background:#111827}
html[data-theme="dark"] .cfx5144-compare .cfx5144-price-row td.is-popular-col{background:rgba(249,115,22,.16)}

@media(max-width:980px){
    .cfx5144-hosting-grid{max-width:650px!important}
    .cfx5144-hosting-card,.cfx5144-hosting-card.popular{transform:none}
    .cfx5144-hosting-card:hover,.cfx5144-hosting-card.popular:hover{transform:none}
    .cfx5144-compare{overflow-x:auto;-webkit-overflow-scrolling:touch}
    .cfx5144-compare table{min-width:760px}
}

@media(max-width:680px){
    .cfx5144-page-head h2{font-size:2rem}
    .cfx5144-page-head p{font-size:.92rem}
    .cfx5144-hosting-card{padding:22px 18px 19px}
    .cfx5144-hosting-card .cfx5122-price strong{font-size:2.55rem}
    .cfx5144-plan-finder{margin-top:34px;padding:22px 18px}
    .cfx5144-plan-finder-grid article{min-height:0}
    .cfx5144-benefits-section,.cfx5144-faq-section{padding-top:58px;padding-bottom:58px}
    .cfx5144-faq-section header h2{font-size:1.8rem;line-height:1.7}
    .cfx5144-faq-list summary{font-size:.95rem}
    .cfx5144-hosting-final-cta{padding-top:18px;padding-bottom:62px}
    .cfx5144-hosting-final-cta h2{font-size:1.8rem;line-height:1.72}
    .cfx5144-hosting-final-cta p{font-size:.9rem}
}


/* CODFIX v5.14.4 HF2 — Hosting Hero Spacing Tightening */
.cfx5144-hosting-hero{padding-top:clamp(44px,5vw,72px)}
@media(max-width:680px){.cfx5144-hosting-hero{padding-top:42px}}
