/* TreCloud global touches: brand color, CTA band, footer, empty states */
:root {
    --basic-primary: #3357a1;
    --basic-primary-rgb: 51, 87, 161;
    --tc-navy: #14254d;
    --tc-blue: #3357a1;
    --tc-sky: #4c85dc;
    --tc-green: #4fc53d;
}

/* ---------- CTA band ---------- */
.cta-band.tcb {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 2rem;
    text-align: left;
    padding: 2.75rem 3rem;
    border-radius: 24px;
    background:
        radial-gradient(600px 260px at 100% 0%, rgba(76, 133, 220, .35), transparent 70%),
        radial-gradient(420px 220px at 0% 100%, rgba(79, 197, 61, .14), transparent 70%),
        linear-gradient(135deg, #14254d 0%, #1c3266 55%, #26468a 100%);
    box-shadow: 0 24px 60px -28px rgba(20, 37, 77, .55);
}
.cta-band.tcb::before { opacity: .55; }
.tcb-kicker {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin-bottom: .75rem;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #9fc0f2;
}
.tcb-kicker::before {
    content: "";
    width: 7px; height: 7px; border-radius: 50%;
    background: var(--tc-green);
    box-shadow: 0 0 0 4px rgba(79, 197, 61, .2);
}
.cta-band.tcb .cta-title { font-size: clamp(1.5rem, 2.4vw, 2rem); }
.cta-band.tcb p { color: rgba(255, 255, 255, .72); max-width: 560px; }
.tcb-actions { display: flex; flex-direction: column; align-items: flex-end; gap: 1rem; }
.tcb-actions .btn-light { color: var(--tc-navy); font-weight: 700; }
.tcb-actions .btn-outline-light { border-color: rgba(255, 255, 255, .35); }
.tcb-phone {
    display: inline-flex;
    align-items: center;
    gap: .65rem;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    font-size: 1.05rem;
}
.tcb-phone i {
    display: grid; place-items: center;
    width: 38px; height: 38px; border-radius: 12px;
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .16);
    font-size: 1rem;
}
.tcb-phone small { display: block; font-size: .7rem; font-weight: 600; color: rgba(255, 255, 255, .6); letter-spacing: .04em; }
.tcb-phone:hover { color: #fff; }
@media (max-width: 991.98px) {
    .cta-band.tcb { grid-template-columns: 1fr; text-align: center; padding: 2.25rem 1.5rem; }
    .cta-band.tcb p { margin-inline: auto; }
    .tcb-actions { align-items: center; }
}

/* ---------- Footer ---------- */
.site-footer.tf { background: var(--basic-surface-bg); }
.tf-trust {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    margin-top: 2.5rem;
    border: 1px solid var(--basic-border-color);
    border-radius: 18px;
    background: linear-gradient(180deg, #f7f9fd, #fff);
    overflow: hidden;
}
.tf-trust-item {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: 1.15rem 1.35rem;
}
.tf-trust-item + .tf-trust-item { border-left: 1px solid var(--basic-border-color); }
.tf-trust-item i {
    display: grid; place-items: center; flex: none;
    width: 42px; height: 42px; border-radius: 12px;
    background: rgba(51, 87, 161, .09);
    color: var(--tc-blue);
    font-size: 1.15rem;
}
.tf-trust-item strong { display: block; font-size: .9rem; color: var(--tc-navy); }
.tf-trust-item small { display: block; font-size: .78rem; color: var(--basic-muted-color); }
.tf .footer-heading { color: var(--tc-navy); letter-spacing: .1em; }
.tf .footer-link { transition: color .15s, transform .15s; }
.tf .footer-link:hover { color: var(--tc-blue); transform: translateX(2px); }
.tf-contact { list-style: none; padding: 0; margin: 0 0 1.25rem; display: grid; gap: .55rem; }
.tf-contact li { display: flex; gap: .6rem; align-items: flex-start; font-size: .85rem; }
.tf-contact i { color: var(--tc-blue); margin-top: .1rem; }
.tf-contact a { color: var(--basic-heading-color); font-weight: 600; text-decoration: none; }
.tf-contact a:hover { color: var(--tc-blue); }
.tf-contact span { color: var(--basic-muted-color); }
.tf-iso {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem;
    padding: 0 0 1.5rem;
}
.tf-iso span {
    padding: .3rem .7rem;
    border: 1px solid var(--basic-border-color);
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 700;
    color: var(--tc-navy);
    background: var(--basic-surface-bg);
}
.tf-iso .tf-iso-label {
    border: 0;
    padding-left: 0;
    background: none;
    color: var(--basic-muted-color);
    text-transform: uppercase;
    letter-spacing: .1em;
}
@media (max-width: 991.98px) {
    .tf-trust { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .tf-trust-item:nth-child(3) { border-left: 0; }
    .tf-trust-item:nth-child(n+3) { border-top: 1px solid var(--basic-border-color); }
}
@media (max-width: 575.98px) {
    .tf-trust { grid-template-columns: 1fr; }
    .tf-trust-item + .tf-trust-item { border-left: 0; border-top: 1px solid var(--basic-border-color); }
}

/* ---------- Category empty state ---------- */
.tc-empty {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    max-width: 980px;
    margin: 1.5rem auto 0;
    padding: 2rem 2.25rem;
    border: 1px solid var(--basic-border-color);
    border-radius: 22px;
    background:
        radial-gradient(380px 200px at 100% 0%, rgba(76, 133, 220, .12), transparent 70%),
        var(--basic-surface-bg);
    box-shadow: 0 18px 44px -30px rgba(20, 37, 77, .45);
}
.tc-empty-text { display: flex; gap: 1.1rem; align-items: flex-start; flex: 1 1 420px; }
.tc-empty-ico {
    display: grid; place-items: center; flex: none;
    width: 52px; height: 52px; border-radius: 16px;
    background: linear-gradient(135deg, var(--tc-blue), var(--tc-sky));
    color: #fff; font-size: 1.35rem;
}
.tc-empty h3 { font-size: 1.15rem; font-weight: 800; color: var(--tc-navy); margin: 0 0 .35rem; }
.tc-empty p { margin: 0; color: var(--basic-muted-color); font-size: .9rem; }
.tc-empty-actions { display: flex; flex-wrap: wrap; gap: .6rem; }

/* ---------- Home feature band ---------- */
.feature-band > .feature-cell { border: 0 !important; }
.feature-band > .feature-cell:not(.is-pad) .feature-item {
    height: calc(100% - 1rem);
    margin: .5rem;
    padding: 1.15rem 1.25rem;
    border-radius: 16px;
    transition: background-color .15s;
}
.feature-band > .feature-cell:not(.is-pad) .feature-item:hover { background: rgba(51, 87, 161, .05); }

/* ---------- Home product cards ---------- */
.th-product { height: 100%; display: flex; flex-direction: column; }
.th-product .link-arrow { margin-top: auto; padding-top: .75rem; }

/* ---------- Home: livelier icons and cards ---------- */
.th-svc-ico, .th-product .icon-disc, .th-why-item > i {
    background: linear-gradient(135deg, #3357a1, #4c85dc) !important;
    color: #fff !important;
    box-shadow: 0 10px 20px -10px rgba(51, 87, 161, .85);
    transition: transform .3s;
}
.th-svc:nth-child(6n+2) .th-svc-ico, .th-product-col:nth-child(6n+2) .icon-disc, .th-why-item:nth-child(6n+2) > i { background: linear-gradient(135deg, #0f9f8a, #34d1b6) !important; box-shadow: 0 10px 20px -10px rgba(15, 159, 138, .8); }
.th-svc:nth-child(6n+3) .th-svc-ico, .th-product-col:nth-child(6n+3) .icon-disc, .th-why-item:nth-child(6n+3) > i { background: linear-gradient(135deg, #4f46e5, #8b93ff) !important; box-shadow: 0 10px 20px -10px rgba(79, 70, 229, .8); }
.th-svc:nth-child(6n+4) .th-svc-ico, .th-product-col:nth-child(6n+4) .icon-disc, .th-why-item:nth-child(6n+4) > i { background: linear-gradient(135deg, #2f9e24, #6fd85f) !important; box-shadow: 0 10px 20px -10px rgba(47, 158, 36, .8); }
.th-svc:nth-child(6n+5) .th-svc-ico, .th-product-col:nth-child(6n+5) .icon-disc, .th-why-item:nth-child(6n+5) > i { background: linear-gradient(135deg, #d97706, #fbbf24) !important; box-shadow: 0 10px 20px -10px rgba(217, 119, 6, .8); }
.th-svc:nth-child(6n) .th-svc-ico, .th-product-col:nth-child(6n) .icon-disc, .th-why-item:nth-child(6n) > i { background: linear-gradient(135deg, #334155, #64748b) !important; box-shadow: 0 10px 20px -10px rgba(51, 65, 85, .8); }
.th-svc, .th-product, .th-why-item { position: relative; overflow: hidden; transition: transform .25s, box-shadow .25s, border-color .25s; }
.th-svc::before, .th-product::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 3px;
    background: linear-gradient(90deg, #3357a1, #4c85dc 55%, #4fc53d);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .35s ease;
}
.th-svc:hover::before, .th-product:hover::before { transform: scaleX(1); }
.th-svc:hover, .th-product:hover, .th-why-item:hover { box-shadow: 0 22px 40px -26px rgba(51, 87, 161, .55); border-color: #c9d8f3; }
.th-svc:hover .th-svc-ico, .th-product:hover .icon-disc, .th-why-item:hover > i { transform: translateY(-2px) rotate(-6deg); }
.th-section .eyebrow::before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-inline-end: 8px;
    vertical-align: 1px;
    border-radius: 50%;
    background: #4fc53d;
    box-shadow: 0 0 0 3px rgba(79, 197, 61, .22);
}
.feature-band .icon-disc { background: linear-gradient(135deg, #3357a1, #4c85dc); color: #fff; box-shadow: 0 10px 20px -10px rgba(51, 87, 161, .85); }

/* ---------- Mobile tune-ups ---------- */
@media (max-width: 767.98px) {
    .th-mini { display: none !important; }
    .th-services { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: .6rem !important; }
    .th-services .th-svc-lg { grid-column: 1 / -1 !important; }
    .th-services .th-svc:not(.th-svc-lg) { padding: .9rem .85rem; }
    .th-services .th-svc:not(.th-svc-lg) .th-svc-title { font-size: .88rem; }
    .th-services .th-svc:not(.th-svc-lg) .th-svc-text { font-size: .76rem; }
    .th-trust { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: .5rem; padding: .6rem; }
    .th-trust a, .th-trust a + a { border: 0 !important; padding: .55rem !important; border-radius: 12px; background: #f8faff; font-size: .8rem; gap: .55rem; min-width: 0; }
    .th-trust a span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
    .th-trust i { flex-basis: 32px; height: 32px; font-size: .9rem; }
    .feature-band { padding-block: .5rem; }
    .feature-band > .feature-cell { padding: 0 !important; }
    .feature-band > .feature-cell.is-pad { display: none; }
    .feature-band > .feature-cell:not(.is-pad) .feature-item { margin: .2rem 0; padding: .8rem .9rem; height: auto; }
    .domain-prices .table, .domain-price-table, #section-domain-prices .table { font-size: .82rem; }
    #section-domain-prices .table > :not(caption) > * > * { padding: .6rem .45rem; }
    .cta-band.tcb .cta-title { font-size: 1.45rem; }
    .tf-iso { justify-content: center; }
}

/* ---------- Dark mode ---------- */
[data-bs-theme=dark] .tf-trust { background: var(--basic-surface-bg); }
[data-bs-theme=dark] .tf-trust-item strong,
[data-bs-theme=dark] .tf .footer-heading,
[data-bs-theme=dark] .tf-iso span,
[data-bs-theme=dark] .tc-empty h3 { color: #e8eaee; }
[data-bs-theme=dark] .tf-trust-item i { background: rgba(76, 133, 220, .16); color: #9fc0f2; }

.th-trust small,.th-why-item small{color:#5b6680!important}
[data-bs-theme=dark] .th-trust small,[data-bs-theme=dark] .th-why-item small{color:#a8b3c7!important}

/* ---------- Header experiment (.tc-head) ---------- */
.tc-head{
    position:sticky;top:0;z-index:1040;
    background:linear-gradient(180deg,#0e1a38 0 38px,rgba(245,247,251,.72) 38px);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    box-shadow:none;
    border:0;
}
.tc-head::before{
    content:"";
    position:absolute;inset:0 0 auto;height:3px;
    background:linear-gradient(90deg,#4fc53d 0%,#4c85dc 45%,#3357a1 100%);
    z-index:2;
}
.tc-head .topbar{
    background:linear-gradient(90deg,#0e1a38 0%,#14254d 42%,#1b3270 100%)!important;
    border-bottom:0!important;
    color:#d5def0;
}
.tc-head .topbar-row{min-height:38px;font-size:.8rem}
.tc-head .topbar a,.tc-head .topbar-link{color:rgba(255,255,255,.78)!important;font-weight:600}
.tc-head .topbar a:hover,.tc-head .topbar-link:hover{color:#fff!important}
.tc-live{
    display:inline-flex;align-items:center;gap:.45rem;
    padding:.2rem .65rem;margin-inline-end:.35rem;
    border-radius:999px;
    background:rgba(79,197,61,.12);
    border:1px solid rgba(79,197,61,.28);
    color:#c8f5c0;font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;
}
.tc-live i{inline-size:.46rem;block-size:.46rem;border-radius:50%;background:#4fc53d;box-shadow:0 0 0 4px rgba(79,197,61,.22);animation:tc-pulse 1.8s ease-out infinite}
@keyframes tc-pulse{0%{box-shadow:0 0 0 0 rgba(79,197,61,.45)}70%{box-shadow:0 0 0 7px rgba(79,197,61,0)}100%{box-shadow:0 0 0 0 rgba(79,197,61,0)}}
.tc-head .topbar a.tc-top-cta{
    display:inline-flex!important;align-items:center;gap:.35rem;
    padding:.22rem .75rem!important;border-radius:999px!important;
    background:#fff!important;color:#14254d!important;font-weight:800!important;
}
.tc-head .topbar a.tc-top-cta:hover{background:#e8f0ff!important;color:#14254d!important}

.tc-head-bar{
    position:relative;
    margin-top:.65rem;margin-bottom:.75rem;
    padding-block:.55rem!important;
    padding-inline:1.1rem;
    border-radius:18px;
    background:rgba(255,255,255,.9);
    border:1px solid rgba(20,37,77,.07);
    box-shadow:0 18px 44px -26px rgba(20,37,77,.5),0 1px 0 rgba(255,255,255,.8) inset;
    backdrop-filter:saturate(1.4) blur(16px);
    -webkit-backdrop-filter:saturate(1.4) blur(16px);
}
.tc-head .site-logo{height:34px;width:auto}
.tc-head .site-brand{padding:.15rem .35rem .15rem 0;border-radius:12px}
.tc-head .site-nav{gap:.15rem}
.tc-head .site-nav .nav-link{
    position:relative;
    padding:.45rem .85rem!important;
    border-radius:999px;
    color:#14254d!important;
    font-weight:750;font-size:.92rem;
    letter-spacing:-.01em;
}
.tc-head .site-nav .nav-link .nav-chevron{font-size:.65rem;margin-inline-start:.28rem;opacity:.45}
.tc-head .site-nav .nav-link:hover,
.tc-head .site-nav .nav-item:hover>.nav-link,
.tc-head .site-nav .nav-item.show>.nav-link{
    background:#eef3fb;color:#3357a1!important;
}
.tc-head .header-search-btn,
.tc-head .header-cart-btn,
.tc-head .header-icon-btn{
    display:inline-flex;align-items:center;justify-content:center;
    inline-size:2.4rem;block-size:2.4rem;border-radius:50%;
    background:#f3f6fb;color:#14254d;border:1px solid rgba(20,37,77,.06);
    transition:transform .2s,background .2s,box-shadow .2s;
}
.tc-head .header-search-btn:hover,
.tc-head .header-cart-btn:hover,
.tc-head .header-icon-btn:hover{
    background:#fff;color:#3357a1;transform:translateY(-1px);
    box-shadow:0 8px 18px -12px rgba(51,87,161,.8);
}
.tc-head-cta{
    align-items:center;gap:.45rem;
    padding:.5rem 1.05rem;border-radius:999px;
    font-weight:800;font-size:.86rem;color:#fff!important;text-decoration:none;
    background:linear-gradient(135deg,#3357a1,#4c85dc);
    box-shadow:0 10px 22px -12px rgba(51,87,161,.9);
    transition:transform .2s,box-shadow .2s;
}
.tc-head-cta:hover{transform:translateY(-1px);color:#fff!important;box-shadow:0 14px 26px -12px rgba(51,87,161,.95)}
.tc-head-cta i{font-size:.85rem}

@media (max-width:991.98px){
    .tc-head-bar{margin-top:.45rem;margin-bottom:.45rem;padding-inline:.75rem}
    .tc-head .site-logo{height:30px}
}

[data-bs-theme=dark] .tc-head-bar{
    background:rgba(18,24,38,.88);
    border-color:rgba(255,255,255,.08);
}
[data-bs-theme=dark] .tc-head .site-nav .nav-link{color:#e8eaee!important}
[data-bs-theme=dark] .tc-head .site-nav .nav-link:hover,
[data-bs-theme=dark] .tc-head .site-nav .nav-item:hover>.nav-link{background:rgba(255,255,255,.06);color:#9fc0f5!important}
[data-bs-theme=dark] .tc-head .header-search-btn,
[data-bs-theme=dark] .tc-head .header-cart-btn,
[data-bs-theme=dark] .tc-head .header-icon-btn{background:rgba(255,255,255,.06);color:#e8eaee;border-color:rgba(255,255,255,.08)}