/* =========================================================
   SERVOMIX — VPS TIER PAGES (vCore, vPro, vMax)
   File: css/pages/vps-tier.css
   The markup and copy are the original pages'; their class
   prefixes (vcore-, vpro-, vmax-) were normalised to vps- so
   one stylesheet covers all three. Every value is a token.
========================================================= */

/* ---------------------------------------------------------
   SHARED
--------------------------------------------------------- */

.vps-container,
.vps-config-container,
.vps-features-container,
.vps-cta-container{
    width:min(var(--container), 100% - var(--gutter) * 2);
    margin-inline:auto;
}

.vps-hero,
.vps-configurator,
.vps-features,
.vps-final-cta{
    position:relative;
    padding-block:var(--s-7);
}

@media (min-width:1024px){

    .vps-configurator,
    .vps-features,
    .vps-final-cta{
        padding-block:var(--s-8);
    }
}

/* decorative layers from the old design are not used */
.vps-grid,
.vps-bg-glow,
.vps-config-bg,
.vps-orbit,
.vps-chip-glow,
.vps-chip-shadow,
.vps-cta-glow{
    display:none;
}

.vps-badge,
.vps-config-series-badge,
.vps-features-eyebrow,
.vps-cta-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:var(--s-2);
    min-height:32px;
    padding:0 var(--s-3);
    border:1px solid var(--line);
    border-radius:var(--r-pill);
    background:var(--surface);
    color:var(--accent-strong);
    font-size:var(--t-small);
    font-weight:var(--w-strong);
    letter-spacing:.04em;
}

.vps-badge > span:empty{
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--up-fill);
}

.vps-primary-btn,
.vps-secondary-btn,
.vps-cta-button,
.vps-deploy-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:var(--s-2);
    min-height:var(--btn-h);
    padding:0 var(--btn-pad-x);
    border:1px solid transparent;
    border-radius:var(--r-pill);
    font-weight:var(--w-strong);
    text-decoration:none;
    transition:background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);
}

.vps-primary-btn,
.vps-cta-button,
.vps-deploy-btn{
    background:var(--accent);
    color:var(--ink-on-accent);
}

.vps-primary-btn:hover,
.vps-cta-button:hover,
.vps-deploy-btn:hover{
    background:var(--accent-strong);
    color:var(--ink-on-accent);
}

.vps-secondary-btn{
    border-color:var(--line-strong);
    background:var(--surface);
    color:var(--ink);
}

.vps-secondary-btn:hover{
    border-color:var(--accent);
    color:var(--accent-strong);
}

.vps-primary-btn:focus-visible,
.vps-secondary-btn:focus-visible,
.vps-cta-button:focus-visible,
.vps-deploy-btn:focus-visible{
    outline:none;
    box-shadow:var(--focus-ring);
}


/* ---------------------------------------------------------
   HERO
--------------------------------------------------------- */

.vps-hero .vps-container{
    display:grid;
    grid-template-columns:minmax(0, 1fr);
    gap:var(--s-7);
    align-items:center;
}

@media (min-width:1024px){

    .vps-hero .vps-container{
        grid-template-columns:minmax(0, 1.1fr) minmax(0, .9fr);
        gap:var(--s-8);
    }
}

.vps-content{
    display:grid;
    justify-items:start;
    gap:var(--s-4);
    min-width:0;
}

.vps-content h1{
    font-size:min(var(--t-display), 11vw);
    line-height:1;
    font-weight:var(--w-display);
    font-stretch:var(--wd-display);
}

.vps-content h1 span{
    color:var(--accent);
}

.vps-content h2{
    color:var(--ink);
    font-size:var(--t-h3);
    line-height:var(--lh-h3);
    font-weight:var(--w-h3);
}

.vps-description{
    max-width:56ch;
    color:var(--ink-2);
    font-size:var(--t-lead);
    line-height:1.55;
}

.vps-price-box{
    display:grid;
    gap:var(--s-2);
    padding:var(--s-4) var(--s-5);
    border:1px solid var(--glass-edge);
    border-radius:var(--r-card);
    background:var(--glass);
    -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);
    backdrop-filter:blur(var(--glass-blur)) saturate(160%);
}

.vps-price-title{
    color:var(--accent-strong);
    font-size:var(--t-micro);
    font-weight:var(--w-strong);
    letter-spacing:.06em;
}

.vps-price{
    display:flex;
    align-items:baseline;
    gap:var(--s-1);
}

.vps-price strong{
    color:var(--ink);
    font-size:var(--t-h1);
    font-weight:var(--w-h1);
    font-stretch:var(--wd-h1);
    line-height:1;
}

.vps-price span{
    color:var(--ink-2);
    font-weight:var(--w-strong);
}

.vps-price-features{
    display:flex;
    flex-wrap:wrap;
    gap:var(--s-2) var(--s-4);
    color:var(--ink);
    font-size:var(--t-small);
    font-weight:var(--w-strong);
}

.vps-price-features div{
    display:inline-flex;
    align-items:center;
    gap:var(--s-2);
}

.vps-price-features .icon{
    color:var(--accent);
}

.vps-actions{
    display:flex;
    flex-wrap:wrap;
    gap:var(--s-3);
}

.vps-trust{
    display:flex;
    flex-wrap:wrap;
    gap:var(--s-2) var(--s-5);
    color:var(--ink-2);
    font-size:var(--t-small);
    font-weight:var(--w-strong);
}

.vps-trust > *{
    display:inline-flex;
    align-items:center;
    gap:var(--s-2);
}

.vps-trust .icon{
    color:var(--up);
}

.vps-visual{
    position:relative;
    display:grid;
    place-items:center;
    width:100%;
    max-width:520px;
    aspect-ratio:1 / 1;
    justify-self:center;
    border-radius:50%;
    background:radial-gradient(circle at 50% 50%, var(--accent-soft) 0%, transparent 68%);
}

.vps-chip-wrap{
    display:grid;
    place-items:center;
    width:78%;
}

.vps-chip{
    width:100%;
    height:auto;
    filter:drop-shadow(0 24px 40px var(--accent-glow));
}

.vps-float-card{
    position:absolute;
    display:flex;
    align-items:center;
    gap:var(--s-2);
    padding:var(--s-2) var(--s-3);
    border:1px solid var(--glass-edge);
    border-radius:var(--r-control);
    background:var(--surface);
    box-shadow:var(--shadow-card);
    color:var(--ink);
    font-size:var(--t-small);
    font-weight:var(--w-strong);
}

.vps-float-card small,
.vps-float-card span:not(.vps-float-icon):not(.float-status-dot){
    color:var(--ink-2);
    font-weight:var(--w-body);
}

.vps-float-card > div{
    display:grid;
    line-height:1.25;
}

.vps-float-icon{
    display:grid;
    place-items:center;
    width:32px;
    height:32px;
    border-radius:var(--r-control);
    background:var(--accent-soft);
    color:var(--accent);
}

.float-status-dot,
.vps-live-dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--up-fill);
}

.float-card-setup{ top:6%; left:0; }
.float-card-nvme{ top:18%; right:0; }
.float-card-ddos{ bottom:18%; left:0; }
.float-card-network{ bottom:6%; right:4%; }

.vps-chip-label{
    position:absolute;
    bottom:-2%;
    left:50%;
    display:inline-flex;
    align-items:center;
    gap:var(--s-2);
    padding:var(--s-1) var(--s-3);
    border:1px solid var(--line);
    border-radius:var(--r-pill);
    background:var(--surface);
    color:var(--ink);
    font-size:var(--t-small);
    font-weight:var(--w-strong);
    white-space:nowrap;
    transform:translateX(-50%);
}

@media (max-width:599px){

    .vps-float-card{
        display:none;
    }
}

.vps-bottom-bar{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:var(--s-3) var(--s-6);
    width:min(var(--container), 100% - var(--gutter) * 2);
    margin:var(--s-7) auto 0;
    padding:var(--s-4) var(--s-5);
    border:1px solid var(--line);
    border-radius:var(--r-card);
    background:var(--surface);
}

.vps-bottom-title{
    color:var(--ink);
    font-weight:var(--w-strong);
}

.vps-bottom-item{
    display:inline-flex;
    align-items:center;
    gap:var(--s-2);
    color:var(--ink-2);
    font-size:var(--t-small);
}

.vps-bottom-item .icon{
    color:var(--accent);
}

.vps-bottom-item strong{
    color:var(--ink);
}

.vps-bottom-item > div{
    display:grid;
    line-height:1.3;
}


/* ---------------------------------------------------------
   CONFIGURATOR
--------------------------------------------------------- */

.vps-config-header{
    display:grid;
    gap:var(--s-5);
    margin-bottom:var(--s-6);
}

@media (min-width:1024px){

    .vps-config-header{
        grid-template-columns:minmax(0, 1fr) auto;
        align-items:end;
    }
}

.vps-config-header-left{
    display:grid;
    justify-items:start;
    gap:var(--s-3);
}

.vps-config-eyebrow{
    color:var(--ink-2);
    font-size:var(--t-small);
    font-weight:var(--w-strong);
    letter-spacing:.06em;
}

.vps-config-header-left h2 span{
    color:var(--accent);
}

.vps-config-header-left p{
    max-width:60ch;
    color:var(--ink-2);
    font-size:var(--t-lead);
}

.vps-config-header-features{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:var(--s-2);
}

@media (min-width:600px){

    .vps-config-header-features{
        grid-template-columns:repeat(4, minmax(0, auto));
    }
}

.vps-config-head-feature{
    display:flex;
    align-items:center;
    gap:var(--s-2);
    padding:var(--s-2) var(--s-3);
    border:1px solid var(--line);
    border-radius:var(--r-control);
    background:var(--surface);
    font-size:var(--t-small);
}

.vps-config-head-feature .icon{
    color:var(--accent);
}

.vps-config-head-feature > div,
.vps-config-head-feature > span:last-child{
    display:grid;
    line-height:1.25;
}

.vps-config-head-feature strong{
    color:var(--ink);
}

.vps-config-head-feature small,
.vps-config-head-feature span{
    color:var(--ink-2);
}

.vps-config-layout{
    display:grid;
    gap:var(--s-5);
}

@media (min-width:1100px){

    .vps-config-layout{
        grid-template-columns:minmax(0, 1.6fr) minmax(320px, .9fr);
        align-items:start;
    }
}

.vps-config-panel{
    display:grid;
    gap:var(--s-4);
    min-width:0;
    padding:var(--s-5);
    border:1px solid var(--glass-edge);
    border-radius:var(--r-panel);
    background:var(--glass);
    -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);
    backdrop-filter:blur(var(--glass-blur)) saturate(160%);
}

.vps-panel-heading{
    display:flex;
    align-items:center;
    gap:var(--s-3);
}

.vps-panel-heading h3{
    font-size:var(--t-h3);
    line-height:var(--lh-h3);
}

.vps-step-number{
    display:grid;
    place-items:center;
    width:32px;
    height:32px;
    border-radius:50%;
    background:var(--accent);
    color:var(--ink-on-accent);
    font-weight:var(--w-strong);
}


/* ---------- plan options ---------- */

.vps-plan-selector{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:var(--s-2);
}

@media (min-width:700px){

    .vps-plan-selector{
        grid-template-columns:repeat(4, minmax(0, 1fr));
    }
}

.vps-plan-option{
    position:relative;
    display:grid;
    align-content:start;
    gap:2px;
    min-width:0;
    padding:var(--s-3);
    border:1px solid var(--line-strong);
    border-radius:var(--r-card);
    background:var(--surface);
    color:var(--ink-2);
    font-size:var(--t-small);
    text-align:left;
    transition:border-color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);
}

.vps-plan-option strong,
.vps-plan-option h4{
    color:var(--ink);
    font-size:var(--t-body);
}

.vps-plan-option:hover{
    border-color:var(--accent);
}

.vps-plan-option.active{
    border:2px solid var(--accent);
    padding:calc(var(--s-3) - 1px);
    background:var(--accent-soft);
}

.vps-plan-option:focus-visible{
    outline:none;
    box-shadow:var(--focus-ring);
}

.vps-plan-popular{
    position:absolute;
    top:var(--s-2);
    right:var(--s-2);
    padding:1px var(--s-2);
    border-radius:var(--r-pill);
    background:var(--accent);
    color:var(--ink-on-accent);
    font-size:var(--t-micro);
    font-weight:var(--w-strong);
}

.vps-plan-price{
    display:flex;
    align-items:baseline;
    gap:2px;
    margin-top:var(--s-2);
    color:var(--ink);
    font-variant-numeric:tabular-nums;
}

.vps-plan-price strong{
    font-size:var(--t-h3);
}

.vps-plan-info{
    display:flex;
    align-items:center;
    gap:var(--s-2);
    color:var(--ink-2);
    font-size:var(--t-small);
}

.vps-plan-info .icon{
    color:var(--accent);
}


/* ---------- option rows ---------- */

.vps-config-row{
    display:grid;
    gap:var(--s-3);
    padding:var(--s-4);
    border:1px solid var(--line);
    border-radius:var(--r-card);
    background:var(--surface);
}

@media (min-width:760px){

    .vps-config-row{
        grid-template-columns:minmax(0, .9fr) minmax(0, 1.1fr);
        align-items:center;
    }
}

.vps-config-row-label{
    display:flex;
    align-items:center;
    gap:var(--s-3);
}

.vps-config-row-label > div{
    display:grid;
    line-height:1.3;
}

.vps-config-row-label strong{
    color:var(--ink);
}

.vps-config-row-label small{
    color:var(--ink-2);
    font-size:var(--t-small);
}

.vps-row-icon{
    display:grid;
    place-items:center;
    flex:0 0 auto;
    width:40px;
    height:40px;
    border-radius:var(--r-control);
    background:var(--accent-soft);
    color:var(--accent);
}

.vps-config-control{
    position:relative;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:var(--s-2);
    min-width:0;
}

.vps-config-control select,
.vps-coupon-control input{
    flex:1 1 220px;
    min-width:0;
    min-height:44px;
    padding:0 var(--s-3);
    border:1px solid var(--line-strong);
    border-radius:var(--r-control);
    background:var(--surface);
    color:var(--ink);
    font-size:var(--t-small);
    font-weight:var(--w-strong);
}

.vps-config-control select:focus-visible,
.vps-coupon-control input:focus-visible{
    outline:none;
    border-color:var(--accent);
    box-shadow:var(--focus-ring);
}

.vps-config-control .vps-row-icon{
    width:32px;
    height:32px;
}

.vps-control-badge{
    padding:2px var(--s-2);
    border-radius:var(--r-pill);
    background:var(--up-soft);
    color:var(--up);
    font-size:var(--t-micro);
    font-weight:var(--w-strong);
    letter-spacing:.04em;
}

.vps-location-flag{
    width:26px;
    height:19px;
    border-radius:2px;
    object-fit:cover;
}

.vps-ddos-included{
    display:inline-flex;
    align-items:center;
    gap:var(--s-2);
    color:var(--up);
    font-size:var(--t-small);
    font-weight:var(--w-strong);
}

.vps-billing-options{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:var(--s-2);
}

@media (min-width:600px){

    .vps-billing-options{
        grid-template-columns:repeat(4, minmax(0, 1fr));
    }
}

.vps-billing-btn{
    display:grid;
    gap:2px;
    min-height:52px;
    padding:var(--s-2);
    border:1px solid var(--line-strong);
    border-radius:var(--r-control);
    background:var(--surface);
    color:var(--ink);
    font-size:var(--t-small);
    font-weight:var(--w-strong);
    text-align:center;
}

.vps-billing-btn small,
.vps-billing-btn span{
    color:var(--up);
    font-size:var(--t-micro);
}

.vps-billing-btn.active{
    border:2px solid var(--accent);
    background:var(--accent-soft);
    color:var(--accent-strong);
}

.vps-billing-btn:focus-visible{
    outline:none;
    box-shadow:var(--focus-ring);
}

.billing-row,
.coupon-row{
    grid-template-columns:minmax(0, 1fr);
}

.vps-coupon-control{
    display:flex;
    flex-wrap:wrap;
    gap:var(--s-2);
}

.vps-coupon-control button{
    min-height:44px;
    padding:0 var(--s-4);
    border:0;
    border-radius:var(--r-control);
    background:var(--accent);
    color:var(--ink-on-accent);
    font-weight:var(--w-strong);
}

.vps-coupon-control button:hover{
    background:var(--accent-strong);
}

.vps-coupon-message{
    font-size:var(--t-small);
    font-weight:var(--w-strong);
}

.vps-coupon-message:empty{
    display:none;
}

.vps-coupon-message.success{ color:var(--up); }
.vps-coupon-message.error{ color:var(--down); }

.vps-config-included{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:var(--s-2) var(--s-4);
    color:var(--ink-2);
    font-size:var(--t-small);
}

.vps-config-included .icon{
    color:var(--up);
}

.vps-config-included strong{
    color:var(--ink);
}


/* ---------- order summary ---------- */

.vps-order-summary{
    position:sticky;
    top:calc(var(--nav-h) + var(--s-6));
    display:grid;
    gap:var(--s-4);
    min-width:0;
    padding:var(--s-5);
    border:1px solid var(--line);
    border-radius:var(--r-panel);
    background:var(--surface);
    box-shadow:var(--shadow-card);
}

@media (max-width:1099px){

    .vps-order-summary{
        position:static;
    }
}

.vps-summary-heading{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:var(--s-3);
}

.vps-summary-heading > div{
    display:flex;
    align-items:center;
    gap:var(--s-2);
}

.vps-summary-heading h3{
    font-size:var(--t-h3);
}

.vps-summary-icon{
    display:grid;
    place-items:center;
    width:36px;
    height:36px;
    border-radius:var(--r-control);
    background:var(--accent-soft);
    color:var(--accent);
}

.vps-summary-badge{
    padding:2px var(--s-2);
    border-radius:var(--r-pill);
    background:var(--up-soft);
    color:var(--up);
    font-size:var(--t-micro);
    font-weight:var(--w-strong);
}

.vps-summary-section{
    display:grid;
    gap:var(--s-2);
    padding-top:var(--s-3);
    border-top:1px solid var(--line);
}

.vps-summary-plan-title{
    display:grid;
    gap:2px;
    color:var(--ink-2);
    font-size:var(--t-small);
}

.vps-summary-plan-title strong{
    color:var(--ink);
    font-size:var(--t-lead);
}

.vps-summary-line{
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    gap:var(--s-3);
    color:var(--ink-2);
    font-size:var(--t-small);
}

.vps-summary-line strong{
    color:var(--ink);
    text-align:right;
    font-variant-numeric:tabular-nums;
}

.vps-summary-line .included-text{
    color:var(--up);
}

.coupon-discount-line strong{
    color:var(--up);
}

.vps-summary-total{
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    gap:var(--s-3);
    padding-top:var(--s-3);
    border-top:1px solid var(--line-strong);
    color:var(--ink);
    font-weight:var(--w-strong);
}

.vps-summary-total strong{
    font-size:var(--t-h2);
    font-variant-numeric:tabular-nums;
}

.vps-deploy-btn{
    width:100%;
}

.vps-summary-guarantee{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:var(--s-2);
    color:var(--ink-2);
    font-size:var(--t-small);
}

.vps-summary-guarantee .icon{
    color:var(--up);
}


/* ---------------------------------------------------------
   FEATURES
--------------------------------------------------------- */

.vps-features-header{
    display:grid;
    justify-items:start;
    gap:var(--s-3);
    margin-bottom:var(--s-6);
}

.vps-features-header h2 span{
    color:var(--accent);
}

.vps-features-header p{
    max-width:60ch;
    color:var(--ink-2);
    font-size:var(--t-lead);
}

.vps-features-grid{
    display:grid;
    grid-template-columns:minmax(0, 1fr);
    gap:var(--s-4);
}

@media (min-width:700px){

    .vps-features-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
}

@media (min-width:1100px){

    .vps-features-grid{
        grid-template-columns:repeat(4, minmax(0, 1fr));
    }
}

.vps-feature-card{
    display:flex;
    flex-direction:column;
    gap:var(--s-3);
    padding:var(--s-5);
    border:1px solid var(--line);
    border-radius:var(--r-card);
    background:var(--surface);
}

.vps-feature-icon{
    display:grid;
    place-items:center;
    width:48px;
    height:48px;
    border-radius:var(--r-control);
    background:var(--accent-soft);
    color:var(--accent);
}

.vps-feature-card h3{
    font-size:var(--t-body);
    font-weight:var(--w-strong);
}

.vps-feature-card p{
    color:var(--ink-2);
    font-size:var(--t-small);
}

.vps-feature-line{
    height:1px;
    background:var(--line);
}

.vps-feature-bottom{
    display:inline-flex;
    align-items:center;
    gap:var(--s-2);
    margin-top:auto;
    color:var(--accent-strong);
    font-size:var(--t-small);
    font-weight:var(--w-strong);
}


/* ---------------------------------------------------------
   FINAL CALL TO ACTION
--------------------------------------------------------- */

.vps-cta-panel{
    display:grid;
    gap:var(--s-6);
    padding:var(--s-7) var(--s-6);
    border:1px solid var(--glass-edge);
    border-radius:var(--r-panel);
    background:var(--glass);
    -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);
    backdrop-filter:blur(var(--glass-blur)) saturate(160%);
}

@media (min-width:1024px){

    .vps-cta-panel{
        grid-template-columns:minmax(0, 1.3fr) minmax(0, .7fr);
        align-items:center;
        padding:var(--s-8);
    }
}

.vps-cta-content{
    display:grid;
    justify-items:start;
    gap:var(--s-4);
}

.vps-cta-content h2 span{
    color:var(--accent);
}

.vps-cta-content p{
    max-width:56ch;
    color:var(--ink-2);
    font-size:var(--t-lead);
}

.vps-cta-benefits{
    display:flex;
    flex-wrap:wrap;
    gap:var(--s-2) var(--s-5);
    color:var(--ink);
    font-size:var(--t-small);
    font-weight:var(--w-strong);
}

.vps-cta-benefits > *{
    display:inline-flex;
    align-items:center;
    gap:var(--s-2);
}

.vps-cta-benefits .icon{
    color:var(--up);
}

.vps-cta-actions{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:var(--s-4);
}

.vps-cta-price{
    display:grid;
    color:var(--ink-2);
    font-size:var(--t-small);
}

.vps-cta-price strong{
    color:var(--ink);
    font-size:var(--t-h3);
}

.vps-cta-visual{
    display:grid;
    place-items:center;
}

.vps-server-stack{
    display:grid;
    gap:var(--s-2);
    width:min(260px, 100%);
}

.vps-server-unit{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:var(--s-3);
    padding:var(--s-3) var(--s-4);
    border-radius:var(--r-control);
    background:var(--console);
}

.vps-server-leds{
    display:flex;
    gap:6px;
}

.vps-server-leds span{
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--up-fill);
}

.vps-server-slots{
    display:flex;
    gap:4px;
}

.vps-server-slots span{
    width:18px;
    height:4px;
    border-radius:2px;
    background:var(--console-ink-2);
}

.vps-server-logo{
    justify-self:center;
    margin-top:var(--s-2);
    color:var(--ink);
    font-weight:var(--w-strong);
}


/* <small> shrinks below 12 px inside 14 px text: give every label in
   these sections an explicit size (more specific rules above still win) */
:where(.vps-hero, .vps-configurator, .vps-features, .vps-final-cta) small{
    font-size:var(--t-small);
}