/* Self-contained comparison component; no legacy table or sticky selectors. */
html body .fc-compare {
  --compare-ink:#132e51; --compare-copy:#46617f; --compare-blue:#0757da;
  --compare-line:#d5e2f1; --compare-tint:#edf5ff;
  color:var(--compare-ink); background:#fff; border:1px solid var(--compare-line);
  border-radius:18px; box-shadow:0 14px 40px #163f7110; isolation:isolate;
  font-family:inherit; font-size:18px; line-height:1.55; font-variant-numeric:tabular-nums;
}
html body .fc-compare *, html body .fc-compare *::before, html body .fc-compare *::after { box-sizing:border-box; }
html body .fc-compare [hidden] { display:none!important; }
html body .fc-compare-toolbar {
  display:flex; align-items:center; flex-wrap:wrap; gap:18px 28px; padding:24px 28px;
  background:linear-gradient(115deg,#f5f9ff,#fff 72%); border-bottom:1px solid var(--compare-line); border-radius:17px 17px 0 0;
}
html body .fc-compare-choice { display:flex; align-items:center; gap:12px; font-size:17px; font-weight:650; }
html body .fc-compare-choice-icon { display:flex; align-items:center; justify-content:center; width:40px; height:40px; border:1px solid #bdd6f8; border-radius:10px; color:var(--compare-blue); background:#e7f1ff; }
html body .fc-compare-choice-icon svg { width:24px; height:24px; }
html body .fc-compare-tabs { display:flex; flex-wrap:wrap; gap:8px; margin-inline-start:auto; padding:5px; border:1px solid #d5e2f1; background:#eaf1fa; border-radius:12px; }
html body .fc-compare-tab {
  appearance:none; display:inline-flex; align-items:center; justify-content:center; min-height:46px; min-width:86px;
  margin:0; padding:10px 20px; border:1px solid transparent; border-radius:8px; background:transparent;
  color:#304e71; font:inherit; font-size:16px; font-weight:650; line-height:1.4; text-align:center; cursor:pointer;
  box-shadow:none; white-space:normal; text-transform:none;
}
html body .fc-compare-tab[aria-selected=true] { background:var(--compare-blue); color:#fff; border-color:var(--compare-blue); box-shadow:0 3px 8px #0757da26; }
html body .fc-compare-count { min-width:90px; text-align:end; color:var(--compare-copy); font-size:15px; }
html body .fc-compare-panel { min-width:0; border-radius:0 0 17px 17px; }
html body .fc-compare-panel + .fc-compare-panel { margin-top:28px; border-top:1px solid var(--compare-line); }
html body .fc-compare[data-ready] .fc-compare-panel { margin:0; border-top:0; }
html body .fc-compare-table { width:100%; max-width:100%; margin:0; border:0; border-collapse:separate; border-spacing:0; table-layout:fixed; color:inherit; background:transparent; font:inherit; }
html body .fc-compare-col-provider { width:22%; }
html body .fc-compare-col-cpu { width:8%; }
html body .fc-compare-col-ram { width:11%; }
html body .fc-compare-col-storage { width:13%; }
html body .fc-compare-col-bandwidth { width:27%; }
html body .fc-compare-col-price { width:19%; }
html body .fc-compare-caption { padding:20px 26px; caption-side:top; text-align:start; color:var(--compare-ink); font-size:21px; font-weight:700; }
html body .fc-compare[data-ready] .fc-compare-caption { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); padding:0; margin:-1px; white-space:nowrap; }
html body .fc-compare-table thead { position:static; }
html body .fc-compare-table th, html body .fc-compare-table td {
  position:static; height:auto; padding:23px 22px; border:0; border-bottom:1px solid #e0e9f4; vertical-align:middle;
  background:transparent; color:inherit; text-align:start; font:inherit; line-height:1.55; overflow-wrap:anywhere;
}
html body .fc-compare-table thead th { padding-block:18px; background:#f4f7fc; color:#425e7d; font-size:15px; font-weight:650; }
html body .fc-compare-table tbody tr:last-child > * { border-bottom:0; }
html body .fc-compare-table tbody tr:last-child > :first-child { border-end-start-radius:17px; }
html body .fc-compare-table tbody tr:last-child > :last-child { border-end-end-radius:17px; }
html body .fc-compare-table tbody tr:nth-child(even) > * { background:#fafcff; }
html body .fc-compare-table .fc-compare-featured > * { background:var(--compare-tint); border-bottom-color:#cbdff8; }
html body .fc-compare-featured > :first-child { box-shadow:inset 4px 0 var(--compare-blue); }
html[lang=ar] body .fc-compare-featured > :first-child { box-shadow:inset -4px 0 var(--compare-blue); }
html body .fc-compare-provider { display:flex; align-items:center; gap:14px; font-size:18px; font-weight:650; line-height:1.4; }
html body .fc-compare-logo { display:block; flex:0 0 32px; width:32px; height:32px; max-width:32px; object-fit:contain; margin:0; filter:none; }
html body .fc-compare-value { min-width:0; }
html body .fc-compare-cell-label { display:none; }
html body .fc-compare-cell-4 { color:var(--compare-copy); font-size:17px; }
html body .fc-compare-table :is(.fc-compare-cell-5,thead th:last-child) { text-align:end; }
html body .fc-compare-amount { display:block; color:var(--compare-ink); font-size:28px; font-weight:750; line-height:1.25; letter-spacing:-.025em; white-space:nowrap; }
html body .fc-compare-featured .fc-compare-amount { color:var(--compare-blue); }
html body .fc-compare-hourly { display:block; margin-top:6px; color:var(--compare-copy); font-size:15px; font-weight:450; line-height:1.5; }
html body .fc-compare :is(.fc-compare-tab,.fc-compare-panel):focus-visible { outline:3px solid #2675e6; outline-offset:3px; }
@media(hover:hover) {
  html body .fc-compare-tab:not([aria-selected=true]):hover { background:#fff; border-color:#c1d5ef; color:#074db9; }
}
@media(prefers-reduced-motion:no-preference) {
  html body .fc-compare-tab { transition:background-color .16s ease,color .16s ease,border-color .16s ease; }
}
@media(max-width:1199px) {
  html body .fc-compare-toolbar { padding:20px; gap:16px; }
  html body .fc-compare-count { display:none; }
  html body .fc-compare-table th, html body .fc-compare-table td { padding:20px 16px; }
  html body .fc-compare-provider { gap:10px; font-size:17px; }
}
/* The same semantic rows become labeled cards; values and source order are preserved. */
@media(max-width:959px) {
  html body .fc-compare { background:#f3f7fc; }
  html body .fc-compare-panel { padding:20px; }
  html body .fc-compare-table { display:block; }
  html body .fc-compare-table colgroup { display:none; }
  html body .fc-compare-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
  html body .fc-compare-table tbody { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
  html body .fc-compare-table tbody tr { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-content:start; min-width:0; overflow:hidden; border:1px solid #cedff1; border-radius:12px; background:#fff; }
  html body .fc-compare-table tbody tr.fc-compare-featured { border-color:#82b1f1; background:#f0f6ff; box-shadow:0 4px 16px #0c55b10b; }
  html body .fc-compare-table tbody tr > :is(th,td) { display:block; padding:18px 16px; border:0; border-radius:0; background:transparent; box-shadow:none; }
  html body .fc-compare-table tbody tr > .fc-compare-provider-cell { grid-column:1/-1; border-bottom:1px solid #dce7f4; padding:20px 18px; }
  html body .fc-compare-provider { font-size:19px; min-height:32px; }
  html body .fc-compare-table .fc-compare-cell-4 { grid-column:1/-1; padding-top:2px; padding-bottom:20px; font-size:17px; }
  html body .fc-compare-table .fc-compare-cell-5 { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px 18px; border-top:1px solid #dce7f4; background:#f8fbff; margin-top:auto; }
  html body .fc-compare-featured .fc-compare-cell-5 { background:#e9f2ff; }
  html body .fc-compare-cell-label { display:block; color:#496480; font-size:14px; line-height:1.4; font-weight:500; margin-bottom:8px; }
  html body .fc-compare-cell-5 .fc-compare-cell-label { margin:0; font-size:16px; }
  html body .fc-compare-cell-5 .fc-compare-value { text-align:end; }
  html body .fc-compare-amount { font-size:28px; }
  html body .fc-compare-hourly { font-size:15px; }
}
@media(max-width:639px) {
  html body .fc-compare-toolbar { display:block; padding:18px; }
  html body .fc-compare-choice { margin-bottom:16px; }
  html body .fc-compare-tabs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; margin:0; }
  html body .fc-compare-tabs[data-count="3"] { grid-template-columns:repeat(3,minmax(0,1fr)); }
  html body .fc-compare-tab { min-width:0; padding:10px 8px; font-size:16px; }
  html body .fc-compare-tabs[data-count="3"] .fc-compare-tab { font-size:15px; }
  html body .fc-compare-panel { padding:16px; }
  html body .fc-compare-table tbody { grid-template-columns:minmax(0,1fr); gap:16px; }
  html body .fc-compare-table tbody tr > :is(th,td) { padding-inline:14px; }
  html body .fc-compare-table .fc-compare-cell-4 { padding-inline:14px; }
}
@media(max-width:379px) {
  html body .fc-compare-table :is(.fc-compare-cell-1,.fc-compare-cell-2,.fc-compare-cell-3) {
    grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; gap:12px; padding-block:10px;
  }
  html body .fc-compare-table :is(.fc-compare-cell-1,.fc-compare-cell-2,.fc-compare-cell-3) .fc-compare-cell-label { margin:0; }
  html body .fc-compare-table :is(.fc-compare-cell-1,.fc-compare-cell-2,.fc-compare-cell-3) .fc-compare-value { text-align:end; }
  html body .fc-compare-table .fc-compare-cell-4 { padding-top:12px; }
}