.page-hero { background: var(--c-bg), var(--c-bg); }

.nav-pills .nav-link { border-radius: 12px; padding: .6rem 1rem; color: var(--c-primary-hover); font-weight: 700; background: var(--c-surface); border: 1px solid var(--c-border); }
.nav-pills .nav-link:hover { border-color: var(--c-primary-tint); color: var(--c-text); }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { background: var(--c-primary-tint); border-color: var(--c-text); color: #fff; box-shadow: 0 10px 22px -14px rgba(15,23,42,.08); }
.billing-toggle { padding: 5px; border: 1px solid var(--c-border); border-radius: 14px; background: var(--c-surface); box-shadow: 0 8px 20px -18px rgba(15,23,42,.08); }
.billing-toggle .billing-option { border-radius: 10px; font-weight: 700; color: var(--c-primary); }
.billing-toggle .billing-option.active { background: var(--nl-sky, var(--c-primary)); color: #fff; }

.plan-grid { gap: 18px; padding-top: 1.75rem !important; }
.plan-card {
    position: relative;
    overflow: visible;
    border: 1px solid var(--c-border) !important;
    border-radius: 22px !important;
    background: var(--c-surface);
    box-shadow: 0 18px 40px -34px rgba(15,23,42,.08);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.plan-card::before {
    content: "";
    position: absolute;
    inset: -1px -1px auto;
    height: 5px;
    border-radius: 22px 22px 0 0;
    background: var(--c-bg);
    opacity: .85;
}
.plan-card:hover { transform: translateY(-6px); border-color: var(--c-primary-tint) !important; box-shadow: 0 30px 56px -30px rgba(15,23,42,.08); }
.plan-card > .card-body { padding: 1.75rem 1.6rem 1.6rem !important; gap: 1.1rem !important; }
.plan-card h4 { font-size: 1.25rem; font-weight: 800; letter-spacing: -.02em; color: var(--c-text); }

.plan-card .plan-price {
    padding: 1rem 1.1rem;
    border: 1px solid var(--c-border);
    border-radius: 16px;
    background: var(--c-bg);
}
.plan-card .price-now { font-size: 2.35rem; font-weight: 800; letter-spacing: -.04em; line-height: 1.05; color: var(--c-text); }
.plan-card [data-role=price-suffix] { margin-inline-start: 2px; font-weight: 600; }
.plan-card [data-role=savings] { background: var(--c-bg) !important; color: var(--c-accent) !important; border-radius: 999px; padding: .3rem .6rem; }
.plan-card .billing-compare { color: var(--nl-sky, var(--c-primary)); }

.plan-card .plan-features { display: grid; gap: .55rem; margin: 0; padding: .25rem 0 0; list-style: none; }
.plan-card .plan-features li { display: flex; align-items: flex-start; gap: .6rem; color: #3d5a73 !important; line-height: 1.4; }
.plan-card .plan-features li i {
    display: inline-grid;
    place-items: center;
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    margin-top: 1px;
    border-radius: 50%;
    background: var(--c-bg);
    color: var(--c-accent);
    font-size: .72rem;
    font-weight: 700;
}
.plan-card .plan-features li:nth-child(n+7) { color: var(--c-primary); }

.plan-card .btn { padding: .8rem 1rem; border-radius: 13px; font-weight: 800; }
.plan-card .btn-soft { background: var(--c-primary-tint); color: #fff; border: 0; }
.plan-card .btn-soft:hover { background: var(--nl-sky, var(--c-primary)); color: #fff; }
.plan-card .btn-soft:disabled { background: var(--c-border); color: var(--c-primary); }
.plan-card .btn .bi-arrow-right { transition: transform .2s; }
.plan-card .btn:hover .bi-arrow-right { transform: translateX(4px); }

.plan-card.plan-popular {
    border-color: var(--c-navy) !important;
    background: var(--c-navy) !important;
    background-image: none !important;
    color: #fff !important;
    box-shadow: 0 34px 60px -30px rgba(11, 38, 71, .45);
}
.plan-card.plan-popular::before { background: var(--c-accent); }
.plan-card.plan-popular h4, .plan-card.plan-popular .price-now { color: #fff; }
.plan-card.plan-popular .text-body-secondary, .plan-card.plan-popular .plan-features li { color: rgba(255, 255, 255, .86) !important; }
.plan-card.plan-popular .plan-price { border-color: rgba(255, 255, 255, .16); background: rgba(255, 255, 255, .08); }
.plan-card.plan-popular .billing-compare { color: var(--c-primary); }
.plan-card.plan-popular .plan-features li i { background: rgba(11,95,165, .2); color: var(--c-accent); }
.plan-card.plan-popular .btn-primary { background: var(--c-surface); border: 0; color: var(--c-text); }
.plan-card.plan-popular .btn-primary:hover { background: var(--c-primary-tint); color: var(--c-text); }
.plan-card .plan-badge { position: absolute; top: -13px; left: 50%; z-index: 2; transform: translateX(-50%); }
.plan-card .plan-badge .badge { padding: .45rem .9rem; border-radius: 999px; background: var(--nl-sky-2, var(--c-primary)) !important; color: #fff !important; font-size: .72rem; letter-spacing: .04em; text-transform: uppercase; box-shadow: 0 8px 18px -8px rgba(11,95,165, .8); }
.plan-card.plan-soldout { opacity: .75; }
.plan-card .plan-billing-table { --bs-table-bg: transparent; }
.plan-card.plan-popular .plan-billing-table { --bs-table-color: #061526; }

/* ---------- Vivid plan cards ---------- */
.plan-card { isolation: isolate; }
.plan-card::before { height: 4px; background: var(--c-bg); opacity: 1; }
.plan-card::after {
    content: "";
    position: absolute;
    inset: -1px;
    z-index: -1;
    border-radius: 23px;
    padding: 1.5px;
    background: var(--c-bg);
    -webkit-mask: linear-gradient(black 0 0) content-box, linear-gradient(black 0 0);
    -webkit-mask-composite: xor;
    mask: linear-gradient(black 0 0) content-box exclude, linear-gradient(black 0 0);
    opacity: 0;
    transition: opacity .3s;
    pointer-events: none;
}
.plan-card:hover::after { opacity: 1; }
.plan-card:hover { box-shadow: 0 34px 60px -30px rgba(11,95,165, .55); }

.plan-head { display: flex; align-items: center; gap: .85rem; }
.plan-ico {
    display: grid;
    place-items: center;
    flex: none;
    width: 46px;
    height: 46px;
    border-radius: 14px;
    background: var(--c-primary-tint);
    color: #fff;
    font-size: 1.2rem;
    box-shadow: 0 12px 22px -12px rgba(11,95,165, .9);
    transition: transform .3s;
}
.plan-grid > :nth-child(6n+2) .plan-ico { background: var(--c-primary-tint); box-shadow: 0 12px 22px -12px rgba(15,23,42,.08); }
.plan-grid > :nth-child(6n+3) .plan-ico { background: var(--c-primary-tint); box-shadow: 0 12px 22px -12px rgba(15,23,42,.08); }
.plan-grid > :nth-child(6n+4) .plan-ico { background: var(--c-primary-tint); box-shadow: 0 12px 22px -12px rgba(15,23,42,.08); }
.plan-grid > :nth-child(6n+5) .plan-ico { background: var(--c-primary-tint); box-shadow: 0 12px 22px -12px rgba(15,23,42,.08); }
.plan-grid > :nth-child(6n) .plan-ico { background: var(--c-primary-tint); box-shadow: 0 12px 22px -12px rgba(15,23,42,.08); }
.plan-card:hover .plan-ico { transform: translateY(-2px) rotate(-6deg); }
.plan-card h4 { margin-bottom: 0 !important; }

.plan-card .plan-price {
    position: relative;
    overflow: hidden;
    background: var(--c-bg);
}
.plan-card .price-now {
    color: var(--c-navy, #0B2647) !important;
    background: none !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    -webkit-text-fill-color: currentColor !important;
}
.plan-card.plan-popular .price-now,
.plan-card.plan-popular h4 {
    color: #fff !important;
    background: none !important;
    -webkit-text-fill-color: #fff !important;
}
.plan-card [data-role=savings] { background: var(--c-primary) !important; color: #fff !important; box-shadow: 0 6px 14px -8px rgba(15,23,42,.08); }

.plan-card .plan-features { gap: .6rem; }
.plan-card .plan-features li { align-items: center; padding: .1rem 0; transition: transform .2s; }
.plan-card .plan-features li:hover { transform: translateX(3px); }
.plan-card .plan-features li strong { color: #061526 !important; -webkit-text-fill-color: #061526 !important; font-weight: 800; }
.plan-card .plan-features li span { color: #3d5a73 !important; -webkit-text-fill-color: #3d5a73 !important; }
.plan-card .billing-compare { color: #1e4b70 !important; }
.plan-card .plan-billing-table { --bs-table-color: #061526; }
.plan-card .plan-billing-table th { color: #1e4b70 !important; }
.plan-card .plan-billing-table td { color: #061526 !important; -webkit-text-fill-color: #061526 !important; }
.plan-card .plan-features li i {
    flex: 0 0 26px;
    width: 26px;
    height: 26px;
    margin-top: 0;
    border-radius: 8px;
    font-size: .82rem;
    font-weight: 400;
}
.plan-card .plan-features li i.pf-c1 { background: var(--c-primary-tint); color: var(--nl-sky, var(--c-primary)); }
.plan-card .plan-features li i.pf-c2 { background: var(--c-primary-tint); color: var(--c-accent); }
.plan-card .plan-features li i.pf-c3 { background: var(--c-primary-tint); color: var(--c-primary); }
.plan-card .plan-features li i.pf-c4 { background: var(--c-bg); color: var(--c-accent); }
.plan-card .plan-features li i.pf-c5 { background: var(--c-bg); color: var(--c-danger); }
.plan-card .plan-features li:nth-child(n+7) { color: var(--c-primary-hover); }
.plan-card.plan-popular .plan-features li,
.plan-card.plan-popular .plan-features li span,
.plan-card.plan-popular .text-body-secondary,
.plan-card.plan-popular .billing-compare { color: rgba(255, 255, 255, .86) !important; -webkit-text-fill-color: rgba(255, 255, 255, .86) !important; }
.plan-card.plan-popular .plan-features li strong { color: #fff !important; -webkit-text-fill-color: #fff !important; }
.plan-card.plan-popular .plan-features li i { background: rgba(255, 255, 255, .14) !important; color: #fff !important; }

.plan-card .btn-soft, .plan-card:not(.plan-popular) .btn-primary {
    position: relative;
    overflow: hidden;
    border: 0;
    border-radius: 999px;
    background: var(--c-primary);
    color: #fff;
    box-shadow: 0 14px 26px -14px rgba(15,23,42,.08);
}
/* Shine / lift handled in nl.css (.plan-card .btn::before) */
.plan-card .btn-soft:hover { background: var(--c-primary-hover); color: #fff; }
.plan-card.plan-popular .btn-primary { position: relative; overflow: hidden; border-radius: 999px; }

[data-bs-theme=dark] .plan-card:not(.plan-popular) .price-now {
    color: var(--basic-heading-color, #fff) !important;
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
}
[data-bs-theme=dark] .plan-card .plan-features li strong { color: #fff; }
[data-bs-theme=dark] .plan-card .plan-features li i { background: rgba(11,95,165, .14) !important; }

.category-content .hostingozellikler #wrapper {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}
@media (max-width: 1199.98px) {
    .category-content .hostingozellikler #wrapper { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 575.98px) {
    .category-content .hostingozellikler #wrapper { grid-template-columns: 1fr; }
}
.category-content .clear { display: none; }
.category-content .hostozellk {
    position: relative;
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 1.25rem 1.2rem 1.35rem;
    border: 1px solid #d5e0ec;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 14px 28px -26px rgba(15,23,42,.18);
    transition: transform .2s, box-shadow .2s, border-color .2s;
}
.category-content .hostozellk:hover {
    transform: translateY(-3px);
    border-color: color-mix(in srgb, var(--c-primary) 35%, #d5e0ec);
    box-shadow: 0 20px 40px -28px rgba(15,23,42,.22);
}
.category-content .hostozellk img { display: none !important; }
.category-content .hostozellk::before {
    content: "";
    display: grid;
    place-items: center;
    width: 2.75rem;
    height: 2.75rem;
    margin: 0 0 1rem;
    border-radius: 14px;
    background-color: #0b2647;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.15rem;
    box-shadow: 0 10px 18px -12px rgba(11,38,71,.55);
}
.category-content .hostozellk:nth-child(1)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M1 5h10L9 3l1-1 4 3.5L10 9 9 8l2-2H1zm14 6H5l2 2-1 1-4-3.5L6 7l1 1-2 2h10z'/%3E%3C/svg%3E");
}
.category-content .hostozellk:nth-child(2)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Ccircle cx='8' cy='4.5' r='3'/%3E%3Cpath d='M2 15c0-3.3 2.7-5.5 6-5.5s6 2.2 6 5.5z'/%3E%3C/svg%3E");
}
.category-content .hostozellk:nth-child(3)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M9.5 1 3 9h4.2L6.5 15 13 7H8.8z'/%3E%3C/svg%3E");
}
.category-content .hostozellk:nth-child(4)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M8 1 2 3.2v4.6c0 3.4 2.5 6.3 6 7.2 3.5-.9 6-3.8 6-7.2V3.2z'/%3E%3C/svg%3E");
}
.category-content .hostozellk h4 {
    margin: 0 0 .45rem;
    color: #061526 !important;
    font-size: 1.02rem;
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1.3;
}
.category-content .hostozellk p {
    margin: 0;
    color: #3d5a73 !important;
    font-size: .9rem;
    line-height: 1.55;
}

.page-faq .accordion-item { margin-bottom: 10px; border: 1px solid var(--c-border) !important; border-radius: 14px !important; overflow: hidden; }
.page-faq .accordion-button { color: var(--c-text); }

[data-bs-theme=dark] .plan-card:not(.plan-popular), [data-bs-theme=dark] .category-content .hostozellk { background: var(--basic-surface-bg); border-color: var(--basic-border-color) !important; }
[data-bs-theme=dark] .plan-card:not(.plan-popular) h4, [data-bs-theme=dark] .plan-card:not(.plan-popular) .price-now, [data-bs-theme=dark] .category-content .hostozellk h4 { color: var(--basic-heading-color); }
[data-bs-theme=dark] .plan-card:not(.plan-popular) .plan-price { background: transparent; border-color: var(--basic-border-color); }
[data-bs-theme=dark] .plan-card .plan-features li { color: var(--basic-body-color); }

@media (min-width: 1200px) {
    .plan-grid:has(> :nth-child(5)) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 1199.98px) { .category-content .hostingozellikler #wrapper { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575.98px) { .category-content .hostingozellikler #wrapper { grid-template-columns: 1fr; } }

/* Plan comparison table */
.tc-compare{margin-top:2rem;border:1px solid rgba(15,23,42,.08);border-radius:20px;background:var(--c-surface);box-shadow:0 20px 44px -30px rgba(15,23,42,.08);overflow:hidden}
.tc-compare>summary{display:flex;align-items:center;gap:1rem;padding:1.1rem 1.4rem;cursor:pointer;list-style:none;user-select:none}
.tc-compare>summary::-webkit-details-marker{display:none}
.tc-compare>summary:hover{background:var(--c-bg)}
.tc-compare>summary strong{display:block;color:var(--c-text);font-size:1.05rem;font-weight:800}
.tc-compare>summary small{display:block;color:var(--basic-muted-color,var(--c-muted));font-size:.82rem}
.tcc-ico{flex:0 0 2.75rem;display:inline-flex;align-items:center;justify-content:center;block-size:2.75rem;border-radius:12px;color:#fff;background:var(--c-bg);box-shadow:0 10px 20px -10px rgba(11,95,165,.9);font-size:1.15rem}
.tcc-caret{margin-inline-start:auto;inline-size:2rem;block-size:2rem;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--c-primary-tint);color:var(--nl-sky, var(--c-primary));transition:transform .25s}
.tc-compare[open] .tcc-caret{transform:rotate(180deg)}
.tcc-scroll,.tc-table-scroll{max-width:100%;min-width:0;overflow-x:auto;border-top:1px solid rgba(15,23,42,.08);-webkit-overflow-scrolling:touch}
.tcc-table{inline-size:100%;min-inline-size:640px;border-collapse:separate;border-spacing:0;font-size:.9rem}
.tcc-table th,.tcc-table td{padding:.8rem 1rem;border-bottom:1px solid rgba(15,23,42,.08);text-align:center;vertical-align:middle}
.tcc-table thead th{position:sticky;top:0;background:var(--c-bg);color:var(--c-text);font-weight:800;font-size:.92rem}
.tcc-table thead th.is-pop{background:var(--c-navy);color:#fff}
.tcc-table tbody th{text-align:start;font-weight:700;color:var(--c-text);white-space:nowrap}
.tcc-table th:first-child{position:sticky;inset-inline-start:0;z-index:1;background:var(--c-surface);box-shadow:1px 0 0 rgba(15,23,42,.08)}
.tcc-table thead th:first-child{background:var(--c-bg);z-index:2}
.tcc-table tbody th i{margin-inline-end:.55rem;color:var(--nl-sky, var(--c-primary))}
.tcc-table tbody tr:nth-child(even) td{background:var(--c-surface)}
.tcc-table tbody tr:hover td{background:var(--c-primary-tint)}
.tcc-price td{font-size:1.05rem;color:var(--c-text)}
.tcc-price strong{font-weight:800;background:var(--c-bg);-webkit-background-clip:text;background-clip:text;color:transparent}
.tcc-suf{font-size:.78rem;color:var(--basic-muted-color,var(--c-muted))}
.tcc-yes{color:var(--nl-sky-2, var(--c-primary));font-size:1.05rem}
.tcc-no{color:var(--c-primary-tint)}
.tcc-cta td,.tcc-cta th{border-bottom:0}
.tcc-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem 1rem;border-radius:999px;font-weight:700;font-size:.85rem;color:#fff!important;text-decoration:none;background:var(--c-bg);box-shadow:0 8px 18px -10px rgba(11,95,165,.9);transition:transform .2s}
.tcc-btn:hover{transform:translateY(-1px)}
@media (max-width:767.98px){.tcc-table{font-size:.82rem}.tcc-table th,.tcc-table td{padding:.65rem .7rem}.tcc-table tbody th{white-space:normal;min-inline-size:8rem}}
[data-bs-theme=dark] .tc-compare{background:var(--basic-surface-bg);border-color:rgba(255,255,255,.08)}
[data-bs-theme=dark] .tc-compare>summary:hover,[data-bs-theme=dark] .tcc-table tbody tr:hover td{background:rgba(255,255,255,.04)}
[data-bs-theme=dark] .tc-compare>summary strong,[data-bs-theme=dark] .tcc-table thead th,[data-bs-theme=dark] .tcc-table tbody th,[data-bs-theme=dark] .tcc-price td{color:#fff}
[data-bs-theme=dark] .tcc-table thead th,[data-bs-theme=dark] .tcc-table th:first-child{background:var(--basic-surface-bg)}
[data-bs-theme=dark] .tcc-table tbody tr:nth-child(even) td{background:rgba(255,255,255,.02)}
[data-bs-theme=dark] .tcc-price strong{background:none;color:#fff}
.tcc-bar{display:flex;justify-content:flex-end;padding:.6rem 1.4rem;border-top:1px solid rgba(15,23,42,.08);background:var(--c-surface)}
.tcc-diff{display:inline-flex;align-items:center;gap:.55rem;font-size:.84rem;font-weight:600;color:var(--c-text);cursor:pointer;user-select:none}
.tcc-diff input{position:absolute;opacity:0;pointer-events:none}
.tcc-diff span{position:relative;inline-size:2.2rem;block-size:1.25rem;border-radius:999px;background:var(--c-primary-tint);transition:background .2s}
.tcc-diff span::after{content:"";position:absolute;inset-block-start:.15rem;inset-inline-start:.15rem;inline-size:.95rem;block-size:.95rem;border-radius:50%;background:var(--c-surface);box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .2s}
.tcc-diff input:checked+span{background:var(--c-bg)}
.tcc-diff input:checked+span::after{transform:translateX(.95rem)}
.tcc-diff input:focus-visible+span{outline:2px solid var(--nl-sky, var(--c-primary));outline-offset:2px}
.tcc-table tbody tr:not(.is-same):not(.tcc-price):not(.tcc-cta) td{color:var(--c-text);font-weight:600}
.tcc-table tbody tr.is-same td{color:var(--basic-muted-color,var(--c-muted))}
.tc-compare.only-diff tbody tr.is-same{display:none}
[data-bs-theme=dark] .tcc-bar{background:rgba(255,255,255,.02);border-top-color:rgba(255,255,255,.06)}
[data-bs-theme=dark] .tcc-diff,[data-bs-theme=dark] .tcc-table tbody tr:not(.is-same):not(.tcc-price):not(.tcc-cta) td{color:#fff}

/* ---------- VDC horizontal rows ---------- */
.vdc-rows{display:flex;flex-direction:column;gap:14px}
.vdc-row{
  border:1px solid var(--c-border);
  border-radius:18px;
  background:var(--c-surface);
  box-shadow:0 16px 36px -32px rgba(15,23,42,.12);
  overflow:hidden;
  transition:border-color .2s, box-shadow .2s, transform .2s;
}
.vdc-row:hover{border-color:color-mix(in srgb, var(--c-primary) 35%, var(--c-border)); box-shadow:0 22px 44px -30px rgba(15,23,42,.16)}
.vdc-row.is-popular{
  border-color:var(--c-navy);
  background:var(--c-navy);
  color:#fff;
}
.vdc-row-main{
  display:grid;
  grid-template-columns:minmax(11rem,1.15fr) minmax(0,1.6fr) minmax(7.5rem,.7fr) auto;
  gap:1rem 1.25rem;
  align-items:center;
  padding:1.05rem 1.15rem;
}
.vdc-row-id{display:flex;align-items:center;gap:.85rem;min-width:0}
.vdc-row-ico{
  flex:none;display:grid;place-items:center;
  width:2.65rem;height:2.65rem;border-radius:14px;
  background:color-mix(in srgb, var(--c-primary) 12%, #fff);
  color:var(--c-primary);font-size:1.15rem;
}
.vdc-row.is-popular .vdc-row-ico{background:var(--c-primary);color:#fff}
.vdc-row-titles{min-width:0}
.vdc-row-title{
  margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;
  font-size:1.05rem;font-weight:800;letter-spacing:-.02em;color:var(--c-text);line-height:1.25;
}
.vdc-row-tag{margin:.2rem 0 0;font-size:.8rem;color:var(--c-primary-hover);line-height:1.35}
.vdc-pill{
  display:inline-flex;align-items:center;gap:.28rem;
  padding:.18rem .55rem;border-radius:999px;
  background:color-mix(in srgb, var(--c-accent, #0d9488) 16%, #fff);
  color:var(--c-accent, #0f766e);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em;
}
.vdc-pill i{font-size:.72rem}
.vdc-pill.is-warn{background:color-mix(in srgb, #dc2626 12%, #fff);color:#b91c1c}
.vdc-metrics{
  display:grid;
  grid-template-columns:repeat(5, minmax(0,1fr));
  gap:.45rem;
  min-width:0;
}
.vdc-metric{
  display:flex;flex-direction:column;gap:.12rem;
  padding:.55rem .5rem;border-radius:12px;
  background:#d9e4f0!important;
  border:1px solid #b7c9dc!important;
  text-align:center;min-width:0;
}
.vdc-metric-val,
.vdc-metric .vdc-metric-val,
.vdc-rows .vdc-metric-val,
.vdc-rows .num-tabular.vdc-metric-val{
  font-size:1.05rem!important;font-weight:800!important;line-height:1.15;letter-spacing:-.02em;
  color:#061526!important;
  -webkit-text-fill-color:#061526!important;
  background:none!important;
  background-image:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  opacity:1!important;
  visibility:visible!important;
}
.vdc-metric-lab,
.vdc-rows .vdc-metric-lab{
  font-size:.7rem!important;font-weight:700!important;
  color:#1e4b70!important;
  -webkit-text-fill-color:#1e4b70!important;
  text-transform:uppercase;letter-spacing:.04em;
  opacity:1!important;
}
.vdc-row-price{text-align:end;min-width:0}
.vdc-save{display:flex;justify-content:flex-end;align-items:center;gap:.4rem;min-height:1.1rem;margin-bottom:.15rem}
.vdc-save .price-was{font-size:.75rem;font-weight:600;color:#64748b!important;-webkit-text-fill-color:#64748b!important}
.vdc-save [data-role=savings]{background:color-mix(in srgb, var(--c-accent,#0d9488) 14%, #fff)!important;color:#0f766e!important;border-radius:999px;font-size:.68rem;font-weight:800}
.vdc-price-now{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:.2rem .35rem}
.vdc-price-now .price-now,
.vdc-row .price-now,
.vdc-row [data-role=price-now],
.vdc-rows [data-role=price-now],
.vdc-rows .price-now.num-tabular{
  font-size:1.55rem!important;font-weight:800!important;letter-spacing:-.03em;line-height:1;
  color:#061526!important;
  -webkit-text-fill-color:#061526!important;
  background:none!important;
  background-image:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  opacity:1!important;
  visibility:visible!important;
}
.vdc-row-title{color:#061526!important;-webkit-text-fill-color:#061526!important}
.vdc-row-tag{color:#3d5a73!important;-webkit-text-fill-color:#3d5a73!important}
.vdc-price-suf{
  font-size:.78rem;font-weight:700;
  color:#1e4b70!important;
  -webkit-text-fill-color:#1e4b70!important;
}
.vdc-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:.45rem}
.vdc-cta{
  display:inline-flex;align-items:center;gap:.4rem;
  padding:.62rem 1.05rem;border-radius:999px;border:0;
  background:var(--c-primary);color:#fff!important;font-weight:800;font-size:.88rem;
  box-shadow:0 12px 22px -14px rgba(15,23,42,.35);
  white-space:nowrap;
}
.vdc-cta:hover{background:var(--c-primary-hover, var(--c-primary));color:#fff!important;transform:translateY(-1px)}
.vdc-cta.is-pop{background:var(--nl-sky, var(--c-primary))}
.vdc-cta .bi-arrow-right{transition:transform .2s}
.vdc-cta:hover .bi-arrow-right{transform:translateX(3px)}
.vdc-cta:disabled{opacity:.55;box-shadow:none;transform:none}
.vdc-more{
  width:2.35rem;height:2.35rem;padding:0;border-radius:12px;
  border:1px solid var(--c-border);background:var(--c-bg);color:var(--c-text);
  display:inline-grid;place-items:center;
}
.vdc-more:not(.collapsed){background:color-mix(in srgb, var(--c-primary) 10%, #fff);border-color:color-mix(in srgb, var(--c-primary) 30%, var(--c-border));color:var(--c-primary)}
.vdc-more:not(.collapsed) .bi-chevron-down{transform:rotate(180deg)}
.vdc-more .bi-chevron-down{transition:transform .2s;display:inline-block}
.vdc-row-details{
  display:grid;grid-template-columns:minmax(0,1.4fr) minmax(14rem,.75fr);
  gap:1.1rem 1.4rem;padding:.15rem 1.15rem 1.15rem;
  border-top:1px solid color-mix(in srgb, var(--c-border) 85%, transparent);
  margin:0 .15rem;
}
.vdc-feats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem .9rem;margin:0;padding:.85rem 0 0;list-style:none}
.vdc-feats li{display:flex;align-items:flex-start;gap:.45rem;font-size:.86rem;color:var(--c-primary-hover);line-height:1.35}
.vdc-feats li i{flex:none;margin-top:.15rem;color:var(--c-accent,#0d9488);font-weight:800}
.vdc-billing{padding:.85rem 0 0}
.vdc-billing-h{font-size:.75rem;font-weight:800;color:#1e4b70;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.45rem}
.vdc-billing-table{--bs-table-bg:transparent;--bs-table-color:#061526;margin:0}
.vdc-billing-table th{font-size:.72rem;color:#1e4b70!important;font-weight:700}
.vdc-billing-table td{color:#061526!important;-webkit-text-fill-color:#061526!important;font-weight:650}
.vdc-billing-table tr.cycle-current td{font-weight:800;color:#0b2647!important}
.vdc-row.is-soldout{opacity:.72}
@media (max-width:1199.98px){
  .vdc-row-main{grid-template-columns:minmax(10rem,1fr) minmax(0,1.3fr) auto; grid-template-areas:"id price actions" "metrics metrics metrics"}
  .vdc-row-id{grid-area:id}
  .vdc-metrics{grid-area:metrics}
  .vdc-row-price{grid-area:price}
  .vdc-row-actions{grid-area:actions}
  .vdc-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media (max-width:767.98px){
  .vdc-row-main{grid-template-columns:1fr; grid-template-areas:"id" "metrics" "price" "actions"; gap:.85rem}
  .vdc-row-price,.vdc-row-actions{justify-content:stretch;text-align:start}
  .vdc-price-now,.vdc-save,.vdc-row-actions{justify-content:flex-start}
  .vdc-cta{flex:1;justify-content:center}
  .vdc-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
  .vdc-row-details{grid-template-columns:1fr}
  .vdc-feats{grid-template-columns:1fr}
}
[data-bs-theme=dark] .vdc-row{background:var(--basic-surface-bg);border-color:rgba(255,255,255,.08)}
[data-bs-theme=dark] .vdc-row.is-popular{background:linear-gradient(180deg, rgba(11,95,165,.18), var(--basic-surface-bg))}
[data-bs-theme=dark] .vdc-row-title,
[data-bs-theme=dark] .vdc-metric-val,
[data-bs-theme=dark] .vdc-price-now .price-now,
[data-bs-theme=dark] .vdc-row .price-now,
[data-bs-theme=dark] .vdc-row [data-role=price-now]{
  color:#f8fafc!important;
  -webkit-text-fill-color:#f8fafc!important;
}
[data-bs-theme=dark] .vdc-metric-lab{color:#93c5fd!important}
[data-bs-theme=dark] .vdc-row-tag{color:#cbd5e1!important}
[data-bs-theme=dark] .vdc-metric,.vdc-more{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.08)}
[data-bs-theme=dark] .vdc-row-ico{background:rgba(11,95,165,.25);color:#fff}

.vdc-row.is-popular .vdc-row-title,
.vdc-row.is-popular .vdc-price-now .price-now,
.vdc-row.is-popular .price-now,
.vdc-row.is-popular [data-role=price-now],
.vdc-rows .vdc-row.is-popular .price-now.num-tabular,
.vdc-rows .vdc-row.is-popular .vdc-metric-val,
.vdc-rows .vdc-row.is-popular .num-tabular.vdc-metric-val{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
.vdc-row.is-popular .vdc-row-tag,
.vdc-rows .vdc-row.is-popular .vdc-metric-lab,
.vdc-row.is-popular .vdc-price-suf{
  color:rgba(255,255,255,.78)!important;
  -webkit-text-fill-color:rgba(255,255,255,.78)!important;
}
.vdc-row.is-popular .vdc-pill{background:var(--c-accent);color:#fff}
.vdc-row.is-popular .vdc-metric{background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.16)!important}
.vdc-row.is-popular .vdc-cta.is-pop{background:#fff!important;color:var(--c-navy)!important}
.vdc-row.is-popular .vdc-more{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#fff}