.home-page {
    --page-bg: #000;
    --surface-primary: #050505;
    --surface-secondary: #111216;
    --surface-elevated: #17181c;
    --border-primary: #1a1a1a;
    --border-secondary: rgba(255, 255, 255, 0.075);
    --text-primary: #f4f4f5;
    --text-secondary: #878b91;
    --text-tertiary: #60636a;
    --accent-peach: #fbb26a;
    --accent-peach-hover: #ffd3a8;
    --accent-pink: #cf0070;
    --accent-pink-dark: #950051;
    --accent-orange: #ff6a2a;
    --success: #47d477;
    --danger: #ff667a;
    --premium-radius: 20px;
    --premium-radius-sm: 14px;
    --premium-container: 1300px;
    --header-h: 70px;
    margin: 0;
    color: var(--text-primary);
    background: var(--page-bg);
    font-family: "IBM Plex Sans", "Manrope", Arial, sans-serif;
}


/* Premium benefits bento v1 */
.premium-benefits-bento {
    position: relative;
    overflow: clip;
}

.premium-benefits-bento::before {
    content: "";
    position: absolute;
    top: 4%;
    left: 50%;
    width: min(92vw, 1180px);
    height: 440px;
    pointer-events: none;
    background:
        radial-gradient(circle at 34% 54%, rgba(251, 178, 106, 0.055), transparent 40%),
        radial-gradient(circle at 67% 50%, rgba(207, 0, 112, 0.065), transparent 44%);
    filter: blur(70px);
    transform: translateX(-50%);
}

.premium-benefits-heading {
    max-width: 980px;
    margin-inline: auto;
    text-align: center;
}

.premium-benefits-heading > p:last-child {
    max-width: 720px;
    margin-inline: auto;
}

.premium-benefits-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
}

.premium-benefit-card {
    min-width: 0;
    min-height: 620px;
    display: grid;
    grid-template-rows: minmax(350px, 1fr) auto;
    position: relative;
    overflow: hidden;
    color: var(--text-primary);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.018), transparent 38%),
        #0d0e11;
    border: 1px solid var(--border-primary);
    border-radius: 26px;
    box-shadow: 0 26px 80px rgba(0, 0, 0, 0.24);
    isolation: isolate;
    transition: transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease;
}

.premium-benefit-card::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    pointer-events: none;
    opacity: 0.8;
    transition: opacity 0.28s ease;
}

.premium-benefit-card-quality::before {
    background: radial-gradient(28rem 22rem at 48% 12%, rgba(251, 178, 106, 0.075), transparent 66%);
}

.premium-benefit-card-devices::before {
    background:
        radial-gradient(28rem 23rem at 75% 8%, rgba(207, 0, 112, 0.11), transparent 63%),
        radial-gradient(24rem 20rem at 22% 32%, rgba(255, 106, 42, 0.06), transparent 67%);
}

.premium-benefit-card-infinity::before {
    background: radial-gradient(30rem 22rem at 55% 22%, rgba(207, 0, 112, 0.075), transparent 66%);
}

@media (hover: hover) {
    .premium-benefit-card:hover {
        border-color: var(--border-secondary);
        box-shadow: 0 34px 100px rgba(0, 0, 0, 0.38);
        transform: translateY(-4px);
    }

    .premium-benefit-card:hover::before {
        opacity: 1;
    }
}

.premium-benefit-visual {
    min-width: 0;
    min-height: 350px;
    display: grid;
    align-content: center;
    position: relative;
    padding: 30px;
    overflow: hidden;
    border-bottom: 1px solid rgba(255, 255, 255, 0.055);
}

.premium-benefit-eyebrow {
    position: absolute;
    z-index: 4;
    top: 28px;
    left: 30px;
    color: #8f9299;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.085em;
    line-height: 1;
    text-transform: uppercase;
}

.premium-benefit-copy {
    min-height: 205px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 29px 30px 32px;
}

.premium-benefit-copy > span {
    color: var(--accent-peach);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.055em;
    text-transform: uppercase;
}

.premium-benefit-copy h3 {
    margin: 10px 0 12px;
    color: var(--text-primary);
    font-size: clamp(25px, 2vw, 31px);
    font-weight: 700;
    line-height: 1.04;
    letter-spacing: -0.035em;
    text-wrap: balance;
}

.premium-benefit-copy p {
    margin: 0;
    color: var(--text-secondary);
    font-size: 15px;
    line-height: 1.52;
}

/* Quality card */
.premium-benefit-quality {
    place-items: center;
}

.premium-benefit-quality::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 13%;
    width: 230px;
    height: 230px;
    background: radial-gradient(circle, rgba(251, 178, 106, 0.09), transparent 69%);
    filter: blur(18px);
    transform: translateX(-50%);
}

.premium-quality-stack {
    width: min(100%, 280px);
    display: grid;
    gap: 7px;
    position: relative;
    z-index: 2;
    margin-top: 22px;
}

.premium-quality-level {
    min-height: 69px;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    position: relative;
    padding: 7px 14px 7px 22px;
    color: #b8bac0;
    background: rgba(255, 255, 255, 0.018);
    border: 1px solid rgba(255, 255, 255, 0.045);
    border-radius: 16px;
}

.premium-quality-level span {
    font-size: 34px;
    font-weight: 650;
    letter-spacing: -0.045em;
}

.premium-quality-level em {
    min-width: 42px;
    padding: 7px 8px;
    color: #8f9299;
    background: #191a1f;
    border: 1px solid #2d2f36;
    border-radius: 9px;
    font-size: 10px;
    font-style: normal;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-align: center;
}

.premium-quality-level.is-active {
    min-height: 86px;
    color: #fff;
    background:
        linear-gradient(110deg, rgba(251, 178, 106, 0.09), rgba(207, 0, 112, 0.03)),
        #121318;
    border-color: rgba(251, 178, 106, 0.27);
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.32);
}

.premium-quality-level.is-active span {
    font-size: 56px;
}

.premium-quality-level.is-active em {
    color: #17100b;
    background: var(--accent-peach);
    border-color: var(--accent-peach);
}

.premium-quality-level.is-muted {
    color: #555860;
    background: transparent;
}

.premium-quality-level.is-muted i {
    position: absolute;
    left: -20px;
    color: var(--accent-peach);
    font-size: 22px;
    font-style: normal;
    opacity: 0.62;
}

.premium-quality-signal {
    width: min(100%, 280px);
    height: 3px;
    display: flex;
    gap: 5px;
    position: relative;
    z-index: 2;
    margin-top: 18px;
}

.premium-quality-signal i {
    flex: 1;
    background: #25262c;
    border-radius: 999px;
}

.premium-quality-signal i:nth-child(-n+3) {
    background: linear-gradient(90deg, var(--accent-pink), var(--accent-peach));
}

/* Devices card */
.premium-benefit-devices {
    align-content: end;
    padding-bottom: 22px;
}

.premium-benefit-devices::before {
    content: "";
    position: absolute;
    top: 15%;
    left: 50%;
    width: 330px;
    height: 260px;
    background:
        radial-gradient(circle at 62% 42%, rgba(207, 0, 112, 0.15), transparent 55%),
        radial-gradient(circle at 35% 65%, rgba(251, 178, 106, 0.1), transparent 56%);
    filter: blur(32px);
    transform: translateX(-50%);
}

.premium-devices-scene {
    height: 270px;
    position: relative;
    z-index: 2;
    margin: 0 -10px;
}

.premium-benefit-tv,
.premium-benefit-laptop,
.premium-benefit-phone {
    position: absolute;
    background: linear-gradient(155deg, #1c1d23, #08090c);
    border: 1px solid #35373f;
    box-shadow: 0 24px 65px rgba(0, 0, 0, 0.52);
}

.premium-benefit-tv {
    left: 2%;
    bottom: 10px;
    width: 46%;
    height: 142px;
    padding: 8px;
    border-radius: 15px;
    transform: perspective(550px) rotateY(13deg);
}

.premium-benefit-tv::after {
    content: "";
    position: absolute;
    bottom: -19px;
    left: 50%;
    width: 70px;
    height: 18px;
    border-bottom: 3px solid #31333a;
    border-radius: 0 0 50% 50%;
    transform: translateX(-50%);
}

.premium-benefit-tv > span {
    height: 100%;
    display: flex;
    align-items: flex-start;
    gap: 4px;
    padding: 9px;
    background: linear-gradient(145deg, rgba(207, 0, 112, 0.065), #090a0d 62%);
    border-radius: 9px;
}

.premium-benefit-tv > span i {
    width: 4px;
    height: 4px;
    background: #484a52;
    border-radius: 50%;
}

.premium-benefit-laptop {
    right: -2%;
    bottom: 20px;
    width: 56%;
    height: 162px;
    padding: 8px;
    border-radius: 14px 14px 8px 8px;
    transform: perspective(550px) rotateY(-12deg);
}

.premium-benefit-laptop > span {
    height: 100%;
    display: grid;
    place-items: center;
    position: relative;
    color: rgba(255, 255, 255, 0.32);
    background: linear-gradient(145deg, rgba(251, 178, 106, 0.07), #090a0d 65%);
    border-radius: 8px;
}

.premium-benefit-laptop > span > i {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 28px;
    height: 3px;
    background: #2d2f36;
    border-radius: 999px;
}

.premium-benefit-laptop > span b {
    font-size: 22px;
    letter-spacing: 0.06em;
}

.premium-benefit-laptop > em {
    width: 110%;
    height: 7px;
    display: block;
    position: absolute;
    bottom: -7px;
    left: -5%;
    background: #2f3138;
    border-radius: 2px 2px 10px 10px;
}

.premium-benefit-phone {
    z-index: 4;
    bottom: -10px;
    left: 50%;
    width: 112px;
    height: 225px;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 20px;
    border-width: 3px;
    border-radius: 27px;
    transform: translateX(-50%);
}

.premium-benefit-phone > i {
    width: 36px;
    height: 9px;
    position: absolute;
    top: 9px;
    left: 50%;
    background: #030405;
    border-radius: 999px;
    transform: translateX(-50%);
}

.premium-benefit-phone-mark {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    color: #17100b;
    background: linear-gradient(135deg, var(--accent-peach), var(--accent-orange));
    border-radius: 16px;
    box-shadow: 0 0 32px rgba(251, 178, 106, 0.18);
    font-size: 27px;
    font-weight: 800;
}

.premium-benefit-phone-status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #d7d9dc;
    font-size: 10px;
    font-weight: 650;
}

.premium-benefit-phone-status i {
    width: 6px;
    height: 6px;
    background: var(--success);
    border-radius: 50%;
    box-shadow: 0 0 10px var(--success);
    animation: premiumBenefitPulse 2.6s ease-in-out infinite;
}

.premium-devices-count {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 7px;
    position: relative;
    z-index: 5;
    margin-top: 5px;
}

.premium-devices-count b {
    color: var(--accent-peach);
    font-size: 19px;
}

.premium-devices-count span {
    color: #858890;
    font-size: 10px;
    font-weight: 650;
    letter-spacing: 0.035em;
    text-transform: uppercase;
}

/* Infinity card */
.premium-benefit-infinity {
    place-items: center;
}

.premium-benefit-infinity::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 290px;
    height: 240px;
    background:
        radial-gradient(circle at 37% 50%, rgba(207, 0, 112, 0.17), transparent 50%),
        radial-gradient(circle at 66% 50%, rgba(251, 178, 106, 0.14), transparent 51%);
    filter: blur(30px);
    transform: translate(-50%, -50%);
}

.premium-infinity-mark {
    position: relative;
    z-index: 2;
    color: transparent;
    background: linear-gradient(110deg, var(--accent-pink) 12%, var(--accent-orange) 54%, var(--accent-peach) 88%);
    background-size: 180% 180%;
    -webkit-background-clip: text;
    background-clip: text;
    font-family: Arial, Helvetica, sans-serif;
    font-size: clamp(170px, 15vw, 235px);
    font-weight: 400;
    line-height: 0.72;
    letter-spacing: -0.13em;
    transform: translateX(-0.05em);
    animation: premiumInfinityGradient 8s ease-in-out infinite alternate;
}

.premium-infinity-caption {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    position: relative;
    z-index: 2;
    margin-top: 35px;
    padding: 8px 11px;
    color: #a3a6ad;
    background: rgba(255, 255, 255, 0.025);
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 999px;
    font-size: 10px;
    font-weight: 650;
    letter-spacing: 0.035em;
}

.premium-infinity-caption i {
    width: 6px;
    height: 6px;
    background: var(--accent-peach);
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(251, 178, 106, 0.72);
}

@keyframes premiumBenefitPulse {
    0%, 100% { opacity: 0.62; transform: scale(0.9); }
    50% { opacity: 1; transform: scale(1.08); }
}

@keyframes premiumInfinityGradient {
    from { background-position: 0% 50%; }
    to { background-position: 100% 50%; }
}

@media (min-width: 821px) and (max-width: 1180px) {
    .premium-benefits-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .premium-benefit-card {
        min-height: 520px;
        grid-template-rows: minmax(310px, 1fr) auto;
    }

    .premium-benefit-card-infinity {
        min-height: 330px;
        grid-column: 1 / -1;
        grid-template-columns: minmax(300px, 0.9fr) minmax(0, 1.1fr);
        grid-template-rows: 1fr;
    }

    .premium-benefit-card-infinity .premium-benefit-visual {
        min-height: 330px;
        border-right: 1px solid rgba(255, 255, 255, 0.055);
        border-bottom: 0;
    }

    .premium-benefit-card-infinity .premium-benefit-copy {
        min-height: 330px;
        justify-content: center;
        padding-inline: 46px;
    }

    .premium-infinity-mark {
        font-size: 200px;
    }
}

@media (max-width: 820px) {
    .premium-benefits-bento::before {
        height: 700px;
        opacity: 0.75;
    }

    .premium-benefits-heading {
        margin-inline: 0;
        text-align: left;
    }

    .premium-benefits-heading > p:last-child {
        max-width: 620px;
        margin-inline: 0;
    }

    .premium-benefits-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
    }

    .premium-benefit-card {
        width: 100%;
        min-height: 0;
        grid-template-rows: minmax(220px, auto) auto;
        border-radius: 22px;
    }

    .premium-benefit-visual {
        min-height: 220px;
        padding: 22px;
    }

    .premium-benefit-eyebrow {
        top: 21px;
        left: 22px;
        font-size: 10px;
    }

    .premium-benefit-copy {
        min-height: 0;
        padding: 22px 22px 25px;
    }

    .premium-benefit-copy h3 {
        margin: 8px 0 10px;
        font-size: clamp(23px, 7vw, 28px);
    }

    .premium-benefit-copy p {
        font-size: 14px;
        line-height: 1.5;
    }

    .premium-benefit-quality {
        min-height: 300px;
        padding-top: 54px;
    }

    .premium-quality-stack {
        width: min(100%, 290px);
        gap: 6px;
        margin-top: 0;
    }

    .premium-quality-level {
        min-height: 51px;
        padding: 6px 12px 6px 17px;
        border-radius: 13px;
    }

    .premium-quality-level span {
        font-size: 25px;
    }

    .premium-quality-level.is-active {
        min-height: 66px;
    }

    .premium-quality-level.is-active span {
        font-size: 42px;
    }

    .premium-quality-level.is-muted i {
        left: -12px;
        font-size: 17px;
    }

    .premium-quality-signal {
        width: min(100%, 290px);
        margin-top: 12px;
    }

    .premium-benefit-devices {
        min-height: 330px;
        padding-top: 55px;
    }

    .premium-devices-scene {
        width: min(100%, 340px);
        height: 225px;
        margin-inline: auto;
    }

    .premium-benefit-tv {
        height: 116px;
    }

    .premium-benefit-laptop {
        height: 132px;
    }

    .premium-benefit-phone {
        width: 92px;
        height: 188px;
        border-radius: 23px;
    }

    .premium-benefit-phone-mark {
        width: 45px;
        height: 45px;
        border-radius: 14px;
        font-size: 23px;
    }

    .premium-benefit-infinity {
        min-height: 265px;
        padding-top: 60px;
    }

    .premium-infinity-mark {
        font-size: clamp(165px, 56vw, 220px);
    }

    .premium-infinity-caption {
        margin-top: 24px;
        font-size: 11px;
    }
}

@media (max-width: 390px) {
    .premium-benefit-card {
        border-radius: 20px;
    }

    .premium-benefit-visual {
        padding-inline: 18px;
    }

    .premium-benefit-eyebrow {
        left: 18px;
    }

    .premium-benefit-copy {
        padding-inline: 19px;
    }

    .premium-benefit-copy h3 {
        font-size: 23px;
    }

    .premium-benefit-quality {
        min-height: 286px;
    }

    .premium-benefit-devices {
        min-height: 314px;
    }

    .premium-devices-scene {
        transform: scale(0.94);
        transform-origin: bottom center;
    }

    .premium-infinity-mark {
        font-size: clamp(150px, 54vw, 205px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .premium-benefit-card,
    .premium-benefit-phone-status i,
    .premium-infinity-mark {
        animation: none !important;
        transition: none !important;
    }
}


.home-page::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(62rem 42rem at 96% 4%, rgba(207, 0, 112, 0.12), transparent 62%),
        radial-gradient(48rem 36rem at 82% 8%, rgba(255, 106, 42, 0.08), transparent 68%);
}

.home-page::after {
    display: none;
}

.home-page .container {
    width: min(100% - 140px, var(--premium-container));
    margin-inline: auto;
    padding: 0;
}

.home-page .site-header {
    position: sticky;
    z-index: 50;
    top: 0;
    min-height: 70px;
    background: #000;
    border-bottom: 1px solid transparent;
    backdrop-filter: blur(0);
    transition: background-color 0.22s ease, border-color 0.22s ease, backdrop-filter 0.22s ease;
}

.home-page .site-header.is-scrolled {
    background: rgba(0, 0, 0, 0.86);
    border-bottom-color: rgba(255, 255, 255, 0.07);
    backdrop-filter: blur(18px) saturate(145%);
}

.home-page .header-wrap {
    min-height: 70px;
}

.home-page .logo {
    gap: 10px;
    color: var(--text-primary);
}

.home-page .site-header .logo img,
.home-page .site-footer .logo img {
    width: 34px;
    height: 34px;
    padding: 3px;
    object-fit: contain;
    border: 0;
    border-radius: 8px;
    background: #0c0c0e;
    box-shadow: none;
}

.home-page .logo-text {
    gap: 1px;
}

.home-page .logo-text strong {
    font-family: inherit;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.home-page .logo-text small {
    color: var(--text-secondary);
    font-size: 10px;
}

.home-page .desktop-nav {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #d7d8db;
    font-family: inherit;
}

.home-page .desktop-nav a {
    padding: 9px 12px;
    color: #d7d8db;
    font-size: 14px;
    font-weight: 500;
    border-radius: 10px;
    transition: color 0.18s ease, background-color 0.18s ease;
}

.home-page .desktop-nav a:hover {
    color: #fff;
    background: var(--surface-elevated);
}

.home-page .header-cta {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    padding: 10px 18px;
    color: #17100b;
    background: var(--accent-peach);
    border: 1px solid var(--accent-peach);
    border-radius: 12px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    box-shadow: 0 2px 24px rgba(251, 178, 106, 0.18);
}

.home-page .header-cta:hover {
    color: #17100b;
    background: var(--accent-peach-hover);
    border-color: var(--accent-peach-hover);
    transform: translateY(-1px);
}

.home-page .burger {
    display: none;
    color: #fff;
    background: var(--surface-secondary);
    border-color: #2a2b30;
}

.premium-home-main {
    overflow: hidden;
}

.premium-button {
    min-height: 56px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 15px 28px;
    border: 1px solid transparent;
    border-radius: 16px;
    font-family: inherit;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.15;
    text-align: center;
    cursor: pointer;
    transition: transform 0.18s ease, background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.premium-button:hover {
    transform: translateY(-2px);
}

.premium-button:focus-visible,
.premium-plan-option:focus-visible,
.premium-secure-tab:focus-visible,
.premium-connection-switch button:focus-visible,
.premium-map-switch button:focus-visible,
.premium-carousel-controls button:focus-visible {
    outline: 2px solid var(--accent-peach);
    outline-offset: 3px;
}

.premium-button-primary {
    color: #17100b;
    background: var(--accent-peach);
    border-color: var(--accent-peach);
    box-shadow: 0 2px 30px rgba(251, 178, 106, 0.22);
}

.premium-button-primary:hover {
    color: #17100b;
    background: var(--accent-peach-hover);
    border-color: var(--accent-peach-hover);
    box-shadow: 0 7px 36px rgba(251, 178, 106, 0.3);
}

.premium-button-outline {
    color: var(--text-primary);
    background: transparent;
    border-color: #34353a;
}

.premium-button-outline:hover {
    color: #fff;
    background: var(--surface-secondary);
    border-color: #4b4c52;
}

.premium-hero {
    min-height: 760px;
    position: relative;
    padding: 88px 0 92px;
    border-bottom: 1px solid var(--border-primary);
}

.premium-hero::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: -250px;
    right: -240px;
    width: 1060px;
    height: 900px;
    pointer-events: none;
    background:
        radial-gradient(circle at 46% 48%, rgba(255, 106, 42, 0.19), transparent 34%),
        radial-gradient(circle at 64% 36%, rgba(207, 0, 112, 0.25), transparent 52%);
    filter: blur(22px);
}

.premium-hero-grid {
    min-height: 550px;
    display: grid;
    grid-template-columns: minmax(0, 0.98fr) minmax(520px, 1.02fr);
    gap: 34px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.premium-hero-copy {
    min-width: 0;
    position: relative;
    z-index: 3;
}

.premium-product-name {
    margin: 0 0 20px;
    color: var(--text-primary);
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
}

.premium-product-name span {
    color: transparent;
    background: linear-gradient(106deg, var(--accent-pink) 7%, var(--accent-pink-dark) 101%);
    background-clip: text;
    -webkit-background-clip: text;
}

.premium-hero h1 {
    max-width: 700px;
    margin: 0 0 25px;
    color: var(--text-primary);
    font-family: inherit;
    font-size: clamp(54px, 5vw, 68px);
    font-weight: 700;
    line-height: 0.99;
    letter-spacing: -0.048em;
}

.premium-hero h1 em {
    display: inline;
    color: inherit;
    font-style: normal;
}

.premium-hero-lead {
    max-width: 650px;
    margin: 0;
    color: var(--text-secondary);
    font-size: 19px;
    line-height: 1.45;
}

.premium-hero-lead + .premium-hero-lead {
    margin-top: 12px;
}

.premium-hero-buy {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 42px;
}

.premium-hero-plan {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-top: 20px;
}

.premium-hero-plan > div:first-child {
    display: grid;
    gap: 2px;
}

.premium-hero-plan strong {
    color: var(--text-primary);
    font-size: 22px;
    line-height: 1.1;
}

.premium-hero-plan small,
.premium-hero-plan > div:first-child span {
    color: var(--text-secondary);
    font-size: 12px;
}

.premium-payment-labels {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.premium-payment-labels span,
.premium-badges span,
.premium-platforms span {
    min-height: 28px;
    display: inline-flex;
    align-items: center;
    padding: 6px 9px;
    color: #b7b9be;
    background: var(--surface-secondary);
    border: 1px solid #292a2f;
    border-radius: 9px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
}

.premium-hero-facts {
    max-width: 620px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 38px 0 0;
    padding: 0;
    overflow: hidden;
    background: rgba(23, 24, 28, 0.58);
    border: 1px solid var(--border-secondary);
    border-radius: 14px;
    backdrop-filter: blur(18px);
}

.premium-hero-facts div {
    min-width: 0;
    padding: 14px 16px;
    border-right: 1px solid var(--border-secondary);
}

.premium-hero-facts div:last-child {
    border-right: 0;
}

.premium-hero-facts dt {
    color: var(--text-primary);
    font-size: 14px;
    font-weight: 700;
}

.premium-hero-facts dd {
    margin: 3px 0 0;
    color: var(--text-secondary);
    font-size: 11px;
}

.premium-hero-art {
    width: min(800px, 60vw);
    position: relative;
    z-index: 1;
    margin: 0 -190px 0 -35px;
}

.premium-hero-art::before {
    content: "";
    position: absolute;
    z-index: -2;
    inset: 8% 6% 4%;
    border-radius: 50%;
    background:
        radial-gradient(circle at 55% 50%, rgba(255, 106, 42, 0.28), transparent 45%),
        radial-gradient(circle at 35% 28%, rgba(207, 0, 112, 0.36), transparent 52%);
    filter: blur(58px);
}

.premium-hero-art img {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 2;
    object-fit: contain;
    filter: drop-shadow(0 42px 66px rgba(0, 0, 0, 0.72));
}

.premium-hero-art picture {
    width: 100%;
    display: block;
    position: relative;
    z-index: 2;
}

.premium-hero-orbit {
    position: absolute;
    z-index: 1;
    border: 1px solid rgba(251, 178, 106, 0.2);
    border-radius: 50%;
    transform: rotate(-12deg);
}

.premium-hero-orbit-one {
    inset: 13% 10% 7%;
}

.premium-hero-orbit-two {
    inset: 24% 20% 18%;
    border-color: rgba(207, 0, 112, 0.2);
    transform: rotate(18deg);
}

.premium-motion-ready .premium-hero-copy,
.premium-motion-ready .premium-hero-art {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity 0.72s cubic-bezier(0.22, 1, 0.36, 1), transform 0.72s cubic-bezier(0.22, 1, 0.36, 1);
}

.premium-motion-ready .premium-hero-art {
    transform: translateY(22px) scale(0.975);
    transition-delay: 90ms;
}

.premium-motion-ready.premium-motion-start .premium-hero-copy,
.premium-motion-ready.premium-motion-start .premium-hero-art {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.premium-motion-ready [data-premium-reveal] {
    opacity: 0;
    transform: translateY(24px);
    transition:
        opacity 0.68s cubic-bezier(0.22, 1, 0.36, 1) var(--premium-reveal-delay, 0ms),
        transform 0.68s cubic-bezier(0.22, 1, 0.36, 1) var(--premium-reveal-delay, 0ms);
}

.premium-motion-ready [data-premium-reveal].is-visible {
    opacity: 1;
    transform: translateY(0);
}

.premium-section {
    position: relative;
    padding: 112px 0;
}

.premium-kicker {
    margin: 0 0 14px;
    color: transparent;
    background: linear-gradient(105deg, #f06aab, var(--accent-pink) 62%, #ff7a3d);
    background-clip: text;
    -webkit-background-clip: text;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.premium-section-heading {
    max-width: 850px;
    margin-bottom: 54px;
}

.premium-section-heading-wide {
    max-width: 980px;
}

.premium-section-heading-split {
    max-width: none;
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.58fr);
    gap: 70px;
    align-items: end;
}

.premium-section-heading h2,
.premium-connection-copy h2,
.premium-pricing-content h2,
.premium-support-card h2,
.premium-download-content h2 {
    margin: 0;
    color: var(--text-primary);
    font-family: inherit;
    font-size: clamp(42px, 4.1vw, 54px);
    font-weight: 700;
    line-height: 1.04;
    letter-spacing: -0.038em;
}

.premium-section-heading > p:last-child,
.premium-section-heading-split > p,
.premium-connection-copy > p,
.premium-pricing-lead,
.premium-support-card > div:first-child > p,
.premium-download-content > p {
    max-width: 700px;
    margin: 17px 0 0;
    color: var(--text-secondary);
    font-size: 18px;
    line-height: 1.5;
}

.premium-section-heading-split > p {
    margin: 0 0 5px;
}

.premium-secure-layout {
    min-height: 570px;
    display: grid;
    grid-template-columns: 380px minmax(0, 1fr);
    gap: 20px;
}

.premium-secure-tabs {
    display: grid;
    align-content: start;
    gap: 10px;
}

.premium-secure-tab {
    width: 100%;
    display: grid;
    grid-template-columns: 36px 1fr;
    gap: 6px 12px;
    padding: 22px 20px;
    color: var(--text-secondary);
    text-align: left;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 16px;
    cursor: pointer;
    transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

.premium-secure-tab > span {
    grid-row: 1 / span 2;
    color: var(--text-tertiary);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.8;
}

.premium-secure-tab strong {
    font-size: 20px;
    font-weight: 700;
}

.premium-secure-tab small {
    max-width: 290px;
    color: inherit;
    font-size: 13px;
    line-height: 1.45;
}

.premium-secure-tab:hover {
    color: #d8d9dc;
    background: rgba(255, 255, 255, 0.025);
}

.premium-secure-tab.is-active {
    color: var(--text-primary);
    background: var(--surface-secondary);
    border-color: var(--border-secondary);
}

.premium-secure-tab.is-active > span {
    color: var(--accent-peach);
}

.premium-secure-stage {
    min-width: 0;
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(38rem 28rem at 80% 10%, rgba(207, 0, 112, 0.1), transparent 63%),
        var(--surface-primary);
    border: 1px solid var(--border-primary);
    border-radius: var(--premium-radius);
}

.premium-secure-panel {
    min-height: 568px;
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
}

.premium-secure-panel[hidden] {
    display: none;
}

.premium-secure-visual {
    min-height: 360px;
    display: grid;
    place-items: center;
    position: relative;
    padding: 42px;
    overflow: hidden;
}

.premium-secure-visual::before {
    content: "";
    position: absolute;
    inset: 8% 10%;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(251, 178, 106, 0.15), transparent 65%);
    filter: blur(30px);
}

.premium-access-card {
    width: min(100%, 470px);
    position: relative;
    z-index: 1;
    padding: 34px;
    background: rgba(17, 18, 22, 0.94);
    border: 1px solid #2b2c32;
    border-radius: 22px;
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.5);
}

.premium-access-status {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 10px;
    color: var(--success);
    background: rgba(71, 212, 119, 0.08);
    border: 1px solid rgba(71, 212, 119, 0.2);
    border-radius: 9px;
    font-size: 12px;
    font-weight: 700;
}

.premium-access-status::before {
    content: "";
    width: 6px;
    height: 6px;
    background: currentColor;
    border-radius: 50%;
    box-shadow: 0 0 9px currentColor;
}

.premium-access-card > strong {
    display: block;
    margin-top: 24px;
    color: var(--text-primary);
    font-size: 30px;
    line-height: 1.1;
}

.premium-access-progress {
    height: 8px;
    margin-top: 28px;
    overflow: hidden;
    background: #292a2f;
    border-radius: 999px;
}

.premium-access-progress i {
    width: 100%;
    height: 100%;
    display: block;
    background: linear-gradient(90deg, var(--accent-pink), var(--accent-orange), var(--accent-peach));
}

.premium-access-steps {
    display: flex;
    justify-content: space-between;
    margin-top: 11px;
    color: var(--text-secondary);
    font-size: 11px;
}

.premium-secure-panel-copy {
    padding: 30px 34px 34px;
    border-top: 1px solid var(--border-primary);
}

.premium-secure-panel-copy > span {
    color: var(--accent-peach);
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.premium-secure-panel-copy h3 {
    margin: 7px 0 8px;
    font-size: 26px;
    line-height: 1.12;
}

.premium-secure-panel-copy p {
    max-width: 690px;
    margin: 0;
    color: var(--text-secondary);
    font-size: 15px;
    line-height: 1.5;
}

.premium-secure-visual-devices {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
}

.premium-device-demo {
    display: grid;
    place-items: center;
    position: relative;
    z-index: 1;
    color: #d9dadd;
    background: linear-gradient(160deg, #1b1c21, #0b0c0f);
    border: 1px solid #34353a;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.48);
    font-size: 11px;
    font-weight: 700;
}

.premium-device-demo-phone {
    width: 100px;
    height: 210px;
    border-radius: 25px;
    transform: translateY(18px) rotate(-7deg);
}

.premium-device-demo-laptop {
    width: 300px;
    height: 190px;
    border-radius: 14px 14px 8px 8px;
}

.premium-device-demo-tv {
    width: 180px;
    height: 112px;
    border-radius: 12px;
    transform: translateY(-34px) rotate(5deg);
}

.premium-secure-visual-support {
    align-content: center;
    justify-items: stretch;
    gap: 12px;
}

.premium-chat-bubble {
    width: min(76%, 470px);
    position: relative;
    z-index: 1;
    padding: 15px 18px;
    color: #d6d7da;
    background: #1a1b20;
    border: 1px solid #292a2f;
    border-radius: 16px 16px 16px 5px;
    font-size: 14px;
}

.premium-chat-bubble-answer {
    justify-self: end;
    color: #24130a;
    background: var(--accent-peach);
    border-color: var(--accent-peach);
    border-radius: 16px 16px 5px 16px;
}

.premium-support-online {
    justify-self: end;
    display: flex;
    align-items: center;
    gap: 7px;
    position: relative;
    z-index: 1;
    color: var(--text-secondary);
    font-size: 11px;
}

.premium-support-online i,
.premium-online-pill i,
.premium-support-art > span i {
    width: 7px;
    height: 7px;
    display: block;
    background: var(--success);
    border-radius: 50%;
    box-shadow: 0 0 10px var(--success);
}

.premium-connection {
    padding-top: 24px;
}

.premium-connection-card {
    min-height: 650px;
    position: relative;
    overflow: hidden;
    padding: 42px;
    background:
        radial-gradient(38rem 28rem at 30% 30%, rgba(207, 0, 112, 0.11), transparent 66%),
        radial-gradient(34rem 28rem at 70% 58%, rgba(255, 106, 42, 0.1), transparent 68%),
        var(--surface-primary);
    border: 1px solid var(--border-primary);
    border-radius: var(--premium-radius);
}

.premium-connection-switch {
    width: max-content;
    display: flex;
    position: relative;
    z-index: 2;
    padding: 4px;
    background: var(--surface-secondary);
    border: 1px solid #292a2f;
    border-radius: 13px;
}

.premium-connection-switch button,
.premium-map-toolbar button {
    min-height: 38px;
    padding: 9px 15px;
    color: var(--text-secondary);
    background: transparent;
    border: 0;
    border-radius: 9px;
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.premium-connection-switch button.is-active,
.premium-map-toolbar button.is-active {
    color: #fff;
    background: #292a2f;
}

.premium-network {
    min-height: 350px;
    display: grid;
    grid-template-columns: 150px minmax(100px, 1fr) 180px minmax(100px, 1fr) 150px;
    align-items: center;
    position: relative;
    z-index: 1;
    padding: 44px 2vw 26px;
}

.premium-network-node,
.premium-network-core {
    min-height: 145px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 12px;
    padding: 20px;
    color: #d4d5d8;
    text-align: center;
    background: rgba(17, 18, 22, 0.92);
    border: 1px solid #303137;
    border-radius: 20px;
    box-shadow: 0 26px 68px rgba(0, 0, 0, 0.45);
}

.premium-network-node i {
    width: 44px;
    height: 44px;
    display: block;
    background: linear-gradient(145deg, #363840, #131418);
    border: 1px solid #474850;
    border-radius: 13px;
}

.premium-network-node span {
    font-size: 12px;
    font-weight: 700;
}

.premium-network-core {
    min-height: 180px;
    border-color: rgba(251, 178, 106, 0.4);
    box-shadow: 0 0 60px rgba(251, 178, 106, 0.11), 0 26px 68px rgba(0, 0, 0, 0.5);
}

.premium-network-core > span {
    width: 72px;
    height: 72px;
    display: grid;
    place-items: center;
    color: #1b110a;
    background: var(--accent-peach);
    border-radius: 22px;
    font-size: 24px;
    font-weight: 800;
}

.premium-network-core small {
    color: var(--text-secondary);
    font-size: 11px;
}

.premium-network-line {
    height: 2px;
    position: relative;
    overflow: hidden;
    background: linear-gradient(90deg, rgba(251, 178, 106, 0.08), rgba(251, 178, 106, 0.7));
}

.premium-network-line-out {
    background: linear-gradient(90deg, rgba(251, 178, 106, 0.7), rgba(251, 178, 106, 0.08));
}

.premium-network-line i {
    width: 16px;
    height: 4px;
    position: absolute;
    top: -1px;
    left: -16px;
    background: #fff1df;
    border-radius: 999px;
    box-shadow: 0 0 14px var(--accent-peach);
    animation: premiumSignal 2.2s linear infinite;
}

.premium-network-line-out i {
    animation-delay: 0.7s;
}

.premium-connection-copy {
    max-width: 820px;
    position: relative;
    z-index: 2;
}

.premium-connection-copy h2 {
    font-size: clamp(38px, 3.8vw, 50px);
}

.premium-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 24px;
}

.premium-locations {
    border-top: 1px solid #0f0f10;
}

.premium-map {
    overflow: hidden;
    background: var(--surface-primary);
    border: 1px solid var(--border-primary);
    border-radius: var(--premium-radius);
}

.premium-map-toolbar {
    min-height: 72px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 14px 18px 14px 24px;
    border-bottom: 1px solid var(--border-primary);
}

.premium-map-toolbar > strong {
    color: var(--text-primary);
    font-size: 15px;
}

.premium-map-toolbar > strong span {
    color: var(--accent-peach);
    font-size: 22px;
}

.premium-map-toolbar > div {
    display: flex;
    padding: 3px;
    background: var(--surface-secondary);
    border: 1px solid #292a2f;
    border-radius: 12px;
}

.premium-map-canvas {
    height: 520px;
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 46%, rgba(207, 0, 112, 0.08), transparent 40%),
        linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px),
        #060607;
    background-size: auto, 52px 52px, 52px 52px, auto;
}

.premium-map-land {
    position: absolute;
    opacity: 0.65;
    background: linear-gradient(145deg, #1a1b20, #0e0f12);
    border: 1px solid #26272d;
    filter: drop-shadow(0 20px 48px rgba(0, 0, 0, 0.32));
}

.premium-map-land-west {
    width: 33%;
    height: 53%;
    left: 12%;
    top: 20%;
    border-radius: 58% 42% 48% 52% / 42% 55% 45% 58%;
    transform: rotate(-8deg);
}

.premium-map-land-center {
    width: 38%;
    height: 42%;
    left: 38%;
    top: 23%;
    border-radius: 45% 55% 36% 64% / 55% 37% 63% 45%;
    transform: rotate(5deg);
}

.premium-map-land-east {
    width: 26%;
    height: 48%;
    right: 7%;
    top: 27%;
    border-radius: 52% 48% 62% 38% / 42% 59% 41% 58%;
    transform: rotate(11deg);
}

.premium-map-point {
    width: 18px;
    height: 18px;
    display: grid;
    place-items: center;
    position: absolute;
    z-index: 2;
    left: var(--point-x);
    top: var(--point-y);
    padding: 0;
    background: transparent;
    border: 0;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.premium-map-point > i {
    width: 8px;
    height: 8px;
    display: block;
    background: var(--accent-peach);
    border: 2px solid #fff0df;
    border-radius: 50%;
    box-shadow: 0 0 0 6px rgba(251, 178, 106, 0.1), 0 0 22px rgba(251, 178, 106, 0.65);
}

.premium-map-point > span {
    min-width: max-content;
    display: none;
    position: absolute;
    left: 50%;
    bottom: 26px;
    padding: 9px 11px;
    color: var(--text-primary);
    background: #1a1b20;
    border: 1px solid #34353b;
    border-radius: 10px;
    transform: translateX(-50%);
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0 16px 44px rgba(0, 0, 0, 0.48);
}

.premium-map-point > span small {
    display: block;
    margin-top: 2px;
    color: var(--success);
    font-size: 10px;
    font-weight: 600;
}

.premium-map-point:hover > span,
.premium-map-point:focus-visible > span {
    display: block;
}

.premium-map[data-map-mode="popular"] .premium-map-point:not(.is-popular) {
    display: none;
}

.premium-advantage-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.premium-advantage-card {
    min-height: 360px;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    padding: 30px;
    background: linear-gradient(150deg, #111216, #050505 72%);
    border: 1px solid var(--border-primary);
    border-radius: var(--premium-radius);
}

.premium-advantage-card::before {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    right: -110px;
    bottom: -130px;
    background: radial-gradient(circle, rgba(207, 0, 112, 0.12), transparent 68%);
    pointer-events: none;
}

.premium-advantage-number {
    color: var(--accent-peach);
    font-size: 48px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.04em;
}

.premium-advantage-card h3 {
    max-width: 320px;
    margin: 16px 0 10px;
    color: var(--text-primary);
    font-size: 25px;
    line-height: 1.08;
}

.premium-advantage-card > p,
.premium-advantage-card-wide > div:first-child > p:last-child {
    max-width: 420px;
    margin: 0;
    color: var(--text-secondary);
    font-size: 14px;
    line-height: 1.5;
}

.premium-device-miniatures {
    min-height: 130px;
    display: flex;
    align-items: end;
    justify-content: center;
    gap: 12px;
    margin-top: auto;
    padding-top: 26px;
}

.premium-device-miniatures i {
    display: block;
    background: #0c0d10;
    border: 1px solid #34353a;
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.48);
}

.premium-device-miniatures i:nth-child(1) {
    width: 54px;
    height: 108px;
    border-radius: 14px;
}

.premium-device-miniatures i:nth-child(2) {
    width: 122px;
    height: 78px;
    border-radius: 10px;
}

.premium-device-miniatures i:nth-child(3) {
    width: 92px;
    height: 58px;
    border-radius: 9px;
}

.premium-speed-ring {
    width: 150px;
    height: 75px;
    position: relative;
    margin: auto auto 0;
    overflow: hidden;
    border-radius: 150px 150px 0 0;
    border: 13px solid #292a2f;
    border-bottom: 0;
}

.premium-speed-ring::before {
    content: "";
    position: absolute;
    inset: -13px;
    border-radius: inherit;
    border: 13px solid transparent;
    border-top-color: var(--accent-peach);
    border-left-color: var(--accent-pink);
    transform: rotate(-18deg);
}

.premium-speed-ring i {
    width: 54px;
    height: 2px;
    position: absolute;
    left: 50%;
    bottom: 10px;
    background: var(--accent-peach);
    transform: rotate(-22deg);
    transform-origin: left center;
    box-shadow: 0 0 12px var(--accent-peach);
}

.premium-online-pill {
    width: max-content;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: auto;
    padding: 10px 13px;
    color: #cfd0d3;
    background: #111216;
    border: 1px solid #292a2f;
    border-radius: 11px;
    font-size: 12px;
}

.premium-advantage-card-wide {
    min-height: 310px;
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 70px;
    align-items: center;
    background:
        radial-gradient(30rem 20rem at 85% 50%, rgba(255, 106, 42, 0.1), transparent 70%),
        linear-gradient(150deg, #111216, #050505 72%);
}

.premium-advantage-card-wide h3 {
    max-width: 640px;
    margin-top: 0;
    font-size: 38px;
}

.premium-uptime {
    min-height: 190px;
    display: grid;
    place-items: center;
    align-content: center;
    position: relative;
    padding: 30px;
    background: #0c0d10;
    border: 1px solid #2b2c31;
    border-radius: 18px;
}

.premium-uptime strong {
    color: var(--text-primary);
    font-size: 52px;
    line-height: 1;
}

.premium-uptime span {
    margin-top: 8px;
    color: var(--text-secondary);
    font-size: 12px;
}

.premium-uptime i {
    width: 70%;
    height: 3px;
    margin-top: 22px;
    background: linear-gradient(90deg, var(--accent-pink), var(--accent-orange), var(--accent-peach));
    border-radius: 999px;
    box-shadow: 0 0 22px rgba(251, 178, 106, 0.48);
}

.premium-carousel-dots {
    display: none;
}

.premium-pricing-card {
    min-height: 720px;
    display: grid;
    grid-template-columns: minmax(0, 0.82fr) minmax(500px, 1.18fr);
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(40rem 30rem at 5% 45%, rgba(207, 0, 112, 0.15), transparent 70%),
        var(--surface-primary);
    border: 1px solid var(--border-primary);
    border-radius: var(--premium-radius);
}

.premium-pricing-art {
    min-height: 100%;
    display: grid;
    place-items: center;
    position: relative;
    overflow: hidden;
    border-right: 1px solid var(--border-primary);
}

.premium-pricing-glow {
    position: absolute;
    inset: 10%;
    background:
        radial-gradient(circle at 50% 48%, rgba(255, 106, 42, 0.25), transparent 48%),
        radial-gradient(circle at 38% 30%, rgba(207, 0, 112, 0.34), transparent 58%);
    filter: blur(54px);
}

.premium-pricing-art img {
    width: 130%;
    max-width: none;
    position: relative;
    z-index: 1;
    transform: translateX(-4%);
    filter: drop-shadow(0 34px 60px rgba(0, 0, 0, 0.62));
}

.premium-pricing-art picture {
    width: 100%;
    display: block;
    position: relative;
    z-index: 1;
}

.premium-pricing-chip {
    min-width: 70px;
    position: absolute;
    z-index: 2;
    padding: 12px 15px;
    color: #d6d7da;
    text-align: center;
    background: rgba(17, 18, 22, 0.88);
    border: 1px solid #33343a;
    border-radius: 13px;
    font-size: 12px;
    font-weight: 800;
    backdrop-filter: blur(18px);
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.42);
}

.premium-pricing-chip-one {
    left: 10%;
    top: 22%;
    transform: rotate(-8deg);
}

.premium-pricing-chip-two {
    right: 9%;
    bottom: 19%;
    transform: rotate(7deg);
}

.premium-pricing-content {
    padding: 62px 64px;
}

.premium-pricing-content h2 {
    max-width: 580px;
}

.premium-pricing-lead {
    max-width: 600px;
}

.premium-plan-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 34px;
}

.premium-plan-option {
    min-height: 112px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 17px;
    color: var(--text-primary);
    text-align: left;
    background: var(--surface-secondary);
    border: 1px solid #292a2f;
    border-radius: 14px;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.premium-plan-option::before {
    content: "";
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    border: 1px solid #55575e;
    border-radius: 50%;
    box-shadow: inset 0 0 0 4px var(--surface-secondary);
    transition: background-color 0.18s ease, border-color 0.18s ease;
}

.premium-plan-option:hover {
    border-color: #46474d;
}

.premium-plan-option.is-selected {
    background:
        linear-gradient(var(--surface-secondary), var(--surface-secondary)) padding-box,
        linear-gradient(135deg, var(--accent-pink), var(--accent-orange), var(--accent-peach)) border-box;
    border-color: transparent;
    box-shadow: 0 14px 44px rgba(207, 0, 112, 0.1);
}

.premium-plan-option.is-selected::before {
    background: var(--accent-peach);
    border-color: var(--accent-peach);
}

.premium-plan-copy {
    min-width: 0;
    flex: 1 1 auto;
    display: grid;
    gap: 5px;
}

.premium-plan-title-row {
    min-width: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
}

.premium-plan-option strong {
    font-family: inherit;
    font-size: 15px;
}

.premium-plan-description {
    display: -webkit-box;
    overflow: hidden;
    color: var(--text-secondary);
    font-size: 10px;
    line-height: 1.35;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.premium-plan-badge {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    padding: 4px 7px;
    color: #e8e8ea;
    background: #222329;
    border: 1px solid #35363d;
    border-radius: 999px;
    font-size: 8px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.premium-plan-price {
    flex: 0 0 auto;
    display: grid;
    justify-items: end;
    gap: 3px;
}

.premium-plan-price del {
    color: var(--text-tertiary);
    font-size: 10px;
}

.premium-plan-price b {
    color: var(--accent-peach);
    font-size: 14px;
    white-space: nowrap;
}

.premium-pricing-button {
    width: 100%;
    margin-top: 18px;
}

.premium-pricing-guarantee {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    margin-top: 18px;
    color: var(--text-secondary);
}

.premium-pricing-guarantee > span {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    display: grid;
    place-items: center;
    color: var(--success);
    background: rgba(71, 212, 119, 0.08);
    border: 1px solid rgba(71, 212, 119, 0.2);
    border-radius: 50%;
    font-weight: 800;
}

.premium-pricing-guarantee p {
    margin: 4px 0 0;
    font-size: 12px;
    line-height: 1.45;
}

.premium-comparison {
    border-top: 1px solid #0e0e0f;
}

.premium-comparison-scroll {
    overflow-x: auto;
    border: 1px solid var(--border-primary);
    border-radius: var(--premium-radius);
    scrollbar-color: #34353a transparent;
}

.premium-comparison-table {
    min-width: 800px;
    display: grid;
    background: var(--surface-primary);
}

.premium-comparison-row {
    display: grid;
    grid-template-columns: minmax(250px, 1.05fr) minmax(260px, 1fr) minmax(280px, 1fr);
    border-bottom: 1px solid var(--border-primary);
}

.premium-comparison-row:last-child {
    border-bottom: 0;
}

.premium-comparison-row > div {
    min-height: 82px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 20px 24px;
    color: #caccd0;
    border-right: 1px solid var(--border-primary);
    font-size: 14px;
}

.premium-comparison-row > div:last-child {
    border-right: 0;
}

.premium-comparison-row > div:nth-child(2) {
    background: rgba(251, 178, 106, 0.035);
}

.premium-comparison-row > div:first-child {
    color: var(--text-primary);
    font-weight: 700;
}

.premium-comparison-head > div {
    min-height: 90px;
    color: var(--text-secondary);
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

.premium-comparison-brand {
    color: var(--accent-peach);
    font-size: 24px;
    text-transform: none;
}

.premium-check,
.premium-minus {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    font-style: normal;
    font-weight: 800;
}

.premium-check {
    color: var(--success);
    background: rgba(71, 212, 119, 0.08);
}

.premium-minus {
    color: var(--text-tertiary);
    background: #1b1c20;
}

.premium-reviews {
    overflow: hidden;
}

.premium-carousel-controls {
    display: flex;
    gap: 9px;
    justify-self: end;
}

.premium-carousel-controls button {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    color: #d8d9dc;
    background: var(--surface-secondary);
    border: 1px solid #292a2f;
    border-radius: 13px;
    font-size: 18px;
    cursor: pointer;
}

.premium-carousel-controls button:hover {
    color: #fff;
    border-color: #494a50;
}

.premium-review-track {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: calc((100% - 32px) / 3);
    gap: 16px;
    overflow-x: auto;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
}

.premium-review-track::-webkit-scrollbar {
    display: none;
}

.premium-review-card {
    min-height: 340px;
    display: flex;
    flex-direction: column;
    padding: 30px;
    background: var(--surface-primary);
    border: 1px solid var(--border-primary);
    border-radius: var(--premium-radius);
    scroll-snap-align: start;
}

.premium-review-stars {
    color: var(--accent-peach);
    font-size: 14px;
    letter-spacing: 2px;
}

.premium-review-card blockquote {
    flex: 1;
    margin: 28px 0;
    color: var(--text-primary);
    font-size: 18px;
    line-height: 1.5;
}

.premium-review-card footer {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-top: 18px;
    border-top: 1px solid var(--border-primary);
}

.premium-review-card footer > img,
.premium-review-card footer > span {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    display: grid;
    place-items: center;
    object-fit: cover;
    color: #21130c;
    background: linear-gradient(145deg, var(--accent-peach), #ff7a3d);
    border-radius: 50%;
    font-weight: 800;
}

.premium-review-card footer div {
    display: grid;
    gap: 3px;
}

.premium-review-card footer strong {
    color: var(--text-primary);
    font-size: 14px;
}

.premium-review-card footer small {
    color: var(--text-secondary);
    font-size: 11px;
}

.premium-faq {
    border-top: 1px solid #0e0e0f;
}

.premium-faq-layout {
    display: grid;
    grid-template-columns: minmax(300px, 0.72fr) minmax(0, 1.28fr);
    gap: 82px;
    align-items: start;
}

.premium-faq-intro {
    position: sticky;
    top: 112px;
}

.premium-faq-intro h2 {
    max-width: 520px;
    margin: 0;
    color: var(--text-primary);
    font-size: clamp(42px, 4.1vw, 54px);
    font-weight: 700;
    line-height: 1.04;
    letter-spacing: -0.038em;
}

.premium-faq-intro > p:last-of-type {
    max-width: 520px;
    margin: 20px 0 0;
    color: var(--text-secondary);
    font-size: 17px;
    line-height: 1.55;
}

.premium-faq-signals {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 28px;
}

.premium-faq-signals span {
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    padding: 7px 10px;
    color: #b7b9be;
    background: var(--surface-secondary);
    border: 1px solid #292a2f;
    border-radius: 9px;
    font-size: 10px;
    font-weight: 600;
}

.premium-faq-list {
    display: grid;
    gap: 10px;
}

.premium-faq-item {
    overflow: hidden;
    background: var(--surface-primary);
    border: 1px solid var(--border-primary);
    border-radius: 17px;
    transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.premium-faq-item:hover {
    border-color: #303137;
}

.premium-faq-item[open] {
    background:
        linear-gradient(var(--surface-secondary), var(--surface-secondary)) padding-box,
        linear-gradient(135deg, rgba(207, 0, 112, 0.66), rgba(255, 106, 42, 0.52), rgba(251, 178, 106, 0.62)) border-box;
    border-color: transparent;
    box-shadow: 0 22px 58px rgba(0, 0, 0, 0.26);
}

.premium-faq-item summary {
    min-height: 88px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 22px 24px;
    color: var(--text-primary);
    cursor: pointer;
    font-size: 20px;
    font-weight: 650;
    line-height: 1.3;
    list-style: none;
    -webkit-tap-highlight-color: transparent;
}

.premium-faq-item summary::-webkit-details-marker {
    display: none;
}

.premium-faq-item summary > span {
    max-width: 760px;
}

.premium-faq-item summary i {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    position: relative;
    background: #1a1b20;
    border: 1px solid #303137;
    border-radius: 12px;
    transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.24s ease;
}

.premium-faq-item summary i::before,
.premium-faq-item summary i::after {
    content: "";
    width: 14px;
    height: 2px;
    position: absolute;
    left: 50%;
    top: 50%;
    background: var(--accent-peach);
    border-radius: 999px;
    transform: translate(-50%, -50%);
}

.premium-faq-item summary i::after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.premium-faq-item[open] summary i {
    background: var(--accent-peach);
    border-color: var(--accent-peach);
    transform: rotate(45deg);
}

.premium-faq-item[open] summary i::before,
.premium-faq-item[open] summary i::after {
    background: #17100b;
}

.premium-faq-answer {
    padding: 0 88px 26px 24px;
}

.premium-faq-answer p {
    max-width: 760px;
    margin: 0;
    color: #b1b4b9;
    font-size: 16px;
    line-height: 1.6;
}

.premium-support-card {
    min-height: 430px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 0.78fr);
    gap: 70px;
    align-items: center;
    position: relative;
    overflow: hidden;
    padding: 72px;
    background:
        radial-gradient(34rem 28rem at 85% 52%, rgba(207, 0, 112, 0.18), transparent 65%),
        radial-gradient(28rem 24rem at 68% 70%, rgba(255, 106, 42, 0.14), transparent 65%),
        var(--surface-primary);
    border: 1px solid var(--border-primary);
    border-radius: var(--premium-radius);
}

.premium-support-card > div:first-child > p {
    max-width: 570px;
}

.premium-support-card .premium-button {
    margin-top: 30px;
}

.premium-support-art {
    min-height: 250px;
    display: grid;
    align-content: center;
    justify-items: start;
    gap: 12px;
    position: relative;
}

.premium-support-avatar {
    width: 76px;
    height: 76px;
    display: grid;
    place-items: center;
    position: relative;
    z-index: 1;
    color: #1c1009;
    background: var(--accent-peach);
    border-radius: 24px;
    font-size: 22px;
    font-weight: 800;
    box-shadow: 0 18px 50px rgba(251, 178, 106, 0.26);
}

.premium-support-message {
    min-width: 280px;
    position: relative;
    z-index: 1;
    margin-left: 70px;
    padding: 17px 19px;
    color: #d7d8db;
    background: rgba(17, 18, 22, 0.92);
    border: 1px solid #313238;
    border-radius: 17px 17px 17px 5px;
    box-shadow: 0 22px 58px rgba(0, 0, 0, 0.46);
}

.premium-support-art > span {
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
    z-index: 1;
    margin-left: 88px;
    color: var(--text-secondary);
    font-size: 11px;
}

.premium-download {
    padding-top: 24px;
}

.premium-download-card {
    min-height: 500px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 430px;
    align-items: center;
    position: relative;
    padding: 74px 80px;
    overflow: visible;
    background: var(--surface-primary);
    border: 1px solid var(--border-primary);
    border-radius: var(--premium-radius);
}

.premium-download-content {
    max-width: 650px;
    position: relative;
    z-index: 2;
}

.premium-platforms {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin: 28px 0;
}

.premium-download-device {
    width: 390px;
    height: 580px;
    position: absolute;
    right: 70px;
    bottom: 0;
    overflow: hidden;
    pointer-events: none;
}

.premium-download-phone {
    width: 310px;
    height: 650px;
    position: absolute;
    left: 40px;
    top: 25px;
    padding: 72px 22px 24px;
    color: #d9dadd;
    background: linear-gradient(160deg, #17181c, #08090b 60%);
    border: 5px solid #3c3d42;
    border-radius: 58px;
    box-shadow: 0 0 0 2px #141518, 0 30px 100px rgba(0, 0, 0, 0.78), 0 0 80px rgba(207, 0, 112, 0.14);
}

.premium-download-phone::before {
    content: "";
    width: 96px;
    height: 24px;
    position: absolute;
    top: 14px;
    left: 50%;
    background: #020203;
    border-radius: 999px;
    transform: translateX(-50%);
}

.premium-download-phone-top {
    height: 1px;
}

.premium-download-phone-logo {
    width: 64px;
    height: 64px;
    display: grid;
    place-items: center;
    margin: 0 auto;
    color: #1c1009;
    background: var(--accent-peach);
    border-radius: 20px;
    font-size: 32px;
    font-weight: 800;
    box-shadow: 0 0 44px rgba(251, 178, 106, 0.28);
}

.premium-download-phone-status {
    margin-top: 24px;
    color: var(--accent-peach);
    text-align: center;
    font-size: 16px;
    font-weight: 700;
}

.premium-download-phone-ring {
    width: 170px;
    height: 170px;
    margin: 22px auto 0;
    border: 2px solid var(--accent-peach);
    border-radius: 50%;
    box-shadow: inset 0 0 34px rgba(251, 178, 106, 0.09), 0 0 30px rgba(251, 178, 106, 0.18);
}

.premium-download-phone-panel {
    display: grid;
    gap: 7px;
    margin: 38px -8px 0;
    padding: 26px 24px;
    background: #1a1b20;
    border: 1px solid #292a2f;
    border-radius: 28px;
}

.premium-download-phone-panel strong {
    color: var(--text-primary);
    font-size: 23px;
}

.premium-download-phone-panel span {
    color: var(--text-secondary);
    font-size: 12px;
}

.home-page .site-footer {
    margin-top: 112px;
    padding: 72px 0 42px;
    color: #d7d8db;
    background: #000;
    border-top: 1px solid var(--border-primary);
}

.home-page .footer-grid {
    grid-template-columns: minmax(0, 1.4fr) minmax(160px, 0.55fr) minmax(250px, 0.85fr);
    gap: 70px;
}

.home-page .footer-lead,
.home-page .footer-copy,
.home-page .footer-disclaimer,
.home-page .footer-nav a {
    color: var(--text-secondary);
}

.home-page .footer-badges span {
    color: #b9bbc0;
    background: var(--surface-secondary);
    border-color: #292a2f;
}

.home-page .footer-nav a:hover {
    color: #fff;
}

.home-page .checkout-modal-dialog,
.home-page .subscription-terms-dialog {
    background: var(--surface-secondary);
    border-color: #303137;
    border-radius: 20px;
}

.home-page .checkout-modal {
    padding: 24px;
}

.home-page .checkout-modal-backdrop {
    background: rgba(0, 0, 0, 0.82);
    backdrop-filter: blur(18px) saturate(120%);
}

.home-page .checkout-modal-dialog {
    width: min(100%, 640px);
    max-height: calc(100vh - 48px);
    max-height: calc(100dvh - 48px);
    gap: 18px;
    padding: 34px;
    overflow: auto;
    overscroll-behavior: contain;
    background:
        radial-gradient(34rem 24rem at 92% 0%, rgba(207, 0, 112, 0.14), transparent 62%),
        radial-gradient(28rem 20rem at 72% 8%, rgba(255, 106, 42, 0.09), transparent 66%),
        #111216;
    border: 1px solid #303137;
    border-radius: 24px;
    box-shadow: 0 34px 110px rgba(0, 0, 0, 0.72);
    scrollbar-width: thin;
    scrollbar-color: #3a3b42 transparent;
    animation: premiumCheckoutIn 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}

.home-page .checkout-modal-dialog::before {
    content: "";
    height: 3px;
    position: absolute;
    top: 0;
    left: 34px;
    right: 78px;
    background: linear-gradient(90deg, var(--accent-pink), var(--accent-orange), var(--accent-peach));
    border-radius: 0 0 999px 999px;
    opacity: 0.9;
}

.home-page .checkout-modal-close {
    top: 18px;
    right: 18px;
    width: 38px;
    height: 38px;
    color: #e8e8ea;
    background: #1a1b20;
    border: 1px solid #34353b;
    transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}

.home-page .checkout-modal-close:hover {
    color: #fff;
    background: #24252b;
    border-color: #4a4b52;
    transform: rotate(4deg);
}

.home-page .checkout-modal-heading {
    display: grid;
    gap: 10px;
    padding-right: 44px;
}

.home-page .checkout-modal-heading .premium-kicker {
    margin: 0;
    font-size: 11px;
}

.home-page .checkout-modal-heading h2 {
    margin: 0;
    color: var(--text-primary);
    font-size: clamp(32px, 4vw, 42px);
    font-weight: 700;
    line-height: 1.02;
    letter-spacing: -0.035em;
}

.home-page .checkout-modal-heading > p:last-child {
    max-width: 520px;
    margin: 0;
    color: var(--text-secondary);
    font-size: 14px;
    line-height: 1.5;
}

.home-page .checkout-modal-plan {
    min-height: 76px;
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr) auto;
    gap: 13px;
    align-items: center;
    padding: 13px 14px;
    background:
        linear-gradient(#17181c, #17181c) padding-box,
        linear-gradient(135deg, rgba(207, 0, 112, 0.72), rgba(255, 106, 42, 0.66), rgba(251, 178, 106, 0.74)) border-box;
    border: 1px solid transparent;
    border-radius: 16px;
}

.home-page .checkout-modal-plan-icon {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    color: #17100b;
    background: var(--accent-peach);
    border-radius: 13px;
    font-size: 18px;
    font-weight: 800;
    box-shadow: 0 10px 30px rgba(251, 178, 106, 0.2);
}

.home-page .checkout-modal-plan-copy,
.home-page .checkout-modal-plan-meta {
    min-width: 0;
    display: grid;
    gap: 4px;
}

.home-page .checkout-modal-plan-copy small {
    color: var(--text-secondary);
    font-size: 9px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.home-page .checkout-modal-plan-copy strong {
    overflow: hidden;
    color: var(--text-primary);
    font-size: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-page .checkout-modal-plan-meta {
    justify-items: end;
}

.home-page .checkout-modal-plan-meta b {
    color: var(--accent-peach);
    font-size: 15px;
    white-space: nowrap;
}

.home-page .checkout-modal-plan-meta a {
    color: #aaaeb4;
    font-size: 10px;
    text-decoration: underline;
    text-decoration-color: #55575e;
    text-underline-offset: 3px;
}

.home-page .checkout-modal-payment-row {
    display: grid;
    gap: 9px;
}

.home-page .checkout-modal-payment-row > p {
    margin: 0;
    color: #d7d8db;
    font-size: 12px;
    font-weight: 650;
}

.home-page .checkout-payment-method {
    min-height: 30px;
    color: #c9cbd0;
    background: #17181c;
    border-color: #303137;
    font-family: inherit;
    font-size: 10px;
}

.home-page .checkout-payment-method--sbp {
    color: var(--accent-peach);
    background: rgba(251, 178, 106, 0.07);
    border-color: rgba(251, 178, 106, 0.22);
}

.home-page .checkout-modal-form {
    gap: 13px;
}

.home-page .checkout-modal-form label {
    gap: 8px;
    color: #e6e7e9;
    font-family: inherit;
    font-size: 13px;
}

.home-page .checkout-modal-form label > small {
    color: var(--text-secondary);
    font-size: 10px;
    font-weight: 400;
    line-height: 1.4;
}

.home-page .checkout-modal-form input[type="email"] {
    min-height: 58px;
    padding: 14px 16px;
    color: var(--text-primary);
    background: #090a0c;
    border: 1px solid #34353b;
    border-radius: 14px;
    caret-color: var(--accent-peach);
    font-size: 16px;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}

.home-page .checkout-modal-form input[type="email"]:focus {
    background: #0c0d10;
    border-color: var(--accent-peach);
    box-shadow: 0 0 0 4px rgba(251, 178, 106, 0.1);
}

.home-page .checkout-modal-form input[type="email"]:user-invalid {
    border-color: var(--danger);
    box-shadow: 0 0 0 4px rgba(255, 102, 122, 0.08);
}

.home-page .checkout-modal-dialog .btn-primary,
.home-page .checkout-modal-form .btn-primary {
    min-height: 58px;
    color: #17100b;
    background: var(--accent-peach);
    border-color: var(--accent-peach);
    border-radius: 14px;
    font-family: inherit;
    font-size: 16px;
    box-shadow: 0 12px 34px rgba(251, 178, 106, 0.2);
}

.home-page .checkout-modal-form .btn-primary::after {
    content: "→";
    margin-left: 3px;
}

.home-page .checkout-modal-form .btn-primary:hover {
    background: var(--accent-peach-hover);
    border-color: var(--accent-peach-hover);
    box-shadow: 0 16px 42px rgba(251, 178, 106, 0.27);
}

.home-page .checkout-modal-form .btn-primary:disabled {
    cursor: not-allowed;
    opacity: 0.58;
    box-shadow: none;
}

.home-page .checkout-modal-form .btn-primary:disabled::after {
    display: none;
}

.home-page .checkout-legal-note {
    color: #7f838a;
    font-size: 10px;
    line-height: 1.5;
}

.home-page .checkout-legal-note a {
    color: #c7c9ce;
    text-decoration: underline;
    text-decoration-color: #55575e;
    text-underline-offset: 2px;
}

.home-page .checkout-modal-trust {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
    padding-top: 2px;
}

.home-page .checkout-modal-trust span {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    color: #9da1a8;
    font-size: 9px;
    line-height: 1.25;
}

.home-page .checkout-modal-trust i {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    display: grid;
    place-items: center;
    color: var(--success);
    background: rgba(71, 212, 119, 0.08);
    border: 1px solid rgba(71, 212, 119, 0.18);
    border-radius: 50%;
    font-size: 9px;
    font-style: normal;
}

.home-page .checkout-modal-dialog .account-alert-error {
    color: #ffc5cc;
    background: rgba(255, 102, 122, 0.08);
    border-color: rgba(255, 102, 122, 0.22);
}

@keyframes premiumCheckoutIn {
    from {
        opacity: 0;
        transform: translateY(18px) scale(0.985);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.home-page .sticky-cta {
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 64px;
    padding: 9px 10px 9px 14px;
    text-align: left;
    color: #17100b;
    background: var(--accent-peach);
    border-color: var(--accent-peach);
    box-shadow: 0 14px 38px rgba(251, 178, 106, 0.28);
}

.home-page .sticky-cta-copy,
.home-page .sticky-cta-meta {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.home-page .sticky-cta-copy small {
    color: rgba(23, 16, 11, 0.62);
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.home-page .sticky-cta-copy strong {
    overflow: hidden;
    font-size: 14px;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-page .sticky-cta-meta {
    flex: 0 0 auto;
    justify-items: end;
}

.home-page .sticky-cta-meta b {
    font-size: 13px;
    line-height: 1.1;
    white-space: nowrap;
}

.home-page .sticky-cta-meta em {
    padding: 4px 8px;
    color: #fff;
    background: #17100b;
    border-radius: 7px;
    font-size: 10px;
    font-style: normal;
    line-height: 1;
}

@media (max-width: 767px) {
    .home-page .sticky-cta {
        display: flex;
    }

    .home-page.premium-sticky-ready .sticky-cta {
        pointer-events: none;
        opacity: 0;
        transform: translateY(calc(100% + 24px));
        transition: opacity 0.22s ease, transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
    }

    .home-page.premium-sticky-ready .sticky-cta.is-visible {
        pointer-events: auto;
        opacity: 1;
        transform: translateY(0);
    }

    .home-page.modal-open .sticky-cta,
    .home-page.menu-open .sticky-cta {
        pointer-events: none;
        opacity: 0;
        transform: translateY(calc(100% + 24px));
    }
}

.home-page .checkout-renewal-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin: 16px 0;
}

.home-page .checkout-renewal-summary div {
    display: grid;
    gap: 4px;
    padding: 11px 12px;
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
}

.home-page .checkout-renewal-summary small {
    color: var(--text-secondary);
    font-size: 10px;
}

.home-page .checkout-renewal-summary strong {
    color: var(--text-primary);
    font-size: 12px;
}

@keyframes premiumSignal {
    from { transform: translateX(0); }
    to { transform: translateX(720px); }
}

@media (max-width: 1180px) {
    .home-page .container {
        width: min(100% - 60px, var(--premium-container));
    }

    .premium-hero {
        min-height: 680px;
        padding-top: 86px;
    }

    .premium-hero-grid {
        grid-template-columns: minmax(0, 0.96fr) minmax(430px, 1.04fr);
    }

    .premium-hero h1 {
        font-size: 52px;
    }

    .premium-hero-art {
        width: 680px;
        margin-right: -220px;
    }

    .premium-secure-layout {
        grid-template-columns: 330px minmax(0, 1fr);
    }

    .premium-network {
        grid-template-columns: 130px minmax(60px, 1fr) 160px minmax(60px, 1fr) 130px;
    }

    .premium-pricing-card {
        grid-template-columns: minmax(0, 0.7fr) minmax(500px, 1.3fr);
    }

    .premium-pricing-content {
        padding: 52px 44px;
    }

    .premium-support-card {
        padding: 58px;
    }

    .premium-download-card {
        grid-template-columns: minmax(0, 1fr) 350px;
        padding: 64px 54px;
    }

    .premium-download-device {
        right: 5px;
    }
}

@media (max-width: 1024px) {
    .home-page .container {
        width: min(100% - 60px, var(--premium-container));
    }

    .home-page .desktop-nav {
        gap: 0;
    }

    .home-page .desktop-nav a {
        padding-inline: 8px;
        font-size: 12.5px;
    }

    .premium-section {
        padding: 92px 0;
    }

    .premium-secure-layout {
        grid-template-columns: 280px minmax(0, 1fr);
    }

    .premium-secure-tab {
        grid-template-columns: 28px 1fr;
        padding: 18px 14px;
    }

    .premium-secure-tab strong {
        font-size: 17px;
    }

    .premium-network {
        grid-template-columns: 110px minmax(45px, 1fr) 145px minmax(45px, 1fr) 110px;
        padding-inline: 0;
    }

    .premium-network-node,
    .premium-network-core {
        padding: 13px;
    }

    .premium-map-canvas {
        height: 450px;
    }

    .premium-advantage-card {
        padding: 24px;
    }

    .premium-faq-layout {
        grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1.28fr);
        gap: 42px;
    }

    .premium-pricing-card {
        grid-template-columns: 0.72fr 1.28fr;
    }

    .premium-pricing-art img {
        width: 170%;
    }

    .premium-plan-list {
        grid-template-columns: 1fr;
    }

    .premium-support-card {
        grid-template-columns: minmax(0, 1fr) 300px;
        gap: 34px;
        padding: 46px;
    }
}

@media (max-width: 820px) {
    .home-page .desktop-nav,
    .home-page .header-cta {
        display: none;
    }

    .home-page .burger {
        display: grid;
    }

    .home-page .mobile-menu {
        top: calc(100% - 1px);
        background: rgba(5, 5, 6, 0.98);
        border-color: var(--border-primary);
    }

    .home-page .mobile-menu nav a {
        color: #d7d8db;
        background: var(--surface-secondary);
        border-color: #292a2f;
    }

    .home-page .mobile-menu nav .btn {
        color: #17100b;
        background: var(--accent-peach);
        border-color: var(--accent-peach);
    }

    .premium-hero-grid {
        grid-template-columns: minmax(0, 1.05fr) minmax(300px, 0.95fr);
        gap: 12px;
    }

    .premium-hero h1 {
        font-size: 44px;
    }

    .premium-hero-lead {
        font-size: 16px;
    }

    .premium-hero-art {
        width: 520px;
        margin-right: -200px;
    }

    .premium-secure-layout {
        min-height: 0;
        grid-template-columns: 1fr;
    }

    .premium-secure-tabs {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .premium-secure-tab {
        grid-template-columns: 1fr;
        align-content: start;
    }

    .premium-secure-tab > span {
        grid-row: auto;
    }

    .premium-secure-tab small {
        display: none;
    }

    .premium-network {
        grid-template-columns: 100px 1fr 130px 1fr 100px;
    }

    .premium-network-node {
        min-height: 115px;
    }

    .premium-network-core {
        min-height: 150px;
    }

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

    .premium-advantage-card-wide {
        grid-template-columns: 1fr 280px;
    }

    .premium-pricing-card {
        grid-template-columns: 1fr;
    }

    .premium-pricing-art {
        min-height: 360px;
        border-right: 0;
        border-bottom: 1px solid var(--border-primary);
    }

    .premium-pricing-art img {
        width: 85%;
    }

    .premium-plan-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .premium-review-track {
        grid-auto-columns: calc((100% - 16px) / 2);
    }

    .premium-faq-layout {
        grid-template-columns: 1fr;
        gap: 38px;
    }

    .premium-faq-intro {
        position: static;
    }

    .premium-support-card {
        grid-template-columns: 1fr;
    }

    .premium-support-art {
        min-height: 200px;
    }

    .premium-download-card {
        grid-template-columns: 1fr 250px;
        padding: 54px 42px;
    }

    .premium-download-device {
        width: 300px;
        right: -20px;
    }

    .premium-download-phone {
        transform: scale(0.86);
        transform-origin: bottom center;
    }
}

@media (max-width: 680px) {
    .home-page .container {
        width: min(100% - 30px, var(--premium-container));
    }

    .home-page .site-header,
    .home-page .header-wrap {
        min-height: 62px;
    }

    .home-page .site-header .logo img {
        width: 32px;
        height: 32px;
    }

    .home-page .logo-text strong {
        font-size: 17px;
    }

    .home-page .logo-text small {
        display: none;
    }

    .home-page .checkout-modal {
        align-items: end;
        padding: 0;
    }

    .home-page .checkout-modal-dialog {
        width: 100%;
        max-height: min(92vh, 780px);
        max-height: min(92dvh, 780px);
        gap: 15px;
        padding: 28px 16px calc(18px + env(safe-area-inset-bottom));
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
        border-radius: 24px 24px 0 0;
        animation-name: premiumCheckoutSheetIn;
    }

    .home-page .checkout-modal-dialog::before {
        width: 42px;
        height: 4px;
        left: 50%;
        right: auto;
        top: 9px;
        background: #45464d;
        border-radius: 999px;
        transform: translateX(-50%);
    }

    .home-page .checkout-modal-close {
        top: 18px;
        right: 14px;
        width: 36px;
        height: 36px;
    }

    .home-page .checkout-modal-heading {
        gap: 8px;
        padding-right: 42px;
    }

    .home-page .checkout-modal-heading h2 {
        font-size: 29px;
    }

    .home-page .checkout-modal-heading > p:last-child {
        font-size: 12px;
    }

    .home-page .checkout-modal-plan {
        min-height: 70px;
        grid-template-columns: 42px minmax(0, 1fr) auto;
        gap: 10px;
        padding: 12px;
    }

    .home-page .checkout-modal-plan-icon {
        width: 42px;
        height: 42px;
        border-radius: 12px;
    }

    .home-page .checkout-modal-plan-copy strong {
        font-size: 14px;
    }

    .home-page .checkout-modal-plan-meta b {
        font-size: 12px;
    }

    .home-page .checkout-renewal-summary {
        gap: 5px;
        margin: 0;
    }

    .home-page .checkout-renewal-summary div {
        min-width: 0;
        padding: 9px 8px;
    }

    .home-page .checkout-renewal-summary small {
        font-size: 8px;
    }

    .home-page .checkout-renewal-summary strong {
        font-size: 9px;
        line-height: 1.25;
    }

    .home-page .checkout-modal-form input[type="email"],
    .home-page .checkout-modal-form .btn-primary {
        min-height: 54px;
    }

    .home-page .checkout-modal-trust {
        gap: 5px;
    }

    .home-page .checkout-modal-trust span {
        align-items: flex-start;
        font-size: 8px;
    }

    .premium-hero {
        min-height: 0;
        padding: 42px 0 48px;
    }

    .premium-hero::before {
        top: 180px;
        right: -420px;
    }

    .premium-hero-grid {
        min-height: 0;
        display: flex;
        flex-direction: column;
        gap: 24px;
        align-items: stretch;
    }

    .premium-product-name {
        margin-bottom: 16px;
        font-size: 17px;
    }

    .premium-hero h1 {
        max-width: 520px;
        font-size: clamp(40px, 12.5vw, 54px);
        line-height: 0.96;
    }

    .premium-hero-lead {
        max-width: none;
        font-size: 16px;
    }

    .premium-hero-lead + .premium-hero-lead {
        margin-top: 10px;
        padding-left: 14px;
        position: relative;
        color: #b7b9be;
        font-size: 13px;
    }

    .premium-hero-lead + .premium-hero-lead::before {
        content: "";
        width: 6px;
        height: 6px;
        position: absolute;
        left: 0;
        top: 0.55em;
        background: var(--success);
        border-radius: 50%;
        box-shadow: 0 0 12px rgba(71, 212, 119, 0.55);
    }

    .premium-hero-buy {
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
        margin-top: 26px;
    }

    .premium-button {
        width: 100%;
        min-height: 56px;
        font-size: 17px;
    }

    .premium-hero-buy .premium-button-outline {
        min-height: 38px;
        padding: 8px 12px;
        border-color: transparent;
        font-size: 14px;
        text-decoration: underline;
        text-decoration-color: #55575e;
        text-underline-offset: 4px;
    }

    .premium-hero-plan {
        justify-content: space-between;
        gap: 12px;
    }

    .premium-hero-plan strong {
        font-size: 19px;
    }

    .premium-payment-labels {
        max-width: 150px;
        justify-content: flex-end;
    }

    .premium-payment-labels span {
        font-size: 9px;
    }

    .premium-hero-facts {
        margin-top: 28px;
    }

    .premium-hero-facts div {
        padding: 12px 8px;
        text-align: center;
    }

    .premium-hero-facts dt {
        font-size: 12px;
    }

    .premium-hero-facts dd {
        font-size: 9.5px;
        line-height: 1.25;
    }

    .premium-hero-art {
        width: calc(100% + 86px);
        margin: -8px -43px -28px;
        align-self: center;
        order: 2;
    }

    .premium-section {
        padding: 78px 0;
    }

    .premium-section-heading,
    .premium-section-heading-split {
        display: block;
        margin-bottom: 34px;
    }

    .premium-section-heading h2,
    .premium-connection-copy h2,
    .premium-pricing-content h2,
    .premium-faq-intro h2,
    .premium-support-card h2,
    .premium-download-content h2 {
        font-size: 35px;
    }

    .premium-section-heading > p:last-child,
    .premium-section-heading-split > p,
    .premium-connection-copy > p,
    .premium-pricing-lead,
    .premium-faq-intro > p:last-of-type,
    .premium-support-card > div:first-child > p,
    .premium-download-content > p {
        margin-top: 14px;
        font-size: 16px;
    }

    .premium-kicker {
        font-size: 12px;
    }

    .premium-secure-tabs {
        display: grid;
        grid-template-columns: 1fr;
    }

    .premium-secure-tab {
        grid-template-columns: 28px 1fr;
        padding: 17px;
    }

    .premium-secure-tab > span {
        grid-row: 1 / span 2;
    }

    .premium-secure-tab small {
        display: block;
    }

    .premium-secure-panel {
        min-height: 520px;
    }

    .premium-secure-visual {
        min-height: 320px;
        padding: 22px;
    }

    .premium-access-card {
        padding: 24px;
    }

    .premium-access-card > strong {
        font-size: 24px;
    }

    .premium-secure-panel-copy {
        padding: 24px;
    }

    .premium-secure-panel-copy h3 {
        font-size: 22px;
    }

    .premium-device-demo-phone {
        width: 70px;
        height: 150px;
    }

    .premium-device-demo-laptop {
        width: 170px;
        height: 110px;
    }

    .premium-device-demo-tv {
        width: 100px;
        height: 66px;
    }

    .premium-connection {
        padding-top: 10px;
    }

    .premium-connection-card {
        min-height: 0;
        padding: 20px 16px 28px;
    }

    .premium-connection-switch {
        width: 100%;
    }

    .premium-connection-switch button {
        flex: 1;
        padding-inline: 8px;
    }

    .premium-network {
        min-height: 320px;
        grid-template-columns: 76px 1fr 98px 1fr 76px;
        padding: 38px 0 20px;
    }

    .premium-network-node,
    .premium-network-core {
        min-height: 96px;
        gap: 6px;
        padding: 8px;
        border-radius: 14px;
    }

    .premium-network-node i {
        width: 28px;
        height: 28px;
        border-radius: 8px;
    }

    .premium-network-node span {
        font-size: 8px;
    }

    .premium-network-core {
        min-height: 120px;
    }

    .premium-network-core > span {
        width: 46px;
        height: 46px;
        border-radius: 13px;
        font-size: 16px;
    }

    .premium-network-core small {
        font-size: 7px;
        text-align: center;
    }

    .premium-map-toolbar {
        align-items: flex-start;
        flex-direction: column;
        padding: 16px;
    }

    .premium-map-toolbar > div {
        width: 100%;
    }

    .premium-map-toolbar button {
        flex: 1;
    }

    .premium-map-canvas {
        width: 760px;
        height: 390px;
    }

    .premium-map {
        overflow-x: auto;
    }

    .premium-map-toolbar {
        position: sticky;
        left: 0;
        z-index: 5;
        background: var(--surface-primary);
    }

    .premium-advantage-grid {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: 86%;
        grid-template-columns: none;
        gap: 12px;
        margin-inline: -15px;
        padding-inline: 15px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
    }

    .premium-advantage-grid::-webkit-scrollbar {
        display: none;
    }

    .premium-advantage-card,
    .premium-advantage-card-wide {
        min-height: 360px;
        grid-column: auto;
        display: flex;
        padding: 24px;
        scroll-snap-align: center;
    }

    .premium-advantage-card-wide {
        gap: 18px;
    }

    .premium-advantage-card-wide h3 {
        font-size: 28px;
    }

    .premium-uptime {
        min-height: 140px;
        margin-top: auto;
        padding: 20px;
    }

    .premium-uptime strong {
        font-size: 42px;
    }

    .premium-carousel-dots {
        display: flex;
        justify-content: center;
        gap: 6px;
        margin-top: 18px;
    }

    .premium-carousel-dots i {
        width: 18px;
        height: 3px;
        background: #303137;
        border-radius: 999px;
    }

    .premium-carousel-dots i.is-active {
        background: var(--accent-peach);
    }

    .premium-pricing-card {
        min-height: 0;
    }

    .premium-pricing-art {
        min-height: 230px;
        order: 2;
        border-top: 1px solid var(--border-primary);
        border-bottom: 0;
    }

    .premium-pricing-art img {
        width: 98%;
    }

    .premium-pricing-content {
        order: 1;
        padding: 36px 16px;
    }

    .premium-plan-list {
        grid-template-columns: 1fr;
        margin-top: 26px;
    }

    .premium-plan-option {
        min-height: 92px;
        gap: 10px;
        padding: 14px 13px;
    }

    .premium-plan-description {
        font-size: 10.5px;
    }

    .premium-plan-price b {
        font-size: 15px;
    }

    .premium-comparison-scroll {
        margin-right: -15px;
        border-radius: 16px 0 0 16px;
    }

    .premium-comparison-table {
        min-width: 720px;
    }

    .premium-comparison-row {
        grid-template-columns: 220px 240px 260px;
    }

    .premium-comparison-row > div {
        min-height: 76px;
        padding: 16px;
        font-size: 12px;
    }

    .premium-section-heading-split .premium-carousel-controls {
        margin-top: 20px;
    }

    .premium-review-track {
        grid-auto-columns: 88%;
        margin-inline: -15px;
        padding-inline: 15px;
    }

    .premium-review-card {
        min-height: 330px;
        padding: 24px;
    }

    .premium-faq-layout {
        gap: 30px;
    }

    .premium-faq-signals {
        margin-top: 20px;
    }

    .premium-faq-list {
        gap: 8px;
    }

    .premium-faq-item {
        border-radius: 14px;
    }

    .premium-faq-item summary {
        min-height: 76px;
        gap: 14px;
        padding: 18px 16px;
        font-size: 17px;
    }

    .premium-faq-item summary i {
        width: 34px;
        height: 34px;
        flex-basis: 34px;
        border-radius: 10px;
    }

    .premium-faq-answer {
        padding: 0 58px 21px 16px;
    }

    .premium-faq-answer p {
        font-size: 14px;
        line-height: 1.55;
    }

    .premium-support-card {
        padding: 38px 20px;
    }

    .premium-support-card .premium-button {
        margin-top: 26px;
    }

    .premium-support-art {
        min-height: 190px;
    }

    .premium-support-message {
        min-width: 0;
        width: calc(100% - 40px);
        margin-left: 40px;
    }

    .premium-support-art > span {
        margin-left: 55px;
    }

    .premium-download {
        padding-top: 8px;
    }

    .premium-download-card {
        min-height: 760px;
        display: block;
        padding: 38px 20px 0;
        overflow: hidden;
    }

    .premium-download-device {
        width: 100%;
        height: 500px;
        position: relative;
        right: auto;
        bottom: auto;
        margin-top: 24px;
    }

    .premium-download-phone {
        left: 50%;
        top: 0;
        transform: translateX(-50%) scale(0.78);
        transform-origin: top center;
    }

    .home-page .site-footer {
        margin-top: 78px;
        padding-top: 52px;
    }

    .home-page .footer-grid {
        grid-template-columns: 1fr;
        gap: 38px;
    }

    .home-page .sticky-cta {
        min-height: 64px;
        display: flex;
        color: #17100b;
        background: var(--accent-peach);
    }

}

@keyframes premiumCheckoutSheetIn {
    from {
        opacity: 0;
        transform: translateY(100%);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 390px) {
    .premium-hero h1 {
        font-size: 40px;
    }

    .premium-network {
        grid-template-columns: 68px 1fr 86px 1fr 68px;
    }

    .premium-advantage-grid {
        grid-auto-columns: 91%;
    }

    .premium-review-track {
        grid-auto-columns: 92%;
    }

    .home-page .sticky-cta-copy strong {
        max-width: 130px;
        font-size: 13px;
    }

    .home-page .sticky-cta-meta b {
        font-size: 12px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-page *,
    .home-page *::before,
    .home-page *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* Mobile composition v2 */
@media (max-width: 680px) {
    .home-page .site-header,
    .home-page .header-wrap {
        min-height: 56px;
    }

    .home-page .container {
        width: min(100% - 24px, var(--premium-container));
    }

    .premium-home-main {
        display: flex;
        flex-direction: column;
        padding-bottom: 76px;
    }

    .premium-hero { order: 1; }
    .premium-pricing { order: 2; }
    .premium-secure { order: 3; }
    .premium-advantages { order: 4; }
    .premium-connection { order: 5; }
    .premium-locations { order: 6; }
    .premium-comparison { order: 7; }
    .premium-reviews { order: 8; }
    .premium-faq { order: 9; }
    .premium-support { order: 10; }
    .premium-download { order: 11; }

    .premium-section {
        padding: 50px 0;
    }

    .premium-hero {
        padding: 18px 0 30px;
    }

    .premium-hero-grid {
        display: grid;
        grid-template-columns: minmax(0, 1.15fr) minmax(116px, 0.72fr);
        gap: 9px 10px;
        align-items: center;
    }

    .premium-hero-copy {
        display: contents;
    }

    .premium-product-name {
        grid-column: 1 / -1;
        grid-row: 1;
        margin: 0;
        font-size: 13px;
    }

    .premium-hero h1 {
        grid-column: 1;
        grid-row: 2;
        max-width: none;
        margin: 4px 0 0;
        font-size: clamp(32px, 9.8vw, 42px);
        line-height: 0.94;
        letter-spacing: -0.055em;
    }

    .premium-hero-art {
        grid-column: 2;
        grid-row: 2;
        width: calc(100% + 18px);
        margin: 0 -9px 0 0;
        order: initial;
    }

    .premium-hero-art::before {
        inset: 10% 0 4%;
        filter: blur(30px);
    }

    .premium-hero-orbit-one {
        inset: 10% 4% 6%;
    }

    .premium-hero-orbit-two {
        inset: 22% 16% 18%;
    }

    .premium-hero-copy > .premium-hero-lead:first-of-type {
        grid-column: 1 / -1;
        grid-row: 3;
        max-width: none;
        margin: 2px 0 0;
        color: #a9abb1;
        font-size: 13px;
        line-height: 1.35;
    }

    .premium-hero-lead + .premium-hero-lead {
        grid-column: 1 / -1;
        grid-row: 4;
        margin: 0;
        padding: 7px 9px 7px 23px;
        overflow: hidden;
        color: #bfc1c5;
        background: rgba(71, 212, 119, 0.055);
        border: 1px solid rgba(71, 212, 119, 0.13);
        border-radius: 10px;
        font-size: 10px;
        line-height: 1.2;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .premium-hero-lead + .premium-hero-lead::before {
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
    }

    .premium-hero-buy {
        grid-column: 1 / -1;
        grid-row: 5;
        display: block;
        margin: 2px 0 0;
    }

    .premium-hero-buy .premium-button-primary {
        min-height: 50px;
        font-size: 15px;
        border-radius: 14px;
    }

    .premium-hero-buy .premium-button-outline {
        display: none;
    }

    .premium-hero-plan {
        grid-column: 1 / -1;
        grid-row: 6;
        min-width: 0;
        gap: 8px;
        margin: 1px 0 0;
        padding: 9px 10px;
        background: rgba(255, 255, 255, 0.025);
        border: 1px solid rgba(255, 255, 255, 0.07);
        border-radius: 11px;
    }

    .premium-hero-plan > div:first-child {
        min-width: 0;
    }

    .premium-hero-plan strong {
        font-size: 15px;
    }

    .premium-hero-plan > div:first-child span {
        display: -webkit-box;
        overflow: hidden;
        font-size: 9px;
        line-height: 1.2;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .premium-payment-labels {
        max-width: 112px;
        gap: 4px;
    }

    .premium-payment-labels span {
        min-height: 21px;
        padding: 4px 6px;
        font-size: 7px;
    }

    .premium-hero-facts {
        grid-column: 1 / -1;
        grid-row: 7;
        margin-top: 0;
        border-radius: 11px;
    }

    .premium-hero-facts div {
        padding: 8px 5px;
    }

    .premium-hero-facts dt {
        font-size: 10px;
        line-height: 1.1;
    }

    .premium-hero-facts dd {
        margin-top: 2px;
        font-size: 8px;
        line-height: 1.15;
    }

    .premium-section-heading,
    .premium-section-heading-split {
        margin-bottom: 22px;
    }

    .premium-section-heading h2,
    .premium-connection-copy h2,
    .premium-pricing-content h2,
    .premium-faq-intro h2,
    .premium-support-card h2,
    .premium-download-content h2 {
        font-size: 30px;
        line-height: 1.02;
    }

    .premium-section-heading > p:last-child,
    .premium-section-heading-split > p,
    .premium-connection-copy > p,
    .premium-pricing-lead,
    .premium-faq-intro > p:last-of-type,
    .premium-support-card > div:first-child > p,
    .premium-download-content > p {
        margin-top: 10px;
        font-size: 14px;
        line-height: 1.42;
    }

    .premium-kicker {
        margin-bottom: 9px;
        font-size: 10px;
    }

    .premium-pricing-card {
        display: block;
        min-height: 0;
        border-radius: 18px;
    }

    .premium-pricing-art {
        display: none;
    }

    .premium-pricing-content {
        padding: 26px 14px 18px;
    }

    .premium-plan-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        margin-top: 20px;
    }

    .premium-plan-option {
        min-height: 124px;
        display: grid;
        grid-template-columns: 16px minmax(0, 1fr);
        align-content: start;
        justify-content: stretch;
        gap: 8px 7px;
        padding: 12px 10px;
        border-radius: 13px;
    }

    .premium-plan-option::before {
        width: 14px;
        height: 14px;
        flex-basis: 14px;
    }

    .premium-plan-copy,
    .premium-plan-price {
        min-width: 0;
        grid-column: 2;
    }

    .premium-plan-title-row {
        display: grid;
        justify-items: start;
        gap: 4px;
    }

    .premium-plan-option strong {
        font-size: 13px;
        line-height: 1.15;
    }

    .premium-plan-description {
        font-size: 9px;
        line-height: 1.25;
        -webkit-line-clamp: 3;
    }

    .premium-plan-price {
        align-self: end;
        justify-items: start;
        margin-top: auto;
    }

    .premium-plan-price b {
        font-size: 16px;
    }

    .premium-pricing-button {
        min-height: 50px;
        margin-top: 12px;
        font-size: 15px;
        border-radius: 13px;
    }

    .premium-pricing-guarantee {
        gap: 8px;
        margin-top: 12px;
    }

    .premium-pricing-guarantee > span {
        width: 24px;
        height: 24px;
        flex-basis: 24px;
    }

    .premium-pricing-guarantee p {
        margin-top: 2px;
        font-size: 10px;
    }

    .premium-secure-layout {
        gap: 10px;
    }

    .premium-secure-tabs {
        grid-template-columns: none;
        grid-auto-columns: minmax(142px, 47%);
        grid-auto-flow: column;
        gap: 8px;
        margin-inline: -12px;
        padding: 0 12px 3px;
        overflow-x: auto;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
    }

    .premium-secure-tabs::-webkit-scrollbar {
        display: none;
    }

    .premium-secure-tab {
        min-height: 70px;
        grid-template-columns: 22px minmax(0, 1fr);
        align-content: center;
        gap: 5px 7px;
        padding: 11px;
        scroll-snap-align: start;
    }

    .premium-secure-tab > span {
        grid-row: 1;
        font-size: 9px;
    }

    .premium-secure-tab strong {
        font-size: 13px;
        line-height: 1.1;
    }

    .premium-secure-tab small {
        display: none;
    }

    .premium-secure-stage {
        border-radius: 16px;
    }

    .premium-secure-panel {
        min-height: 0;
    }

    .premium-secure-visual {
        min-height: 210px;
        padding: 16px;
    }

    .premium-access-card {
        width: min(100%, 300px);
        padding: 18px;
        border-radius: 16px;
    }

    .premium-access-card > strong {
        margin-top: 14px;
        font-size: 19px;
    }

    .premium-access-progress {
        margin-top: 16px;
    }

    .premium-secure-panel-copy {
        padding: 18px;
    }

    .premium-secure-panel-copy h3 {
        margin: 5px 0 6px;
        font-size: 18px;
    }

    .premium-secure-panel-copy p {
        font-size: 12px;
        line-height: 1.4;
    }

    .premium-device-demo-phone {
        width: 54px;
        height: 116px;
    }

    .premium-device-demo-laptop {
        width: 126px;
        height: 82px;
    }

    .premium-device-demo-tv {
        width: 74px;
        height: 50px;
    }

    .premium-chat-bubble {
        width: min(88%, 330px);
        padding: 11px 12px;
        font-size: 11px;
    }

    .premium-advantage-grid {
        grid-auto-flow: row;
        grid-auto-columns: auto;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        margin-inline: 0;
        padding-inline: 0;
        overflow: visible;
        scroll-snap-type: none;
    }

    .premium-advantage-card,
    .premium-advantage-card-wide {
        min-height: 206px;
        grid-column: auto;
        padding: 15px 13px;
        border-radius: 15px;
        scroll-snap-align: none;
    }

    .premium-advantage-card:nth-child(3),
    .premium-advantage-card-wide {
        grid-column: 1 / -1;
    }

    .premium-advantage-card:nth-child(3) {
        min-height: 154px;
    }

    .premium-advantage-number {
        font-size: 28px;
    }

    .premium-advantage-card h3,
    .premium-advantage-card-wide h3 {
        margin: 10px 0 7px;
        font-size: 17px;
        line-height: 1.08;
    }

    .premium-advantage-card > p,
    .premium-advantage-card-wide > div:first-child > p:last-child {
        font-size: 11px;
        line-height: 1.35;
    }

    .premium-device-miniatures {
        display: none;
    }

    .premium-speed-ring {
        width: 94px;
        height: 47px;
        margin-top: auto;
        border-width: 8px;
    }

    .premium-speed-ring::before {
        inset: -8px;
        border-width: 8px;
    }

    .premium-online-pill {
        max-width: 100%;
        padding: 7px 8px;
        font-size: 9px;
    }

    .premium-advantage-card-wide {
        min-height: 220px;
        display: grid;
        grid-template-columns: minmax(0, 1fr) 112px;
        gap: 10px;
    }

    .premium-uptime {
        min-height: 112px;
        padding: 10px;
        border-radius: 13px;
    }

    .premium-uptime strong {
        font-size: 27px;
    }

    .premium-uptime span {
        font-size: 8px;
        text-align: center;
    }

    .premium-uptime i {
        margin-top: 12px;
    }

    .premium-carousel-dots {
        display: none;
    }

    .premium-connection {
        padding-top: 10px;
    }

    .premium-connection-card {
        padding: 15px 12px 22px;
        border-radius: 17px;
    }

    .premium-connection-switch {
        width: 100%;
    }

    .premium-connection-switch button {
        min-width: 0;
        flex: 1;
        min-height: 34px;
        padding: 7px 6px;
        font-size: 11px;
    }

    .premium-network {
        min-height: 150px;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 7px;
        padding: 20px 0 14px;
    }

    .premium-network-line {
        display: none;
    }

    .premium-network-node,
    .premium-network-core {
        min-height: 92px;
        gap: 5px;
        padding: 7px;
        border-radius: 13px;
    }

    .premium-network-node span,
    .premium-network-core small {
        font-size: 8px;
        line-height: 1.15;
    }

    .premium-network-core > span {
        width: 38px;
        height: 38px;
        border-radius: 11px;
        font-size: 13px;
    }

    .premium-connection-copy h2 {
        font-size: 27px;
    }

    .premium-badges {
        gap: 5px;
        margin-top: 14px;
    }

    .premium-badges span {
        min-height: 24px;
        padding: 5px 7px;
        font-size: 9px;
    }

    .premium-map {
        overflow: hidden;
        border-radius: 16px;
    }

    .premium-map-toolbar {
        min-height: 0;
        position: static;
        gap: 10px;
        padding: 12px;
    }

    .premium-map-toolbar > strong {
        font-size: 12px;
    }

    .premium-map-toolbar > strong span {
        font-size: 17px;
    }

    .premium-map-toolbar button {
        min-height: 32px;
        padding: 7px 8px;
        font-size: 10px;
    }

    .premium-map-canvas {
        width: 100%;
        height: 250px;
        background-size: auto, 34px 34px, 34px 34px, auto;
    }

    .premium-map-point {
        width: 24px;
        height: 24px;
    }

    .premium-map-point > i {
        width: 7px;
        height: 7px;
    }

    .premium-comparison-scroll {
        margin: 0;
        overflow: visible;
        border: 0;
        border-radius: 0;
    }

    .premium-comparison-table {
        min-width: 0;
        gap: 8px;
        background: transparent;
    }

    .premium-comparison-head {
        display: none;
    }

    .premium-comparison-row:not(.premium-comparison-head) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        overflow: hidden;
        border: 1px solid var(--border-primary);
        border-radius: 14px;
        background: var(--surface-primary);
    }

    .premium-comparison-row:not(.premium-comparison-head) > div {
        min-height: 58px;
        gap: 6px;
        padding: 11px;
        border-right: 1px solid var(--border-primary);
        font-size: 10px;
        line-height: 1.25;
    }

    .premium-comparison-row:not(.premium-comparison-head) > div:first-child {
        min-height: 42px;
        grid-column: 1 / -1;
        padding-block: 9px;
        background: #111216;
        border-right: 0;
        border-bottom: 1px solid var(--border-primary);
        font-size: 11px;
    }

    .premium-comparison-row:not(.premium-comparison-head) > div:last-child {
        border-right: 0;
    }

    .premium-check,
    .premium-minus {
        width: 19px;
        height: 19px;
        flex-basis: 19px;
        font-size: 9px;
    }

    .premium-review-track {
        grid-auto-columns: 82%;
        gap: 9px;
        margin-inline: -12px;
        padding-inline: 12px;
    }

    .premium-review-card {
        min-height: 260px;
        padding: 18px;
        border-radius: 16px;
    }

    .premium-review-card blockquote {
        margin: 18px 0;
        font-size: 14px;
        line-height: 1.45;
    }

    .premium-carousel-controls button {
        width: 42px;
        height: 42px;
    }

    .premium-faq-layout {
        gap: 22px;
    }

    .premium-faq-signals {
        margin-top: 14px;
    }

    .premium-faq-item summary {
        min-height: 62px;
        padding: 14px;
        font-size: 14px;
    }

    .premium-faq-item summary i {
        width: 30px;
        height: 30px;
        flex-basis: 30px;
    }

    .premium-faq-answer {
        padding: 0 48px 16px 14px;
    }

    .premium-faq-answer p {
        font-size: 12px;
        line-height: 1.45;
    }

    .premium-support-card {
        min-height: 0;
        gap: 16px;
        padding: 24px 16px;
        border-radius: 17px;
    }

    .premium-support-card .premium-button {
        min-height: 48px;
        margin-top: 18px;
        font-size: 14px;
    }

    .premium-support-art {
        min-height: 120px;
    }

    .premium-support-avatar {
        width: 50px;
        height: 50px;
        border-radius: 16px;
        font-size: 15px;
    }

    .premium-support-message {
        width: calc(100% - 34px);
        min-width: 0;
        margin-left: 34px;
        padding: 12px;
        font-size: 12px;
    }

    .premium-support-art > span {
        margin-left: 42px;
        font-size: 9px;
    }

    .premium-download {
        padding-top: 8px;
    }

    .premium-download-card {
        min-height: 0;
        padding: 24px 16px;
        border-radius: 17px;
    }

    .premium-download-device {
        display: none;
    }

    .premium-platforms {
        gap: 5px;
        margin: 18px 0;
    }

    .premium-platforms span {
        min-height: 24px;
        padding: 5px 7px;
        font-size: 9px;
    }

    .premium-download-content .premium-button {
        min-height: 48px;
        font-size: 14px;
    }

    .home-page .site-footer {
        margin-top: 38px;
        padding-top: 38px;
    }

    .home-page .sticky-cta {
        min-height: 56px;
        padding: 7px 8px 7px 12px;
        border-radius: 14px;
    }

    .home-page .sticky-cta-copy strong {
        max-width: 155px;
        font-size: 12px;
    }

    .home-page .sticky-cta-meta b {
        font-size: 11px;
    }

    .home-page .sticky-cta-meta em {
        padding: 4px 7px;
        font-size: 9px;
    }
}

@media (max-width: 390px) {
    .premium-hero-grid {
        grid-template-columns: minmax(0, 1.18fr) minmax(104px, 0.68fr);
        gap-inline: 7px;
    }

    .premium-hero h1 {
        font-size: clamp(30px, 9.5vw, 37px);
    }

    .premium-plan-option {
        min-height: 118px;
        padding-inline: 9px;
    }

    .premium-advantage-card-wide {
        grid-template-columns: minmax(0, 1fr) 96px;
    }
}

@media (max-width: 350px) {
    .premium-hero-grid {
        grid-template-columns: minmax(0, 1.2fr) 94px;
    }

    .premium-hero h1 {
        font-size: 29px;
    }

    .premium-payment-labels span:last-child {
        display: none;
    }

    .premium-plan-list {
        grid-template-columns: 1fr;
    }

    .premium-plan-option {
        min-height: 98px;
    }
}

/* Connection composition v3 */
.premium-connection {
    padding-top: 40px;
}

.premium-connection-card {
    min-height: 590px;
    display: grid;
    grid-template-columns: minmax(360px, 0.78fr) minmax(560px, 1.22fr);
    align-items: stretch;
    gap: clamp(34px, 4vw, 68px);
    isolation: isolate;
    padding: clamp(38px, 4.2vw, 66px);
    background:
        radial-gradient(42rem 32rem at 12% 92%, rgba(207, 0, 112, 0.12), transparent 67%),
        radial-gradient(38rem 32rem at 94% 10%, rgba(251, 178, 106, 0.1), transparent 68%),
        linear-gradient(145deg, #0c0c0f 0%, #080809 58%, #0d0b0a 100%);
    border-color: rgba(255, 255, 255, 0.09);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

.premium-connection-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: 0.28;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
    background-size: 42px 42px;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 60%, #000);
    mask-image: linear-gradient(90deg, transparent, #000 60%, #000);
}

.premium-connection-content {
    min-width: 0;
    display: flex;
    position: relative;
    z-index: 2;
    flex-direction: column;
    justify-content: space-between;
}

.premium-connection-switch {
    width: fit-content;
    padding: 5px;
    background: rgba(24, 25, 30, 0.78);
    border-color: rgba(255, 255, 255, 0.09);
    border-radius: 15px;
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.22);
    backdrop-filter: blur(16px);
}

.premium-connection-switch button {
    min-height: 42px;
    padding: 10px 18px;
    border-radius: 11px;
    font-size: 13px;
    transition: color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

.premium-connection-switch button.is-active {
    color: #17100b;
    background: var(--accent-peach);
    box-shadow: 0 8px 24px rgba(251, 178, 106, 0.16);
}

.premium-connection-copy {
    max-width: 530px;
    margin: clamp(60px, 8vh, 108px) 0 2px;
}

.premium-connection-copy h2 {
    max-width: 520px;
    margin-top: 16px;
    font-size: clamp(38px, 3.15vw, 52px);
    line-height: 0.98;
    letter-spacing: -0.045em;
}

.premium-connection-copy > p:not(.premium-kicker) {
    max-width: 480px;
    margin-top: 22px;
    color: #a4a5ab;
    font-size: 15px;
    line-height: 1.55;
}

.premium-connection-copy .premium-badges {
    gap: 7px;
    margin-top: 26px;
}

.premium-connection-copy .premium-badges span {
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    padding: 7px 10px;
    color: #bfc0c5;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 999px;
    font-size: 10px;
}

.premium-network-stage {
    min-width: 0;
    min-height: 456px;
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 48%, rgba(251, 178, 106, 0.13), transparent 31%),
        radial-gradient(circle at 9% 88%, rgba(207, 0, 112, 0.09), transparent 34%),
        rgba(15, 16, 20, 0.78);
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 28px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 32px 80px rgba(0, 0, 0, 0.3);
}

.premium-network-stage::before,
.premium-network-stage::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.premium-network-stage::before {
    width: 360px;
    height: 360px;
    top: 50%;
    left: 50%;
    border: 1px solid rgba(251, 178, 106, 0.08);
    box-shadow: 0 0 0 45px rgba(251, 178, 106, 0.025), 0 0 0 90px rgba(251, 178, 106, 0.018);
    transform: translate(-50%, -50%);
}

.premium-network-stage::after {
    width: 230px;
    height: 230px;
    right: -110px;
    bottom: -130px;
    background: rgba(251, 178, 106, 0.08);
    filter: blur(46px);
}

.premium-network-status,
.premium-network-foot {
    min-width: 0;
    display: flex;
    position: absolute;
    right: 22px;
    left: 22px;
    z-index: 3;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.premium-network-status {
    top: 20px;
}

.premium-network-status span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #e5e5e8;
    font-size: 11px;
    font-weight: 700;
}

.premium-network-status span i {
    width: 7px;
    height: 7px;
    display: block;
    background: var(--success);
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(77, 214, 132, 0.08), 0 0 16px rgba(77, 214, 132, 0.7);
}

.premium-network-status small,
.premium-network-foot {
    color: #74757c;
    font-size: 9px;
}

.premium-network-foot {
    bottom: 18px;
    padding-top: 14px;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.premium-network-foot b {
    color: #a9aab0;
    font-weight: 600;
}

.premium-network-stage .premium-network {
    min-height: 100%;
    display: grid;
    grid-template-columns: minmax(120px, 1fr) minmax(152px, 1.16fr) minmax(120px, 1fr);
    align-items: center;
    gap: clamp(16px, 2.2vw, 34px);
    padding: 78px clamp(18px, 2.4vw, 38px) 68px;
}

.premium-network-stage .premium-network::before,
.premium-network-stage .premium-network::after {
    content: "";
    height: 2px;
    position: absolute;
    top: 50%;
    right: 12%;
    left: 12%;
    z-index: 0;
    transform: translateY(-50%);
}

.premium-network-stage .premium-network::before {
    background: linear-gradient(90deg, transparent, rgba(251, 178, 106, 0.25) 15%, rgba(251, 178, 106, 0.82) 50%, rgba(251, 178, 106, 0.25) 85%, transparent);
}

.premium-network-stage .premium-network::after {
    width: 12%;
    right: auto;
    background: linear-gradient(90deg, transparent, #fff5e9, transparent);
    filter: drop-shadow(0 0 8px var(--accent-peach));
    animation: premiumRoute 3.6s ease-in-out infinite;
}

.premium-network-stage .premium-network-node,
.premium-network-stage .premium-network-core {
    width: 100%;
    min-height: 148px;
    position: relative;
    z-index: 2;
    gap: 10px;
    padding: 20px 14px;
    background: linear-gradient(145deg, rgba(30, 31, 37, 0.92), rgba(14, 15, 19, 0.96));
    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 21px;
    box-shadow: 0 24px 54px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.premium-network-stage .premium-network-node::after,
.premium-network-stage .premium-network-core::after {
    content: "";
    width: 7px;
    height: 7px;
    position: absolute;
    top: 50%;
    background: var(--accent-peach);
    border: 3px solid #17181d;
    border-radius: 50%;
    box-shadow: 0 0 13px var(--accent-peach);
    transform: translateY(-50%);
}

.premium-network-stage .premium-network-device::after,
.premium-network-stage .premium-network-core::after {
    right: -5px;
}

.premium-network-stage .premium-network-destination::after {
    left: -5px;
}

.premium-network-stage .premium-network-core {
    min-height: 210px;
    border-color: rgba(251, 178, 106, 0.34);
    background: linear-gradient(160deg, rgba(33, 29, 28, 0.96), rgba(14, 15, 19, 0.98) 62%);
    box-shadow: 0 0 70px rgba(251, 178, 106, 0.1), 0 30px 68px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.premium-network-stage .premium-network-core::before {
    content: "";
    width: 118px;
    height: 118px;
    position: absolute;
    top: 42%;
    left: 50%;
    border: 1px solid rgba(251, 178, 106, 0.12);
    border-radius: 50%;
    box-shadow: 0 0 0 17px rgba(251, 178, 106, 0.025);
    transform: translate(-50%, -50%);
}

.premium-network-stage .premium-network-node > i {
    width: 50px;
    height: 50px;
    display: grid;
    position: relative;
    place-items: center;
    background: linear-gradient(145deg, #34363e, #18191e);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 15px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.premium-network-device-icon b {
    width: 19px;
    height: 29px;
    display: block;
    position: relative;
    border: 1.5px solid #a2a3aa;
    border-radius: 5px;
}

.premium-network-device-icon b::after {
    content: "";
    width: 5px;
    height: 1.5px;
    position: absolute;
    bottom: 3px;
    left: 6px;
    background: #a2a3aa;
    border-radius: 2px;
}

.premium-network-services-icon {
    grid-template-columns: repeat(2, 7px);
    gap: 4px;
}

.premium-network-services-icon b {
    width: 7px;
    height: 7px;
    display: block;
    background: #aeb0b7;
    border-radius: 2px;
}

.premium-network-stage .premium-network-node > span {
    color: #f0f0f2;
    font-size: 11px;
    line-height: 1.25;
}

.premium-network-stage .premium-network-node > small {
    color: #6f7077;
    font-size: 8px;
    line-height: 1.25;
}

.premium-network-stage .premium-network-core > span {
    width: 78px;
    height: 78px;
    position: relative;
    z-index: 1;
    color: #17100b;
    background: linear-gradient(145deg, #ffd09e, var(--accent-peach));
    border-radius: 24px;
    box-shadow: 0 18px 38px rgba(251, 178, 106, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.42);
    font-size: 22px;
}

.premium-network-stage .premium-network-core > span b {
    font-weight: 850;
    letter-spacing: -0.04em;
}

.premium-network-stage .premium-network-core > span i {
    width: 8px;
    height: 8px;
    position: absolute;
    right: 7px;
    bottom: 7px;
    background: var(--success);
    border: 2px solid #fbbb78;
    border-radius: 50%;
}

.premium-network-stage .premium-network-core > small {
    max-width: 120px;
    position: relative;
    z-index: 1;
    color: #a6a7ac;
    font-size: 9px;
    line-height: 1.25;
}

@keyframes premiumRoute {
    0% { left: 8%; opacity: 0; }
    15% { opacity: 1; }
    85% { opacity: 1; }
    100% { left: 80%; opacity: 0; }
}

@media (max-width: 1180px) {
    .premium-connection-card {
        grid-template-columns: minmax(300px, 0.78fr) minmax(420px, 1.22fr);
        gap: 34px;
        padding: 38px;
    }

    .premium-connection-copy h2 {
        font-size: 40px;
    }

    .premium-network-stage .premium-network {
        grid-template-columns: minmax(100px, 1fr) minmax(132px, 1.12fr) minmax(100px, 1fr);
        gap: 15px;
        padding-inline: 18px;
    }
}

@media (max-width: 940px) {
    .premium-connection-card {
        min-height: 0;
        grid-template-columns: 1fr;
        gap: 34px;
        padding: 30px;
    }

    .premium-connection-copy {
        max-width: 650px;
        margin-top: 42px;
    }

    .premium-connection-copy h2 {
        max-width: 650px;
        font-size: 38px;
    }

    .premium-network-stage {
        min-height: 400px;
    }
}

@media (max-width: 680px) {
    .premium-connection {
        padding-top: 12px;
    }

    .premium-connection-card {
        gap: 24px;
        padding: 16px;
        border-radius: 18px;
    }

    .premium-connection-card::before {
        background-size: 28px 28px;
    }

    .premium-connection-switch {
        width: 100%;
        padding: 4px;
        border-radius: 13px;
    }

    .premium-connection-switch button {
        min-height: 38px;
        padding: 8px 6px;
        font-size: 11px;
    }

    .premium-connection-copy {
        margin-top: 30px;
    }

    .premium-connection-copy h2 {
        margin-top: 12px;
        font-size: 29px;
        line-height: 1.02;
    }

    .premium-connection-copy > p:not(.premium-kicker) {
        margin-top: 16px;
        font-size: 13px;
        line-height: 1.48;
    }

    .premium-connection-copy .premium-badges {
        margin-top: 18px;
    }

    .premium-connection-copy .premium-badges span {
        min-height: 25px;
        padding: 5px 8px;
        font-size: 8px;
    }

    .premium-network-stage {
        min-height: 330px;
        border-radius: 19px;
    }

    .premium-network-status,
    .premium-network-foot {
        right: 13px;
        left: 13px;
    }

    .premium-network-status {
        top: 14px;
    }

    .premium-network-status span {
        font-size: 9px;
    }

    .premium-network-status small {
        display: none;
    }

    .premium-network-foot {
        bottom: 12px;
        padding-top: 10px;
        font-size: 8px;
    }

    .premium-network-stage .premium-network {
        min-height: 330px;
        grid-template-columns: minmax(0, 1fr) minmax(92px, 1.1fr) minmax(0, 1fr);
        gap: 8px;
        padding: 58px 10px 48px;
    }

    .premium-network-stage .premium-network::before,
    .premium-network-stage .premium-network::after {
        right: 8%;
        left: 8%;
    }

    .premium-network-stage .premium-network::after {
        width: 16%;
        right: auto;
    }

    .premium-network-stage .premium-network-node,
    .premium-network-stage .premium-network-core {
        min-height: 116px;
        gap: 7px;
        padding: 12px 6px;
        border-radius: 14px;
    }

    .premium-network-stage .premium-network-core {
        min-height: 152px;
    }

    .premium-network-stage .premium-network-core::before {
        width: 82px;
        height: 82px;
    }

    .premium-network-stage .premium-network-node > i {
        width: 36px;
        height: 36px;
        border-radius: 11px;
    }

    .premium-network-device-icon b {
        width: 14px;
        height: 21px;
        border-radius: 4px;
    }

    .premium-network-device-icon b::after {
        width: 4px;
        left: 4px;
        bottom: 2px;
    }

    .premium-network-services-icon {
        grid-template-columns: repeat(2, 6px);
        gap: 3px;
    }

    .premium-network-services-icon b {
        width: 6px;
        height: 6px;
    }

    .premium-network-stage .premium-network-node > span,
    .premium-network-stage .premium-network-core > small {
        font-size: 7.5px;
    }

    .premium-network-stage .premium-network-node > small {
        display: none;
    }

    .premium-network-stage .premium-network-core > span {
        width: 54px;
        height: 54px;
        border-radius: 17px;
        font-size: 16px;
    }

    .premium-network-stage .premium-network-core > span i {
        right: 5px;
        bottom: 5px;
    }
}

@media (max-width: 350px) {
    .premium-network-stage .premium-network {
        grid-template-columns: minmax(0, 1fr) 82px minmax(0, 1fr);
        gap: 5px;
        padding-inline: 7px;
    }

    .premium-network-stage .premium-network-node > span,
    .premium-network-stage .premium-network-core > small {
        font-size: 7px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .premium-network-stage .premium-network::after {
        animation: none;
        opacity: 0.65;
        left: 44%;
    }
}

/* Access flow composition v4 */
.premium-secure-visual-access {
    min-height: 390px;
    padding: clamp(30px, 4vw, 54px);
}

.premium-secure-visual-access::before {
    inset: 2% 4%;
    background:
        radial-gradient(circle at 18% 76%, rgba(207, 0, 112, 0.14), transparent 38%),
        radial-gradient(circle at 82% 22%, rgba(251, 178, 106, 0.15), transparent 40%);
    filter: blur(26px);
}

.premium-access-card {
    width: min(100%, 640px);
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.premium-access-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 24px;
}

.premium-access-status {
    padding: 6px 9px;
    border-color: rgba(71, 212, 119, 0.18);
    border-radius: 999px;
    font-size: 10px;
    letter-spacing: 0.01em;
}

.premium-access-head > div > strong {
    max-width: 440px;
    display: block;
    margin-top: 18px;
    color: var(--text-primary);
    font-size: clamp(28px, 3vw, 38px);
    line-height: 1.02;
    letter-spacing: -0.04em;
}

.premium-access-time {
    width: 92px;
    height: 92px;
    display: grid;
    position: relative;
    isolation: isolate;
    place-content: center;
    gap: 1px;
    color: #17100b;
    text-align: center;
    background: linear-gradient(145deg, #ffd3a4, var(--accent-peach));
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 28px;
    box-shadow: 0 20px 44px rgba(251, 178, 106, 0.17), inset 0 1px 0 rgba(255, 255, 255, 0.42);
    transform: rotate(3deg);
}

.premium-access-time::before {
    content: "";
    position: absolute;
    inset: -7px;
    z-index: -1;
    border: 1px solid rgba(251, 178, 106, 0.13);
    border-radius: 33px;
}

.premium-access-time b {
    font-size: 26px;
    line-height: 1;
    letter-spacing: -0.06em;
}

.premium-access-time small {
    font-size: 8px;
    font-weight: 700;
    text-transform: uppercase;
}

.premium-access-flow {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    position: relative;
    gap: 11px;
    margin-top: 32px;
}

.premium-access-flow::before {
    content: "";
    height: 2px;
    position: absolute;
    top: 29px;
    right: 8%;
    left: 8%;
    z-index: 0;
    background: linear-gradient(90deg, rgba(71, 212, 119, 0.48), rgba(251, 178, 106, 0.85));
    box-shadow: 0 0 14px rgba(251, 178, 106, 0.18);
}

.premium-access-step {
    min-width: 0;
    min-height: 118px;
    display: flex;
    position: relative;
    z-index: 1;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 16px;
    background: linear-gradient(145deg, rgba(31, 32, 38, 0.88), rgba(15, 16, 20, 0.94));
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 17px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

.premium-access-step.is-current {
    border-color: rgba(251, 178, 106, 0.34);
    background: linear-gradient(145deg, rgba(52, 38, 29, 0.88), rgba(17, 17, 20, 0.96));
}

.premium-access-step > i {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    color: #9b9ca3;
    background: #222329;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 9px;
    font-size: 8px;
    font-style: normal;
    font-weight: 800;
}

.premium-access-step.is-complete > i {
    color: var(--success);
    background: rgba(71, 212, 119, 0.09);
    border-color: rgba(71, 212, 119, 0.2);
}

.premium-access-step.is-current > i {
    color: #17100b;
    background: var(--accent-peach);
    border-color: var(--accent-peach);
    box-shadow: 0 0 22px rgba(251, 178, 106, 0.18);
}

.premium-access-step > span {
    min-width: 0;
    display: grid;
    gap: 4px;
}

.premium-access-step > span b {
    color: #e7e7ea;
    font-size: 12px;
    line-height: 1.15;
}

.premium-access-step > span small {
    overflow: hidden;
    color: #787980;
    font-size: 8px;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.premium-access-note {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 18px;
    color: #85868d;
    font-size: 9px;
}

.premium-access-note i {
    width: 6px;
    height: 6px;
    display: block;
    background: var(--accent-peach);
    border-radius: 50%;
    box-shadow: 0 0 11px rgba(251, 178, 106, 0.65);
}

@media (max-width: 680px) {
    .premium-secure-visual-access {
        min-height: 390px;
        padding: 22px 17px;
    }

    .premium-access-head {
        align-items: center;
        gap: 14px;
    }

    .premium-access-status {
        padding: 5px 8px;
        font-size: 8px;
    }

    .premium-access-head > div > strong {
        margin-top: 12px;
        font-size: 22px;
        line-height: 1.04;
    }

    .premium-access-time {
        width: 66px;
        height: 66px;
        flex: 0 0 66px;
        border-radius: 20px;
    }

    .premium-access-time::before {
        inset: -5px;
        border-radius: 24px;
    }

    .premium-access-time b {
        font-size: 19px;
    }

    .premium-access-time small {
        font-size: 6px;
    }

    .premium-access-flow {
        grid-template-columns: 1fr;
        gap: 7px;
        margin-top: 22px;
    }

    .premium-access-flow::before {
        width: 2px;
        height: auto;
        top: 24px;
        right: auto;
        bottom: 24px;
        left: 23px;
    }

    .premium-access-step {
        min-height: 58px;
        display: grid;
        grid-template-columns: 30px minmax(0, 1fr);
        align-items: center;
        justify-content: stretch;
        gap: 11px;
        padding: 10px 12px;
        border-radius: 13px;
    }

    .premium-access-step > i {
        width: 26px;
        height: 26px;
        border-radius: 8px;
    }

    .premium-access-step > span {
        gap: 3px;
    }

    .premium-access-step > span b {
        font-size: 11px;
    }

    .premium-access-note {
        margin-top: 13px;
        font-size: 8px;
    }
}

/* Dual component polish v5 */
.premium-connection-card {
    min-height: 520px;
    grid-template-columns: minmax(330px, 0.8fr) minmax(500px, 1.2fr);
    gap: clamp(34px, 3.8vw, 58px);
    padding: clamp(36px, 3.6vw, 54px);
    border-radius: 26px;
}

.premium-connection-copy {
    margin-top: clamp(42px, 6vh, 72px);
}

.premium-connection-copy h2 {
    font-size: clamp(36px, 2.8vw, 46px);
    line-height: 1.01;
}

.premium-network-stage {
    min-height: 410px;
    border-radius: 23px;
}

.premium-network-stage::before {
    width: 300px;
    height: 300px;
    box-shadow: 0 0 0 38px rgba(251, 178, 106, 0.023), 0 0 0 76px rgba(251, 178, 106, 0.015);
}

.premium-network-stage .premium-network {
    grid-template-columns: minmax(110px, 1fr) minmax(145px, 1.12fr) minmax(110px, 1fr);
    gap: clamp(13px, 1.7vw, 25px);
    padding: 68px clamp(16px, 2vw, 30px) 58px;
}

.premium-network-stage .premium-network-node,
.premium-network-stage .premium-network-core {
    min-height: 128px;
    padding: 16px 12px;
    border-radius: 18px;
}

.premium-network-stage .premium-network-core {
    min-height: 184px;
}

.premium-secure-visual-access {
    min-height: 350px;
    padding: clamp(28px, 3.5vw, 44px);
}

.premium-access-card {
    width: min(100%, 590px);
}

.premium-access-head > div > strong {
    font-size: clamp(27px, 2.7vw, 34px);
}

.premium-access-time {
    width: 82px;
    height: 82px;
    border-radius: 25px;
}

.premium-access-time::before {
    border-radius: 30px;
}

.premium-access-time b {
    font-size: 23px;
}

.premium-access-flow {
    margin-top: 26px;
}

.premium-access-step {
    min-height: 102px;
    gap: 14px;
    padding: 14px;
    border-radius: 15px;
}

.premium-access-note {
    margin-top: 14px;
}

@media (max-width: 1180px) {
    .premium-connection-card {
        grid-template-columns: minmax(290px, 0.8fr) minmax(410px, 1.2fr);
        gap: 30px;
        padding: 36px;
    }

    .premium-network-stage .premium-network {
        grid-template-columns: minmax(96px, 1fr) minmax(126px, 1.1fr) minmax(96px, 1fr);
        gap: 12px;
        padding-inline: 16px;
    }
}

@media (max-width: 940px) {
    .premium-connection-card {
        min-height: 0;
        grid-template-columns: 1fr;
        gap: 30px;
        padding: 30px;
    }

    .premium-connection-copy {
        max-width: 650px;
        margin-top: 38px;
    }

    .premium-network-stage {
        min-height: 380px;
    }

    .premium-secure-visual-access {
        min-height: 340px;
    }
}

@media (max-width: 680px) {
    .premium-connection-card {
        gap: 22px;
        padding: 15px;
        border-radius: 18px;
    }

    .premium-connection-copy {
        margin-top: 28px;
    }

    .premium-connection-copy h2 {
        font-size: 28px;
    }

    .premium-network-stage {
        min-height: 310px;
        border-radius: 18px;
    }

    .premium-network-stage::before {
        width: 210px;
        height: 210px;
        box-shadow: 0 0 0 28px rgba(251, 178, 106, 0.023), 0 0 0 56px rgba(251, 178, 106, 0.015);
    }

    .premium-network-stage .premium-network {
        min-height: 310px;
        grid-template-columns: minmax(0, 1fr) minmax(88px, 1.06fr) minmax(0, 1fr);
        gap: 7px;
        padding: 54px 9px 45px;
    }

    .premium-network-stage .premium-network-node,
    .premium-network-stage .premium-network-core {
        min-height: 108px;
        padding: 10px 5px;
        border-radius: 13px;
    }

    .premium-network-stage .premium-network-core {
        min-height: 142px;
    }

    .premium-secure-visual-access {
        min-height: 350px;
        padding: 20px 15px;
    }

    .premium-access-card {
        width: 100%;
    }

    .premium-access-head > div > strong {
        font-size: 21px;
    }

    .premium-access-time {
        width: 62px;
        height: 62px;
        border-radius: 19px;
    }

    .premium-access-time::before {
        border-radius: 23px;
    }

    .premium-access-flow {
        margin-top: 20px;
    }

    .premium-access-step {
        min-height: 54px;
        gap: 10px;
        padding: 9px 11px;
        border-radius: 12px;
    }

    .premium-access-note {
        margin-top: 11px;
    }
}

/* Device scene composition v6 */
.premium-secure-visual-devices {
    min-height: 390px;
    display: grid;
    place-items: center;
    padding: 34px;
}

.premium-secure-visual-devices::before {
    inset: 2% 3%;
    background:
        radial-gradient(circle at 50% 58%, rgba(251, 178, 106, 0.14), transparent 34%),
        radial-gradient(circle at 86% 18%, rgba(207, 0, 112, 0.11), transparent 38%);
    filter: blur(26px);
}

.premium-device-scene {
    width: min(100%, 680px);
    height: 300px;
    position: relative;
    z-index: 1;
}

.premium-device-scene::before {
    content: "";
    height: 1px;
    position: absolute;
    top: 52%;
    right: 10%;
    left: 10%;
    z-index: 0;
    background: linear-gradient(90deg, transparent, rgba(251, 178, 106, 0.24) 18%, rgba(251, 178, 106, 0.58) 50%, rgba(251, 178, 106, 0.24) 82%, transparent);
    box-shadow: 0 0 18px rgba(251, 178, 106, 0.12);
}

.premium-device-demo {
    display: block;
    position: absolute;
    z-index: 2;
    padding: 6px;
    color: #e7e7e9;
    background: linear-gradient(145deg, #34353c, #17181d 48%, #090a0c);
    border: 1px solid rgba(255, 255, 255, 0.14);
    box-shadow: 0 28px 62px rgba(0, 0, 0, 0.48), inset 0 1px 0 rgba(255, 255, 255, 0.07);
    font-size: inherit;
}

.premium-device-demo-phone {
    width: 90px;
    height: 188px;
    bottom: 30px;
    left: 3%;
    border-radius: 25px;
    transform: rotate(-4deg);
}

.premium-device-demo-laptop {
    width: 286px;
    height: 178px;
    bottom: 38px;
    left: 50%;
    border-radius: 15px 15px 9px 9px;
    transform: translateX(-50%);
}

.premium-device-demo-tv {
    width: 194px;
    height: 120px;
    top: 42px;
    right: 1%;
    border-radius: 13px;
    transform: rotate(3deg);
}

.premium-device-screen {
    width: 100%;
    height: 100%;
    display: grid;
    position: relative;
    overflow: hidden;
    place-content: center;
    justify-items: center;
    gap: 7px;
    background:
        radial-gradient(circle at 50% 42%, rgba(251, 178, 106, 0.16), transparent 31%),
        linear-gradient(155deg, #14151a, #090a0d);
    border: 1px solid rgba(255, 255, 255, 0.045);
    border-radius: inherit;
}

.premium-device-screen::before {
    content: "";
    width: 110px;
    height: 110px;
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid rgba(251, 178, 106, 0.08);
    border-radius: 50%;
    box-shadow: 0 0 0 19px rgba(251, 178, 106, 0.018);
    transform: translate(-50%, -50%);
}

.premium-device-screen > b {
    width: 48px;
    height: 48px;
    display: grid;
    position: relative;
    z-index: 1;
    place-items: center;
    color: #17100b;
    background: linear-gradient(145deg, #ffd2a1, var(--accent-peach));
    border-radius: 15px;
    box-shadow: 0 12px 26px rgba(251, 178, 106, 0.15);
    font-size: 14px;
    letter-spacing: -0.04em;
}

.premium-device-screen > small {
    display: flex;
    position: relative;
    z-index: 1;
    align-items: center;
    gap: 5px;
    color: #b2b3b8;
    font-size: 8px;
    font-weight: 600;
}

.premium-device-screen > small i,
.premium-device-sync > i {
    width: 6px;
    height: 6px;
    display: block;
    background: var(--success);
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(71, 212, 119, 0.75);
}

.premium-device-screen > em {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 1;
    color: #5f6067;
    font-size: 7px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    transform: translateX(-50%);
}

.premium-device-camera {
    width: 28px;
    height: 5px;
    position: absolute;
    top: 10px;
    left: 50%;
    z-index: 4;
    background: #050506;
    border-radius: 999px;
    transform: translateX(-50%);
}

.premium-device-demo-phone .premium-device-screen > b {
    width: 38px;
    height: 38px;
    border-radius: 12px;
    font-size: 11px;
}

.premium-device-window {
    display: flex;
    position: absolute;
    top: 10px;
    left: 12px;
    gap: 3px;
}

.premium-device-window b {
    width: 4px;
    height: 4px;
    display: block;
    background: #4a4b51;
    border-radius: 50%;
}

.premium-device-window b:first-child {
    background: var(--accent-peach);
}

.premium-device-base {
    width: calc(100% + 34px);
    height: 10px;
    position: absolute;
    right: -17px;
    bottom: -11px;
    background: linear-gradient(180deg, #34353b, #111216);
    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 2px 2px 14px 14px;
    box-shadow: 0 12px 18px rgba(0, 0, 0, 0.34);
}

.premium-device-stand {
    width: 54px;
    height: 25px;
    position: absolute;
    bottom: -27px;
    left: 50%;
    border-bottom: 6px solid #24252a;
    transform: translateX(-50%);
}

.premium-device-stand::before {
    content: "";
    width: 5px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 50%;
    background: #2c2d33;
    transform: translateX(-50%);
}

.premium-device-sync {
    display: flex;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 5;
    align-items: center;
    gap: 9px;
    padding: 9px 12px;
    background: rgba(20, 21, 25, 0.86);
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 999px;
    box-shadow: 0 14px 36px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(16px);
    transform: translateX(-50%);
}

.premium-device-sync > span {
    display: grid;
    gap: 1px;
    white-space: nowrap;
}

.premium-device-sync b {
    color: #e2e2e5;
    font-size: 9px;
}

.premium-device-sync small {
    color: #686970;
    font-size: 7px;
}

@media (max-width: 680px) {
    .premium-secure-visual-devices {
        min-height: 270px;
        padding: 16px 12px;
    }

    .premium-device-scene {
        width: 100%;
        height: 230px;
    }

    .premium-device-demo-phone {
        width: 55px;
        height: 118px;
        bottom: 33px;
        left: 1%;
        padding: 4px;
        border-radius: 16px;
    }

    .premium-device-demo-laptop {
        width: 150px;
        height: 96px;
        bottom: 38px;
        padding: 4px;
        border-radius: 10px 10px 6px 6px;
    }

    .premium-device-demo-tv {
        width: 96px;
        height: 62px;
        top: 52px;
        right: 0;
        padding: 4px;
        border-radius: 8px;
    }

    .premium-device-screen {
        gap: 4px;
    }

    .premium-device-screen::before {
        width: 70px;
        height: 70px;
    }

    .premium-device-screen > b,
    .premium-device-demo-phone .premium-device-screen > b {
        width: 28px;
        height: 28px;
        border-radius: 9px;
        font-size: 8px;
    }

    .premium-device-screen > small {
        gap: 3px;
        font-size: 5px;
    }

    .premium-device-screen > small i {
        width: 4px;
        height: 4px;
    }

    .premium-device-screen > em {
        bottom: 5px;
        font-size: 5px;
    }

    .premium-device-camera {
        width: 18px;
        height: 3px;
        top: 7px;
    }

    .premium-device-window {
        top: 7px;
        left: 8px;
    }

    .premium-device-base {
        width: calc(100% + 20px);
        height: 7px;
        right: -10px;
        bottom: -8px;
    }

    .premium-device-stand {
        width: 34px;
        height: 16px;
        bottom: -18px;
        border-bottom-width: 4px;
    }

    .premium-device-stand::before {
        width: 4px;
        height: 13px;
    }

    .premium-device-sync {
        top: 4px;
        gap: 6px;
        padding: 7px 9px;
    }

    .premium-device-sync b {
        font-size: 7px;
    }

    .premium-device-sync small {
        font-size: 5px;
    }
}

@media (max-width: 350px) {
    .premium-device-demo-laptop {
        width: 136px;
    }

    .premium-device-demo-tv {
        width: 84px;
    }
}

/* Support scene composition v7 */
.premium-secure-visual-support {
    min-height: 390px;
    display: grid;
    place-items: center;
    padding: 34px;
}

.premium-secure-visual-support::before {
    inset: 3% 4%;
    background:
        radial-gradient(circle at 30% 74%, rgba(251, 178, 106, 0.14), transparent 39%),
        radial-gradient(circle at 82% 18%, rgba(207, 0, 112, 0.1), transparent 37%);
    filter: blur(28px);
}

.premium-support-scene {
    width: min(100%, 650px);
    min-height: 302px;
    display: grid;
    grid-template-rows: auto 1fr auto;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background: rgba(15, 16, 20, 0.9);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 21px;
    box-shadow: 0 28px 68px rgba(0, 0, 0, 0.36), inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.premium-support-scene-head {
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 15px;
    background: rgba(255, 255, 255, 0.018);
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.premium-support-agent {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.premium-support-agent > i,
.premium-support-message-agent > i {
    width: 36px;
    height: 36px;
    display: grid;
    flex: 0 0 36px;
    place-items: center;
    color: #17100b;
    background: linear-gradient(145deg, #ffd2a1, var(--accent-peach));
    border-radius: 12px;
    box-shadow: 0 10px 22px rgba(251, 178, 106, 0.14);
    font-size: 11px;
    font-style: normal;
    font-weight: 800;
}

.premium-support-agent > span {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.premium-support-agent b {
    overflow: hidden;
    color: #e8e8eb;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.premium-support-agent small {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #77787f;
    font-size: 7px;
}

.premium-support-agent small i,
.premium-support-message-agent em i {
    width: 5px;
    height: 5px;
    display: block;
    background: var(--success);
    border-radius: 50%;
    box-shadow: 0 0 9px rgba(71, 212, 119, 0.72);
}

.premium-support-scene-head > em {
    flex: 0 0 auto;
    padding: 6px 8px;
    color: #8c8d94;
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 999px;
    font-size: 7px;
    font-style: normal;
    font-weight: 600;
}

.premium-support-dialog {
    display: grid;
    align-content: center;
    gap: 10px;
    padding: 17px 18px 14px;
}

.premium-support-dialog .premium-support-message {
    min-width: 0;
    position: relative;
    z-index: 1;
    margin-left: 0;
    padding: 0;
    color: inherit;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.premium-support-dialog .premium-support-message > span {
    min-width: 0;
    display: grid;
    gap: 6px;
}

.premium-support-dialog .premium-support-message small {
    color: #6f7077;
    font-size: 7px;
}

.premium-support-dialog .premium-support-message b {
    color: #dedee2;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.35;
}

.premium-support-dialog .premium-support-message em {
    width: max-content;
    max-width: 100%;
    color: #777880;
    font-size: 7px;
    font-style: normal;
}

.premium-support-dialog .premium-support-message-user {
    width: min(72%, 380px);
    justify-self: end;
    padding: 12px 14px;
    background: linear-gradient(145deg, #25262c, #1b1c21);
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 15px 15px 5px 15px;
}

.premium-support-dialog .premium-support-message-user em {
    padding: 4px 6px;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 5px;
}

.premium-support-dialog .premium-support-message-agent {
    width: min(84%, 460px);
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    align-items: start;
    gap: 10px;
    padding: 12px 14px 12px 11px;
    background: linear-gradient(145deg, rgba(52, 38, 29, 0.86), rgba(22, 20, 20, 0.94));
    border: 1px solid rgba(251, 178, 106, 0.25);
    border-radius: 15px 15px 15px 5px;
    box-shadow: 0 16px 38px rgba(0, 0, 0, 0.2);
}

.premium-support-dialog .premium-support-message-agent > i {
    width: 30px;
    height: 30px;
    flex-basis: 30px;
    border-radius: 10px;
    font-size: 9px;
}

.premium-support-dialog .premium-support-message-agent em {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #a3a4aa;
}

.premium-support-topics {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 0 18px 15px;
}

.premium-support-topics span,
.premium-support-topics b {
    padding: 5px 7px;
    color: #717279;
    background: rgba(255, 255, 255, 0.025);
    border: 1px solid rgba(255, 255, 255, 0.065);
    border-radius: 999px;
    font-size: 7px;
    font-weight: 600;
}

.premium-support-topics b {
    margin-left: auto;
    color: var(--accent-peach);
    background: rgba(251, 178, 106, 0.06);
    border-color: rgba(251, 178, 106, 0.14);
}

@media (max-width: 680px) {
    .premium-secure-visual-support {
        min-height: 320px;
        padding: 17px 12px;
    }

    .premium-support-scene {
        width: 100%;
        min-height: 284px;
        border-radius: 16px;
    }

    .premium-support-scene-head {
        min-height: 54px;
        padding: 9px 10px;
    }

    .premium-support-agent {
        gap: 7px;
    }

    .premium-support-agent > i {
        width: 30px;
        height: 30px;
        flex-basis: 30px;
        border-radius: 10px;
        font-size: 9px;
    }

    .premium-support-agent b {
        font-size: 8px;
    }

    .premium-support-scene-head > em {
        padding: 5px 6px;
        font-size: 6px;
    }

    .premium-support-dialog {
        gap: 8px;
        padding: 12px 10px 10px;
    }

    .premium-support-dialog .premium-support-message-user {
        width: 88%;
        padding: 10px 11px;
    }

    .premium-support-dialog .premium-support-message-agent {
        width: 94%;
        grid-template-columns: 27px minmax(0, 1fr);
        gap: 8px;
        padding: 10px 11px 10px 9px;
    }

    .premium-support-dialog .premium-support-message-agent > i {
        width: 27px;
        height: 27px;
        flex-basis: 27px;
        border-radius: 9px;
    }

    .premium-support-dialog .premium-support-message b {
        font-size: 8px;
    }

    .premium-support-topics {
        gap: 4px;
        padding: 0 10px 11px;
    }

    .premium-support-topics span,
    .premium-support-topics b {
        padding: 4px 5px;
        font-size: 5.5px;
    }
}

/* Network map composition v8 */
.premium-map {
    background: #0b0c0f;
    border-color: rgba(255, 255, 255, 0.09);
    border-radius: 25px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

.premium-map-toolbar {
    min-height: 78px;
    padding: 14px 17px 14px 22px;
    background: rgba(13, 14, 17, 0.92);
    border-color: rgba(255, 255, 255, 0.075);
}

.premium-map-toolbar > strong {
    display: flex;
    align-items: center;
    gap: 10px;
}

.premium-map-toolbar > strong > span:first-child {
    color: var(--accent-peach);
    font-size: 28px;
    line-height: 1;
    letter-spacing: -0.05em;
}

.premium-map-toolbar-copy {
    display: grid;
    gap: 3px;
}

.premium-map-toolbar > strong .premium-map-toolbar-copy {
    color: inherit;
    font-size: inherit;
}

.premium-map-toolbar-copy b {
    color: #e5e5e8;
    font-size: 11px;
    line-height: 1;
}

.premium-map-toolbar-copy small {
    color: #6d6e75;
    font-size: 8px;
    font-weight: 500;
}

.premium-map-toolbar > div {
    padding: 4px;
    background: rgba(27, 28, 33, 0.9);
    border-color: rgba(255, 255, 255, 0.08);
    border-radius: 14px;
}

.premium-map-toolbar button {
    min-height: 38px;
    padding-inline: 16px;
    border-radius: 10px;
    font-size: 11px;
}

.premium-map-toolbar button.is-active {
    color: #17100b;
    background: var(--accent-peach);
    box-shadow: 0 9px 24px rgba(251, 178, 106, 0.12);
}

.premium-map-toolbar button:focus-visible,
.premium-map-point:focus-visible {
    outline: 2px solid var(--accent-peach);
    outline-offset: 3px;
}

.premium-map-canvas {
    height: 430px;
    isolation: isolate;
    background:
        radial-gradient(circle at 54% 51%, rgba(207, 0, 112, 0.095), transparent 34%),
        radial-gradient(circle at 28% 62%, rgba(251, 178, 106, 0.055), transparent 26%),
        linear-gradient(rgba(255, 255, 255, 0.022) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.022) 1px, transparent 1px),
        #070709;
    background-size: auto, auto, 48px 48px, 48px 48px, auto;
}

.premium-map-canvas::before,
.premium-map-canvas::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

.premium-map-canvas::before {
    inset: 0;
    z-index: -2;
    background: linear-gradient(90deg, rgba(7, 7, 9, 0.74), transparent 20%, transparent 82%, rgba(7, 7, 9, 0.72));
}

.premium-map-canvas::after {
    width: 34%;
    height: 42%;
    right: 9%;
    bottom: 8%;
    z-index: -1;
    background: rgba(207, 0, 112, 0.06);
    border-radius: 50%;
    filter: blur(58px);
}

.premium-map-live {
    display: inline-flex;
    position: absolute;
    top: 18px;
    left: 20px;
    z-index: 5;
    align-items: center;
    gap: 7px;
    padding: 8px 10px;
    color: #a8a9af;
    background: rgba(19, 20, 24, 0.82);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 999px;
    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.24);
    backdrop-filter: blur(14px);
    font-size: 8px;
    font-weight: 600;
}

.premium-map-live i,
.premium-map-summary span i {
    width: 6px;
    height: 6px;
    display: block;
    background: var(--success);
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(71, 212, 119, 0.72);
}

.premium-map-silhouette {
    width: 84%;
    height: 57%;
    position: absolute;
    top: 20%;
    left: 8%;
    z-index: 0;
    opacity: 0.78;
    background:
        linear-gradient(145deg, rgba(36, 37, 43, 0.92), rgba(15, 16, 20, 0.96)),
        #15161a;
    -webkit-clip-path: polygon(1% 45%, 6% 33%, 12% 35%, 17% 24%, 23% 30%, 29% 18%, 36% 24%, 42% 15%, 49% 23%, 55% 12%, 62% 20%, 69% 10%, 76% 20%, 83% 13%, 90% 24%, 98% 23%, 94% 38%, 99% 48%, 92% 57%, 87% 74%, 80% 68%, 73% 81%, 66% 68%, 59% 77%, 52% 64%, 45% 72%, 38% 58%, 31% 65%, 24% 55%, 17% 67%, 10% 58%, 4% 65%);
    clip-path: polygon(1% 45%, 6% 33%, 12% 35%, 17% 24%, 23% 30%, 29% 18%, 36% 24%, 42% 15%, 49% 23%, 55% 12%, 62% 20%, 69% 10%, 76% 20%, 83% 13%, 90% 24%, 98% 23%, 94% 38%, 99% 48%, 92% 57%, 87% 74%, 80% 68%, 73% 81%, 66% 68%, 59% 77%, 52% 64%, 45% 72%, 38% 58%, 31% 65%, 24% 55%, 17% 67%, 10% 58%, 4% 65%);
    filter: drop-shadow(0 28px 55px rgba(0, 0, 0, 0.4));
}

.premium-map-silhouette::before {
    content: "";
    position: absolute;
    inset: 1px;
    background:
        repeating-linear-gradient(118deg, rgba(255, 255, 255, 0.025) 0 1px, transparent 1px 24px),
        radial-gradient(circle at 50% 50%, rgba(251, 178, 106, 0.09), transparent 43%);
    clip-path: inherit;
}

.premium-map-route {
    width: 42%;
    height: 24%;
    position: absolute;
    top: 41%;
    left: 23%;
    z-index: 1;
    overflow: hidden;
    border-top: 1px solid rgba(251, 178, 106, 0.36);
    border-radius: 50%;
    transform: rotate(3deg);
}

.premium-map-route i {
    width: 7px;
    height: 7px;
    position: absolute;
    top: -4px;
    left: 0;
    background: #fff0df;
    border-radius: 50%;
    box-shadow: 0 0 14px var(--accent-peach);
    animation: premiumMapSignal 4.2s ease-in-out infinite;
}

.premium-map-point {
    width: 22px;
    height: 22px;
    z-index: 3;
}

.premium-map-point > i {
    width: 7px;
    height: 7px;
    background: var(--accent-peach);
    border: 2px solid #fff2e4;
    box-shadow: 0 0 0 5px rgba(251, 178, 106, 0.1), 0 0 18px rgba(251, 178, 106, 0.52);
}

.premium-map-point > span {
    bottom: 22px;
    padding: 6px 8px;
    background: rgba(24, 25, 30, 0.94);
    border-color: rgba(255, 255, 255, 0.11);
    border-radius: 8px;
    font-size: 9px;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.34);
    backdrop-filter: blur(12px);
}

.premium-map-point > span small {
    margin-top: 1px;
    font-size: 7px;
}

.premium-map-point.is-featured > span {
    display: block;
}

.premium-map-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    background: rgba(13, 14, 17, 0.96);
    border-top: 1px solid rgba(255, 255, 255, 0.075);
}

.premium-map-summary > div {
    min-width: 0;
    display: grid;
    gap: 4px;
    padding: 17px 20px;
    border-right: 1px solid rgba(255, 255, 255, 0.07);
}

.premium-map-summary > div:last-child {
    border-right: 0;
}

.premium-map-summary span {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #73747b;
    font-size: 7px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.premium-map-summary b {
    color: #dedee2;
    font-size: 11px;
}

.premium-map-summary small {
    color: #686970;
    font-size: 8px;
}

@keyframes premiumMapSignal {
    0% { left: 0; opacity: 0; }
    12% { opacity: 1; }
    88% { opacity: 1; }
    100% { left: calc(100% - 7px); opacity: 0; }
}

@media (max-width: 680px) {
    .premium-map {
        border-radius: 17px;
    }

    .premium-map-toolbar {
        gap: 11px;
        padding: 12px;
    }

    .premium-map-toolbar > strong > span:first-child {
        font-size: 23px;
    }

    .premium-map-toolbar-copy b {
        font-size: 9px;
    }

    .premium-map-toolbar-copy small {
        font-size: 6px;
    }

    .premium-map-toolbar button {
        min-height: 34px;
        padding: 7px;
        font-size: 9px;
    }

    .premium-map-canvas {
        width: 100%;
        height: 290px;
        background-size: auto, auto, 32px 32px, 32px 32px, auto;
    }

    .premium-map-live {
        top: 10px;
        left: 10px;
        padding: 6px 8px;
        font-size: 6px;
    }

    .premium-map-silhouette {
        width: 92%;
        height: 54%;
        top: 25%;
        left: 4%;
    }

    .premium-map-route {
        width: 47%;
        top: 45%;
        left: 22%;
    }

    .premium-map-point {
        width: 20px;
        height: 20px;
    }

    .premium-map-point > span {
        bottom: 19px;
        padding: 4px 5px;
        border-radius: 6px;
        font-size: 7px;
    }

    .premium-map-point > span small {
        display: none;
    }

    .premium-map-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .premium-map-summary > div {
        padding: 12px;
    }

    .premium-map-summary > div:nth-child(2) {
        border-right: 0;
    }

    .premium-map-summary > div:last-child {
        grid-column: 1 / -1;
        border-top: 1px solid rgba(255, 255, 255, 0.07);
    }

    .premium-map-summary b {
        font-size: 9px;
    }

    .premium-map-summary small {
        font-size: 6px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .premium-map-route i {
        animation: none;
        left: 52%;
        opacity: 0.8;
    }
}

/* Advantage devices composition v9 */
.premium-advantage-card-devices {
    isolation: isolate;
    background:
        radial-gradient(circle at 78% 84%, rgba(207, 0, 112, 0.14), transparent 42%),
        radial-gradient(circle at 34% 100%, rgba(255, 176, 101, 0.08), transparent 37%),
        linear-gradient(145deg, #121318 0%, #08090b 72%);
}

.premium-advantage-card-devices::before {
    width: 300px;
    height: 240px;
    right: -72px;
    bottom: -105px;
    z-index: -1;
    background: radial-gradient(circle, rgba(207, 0, 112, 0.16), transparent 68%);
}

.premium-advantage-card-devices::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    opacity: 0.22;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
    background-size: 34px 34px;
    mask-image: linear-gradient(to bottom, transparent 28%, #000 75%);
    pointer-events: none;
}

.premium-advantage-device-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.premium-advantage-device-kpi {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 12px 7px 10px;
    color: #101012;
    background: linear-gradient(135deg, #ffc17f, #ff9e5d);
    border: 1px solid rgba(255, 214, 170, 0.68);
    border-radius: 15px;
    box-shadow: 0 12px 30px rgba(255, 159, 91, 0.13);
}

.premium-advantage-device-kpi b {
    font-size: 31px;
    line-height: 1;
    letter-spacing: -0.06em;
}

.premium-advantage-device-kpi small {
    max-width: 58px;
    font-size: 9px;
    font-weight: 750;
    line-height: 1.06;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.premium-advantage-device-status {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 9px;
    color: #9ea0a7;
    background: rgba(18, 19, 23, 0.82);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 999px;
    font-size: 8px;
    font-weight: 650;
    white-space: nowrap;
}

.premium-advantage-device-status::before {
    content: "";
    width: 6px;
    height: 6px;
    flex: 0 0 6px;
    background: #4bd67b;
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(75, 214, 123, 0.08), 0 0 14px rgba(75, 214, 123, 0.7);
}

.premium-advantage-card-devices h3 {
    max-width: 330px;
    margin-top: 21px;
}

.premium-advantage-card-devices > p {
    max-width: 330px;
}

.premium-advantage-card-devices .premium-device-miniatures {
    min-height: 128px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 12px;
    position: relative;
    margin-top: auto;
    padding: 22px 2px 0;
}

.premium-mini-device {
    flex: 0 0 auto;
    position: relative;
    z-index: 2;
    padding: 4px;
    background: linear-gradient(145deg, #363840, #17181d 42%, #090a0c);
    border: 1px solid #454750;
    box-shadow: 0 20px 38px rgba(0, 0, 0, 0.5), inset 0 1px rgba(255, 255, 255, 0.08);
}

.premium-mini-device > span {
    width: 100%;
    height: 100%;
    display: grid;
    place-content: center;
    gap: 5px;
    position: relative;
    overflow: hidden;
    color: #f5f5f7;
    text-align: center;
    background:
        radial-gradient(circle at 70% 75%, rgba(207, 0, 112, 0.24), transparent 50%),
        linear-gradient(145deg, #14151a, #090a0d);
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.premium-mini-device > span::before {
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    left: 50%;
    top: 50%;
    border: 1px solid rgba(255, 176, 101, 0.18);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 26px rgba(255, 176, 101, 0.09);
}

.premium-mini-device b,
.premium-mini-device small {
    position: relative;
    z-index: 1;
}

.premium-mini-device b {
    color: #ffb065;
    font-size: 10px;
    letter-spacing: 0.02em;
}

.premium-mini-device small {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    color: #787a83;
    font-size: 5px;
    line-height: 1;
}

.premium-mini-device small::before {
    content: "";
    width: 3px;
    height: 3px;
    background: #4bd67b;
    border-radius: 50%;
    box-shadow: 0 0 7px rgba(75, 214, 123, 0.8);
}

.premium-mini-phone {
    width: 50px;
    height: 102px;
    border-radius: 13px;
}

.premium-mini-phone > span {
    border-radius: 9px;
}

.premium-mini-phone::after {
    content: "";
    width: 14px;
    height: 3px;
    position: absolute;
    left: 50%;
    top: 7px;
    z-index: 3;
    background: #050506;
    border-radius: 999px;
    transform: translateX(-50%);
}

.premium-mini-laptop {
    width: 116px;
    height: 78px;
    margin-bottom: 8px;
    border-radius: 9px 9px 5px 5px;
}

.premium-mini-laptop > span {
    border-radius: 5px;
}

.premium-mini-laptop::after {
    content: "";
    width: 132px;
    height: 6px;
    position: absolute;
    left: 50%;
    bottom: -9px;
    background: linear-gradient(to bottom, #353740, #131419);
    border: 1px solid #44464e;
    border-radius: 2px 2px 8px 8px;
    transform: translateX(-50%);
    box-shadow: 0 9px 16px rgba(0, 0, 0, 0.3);
}

.premium-mini-tv {
    width: 84px;
    height: 58px;
    margin-bottom: 20px;
    border-radius: 8px;
}

.premium-mini-tv > span {
    border-radius: 4px;
}

.premium-mini-tv::before {
    content: "";
    width: 5px;
    height: 13px;
    position: absolute;
    left: 50%;
    bottom: -14px;
    background: #2f3037;
    transform: translateX(-50%);
}

.premium-mini-tv::after {
    content: "";
    width: 36px;
    height: 4px;
    position: absolute;
    left: 50%;
    bottom: -17px;
    background: #383a42;
    border-radius: 999px;
    transform: translateX(-50%);
}

.premium-mini-link {
    height: 1px;
    position: absolute;
    left: 10%;
    right: 10%;
    bottom: 48px;
    z-index: 1;
    background: linear-gradient(90deg, transparent, rgba(255, 176, 101, 0.4) 18%, rgba(207, 0, 112, 0.5) 72%, transparent);
    box-shadow: 0 0 12px rgba(255, 176, 101, 0.14);
}

.premium-mini-link::after {
    content: "";
    width: 6px;
    height: 6px;
    position: absolute;
    left: 46%;
    top: 50%;
    background: #ffb065;
    border: 2px solid #21150f;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 0 4px rgba(255, 176, 101, 0.08), 0 0 15px rgba(255, 176, 101, 0.45);
}

@media (max-width: 680px) {
    .premium-advantage-card-devices {
        min-height: 270px;
        grid-column: 1 / -1;
        padding: 18px 16px;
    }

    .premium-advantage-card-devices h3 {
        max-width: 270px;
        margin: 15px 0 6px;
        font-size: 20px;
    }

    .premium-advantage-card-devices > p {
        max-width: 280px;
        font-size: 10px;
    }

    .premium-advantage-device-kpi {
        min-height: 40px;
        padding: 6px 10px 6px 8px;
        border-radius: 12px;
    }

    .premium-advantage-device-kpi b {
        font-size: 26px;
    }

    .premium-advantage-device-kpi small {
        max-width: 50px;
        font-size: 7px;
    }

    .premium-advantage-device-status {
        padding: 6px 8px;
        font-size: 7px;
    }

    .premium-advantage-card-devices .premium-device-miniatures {
        min-height: 96px;
        display: flex;
        gap: 10px;
        padding-top: 12px;
    }

    .premium-mini-phone {
        width: 40px;
        height: 80px;
        border-radius: 11px;
    }

    .premium-mini-laptop {
        width: 94px;
        height: 62px;
        margin-bottom: 6px;
    }

    .premium-mini-laptop::after {
        width: 106px;
        bottom: -8px;
    }

    .premium-mini-tv {
        width: 70px;
        height: 48px;
        margin-bottom: 16px;
    }

    .premium-mini-tv::before {
        height: 10px;
        bottom: -11px;
    }

    .premium-mini-tv::after {
        bottom: -14px;
    }

    .premium-mini-link {
        bottom: 38px;
    }
}

@media (max-width: 390px) {
    .premium-advantage-device-status {
        max-width: 92px;
        white-space: normal;
    }

    .premium-advantage-card-devices .premium-device-miniatures {
        gap: 7px;
    }

    .premium-mini-laptop {
        width: 88px;
    }

    .premium-mini-laptop::after {
        width: 98px;
    }

    .premium-mini-tv {
        width: 64px;
    }
}

/* Advantage speed composition v10 */
.premium-advantage-card-speed {
    isolation: isolate;
    background:
        radial-gradient(circle at 17% 100%, rgba(255, 176, 101, 0.11), transparent 42%),
        radial-gradient(circle at 92% 74%, rgba(207, 0, 112, 0.13), transparent 40%),
        linear-gradient(145deg, #121318 0%, #08090b 72%);
}

.premium-advantage-card-speed::before {
    width: 280px;
    height: 250px;
    right: -110px;
    bottom: -118px;
    z-index: -1;
    background: radial-gradient(circle, rgba(207, 0, 112, 0.17), transparent 69%);
}

.premium-advantage-card-speed::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    opacity: 0.2;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
    background-size: 34px 34px;
    mask-image: linear-gradient(to bottom, transparent 28%, #000 82%);
    pointer-events: none;
}

.premium-advantage-speed-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.premium-advantage-speed-kpi {
    min-height: 48px;
    display: grid;
    align-content: center;
    gap: 2px;
    padding: 7px 12px;
    color: #111114;
    background: linear-gradient(135deg, #ffc17f, #ff9f5d);
    border: 1px solid rgba(255, 216, 174, 0.68);
    border-radius: 15px;
    box-shadow: 0 12px 30px rgba(255, 159, 91, 0.13);
}

.premium-advantage-speed-kpi small {
    font-size: 7px;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.premium-advantage-speed-kpi b {
    font-size: 22px;
    line-height: 1;
    letter-spacing: -0.04em;
}

.premium-advantage-speed-status {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 9px;
    color: #9ea0a7;
    background: rgba(18, 19, 23, 0.82);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 999px;
    font-size: 8px;
    font-weight: 650;
    white-space: nowrap;
}

.premium-advantage-speed-status::before {
    content: "";
    width: 6px;
    height: 6px;
    flex: 0 0 6px;
    background: #ffb065;
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(255, 176, 101, 0.08), 0 0 14px rgba(255, 176, 101, 0.58);
}

.premium-advantage-card-speed h3 {
    max-width: 335px;
    margin-top: 21px;
}

.premium-advantage-card-speed > p {
    max-width: 330px;
}

.premium-setup-flow {
    min-height: 112px;
    position: relative;
    margin-top: auto;
    padding: 13px 14px 12px;
    background: linear-gradient(145deg, rgba(25, 26, 31, 0.94), rgba(10, 11, 14, 0.96));
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 15px;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34), inset 0 1px rgba(255, 255, 255, 0.035);
}

.premium-setup-progress {
    height: 16px;
    display: flex;
    align-items: center;
    gap: 7px;
    position: relative;
}

.premium-setup-progress::before {
    content: "";
    height: 3px;
    flex: 1 1 auto;
    background: #292a30;
    border-radius: 999px;
}

.premium-setup-progress > span {
    width: 54%;
    height: 3px;
    position: absolute;
    left: 0;
    top: 50%;
    background: linear-gradient(90deg, #cf0070, #ff7758, #ffb065);
    border-radius: 999px;
    transform: translateY(-50%);
    box-shadow: 0 0 12px rgba(255, 119, 88, 0.25);
}

.premium-setup-progress > span::after {
    content: "";
    width: 6px;
    height: 6px;
    position: absolute;
    right: -2px;
    top: 50%;
    background: #ffc07b;
    border-radius: 50%;
    transform: translateY(-50%);
    box-shadow: 0 0 0 4px rgba(255, 176, 101, 0.08), 0 0 12px rgba(255, 176, 101, 0.55);
}

.premium-setup-progress b {
    flex: 0 0 auto;
    color: #dedee2;
    font-size: 9px;
    font-variant-numeric: tabular-nums;
}

.premium-setup-progress small {
    flex: 0 0 auto;
    color: #65676f;
    font-size: 6px;
}

.premium-setup-flow ol {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    position: relative;
    margin: 14px 0 0;
    padding: 0;
    list-style: none;
}

.premium-setup-flow ol::before {
    content: "";
    height: 1px;
    position: absolute;
    left: 11%;
    right: 11%;
    top: 12px;
    background: linear-gradient(90deg, rgba(75, 214, 123, 0.4), rgba(255, 176, 101, 0.32), rgba(255, 255, 255, 0.08));
}

.premium-setup-flow li {
    min-width: 0;
    display: grid;
    justify-items: center;
    gap: 6px;
    position: relative;
    z-index: 1;
    text-align: center;
}

.premium-setup-flow li > i {
    width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
    color: #71737b;
    background: #111216;
    border: 1px solid #34363d;
    border-radius: 8px;
    font-size: 7px;
    font-style: normal;
    font-weight: 800;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.28);
}

.premium-setup-flow li.is-done > i {
    color: #0c1710;
    background: #4bd67b;
    border-color: #65e48f;
    box-shadow: 0 0 18px rgba(75, 214, 123, 0.18);
}

.premium-setup-flow li.is-active > i {
    color: #15100c;
    background: #ffb065;
    border-color: #ffc78f;
    box-shadow: 0 0 18px rgba(255, 176, 101, 0.2);
}

.premium-setup-flow li > span {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.premium-setup-flow li b {
    overflow: hidden;
    color: #d6d7db;
    font-size: 8px;
    line-height: 1;
    text-overflow: ellipsis;
}

.premium-setup-flow li small {
    overflow: hidden;
    color: #62646c;
    font-size: 5px;
    line-height: 1;
    text-overflow: ellipsis;
}

@media (max-width: 680px) {
    .premium-advantage-card-speed {
        min-height: 270px;
        grid-column: 1 / -1;
        padding: 18px 16px;
    }

    .premium-advantage-card-speed h3 {
        max-width: 280px;
        margin: 15px 0 6px;
        font-size: 20px;
    }

    .premium-advantage-card-speed > p {
        max-width: 280px;
        font-size: 10px;
    }

    .premium-advantage-speed-kpi {
        min-height: 40px;
        padding: 6px 10px;
        border-radius: 12px;
    }

    .premium-advantage-speed-kpi small {
        font-size: 6px;
    }

    .premium-advantage-speed-kpi b {
        font-size: 18px;
    }

    .premium-advantage-speed-status {
        padding: 6px 8px;
        font-size: 7px;
    }

    .premium-setup-flow {
        min-height: 100px;
        padding: 11px 12px 10px;
        border-radius: 13px;
    }
}

@media (max-width: 390px) {
    .premium-advantage-speed-status {
        max-width: 88px;
        white-space: normal;
    }

    .premium-setup-progress small {
        display: none;
    }
}

/* Advantage support composition v11 */
.premium-advantage-card-support {
    isolation: isolate;
    background:
        radial-gradient(circle at 22% 100%, rgba(75, 214, 123, 0.08), transparent 40%),
        radial-gradient(circle at 92% 76%, rgba(207, 0, 112, 0.13), transparent 42%),
        linear-gradient(145deg, #121318 0%, #08090b 72%);
}

.premium-advantage-card-support::before {
    width: 290px;
    height: 250px;
    right: -112px;
    bottom: -118px;
    z-index: -1;
    background: radial-gradient(circle, rgba(207, 0, 112, 0.17), transparent 69%);
}

.premium-advantage-card-support::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    opacity: 0.2;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
    background-size: 34px 34px;
    mask-image: linear-gradient(to bottom, transparent 28%, #000 82%);
    pointer-events: none;
}

.premium-advantage-support-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.premium-support-specialist {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 9px;
}

.premium-support-specialist > i {
    width: 43px;
    height: 43px;
    flex: 0 0 43px;
    display: grid;
    place-items: center;
    position: relative;
    color: #15100c;
    background: linear-gradient(135deg, #ffc17f, #ff9f5d);
    border: 1px solid rgba(255, 216, 174, 0.68);
    border-radius: 14px;
    font-size: 16px;
    font-style: normal;
    font-weight: 850;
    box-shadow: 0 12px 30px rgba(255, 159, 91, 0.13);
}

.premium-support-specialist > i::after {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    right: -2px;
    bottom: -2px;
    background: #4bd67b;
    border: 3px solid #111216;
    border-radius: 50%;
    box-shadow: 0 0 12px rgba(75, 214, 123, 0.6);
}

.premium-support-specialist > span {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.premium-support-specialist b {
    overflow: hidden;
    color: #e0e0e3;
    font-size: 10px;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.premium-support-specialist small {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #686a72;
    font-size: 7px;
    line-height: 1;
}

.premium-support-specialist small::before {
    content: "";
    width: 5px;
    height: 5px;
    background: #4bd67b;
    border-radius: 50%;
    box-shadow: 0 0 9px rgba(75, 214, 123, 0.62);
}

.premium-support-response {
    flex: 0 0 auto;
    padding: 7px 9px;
    color: #999ba2;
    background: rgba(18, 19, 23, 0.82);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 999px;
    font-size: 8px;
    font-weight: 650;
    white-space: nowrap;
}

.premium-advantage-card-support h3 {
    max-width: 340px;
    margin-top: 21px;
}

.premium-advantage-card-support > p {
    max-width: 335px;
}

.premium-support-preview {
    min-height: 116px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: relative;
    margin-top: auto;
    padding: 12px 13px 10px;
    background: linear-gradient(145deg, rgba(25, 26, 31, 0.94), rgba(10, 11, 14, 0.96));
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 15px;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34), inset 0 1px rgba(255, 255, 255, 0.035);
}

.premium-support-question {
    max-width: 76%;
    align-self: flex-end;
    margin: 0;
    padding: 8px 10px;
    color: #b7b8bd;
    background: #202127;
    border: 1px solid #2f3037;
    border-radius: 10px 10px 3px 10px;
    font-size: 7px;
    line-height: 1.25;
}

.premium-support-answer {
    max-width: 89%;
    display: flex;
    align-items: flex-end;
    gap: 7px;
}

.premium-support-answer > i {
    width: 23px;
    height: 23px;
    flex: 0 0 23px;
    display: grid;
    place-items: center;
    color: #17110c;
    background: #ffb065;
    border-radius: 8px;
    font-size: 8px;
    font-style: normal;
    font-weight: 850;
}

.premium-support-answer > p {
    margin: 0;
    padding: 8px 10px;
    color: #17110c;
    background: linear-gradient(135deg, #ffc17f, #ffa35f);
    border: 1px solid rgba(255, 220, 180, 0.45);
    border-radius: 10px 10px 10px 3px;
    font-size: 7px;
    font-weight: 650;
    line-height: 1.25;
}

.premium-support-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: auto;
    padding-left: 30px;
}

.premium-support-meta span,
.premium-support-meta small {
    color: #5f6169;
    font-size: 5px;
    line-height: 1;
}

.premium-support-meta span {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.premium-support-meta span::before {
    content: "";
    width: 4px;
    height: 4px;
    background: #4bd67b;
    border-radius: 50%;
    box-shadow: 0 0 8px rgba(75, 214, 123, 0.62);
}

@media (max-width: 680px) {
    .premium-advantage-card-support,
    .premium-advantage-card:nth-child(3) {
        min-height: 282px;
        grid-column: 1 / -1;
        padding: 18px 16px;
    }

    .premium-advantage-card-support h3 {
        max-width: 290px;
        margin: 15px 0 6px;
        font-size: 20px;
    }

    .premium-advantage-card-support > p {
        max-width: 285px;
        font-size: 10px;
    }

    .premium-support-specialist > i {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
        border-radius: 12px;
        font-size: 14px;
    }

    .premium-support-response {
        padding: 6px 8px;
        font-size: 7px;
    }

    .premium-support-preview {
        min-height: 108px;
        padding: 10px 11px 9px;
        border-radius: 13px;
    }

    .premium-support-question,
    .premium-support-answer > p {
        font-size: 7px;
    }
}

@media (max-width: 390px) {
    .premium-support-response {
        max-width: 76px;
        white-space: normal;
    }
}

/* Advantage reliability composition v12 */
.premium-advantage-card-reliability {
    min-height: 350px;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 430px);
    gap: clamp(34px, 6vw, 88px);
    isolation: isolate;
    background:
        radial-gradient(circle at 81% 58%, rgba(255, 176, 101, 0.1), transparent 35%),
        radial-gradient(circle at 94% 100%, rgba(207, 0, 112, 0.13), transparent 38%),
        linear-gradient(145deg, #121318 0%, #07080a 74%);
}

.premium-advantage-card-reliability::before {
    width: 420px;
    height: 320px;
    right: -110px;
    bottom: -155px;
    z-index: -1;
    background: radial-gradient(circle, rgba(207, 0, 112, 0.14), transparent 70%);
}

.premium-advantage-card-reliability::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    opacity: 0.2;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
    background-size: 34px 34px;
    mask-image: linear-gradient(90deg, transparent 28%, #000 100%);
    pointer-events: none;
}

.premium-reliability-copy {
    position: relative;
    z-index: 1;
}

.premium-advantage-card-reliability .premium-kicker {
    margin-bottom: 12px;
}

.premium-advantage-card-reliability h3 {
    max-width: 560px;
    margin: 0 0 14px;
    font-size: clamp(32px, 3.1vw, 43px);
    line-height: 1.02;
}

.premium-advantage-card-reliability .premium-reliability-copy > p:last-of-type {
    max-width: 570px;
    margin: 0;
    color: var(--text-secondary);
    font-size: 14px;
    line-height: 1.5;
}

.premium-reliability-benefits {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 24px;
}

.premium-reliability-benefits span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 10px;
    color: #9a9ca3;
    background: rgba(18, 19, 23, 0.74);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 999px;
    font-size: 8px;
    font-weight: 650;
}

.premium-reliability-benefits span::before {
    content: "";
    width: 5px;
    height: 5px;
    background: #4bd67b;
    border-radius: 50%;
    box-shadow: 0 0 9px rgba(75, 214, 123, 0.55);
}

.premium-reliability-panel {
    min-height: 246px;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
    padding: 17px 18px 15px;
    background: linear-gradient(145deg, rgba(25, 26, 31, 0.96), rgba(9, 10, 13, 0.98));
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 18px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.4), inset 0 1px rgba(255, 255, 255, 0.04);
}

.premium-reliability-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 13px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.premium-reliability-head span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #d7d8dc;
    font-size: 9px;
    font-weight: 700;
}

.premium-reliability-head span::before {
    content: "";
    width: 7px;
    height: 7px;
    background: #4bd67b;
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(75, 214, 123, 0.08), 0 0 14px rgba(75, 214, 123, 0.66);
}

.premium-reliability-head small {
    color: #5f6169;
    font-size: 6px;
}

.premium-reliability-score {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-top: 14px;
}

.premium-reliability-score > span {
    display: grid;
    gap: 4px;
}

.premium-reliability-score strong {
    color: #f2f2f4;
    font-size: 38px;
    line-height: 0.9;
    letter-spacing: -0.055em;
}

.premium-reliability-score small {
    color: #777981;
    font-size: 7px;
}

.premium-reliability-score > b {
    padding: 7px 9px;
    color: #9a9ca3;
    background: #15161a;
    border: 1px solid #2b2d33;
    border-radius: 9px;
    font-size: 7px;
    font-weight: 700;
}

.premium-reliability-chart {
    height: 48px;
    display: grid;
    grid-template-columns: repeat(16, minmax(0, 1fr));
    align-items: end;
    gap: 4px;
    position: relative;
    margin-top: 15px;
    padding-bottom: 1px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.premium-reliability-chart::before,
.premium-reliability-chart::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background: rgba(255, 255, 255, 0.035);
}

.premium-reliability-chart::before { top: 33%; }
.premium-reliability-chart::after { top: 66%; }

.premium-reliability-chart span {
    min-height: 10px;
    position: relative;
    z-index: 1;
    background: linear-gradient(to top, rgba(207, 0, 112, 0.72), #ff8b59 68%, #ffbd78);
    border-radius: 3px 3px 1px 1px;
    box-shadow: 0 0 10px rgba(255, 139, 89, 0.08);
}

.premium-reliability-chart span:nth-child(1) { height: 55%; }
.premium-reliability-chart span:nth-child(2) { height: 68%; }
.premium-reliability-chart span:nth-child(3) { height: 62%; }
.premium-reliability-chart span:nth-child(4) { height: 76%; }
.premium-reliability-chart span:nth-child(5) { height: 71%; }
.premium-reliability-chart span:nth-child(6) { height: 83%; }
.premium-reliability-chart span:nth-child(7) { height: 78%; }
.premium-reliability-chart span:nth-child(8) { height: 88%; }
.premium-reliability-chart span:nth-child(9) { height: 81%; }
.premium-reliability-chart span:nth-child(10) { height: 92%; }
.premium-reliability-chart span:nth-child(11) { height: 86%; }
.premium-reliability-chart span:nth-child(12) { height: 95%; }
.premium-reliability-chart span:nth-child(13) { height: 91%; }
.premium-reliability-chart span:nth-child(14) { height: 98%; }
.premium-reliability-chart span:nth-child(15) { height: 94%; }
.premium-reliability-chart span:nth-child(16) { height: 100%; }

.premium-reliability-metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: auto;
    padding-top: 13px;
}

.premium-reliability-metrics > span {
    min-width: 0;
    display: grid;
    gap: 3px;
    padding: 0 10px;
    border-right: 1px solid rgba(255, 255, 255, 0.07);
}

.premium-reliability-metrics > span:first-child { padding-left: 0; }
.premium-reliability-metrics > span:last-child { padding-right: 0; border-right: 0; }

.premium-reliability-metrics b {
    overflow: hidden;
    color: #d5d6da;
    font-size: 9px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.premium-reliability-metrics small {
    overflow: hidden;
    color: #62646c;
    font-size: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 980px) {
    .premium-advantage-card-reliability {
        grid-template-columns: minmax(0, 1fr) 330px;
        gap: 24px;
    }
}

@media (max-width: 680px) {
    .premium-advantage-card-wide.premium-advantage-card-reliability {
        min-height: 500px;
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 20px 16px 16px;
    }

    .premium-advantage-card-reliability h3 {
        max-width: 300px;
        margin-bottom: 9px;
        font-size: 25px;
    }

    .premium-advantage-card-reliability .premium-reliability-copy > p:last-of-type {
        max-width: 310px;
        font-size: 10px;
    }

    .premium-reliability-benefits {
        margin-top: 14px;
    }

    .premium-reliability-benefits span {
        padding: 6px 8px;
        font-size: 7px;
    }

    .premium-reliability-panel {
        min-height: 240px;
        padding: 15px 14px 13px;
        border-radius: 15px;
    }

    .premium-reliability-score strong {
        font-size: 34px;
    }
}

@media (max-width: 390px) {
    .premium-reliability-head small {
        display: none;
    }

    .premium-reliability-chart {
        gap: 3px;
    }
}

/* Pricing composition v13 */
.premium-pricing-card-refined {
    min-height: 640px;
    grid-template-columns: minmax(350px, 0.78fr) minmax(520px, 1.22fr);
    background:
        radial-gradient(circle at 15% 45%, rgba(207, 0, 112, 0.13), transparent 40%),
        radial-gradient(circle at 90% 100%, rgba(255, 176, 101, 0.06), transparent 34%),
        linear-gradient(145deg, #0d0e11, #050506 72%);
}

.premium-pricing-card-refined .premium-pricing-art {
    min-height: 640px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 22px;
    padding: 44px 34px;
    background:
        linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
    background-size: 38px 38px;
}

.premium-pricing-card-refined .premium-pricing-glow {
    inset: 18% 6%;
    background:
        radial-gradient(circle at 50% 48%, rgba(255, 176, 101, 0.21), transparent 42%),
        radial-gradient(circle at 42% 44%, rgba(207, 0, 112, 0.29), transparent 62%);
    filter: blur(58px);
}

.premium-access-pass {
    width: min(100%, 350px);
    min-height: 430px;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 23px;
    background:
        radial-gradient(circle at 85% 82%, rgba(207, 0, 112, 0.23), transparent 42%),
        radial-gradient(circle at 15% 8%, rgba(255, 176, 101, 0.12), transparent 34%),
        linear-gradient(145deg, rgba(29, 30, 36, 0.98), rgba(8, 9, 12, 0.98));
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 25px;
    box-shadow: 0 34px 90px rgba(0, 0, 0, 0.55), inset 0 1px rgba(255, 255, 255, 0.06);
    transform: perspective(900px) rotateY(5deg) rotateX(1deg);
}

.premium-access-pass::before {
    content: "";
    width: 210px;
    height: 210px;
    position: absolute;
    right: -115px;
    top: 76px;
    border: 1px solid rgba(255, 176, 101, 0.15);
    border-radius: 50%;
    box-shadow: 0 0 0 28px rgba(255, 176, 101, 0.025), 0 0 0 58px rgba(207, 0, 112, 0.025);
}

.premium-access-pass::after {
    content: "VIP";
    position: absolute;
    right: -12px;
    bottom: 74px;
    color: rgba(255, 255, 255, 0.025);
    font-size: 104px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -0.08em;
}

.premium-access-pass-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    position: relative;
    z-index: 1;
}

.premium-access-pass-head > span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #f0f0f2;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.premium-access-pass-head > span i {
    width: 8px;
    height: 8px;
    background: #4bd67b;
    border-radius: 50%;
    box-shadow: 0 0 0 5px rgba(75, 214, 123, 0.08), 0 0 15px rgba(75, 214, 123, 0.62);
}

.premium-access-pass-head > small {
    color: #61636b;
    font-size: 7px;
    font-weight: 700;
    letter-spacing: 0.15em;
}

.premium-access-pass-copy {
    display: grid;
    gap: 10px;
    position: relative;
    z-index: 1;
    margin-top: 72px;
}

.premium-access-pass-copy > small {
    color: #ffb065;
    font-size: 8px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.premium-access-pass-copy > strong {
    max-width: 280px;
    color: #f2f2f4;
    font-size: 31px;
    line-height: 0.98;
    letter-spacing: -0.045em;
}

.premium-access-pass-copy > p {
    max-width: 250px;
    margin: 0;
    color: #777981;
    font-size: 9px;
    line-height: 1.4;
}

.premium-access-pass-line {
    height: 18px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
    margin-top: auto;
}

.premium-access-pass-line > span {
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(255, 176, 101, 0.55), rgba(207, 0, 112, 0.46), transparent);
}

.premium-access-pass-line > i {
    width: 7px;
    height: 7px;
    position: absolute;
    left: 38%;
    background: #ffb065;
    border: 2px solid #23160f;
    border-radius: 50%;
    box-shadow: 0 0 0 5px rgba(255, 176, 101, 0.07), 0 0 15px rgba(255, 176, 101, 0.5);
}

.premium-access-pass-foot {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    position: relative;
    z-index: 1;
    margin-top: 12px;
}

.premium-access-pass-foot > span {
    min-width: 0;
    display: grid;
    gap: 4px;
    padding: 0 11px;
    border-right: 1px solid rgba(255, 255, 255, 0.08);
}

.premium-access-pass-foot > span:first-child { padding-left: 0; }
.premium-access-pass-foot > span:last-child { padding-right: 0; border-right: 0; }

.premium-access-pass-foot b {
    overflow: hidden;
    color: #d6d7db;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.premium-access-pass-foot small {
    overflow: hidden;
    color: #5f6169;
    font-size: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.premium-pricing-methods {
    width: min(100%, 330px);
    display: flex;
    align-items: center;
    gap: 7px;
    position: relative;
    z-index: 1;
    padding: 9px 10px;
    background: rgba(15, 16, 20, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 13px;
    backdrop-filter: blur(18px);
}

.premium-pricing-methods span {
    padding: 6px 8px;
    color: #c5c6ca;
    background: #202127;
    border: 1px solid #303139;
    border-radius: 8px;
    font-size: 7px;
    font-weight: 800;
}

.premium-pricing-methods b {
    margin-left: auto;
    color: #6d6f77;
    font-size: 7px;
    font-weight: 650;
}

.premium-pricing-card-refined .premium-pricing-content {
    display: flex;
    flex-direction: column;
    padding: 44px 48px 38px;
}

.premium-pricing-heading-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.premium-pricing-heading-row .premium-kicker {
    margin: 0;
}

.premium-pricing-instant {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 9px;
    color: #999ba2;
    background: #121317;
    border: 1px solid #292a31;
    border-radius: 999px;
    font-size: 7px;
    font-weight: 700;
    white-space: nowrap;
}

.premium-pricing-instant::before {
    content: "";
    width: 5px;
    height: 5px;
    background: #4bd67b;
    border-radius: 50%;
    box-shadow: 0 0 9px rgba(75, 214, 123, 0.6);
}

.premium-pricing-card-refined .premium-pricing-content h2 {
    max-width: 620px;
    margin: 18px 0 12px;
    font-size: clamp(40px, 4.1vw, 58px);
    line-height: 0.95;
    letter-spacing: -0.055em;
}

.premium-pricing-card-refined .premium-pricing-lead {
    max-width: 570px;
    margin: 0;
    font-size: 14px;
    line-height: 1.45;
}

.premium-pricing-card-refined .premium-plan-list {
    grid-template-columns: 1fr;
    gap: 8px;
    margin-top: 25px;
}

.premium-pricing-card-refined .premium-plan-option {
    min-height: 91px;
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr) auto;
    align-items: center;
    gap: 13px;
    padding: 14px 15px;
    background: linear-gradient(145deg, #15161b, #101115);
    border-color: #292b31;
    border-radius: 15px;
    transition: border-color 0.18s ease, background-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

.premium-pricing-card-refined .premium-plan-option:hover {
    border-color: #454750;
    transform: translateY(-1px);
}

.premium-pricing-card-refined .premium-plan-option::before {
    width: 17px;
    height: 17px;
    box-shadow: inset 0 0 0 4px #15161b;
}

.premium-pricing-card-refined .premium-plan-option.is-selected {
    background:
        linear-gradient(145deg, #19191e, #111216) padding-box,
        linear-gradient(135deg, #cf0070, #ff7658 54%, #ffb065) border-box;
    box-shadow: 0 18px 46px rgba(207, 0, 112, 0.1), inset 0 1px rgba(255, 255, 255, 0.035);
}

.premium-pricing-card-refined .premium-plan-option.is-selected::before {
    background: #ffb065;
    border-color: #ffc78d;
    box-shadow: inset 0 0 0 4px #1b1716, 0 0 14px rgba(255, 176, 101, 0.22);
}

.premium-pricing-card-refined .premium-plan-copy {
    grid-column: auto;
    gap: 5px;
}

.premium-pricing-card-refined .premium-plan-title-row {
    display: flex;
    align-items: center;
    gap: 7px;
}

.premium-pricing-card-refined .premium-plan-option strong {
    font-size: 14px;
}

.premium-pricing-card-refined .premium-plan-description {
    max-width: 390px;
    font-size: 9px;
    -webkit-line-clamp: 1;
}

.premium-plan-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.premium-plan-meta > small {
    color: #62646c;
    font-size: 6px;
}

.premium-plan-meta > small::before {
    content: "";
    width: 3px;
    height: 3px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: 1px;
    background: #55575f;
    border-radius: 50%;
}

.premium-plan-meta .premium-plan-saving {
    color: #ffb065;
    font-weight: 750;
}

.premium-plan-meta .premium-plan-saving::before {
    background: #ffb065;
    box-shadow: 0 0 7px rgba(255, 176, 101, 0.42);
}

.premium-pricing-card-refined .premium-plan-price {
    min-width: 118px;
    grid-column: auto;
    align-self: center;
    justify-items: end;
}

.premium-pricing-card-refined .premium-plan-price b {
    font-size: 14px;
}

.premium-pricing-card-refined .premium-plan-price > small {
    max-width: 150px;
    overflow: hidden;
    color: #62646c;
    font-size: 6px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.premium-pricing-card-refined .premium-pricing-button {
    min-height: 54px;
    margin-top: 14px;
    border-radius: 14px;
    font-size: 16px;
}

.premium-pricing-trust {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-top: 11px;
}

.premium-pricing-trust span {
    padding: 5px 7px;
    color: #666870;
    background: #101115;
    border: 1px solid #25262c;
    border-radius: 7px;
    font-size: 6px;
    font-weight: 750;
}

.premium-pricing-card-refined .premium-pricing-guarantee {
    align-items: center;
    gap: 9px;
    margin-top: 12px;
}

.premium-pricing-card-refined .premium-pricing-guarantee > span {
    width: 25px;
    height: 25px;
    flex-basis: 25px;
    font-size: 10px;
}

.premium-pricing-card-refined .premium-pricing-guarantee p {
    display: grid;
    gap: 2px;
    margin: 0;
}

.premium-pricing-card-refined .premium-pricing-guarantee strong {
    color: #aeb0b6;
    font-size: 8px;
}

.premium-pricing-card-refined .premium-pricing-guarantee small {
    color: #5f6169;
    font-size: 7px;
}

@media (max-width: 1080px) {
    .premium-pricing-card-refined {
        grid-template-columns: minmax(300px, 0.68fr) minmax(480px, 1.32fr);
    }

    .premium-pricing-card-refined .premium-pricing-content {
        padding-inline: 34px;
    }

    .premium-access-pass {
        min-height: 400px;
        padding: 20px;
    }
}

@media (max-width: 900px) {
    .premium-pricing-card-refined {
        min-height: 0;
        grid-template-columns: 1fr;
    }

    .premium-pricing-card-refined .premium-pricing-art {
        display: none;
    }

    .premium-pricing-card-refined .premium-pricing-content {
        padding: 40px;
    }
}

@media (max-width: 680px) {
    .premium-pricing-card-refined {
        border-radius: 18px;
    }

    .premium-pricing-card-refined .premium-pricing-content {
        padding: 25px 14px 18px;
    }

    .premium-pricing-card-refined .premium-pricing-content h2 {
        margin: 15px 0 9px;
        font-size: 32px;
    }

    .premium-pricing-card-refined .premium-pricing-lead {
        max-width: 330px;
        font-size: 11px;
    }

    .premium-pricing-card-refined .premium-plan-list {
        grid-template-columns: 1fr;
        gap: 8px;
        margin-top: 19px;
    }

    .premium-pricing-card-refined .premium-plan-option {
        min-height: 96px;
        grid-template-columns: 16px minmax(0, 1fr) auto;
        gap: 9px;
        padding: 12px 11px;
    }

    .premium-pricing-card-refined .premium-plan-option::before {
        width: 15px;
        height: 15px;
    }

    .premium-pricing-card-refined .premium-plan-copy,
    .premium-pricing-card-refined .premium-plan-price {
        grid-column: auto;
    }

    .premium-pricing-card-refined .premium-plan-title-row {
        display: flex;
        justify-items: initial;
        gap: 5px;
    }

    .premium-pricing-card-refined .premium-plan-option strong {
        font-size: 12px;
    }

    .premium-pricing-card-refined .premium-plan-description {
        max-width: 190px;
        font-size: 8px;
        -webkit-line-clamp: 2;
    }

    .premium-pricing-card-refined .premium-plan-price {
        min-width: 82px;
        justify-items: end;
    }

    .premium-pricing-card-refined .premium-plan-price b {
        font-size: 12px;
    }

    .premium-pricing-card-refined .premium-plan-price > small {
        max-width: 92px;
        font-size: 5px;
    }

    .premium-pricing-card-refined .premium-pricing-button {
        min-height: 51px;
        margin-top: 12px;
        font-size: 15px;
    }
}

@media (max-width: 390px) {
    .premium-pricing-instant {
        font-size: 6px;
    }

    .premium-pricing-card-refined .premium-plan-description {
        max-width: 150px;
    }

    .premium-plan-meta .premium-plan-saving {
        display: none;
    }
}

/* Comparison journey composition v14 */
.premium-comparison-heading-refined {
    max-width: 1050px;
}

.premium-comparison-heading-refined h2 {
    max-width: 1000px;
    font-size: clamp(42px, 5vw, 68px);
    line-height: 0.98;
    letter-spacing: -0.055em;
}

.premium-comparison-heading-refined > p:last-child {
    max-width: 690px;
}

.premium-comparison-scroll.premium-comparison-journey {
    position: relative;
    overflow: hidden;
    padding: 18px;
    background:
        radial-gradient(circle at 28% 0%, rgba(255, 176, 101, 0.07), transparent 34%),
        radial-gradient(circle at 88% 100%, rgba(207, 0, 112, 0.1), transparent 37%),
        linear-gradient(145deg, #0e0f12, #060607 75%);
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: var(--premium-radius);
    scrollbar-width: none;
}

.premium-comparison-journey::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0.16;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
    background-size: 38px 38px;
    mask-image: linear-gradient(to bottom, #000, transparent 72%);
    pointer-events: none;
}

.premium-comparison-journey-head {
    min-height: 78px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    position: relative;
    z-index: 1;
    padding: 10px 14px 20px;
}

.premium-comparison-journey-head > span {
    display: grid;
    gap: 5px;
}

.premium-comparison-journey-head > span small {
    color: #ffb065;
    font-size: 8px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.premium-comparison-journey-head > span strong {
    color: #e5e5e8;
    font-size: 18px;
    letter-spacing: -0.025em;
}

.premium-comparison-journey-head > div {
    display: flex;
    align-items: center;
    gap: 7px;
}

.premium-comparison-journey-head > div span {
    padding: 8px 10px;
    color: #73757d;
    background: #121317;
    border: 1px solid #292a31;
    border-radius: 999px;
    font-size: 7px;
    font-weight: 700;
}

.premium-comparison-journey-head > div .is-vip {
    color: #17110c;
    background: #ffb065;
    border-color: #ffc78d;
}

.premium-comparison-journey-list {
    display: grid;
    gap: 8px;
    position: relative;
    z-index: 1;
}

.premium-comparison-journey-row {
    min-height: 84px;
    display: grid;
    grid-template-columns: minmax(240px, 0.95fr) minmax(260px, 1.05fr) minmax(260px, 1fr);
    gap: 8px;
}

.premium-comparison-journey-row > div {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 17px;
    border-radius: 14px;
}

.premium-comparison-step {
    background: rgba(18, 19, 23, 0.82);
    border: 1px solid rgba(255, 255, 255, 0.07);
}

.premium-comparison-step > i {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    display: grid;
    place-items: center;
    color: #ffb065;
    background: #1b1715;
    border: 1px solid rgba(255, 176, 101, 0.18);
    border-radius: 11px;
    font-size: 9px;
    font-style: normal;
    font-weight: 800;
}

.premium-comparison-vip {
    background:
        radial-gradient(circle at 100% 100%, rgba(255, 176, 101, 0.09), transparent 43%),
        linear-gradient(145deg, rgba(28, 27, 27, 0.96), rgba(16, 17, 20, 0.96));
    border: 1px solid rgba(255, 176, 101, 0.17);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.025);
}

.premium-comparison-other {
    background: rgba(11, 12, 14, 0.82);
    border: 1px solid rgba(255, 255, 255, 0.055);
}

.premium-comparison-vip > i,
.premium-comparison-other > i {
    width: 27px;
    height: 27px;
    flex: 0 0 27px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    font-size: 11px;
    font-style: normal;
    font-weight: 850;
}

.premium-comparison-vip > i {
    color: #0d1710;
    background: #4bd67b;
    border: 1px solid #66e590;
    box-shadow: 0 0 16px rgba(75, 214, 123, 0.16);
}

.premium-comparison-other > i {
    color: #696b73;
    background: #1b1c21;
    border: 1px solid #2d2f36;
}

.premium-comparison-journey-row > div > span {
    min-width: 0;
    display: grid;
    gap: 4px;
}

.premium-comparison-journey-row small {
    color: #5e6068;
    font-size: 6px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.premium-comparison-vip small {
    color: #a77750;
}

.premium-comparison-journey-row b {
    overflow: hidden;
    color: #c9cacf;
    font-size: 11px;
    line-height: 1.25;
    text-overflow: ellipsis;
}

.premium-comparison-step b {
    color: #e5e5e8;
    font-size: 12px;
}

.premium-comparison-other b {
    color: #74767e;
    font-weight: 600;
}

.premium-comparison-journey-foot {
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    position: relative;
    z-index: 1;
    margin-top: 8px;
    padding: 11px 14px 0;
}

.premium-comparison-journey-foot > span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #777981;
    font-size: 8px;
}

.premium-comparison-journey-foot > span::before {
    content: "";
    width: 6px;
    height: 6px;
    background: #4bd67b;
    border-radius: 50%;
    box-shadow: 0 0 11px rgba(75, 214, 123, 0.62);
}

.premium-comparison-journey-foot > a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    color: #15100c;
    background: #ffb065;
    border: 1px solid #ffc88e;
    border-radius: 11px;
    font-size: 8px;
    font-weight: 800;
    text-decoration: none;
}

.premium-comparison-journey-foot > a i {
    font-size: 12px;
    font-style: normal;
}

@media (max-width: 900px) {
    .premium-comparison-journey-row {
        grid-template-columns: minmax(190px, 0.78fr) minmax(220px, 1.11fr) minmax(220px, 1.11fr);
    }
}

@media (max-width: 680px) {
    .premium-comparison-heading-refined h2 {
        max-width: 330px;
        font-size: 34px;
    }

    .premium-comparison-heading-refined > p:last-child {
        max-width: 320px;
        font-size: 11px;
    }

    .premium-comparison-scroll.premium-comparison-journey {
        margin: 0;
        padding: 10px;
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 18px;
    }

    .premium-comparison-journey-head {
        min-height: 65px;
        padding: 8px 5px 15px;
    }

    .premium-comparison-journey-head > span strong {
        font-size: 15px;
    }

    .premium-comparison-journey-head > div {
        display: none;
    }

    .premium-comparison-journey-row {
        min-height: 0;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px;
        padding: 0;
        background: transparent;
        border: 0;
        border-radius: 0;
    }

    .premium-comparison-journey-row > div {
        min-height: 62px;
        gap: 8px;
        padding: 10px;
        border-radius: 12px;
    }

    .premium-comparison-journey-row .premium-comparison-step {
        min-height: 48px;
        grid-column: 1 / -1;
    }

    .premium-comparison-step > i {
        width: 30px;
        height: 30px;
        flex-basis: 30px;
        border-radius: 9px;
        font-size: 8px;
    }

    .premium-comparison-vip > i,
    .premium-comparison-other > i {
        width: 23px;
        height: 23px;
        flex-basis: 23px;
        font-size: 9px;
    }

    .premium-comparison-journey-row b,
    .premium-comparison-step b {
        font-size: 9px;
        white-space: normal;
    }

    .premium-comparison-journey-row small {
        font-size: 5px;
    }

    .premium-comparison-journey-foot {
        min-height: 94px;
        align-items: stretch;
        flex-direction: column;
        gap: 10px;
        padding: 15px 4px 2px;
    }

    .premium-comparison-journey-foot > a {
        min-height: 42px;
        justify-content: center;
        font-size: 9px;
    }
}

@media (max-width: 390px) {
    .premium-comparison-journey-row > div {
        padding-inline: 8px;
    }

    .premium-comparison-journey-foot > span {
        font-size: 7px;
    }
}

/* Review stories composition v15 */
.premium-reviews-heading-refined {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
}

.premium-reviews-heading-refined h2 {
    max-width: 900px;
    font-size: clamp(44px, 5vw, 68px);
    line-height: 0.98;
    letter-spacing: -0.055em;
}

.premium-reviews-heading-refined > div:first-child > p:last-child {
    max-width: 650px;
    margin: 18px 0 0;
    color: var(--text-secondary);
    font-size: 14px;
    line-height: 1.45;
}

.premium-review-header-aside {
    display: flex;
    align-items: center;
    gap: 13px;
}

.premium-review-header-aside > span {
    min-height: 48px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: #101115;
    border: 1px solid #282a30;
    border-radius: 13px;
}

.premium-review-header-aside > span b {
    color: #ffb065;
    font-size: 21px;
    line-height: 1;
}

.premium-review-header-aside > span small {
    max-width: 58px;
    color: #6d6f77;
    font-size: 6px;
    font-weight: 700;
    line-height: 1.15;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.premium-reviews-heading-refined .premium-carousel-controls button {
    width: 48px;
    height: 48px;
    border-radius: 13px;
}

.premium-reviews .premium-review-track {
    gap: 13px;
}

.premium-reviews .premium-review-card {
    min-height: 348px;
    position: relative;
    overflow: hidden;
    padding: 23px;
    background:
        radial-gradient(circle at 88% 100%, rgba(207, 0, 112, 0.1), transparent 42%),
        linear-gradient(145deg, #121318, #08090b 76%);
    border: 1px solid rgba(255, 255, 255, 0.085);
    border-radius: 20px;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.025);
}

.premium-reviews .premium-review-card:nth-child(2n) {
    background:
        radial-gradient(circle at 15% 100%, rgba(255, 176, 101, 0.085), transparent 38%),
        linear-gradient(145deg, #121318, #08090b 76%);
}

.premium-reviews .premium-review-card::before {
    content: "";
    width: 210px;
    height: 210px;
    position: absolute;
    right: -125px;
    bottom: -120px;
    border: 1px solid rgba(255, 176, 101, 0.1);
    border-radius: 50%;
    box-shadow: 0 0 0 26px rgba(255, 176, 101, 0.018), 0 0 0 54px rgba(207, 0, 112, 0.018);
    pointer-events: none;
}

.premium-review-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    position: relative;
    z-index: 1;
}

.premium-reviews .premium-review-stars {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    letter-spacing: 0;
}

.premium-reviews .premium-review-stars strong {
    color: #f0f0f2;
    font-size: 15px;
    line-height: 1;
}

.premium-reviews .premium-review-stars span {
    color: #ffb065;
    font-size: 9px;
    letter-spacing: 1px;
}

.premium-review-status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 8px;
    color: #72747c;
    background: #15161a;
    border: 1px solid #2b2d33;
    border-radius: 999px;
    font-size: 6px;
    font-weight: 700;
    white-space: nowrap;
}

.premium-review-status::before {
    content: "";
    width: 5px;
    height: 5px;
    background: #4bd67b;
    border-radius: 50%;
    box-shadow: 0 0 8px rgba(75, 214, 123, 0.56);
}

.premium-reviews .premium-review-card blockquote {
    flex: 0 1 auto;
    position: relative;
    z-index: 1;
    margin: 26px 0 18px;
    color: #dedee2;
    font-size: 17px;
    line-height: 1.48;
}

.premium-reviews .premium-review-card blockquote > span {
    display: block;
    height: 22px;
    margin-bottom: 8px;
    color: #ffb065;
    font-family: Georgia, serif;
    font-size: 43px;
    line-height: 1;
}

.premium-review-context {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    position: relative;
    z-index: 1;
    margin-top: auto;
    padding-bottom: 16px;
}

.premium-review-context span {
    padding: 6px 8px;
    color: #7d7f87;
    background: rgba(18, 19, 23, 0.82);
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 8px;
    font-size: 6px;
    font-weight: 700;
}

.premium-reviews .premium-review-card footer {
    min-height: 61px;
    position: relative;
    z-index: 1;
    gap: 10px;
    padding-top: 14px;
    border-color: rgba(255, 255, 255, 0.075);
}

.premium-reviews .premium-review-card footer > img,
.premium-reviews .premium-review-card footer > span {
    width: 42px;
    height: 42px;
    flex-basis: 42px;
    background: linear-gradient(145deg, #ffc17f, #ff8c50);
    border: 1px solid rgba(255, 216, 174, 0.5);
    border-radius: 13px;
    font-size: 13px;
    box-shadow: 0 10px 24px rgba(255, 140, 80, 0.1);
}

.premium-reviews .premium-review-card footer div {
    min-width: 0;
    gap: 4px;
}

.premium-reviews .premium-review-card footer strong {
    overflow: hidden;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.premium-reviews .premium-review-card footer small {
    font-size: 7px;
}

.premium-reviews .premium-review-card footer em {
    margin-left: auto;
    padding: 6px 8px;
    color: #ffb065;
    background: #1b1715;
    border: 1px solid rgba(255, 176, 101, 0.16);
    border-radius: 8px;
    font-size: 7px;
    font-style: normal;
    font-weight: 850;
    letter-spacing: 0.04em;
}

@media (max-width: 900px) {
    .premium-reviews-heading-refined h2 {
        font-size: 48px;
    }

    .premium-review-header-aside > span {
        display: none;
    }
}

@media (max-width: 680px) {
    .premium-reviews-heading-refined {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: end;
        gap: 12px;
    }

    .premium-reviews-heading-refined h2 {
        max-width: 280px;
        font-size: 34px;
    }

    .premium-reviews-heading-refined > div:first-child > p:last-child {
        max-width: 285px;
        margin-top: 11px;
        font-size: 10px;
    }

    .premium-reviews-heading-refined .premium-carousel-controls {
        gap: 6px;
        margin: 0;
    }

    .premium-reviews-heading-refined .premium-carousel-controls button {
        width: 38px;
        height: 38px;
        border-radius: 11px;
        font-size: 14px;
    }

    .premium-reviews .premium-review-track {
        grid-auto-columns: 88%;
        gap: 9px;
        margin-inline: -12px;
        padding-inline: 12px;
    }

    .premium-reviews .premium-review-card {
        min-height: 315px;
        padding: 17px;
        border-radius: 17px;
    }

    .premium-reviews .premium-review-card blockquote {
        margin: 20px 0 14px;
        font-size: 14px;
    }

    .premium-reviews .premium-review-card blockquote > span {
        height: 18px;
        margin-bottom: 6px;
        font-size: 35px;
    }

    .premium-review-context {
        padding-bottom: 13px;
    }
}

@media (max-width: 390px) {
    .premium-review-status {
        padding-inline: 7px;
        font-size: 5px;
    }

    .premium-reviews .premium-review-stars span {
        font-size: 8px;
    }
}

/* Support desk composition v16 */
.premium-support-card-refined {
    min-height: 470px;
    grid-template-columns: minmax(0, 0.88fr) minmax(430px, 1.12fr);
    gap: clamp(40px, 7vw, 96px);
    padding: 56px;
    isolation: isolate;
    background:
        radial-gradient(circle at 78% 52%, rgba(255, 176, 101, 0.11), transparent 34%),
        radial-gradient(circle at 96% 100%, rgba(207, 0, 112, 0.16), transparent 40%),
        linear-gradient(145deg, #0e0f12, #060607 75%);
}

.premium-support-card-refined::before {
    content: "";
    position: absolute;
    inset: 0 0 0 48%;
    z-index: -2;
    opacity: 0.18;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
    background-size: 38px 38px;
    mask-image: linear-gradient(90deg, transparent, #000 38%);
    pointer-events: none;
}

.premium-support-copy-refined {
    position: relative;
    z-index: 1;
}

.premium-support-card-refined .premium-support-copy-refined h2 {
    max-width: 590px;
    margin: 10px 0 17px;
    font-size: clamp(44px, 5vw, 66px);
    line-height: 0.96;
    letter-spacing: -0.055em;
}

.premium-support-card-refined .premium-support-copy-refined > p:not(.premium-kicker) {
    max-width: 600px;
    margin: 0;
    color: var(--text-secondary);
    font-size: 14px;
    line-height: 1.5;
}

.premium-support-topic-list {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 24px;
}

.premium-support-topic-list span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 9px;
    color: #85878f;
    background: #111216;
    border: 1px solid #292b31;
    border-radius: 9px;
    font-size: 7px;
    font-weight: 700;
}

.premium-support-topic-list span::before {
    content: "";
    width: 4px;
    height: 4px;
    background: #ffb065;
    border-radius: 50%;
    box-shadow: 0 0 7px rgba(255, 176, 101, 0.5);
}

.premium-support-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 27px;
}

.premium-support-card-refined .premium-support-actions .premium-button {
    min-height: 54px;
    margin: 0;
    padding-inline: 24px;
    border-radius: 14px;
    font-size: 14px;
}

.premium-support-actions > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #6d6f77;
    font-size: 7px;
    font-weight: 650;
}

.premium-support-actions > span i {
    width: 6px;
    height: 6px;
    background: #4bd67b;
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(75, 214, 123, 0.07), 0 0 12px rgba(75, 214, 123, 0.58);
}

.premium-support-desk {
    min-height: 350px;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
    padding: 18px;
    background: linear-gradient(145deg, rgba(26, 27, 32, 0.97), rgba(8, 9, 12, 0.98));
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 21px;
    box-shadow: 0 30px 74px rgba(0, 0, 0, 0.44), inset 0 1px rgba(255, 255, 255, 0.04);
}

.premium-support-desk::before {
    content: "";
    width: 230px;
    height: 230px;
    position: absolute;
    right: -105px;
    bottom: -120px;
    border: 1px solid rgba(255, 176, 101, 0.1);
    border-radius: 50%;
    box-shadow: 0 0 0 28px rgba(255, 176, 101, 0.018), 0 0 0 58px rgba(207, 0, 112, 0.018);
    pointer-events: none;
}

.premium-support-desk-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    position: relative;
    z-index: 1;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.075);
}

.premium-support-desk-agent {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.premium-support-desk-agent > i {
    width: 43px;
    height: 43px;
    flex: 0 0 43px;
    display: grid;
    place-items: center;
    position: relative;
    color: #17110c;
    background: linear-gradient(145deg, #ffc17f, #ff9254);
    border: 1px solid rgba(255, 218, 178, 0.55);
    border-radius: 14px;
    font-size: 15px;
    font-style: normal;
    font-weight: 850;
}

.premium-support-desk-agent > i::after {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    right: -2px;
    bottom: -2px;
    background: #4bd67b;
    border: 3px solid #131419;
    border-radius: 50%;
    box-shadow: 0 0 11px rgba(75, 214, 123, 0.6);
}

.premium-support-desk-agent > span {
    min-width: 0;
    display: grid;
    gap: 4px;
}

.premium-support-desk-agent b {
    overflow: hidden;
    color: #dfe0e3;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.premium-support-desk-agent small {
    color: #65676f;
    font-size: 7px;
}

.premium-support-desk-head > em {
    flex: 0 0 auto;
    padding: 7px 9px;
    color: #85878f;
    background: #121317;
    border: 1px solid #2a2c32;
    border-radius: 999px;
    font-size: 7px;
    font-style: normal;
    font-weight: 700;
}

.premium-support-request {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    position: relative;
    z-index: 1;
    margin-top: 14px;
    padding: 15px;
    background: rgba(11, 12, 15, 0.75);
    border: 1px solid rgba(255, 255, 255, 0.065);
    border-radius: 15px;
}

.premium-support-request-title {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.premium-support-request-title > span {
    display: grid;
    gap: 5px;
}

.premium-support-request-title small {
    color: #5f6169;
    font-size: 6px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.07em;
}

.premium-support-request-title b {
    color: #dedee2;
    font-size: 13px;
}

.premium-support-request-title > em {
    padding: 6px 8px;
    color: #18110c;
    background: #ffb065;
    border-radius: 8px;
    font-size: 6px;
    font-style: normal;
    font-weight: 800;
}

.premium-support-request-steps {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    position: relative;
    margin-top: 23px;
}

.premium-support-request-steps::before {
    content: "";
    height: 1px;
    position: absolute;
    left: 14%;
    right: 14%;
    top: 13px;
    background: linear-gradient(90deg, rgba(75, 214, 123, 0.45), rgba(255, 176, 101, 0.38), rgba(255, 255, 255, 0.08));
}

.premium-support-request-steps > span {
    min-width: 0;
    display: grid;
    justify-items: center;
    gap: 7px;
    position: relative;
    z-index: 1;
    text-align: center;
}

.premium-support-request-steps i {
    width: 27px;
    height: 27px;
    display: grid;
    place-items: center;
    color: #6d6f77;
    background: #15161a;
    border: 1px solid #303139;
    border-radius: 9px;
    font-size: 7px;
    font-style: normal;
    font-weight: 800;
}

.premium-support-request-steps .is-done i {
    color: #0d1710;
    background: #4bd67b;
    border-color: #64e28d;
}

.premium-support-request-steps .is-active i {
    color: #17110c;
    background: #ffb065;
    border-color: #ffc88e;
    box-shadow: 0 0 15px rgba(255, 176, 101, 0.15);
}

.premium-support-request-steps small {
    color: #62646c;
    font-size: 6px;
    line-height: 1.25;
}

.premium-support-request > p {
    align-self: flex-start;
    margin: auto 0 0;
    padding: 9px 11px;
    color: #17110c;
    background: linear-gradient(135deg, #ffc17f, #ffa35f);
    border: 1px solid rgba(255, 220, 180, 0.42);
    border-radius: 11px 11px 11px 4px;
    font-size: 7px;
    font-weight: 650;
    line-height: 1.35;
}

.premium-support-desk-foot {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    position: relative;
    z-index: 1;
    margin-top: 12px;
}

.premium-support-desk-foot span {
    padding: 6px 8px;
    color: #6f7179;
    background: #111216;
    border: 1px solid #27292f;
    border-radius: 8px;
    font-size: 6px;
    font-weight: 700;
}

@media (max-width: 980px) {
    .premium-support-card-refined {
        grid-template-columns: minmax(0, 0.8fr) minmax(390px, 1.2fr);
        gap: 28px;
        padding: 42px;
    }
}

@media (max-width: 760px) {
    .premium-support-card-refined {
        min-height: 0;
        grid-template-columns: 1fr;
        gap: 24px;
        padding: 28px 20px 20px;
    }

    .premium-support-card-refined::before {
        inset: 44% 0 0;
        mask-image: linear-gradient(to bottom, transparent, #000 38%);
    }

    .premium-support-card-refined .premium-support-copy-refined h2 {
        max-width: 330px;
        margin: 8px 0 11px;
        font-size: 38px;
    }

    .premium-support-card-refined .premium-support-copy-refined > p:not(.premium-kicker) {
        max-width: 340px;
        font-size: 11px;
    }

    .premium-support-topic-list {
        margin-top: 16px;
    }

    .premium-support-actions {
        align-items: stretch;
        flex-direction: column;
        gap: 10px;
        margin-top: 18px;
    }

    .premium-support-card-refined .premium-support-actions .premium-button {
        width: 100%;
        min-height: 50px;
        font-size: 14px;
    }

    .premium-support-actions > span {
        justify-content: center;
    }

    .premium-support-desk {
        min-height: 330px;
        padding: 14px;
        border-radius: 17px;
    }
}

@media (max-width: 390px) {
    .premium-support-card-refined {
        padding-inline: 15px;
    }

    .premium-support-desk-head > em {
        max-width: 82px;
        white-space: normal;
    }

    .premium-support-request {
        padding: 12px;
    }

    .premium-support-request > p {
        font-size: 6px;
    }
}

/* Device hub composition v17 */
.premium-download-card-refined {
    min-height: 540px;
    grid-template-columns: minmax(0, 0.92fr) minmax(430px, 1.08fr);
    gap: clamp(44px, 7vw, 96px);
    padding: 56px;
    overflow: hidden;
    isolation: isolate;
    background:
        radial-gradient(circle at 79% 52%, rgba(255, 176, 101, 0.1), transparent 34%),
        radial-gradient(circle at 98% 100%, rgba(207, 0, 112, 0.15), transparent 40%),
        linear-gradient(145deg, #0e0f12, #060607 75%);
}

.premium-download-card-refined::before {
    content: "";
    position: absolute;
    inset: 0 0 0 47%;
    z-index: -2;
    opacity: 0.18;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
    background-size: 38px 38px;
    mask-image: linear-gradient(90deg, transparent, #000 38%);
    pointer-events: none;
}

.premium-download-card-refined .premium-download-content {
    max-width: 670px;
}

.premium-download-card-refined .premium-download-content h2 {
    max-width: 640px;
    margin: 10px 0 17px;
    font-size: clamp(44px, 5vw, 66px);
    line-height: 0.96;
    letter-spacing: -0.055em;
}

.premium-download-card-refined .premium-download-content > p:not(.premium-kicker) {
    max-width: 580px;
    margin: 0;
    color: var(--text-secondary);
    font-size: 14px;
    line-height: 1.5;
}

.premium-download-card-refined .premium-platforms {
    gap: 6px;
    margin: 23px 0;
}

.premium-download-card-refined .premium-platforms span {
    min-height: 28px;
    display: inline-flex;
    align-items: center;
    padding: 6px 8px;
    color: #7d7f87;
    background: #111216;
    border: 1px solid #292b31;
    border-radius: 9px;
    font-size: 7px;
    font-weight: 700;
}

.premium-download-card-refined .premium-download-content .premium-button {
    min-height: 54px;
    padding-inline: 24px;
    border-radius: 14px;
    font-size: 14px;
}

.premium-download-note {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 16px;
    margin-top: 15px;
}

.premium-download-note > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #777981;
    font-size: 7px;
    font-weight: 650;
}

.premium-download-note > span i {
    width: 6px;
    height: 6px;
    background: #4bd67b;
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(75, 214, 123, 0.07), 0 0 11px rgba(75, 214, 123, 0.58);
}

.premium-download-note > small {
    color: #5e6068;
    font-size: 7px;
}

.premium-device-hub {
    min-height: 410px;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
    padding: 18px;
    background: linear-gradient(145deg, rgba(26, 27, 32, 0.97), rgba(8, 9, 12, 0.98));
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 22px;
    box-shadow: 0 30px 76px rgba(0, 0, 0, 0.46), inset 0 1px rgba(255, 255, 255, 0.04);
}

.premium-device-hub::before {
    content: "";
    width: 240px;
    height: 240px;
    position: absolute;
    right: -110px;
    bottom: -125px;
    border: 1px solid rgba(255, 176, 101, 0.1);
    border-radius: 50%;
    box-shadow: 0 0 0 28px rgba(255, 176, 101, 0.018), 0 0 0 58px rgba(207, 0, 112, 0.018);
    pointer-events: none;
}

.premium-device-hub-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    position: relative;
    z-index: 1;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.075);
}

.premium-device-hub-head > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #dadade;
    font-size: 10px;
    font-weight: 750;
}

.premium-device-hub-head > span i {
    width: 7px;
    height: 7px;
    background: #4bd67b;
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(75, 214, 123, 0.07), 0 0 12px rgba(75, 214, 123, 0.62);
}

.premium-device-hub-head > small {
    color: #5f6169;
    font-size: 6px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.07em;
}

.premium-device-profile {
    display: flex;
    align-items: center;
    gap: 11px;
    position: relative;
    z-index: 1;
    margin-top: 14px;
    padding: 12px;
    background:
        radial-gradient(circle at 100% 100%, rgba(207, 0, 112, 0.11), transparent 45%),
        linear-gradient(145deg, #18191e, #111216);
    border: 1px solid rgba(255, 176, 101, 0.14);
    border-radius: 15px;
}

.premium-device-profile > i {
    width: 43px;
    height: 43px;
    flex: 0 0 43px;
    display: grid;
    place-items: center;
    color: #17110c;
    background: linear-gradient(145deg, #ffc17f, #ff9254);
    border: 1px solid rgba(255, 218, 178, 0.55);
    border-radius: 14px;
    font-size: 15px;
    font-style: normal;
    font-weight: 850;
}

.premium-device-profile > span {
    min-width: 0;
    display: grid;
    gap: 4px;
}

.premium-device-profile small {
    color: #666870;
    font-size: 6px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.premium-device-profile b {
    color: #e1e2e5;
    font-size: 12px;
}

.premium-device-profile > em {
    margin-left: auto;
    padding: 6px 8px;
    color: #0e1711;
    background: #4bd67b;
    border-radius: 8px;
    font-size: 6px;
    font-style: normal;
    font-weight: 800;
}

.premium-device-hub-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
    position: relative;
    z-index: 1;
    margin-top: 9px;
}

.premium-device-hub-item {
    min-width: 0;
    min-height: 118px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    padding: 11px;
    background: rgba(13, 14, 17, 0.86);
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 13px;
}

.premium-device-hub-item > i {
    width: 28px;
    height: 28px;
    display: block;
    position: relative;
    background: #1c1d22;
    border: 1px solid #34363d;
    border-radius: 8px;
}

.premium-device-hub-item.is-phone > i::before {
    content: "";
    width: 9px;
    height: 16px;
    position: absolute;
    left: 50%;
    top: 50%;
    border: 1px solid #a8a9ae;
    border-radius: 3px;
    transform: translate(-50%, -50%);
}

.premium-device-hub-item.is-laptop > i::before {
    content: "";
    width: 15px;
    height: 10px;
    position: absolute;
    left: 50%;
    top: 45%;
    border: 1px solid #a8a9ae;
    border-radius: 2px;
    transform: translate(-50%, -50%);
}

.premium-device-hub-item.is-laptop > i::after {
    content: "";
    width: 20px;
    height: 2px;
    position: absolute;
    left: 50%;
    bottom: 6px;
    background: #a8a9ae;
    border-radius: 999px;
    transform: translateX(-50%);
}

.premium-device-hub-item.is-tv > i::before {
    content: "";
    width: 17px;
    height: 11px;
    position: absolute;
    left: 50%;
    top: 43%;
    border: 1px solid #a8a9ae;
    border-radius: 2px;
    transform: translate(-50%, -50%);
}

.premium-device-hub-item.is-tv > i::after {
    content: "";
    width: 9px;
    height: 4px;
    position: absolute;
    left: 50%;
    bottom: 5px;
    border-bottom: 1px solid #a8a9ae;
    transform: translateX(-50%);
}

.premium-device-hub-item > span {
    min-width: 0;
    display: grid;
    gap: 4px;
    margin-top: 12px;
}

.premium-device-hub-item b {
    overflow: hidden;
    color: #cfd0d4;
    font-size: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.premium-device-hub-item small {
    overflow: hidden;
    color: #5f6169;
    font-size: 5px;
    line-height: 1.25;
    text-overflow: ellipsis;
}

.premium-device-hub-item > em {
    margin-top: auto;
    color: #4bd67b;
    font-size: 5px;
    font-style: normal;
    font-weight: 750;
}

.premium-device-hub-flow {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    position: relative;
    z-index: 1;
    margin-top: auto;
    padding-top: 16px;
}

.premium-device-hub-flow::before {
    content: "";
    height: 1px;
    position: absolute;
    left: 14%;
    right: 14%;
    top: 29px;
    background: linear-gradient(90deg, rgba(75, 214, 123, 0.45), rgba(255, 176, 101, 0.38), rgba(255, 255, 255, 0.08));
}

.premium-device-hub-flow > span {
    display: grid;
    justify-items: center;
    gap: 7px;
    position: relative;
    z-index: 1;
}

.premium-device-hub-flow i {
    width: 27px;
    height: 27px;
    display: grid;
    place-items: center;
    color: #696b73;
    background: #15161a;
    border: 1px solid #303139;
    border-radius: 9px;
    font-size: 7px;
    font-style: normal;
    font-weight: 800;
}

.premium-device-hub-flow .is-done i {
    color: #0e1711;
    background: #4bd67b;
    border-color: #64e28d;
}

.premium-device-hub-flow .is-active i {
    color: #17110c;
    background: #ffb065;
    border-color: #ffc88e;
}

.premium-device-hub-flow small {
    color: #62646c;
    font-size: 6px;
}

@media (max-width: 980px) {
    .premium-download-card-refined {
        grid-template-columns: minmax(0, 0.8fr) minmax(390px, 1.2fr);
        gap: 28px;
        padding: 42px;
    }
}

@media (max-width: 760px) {
    .premium-download-card-refined {
        min-height: 0;
        display: grid;
        grid-template-columns: 1fr;
        gap: 24px;
        padding: 28px 20px 20px;
    }

    .premium-download-card-refined::before {
        inset: 45% 0 0;
        mask-image: linear-gradient(to bottom, transparent, #000 38%);
    }

    .premium-download-card-refined .premium-download-content h2 {
        max-width: 340px;
        margin: 8px 0 11px;
        font-size: 38px;
    }

    .premium-download-card-refined .premium-download-content > p:not(.premium-kicker) {
        max-width: 340px;
        font-size: 11px;
    }

    .premium-download-card-refined .premium-platforms {
        margin-block: 16px;
    }

    .premium-download-card-refined .premium-download-content .premium-button {
        width: 100%;
        min-height: 50px;
        font-size: 14px;
    }

    .premium-download-note {
        justify-content: center;
    }

    .premium-device-hub {
        min-height: 390px;
        padding: 14px;
        border-radius: 17px;
    }
}

@media (max-width: 390px) {
    .premium-download-card-refined {
        padding-inline: 15px;
    }

    .premium-device-hub-item {
        min-height: 112px;
        padding: 9px;
    }

    .premium-device-hub-item > i {
        width: 26px;
        height: 26px;
    }

    .premium-device-hub-flow small {
        font-size: 5px;
    }
}

/* Mobile experience v19 */
@media (max-width: 680px) {
    html {
        scroll-padding-top: 76px;
    }

    body.home-page {
        overflow-x: clip;
        -webkit-text-size-adjust: 100%;
    }

    .home-page .container {
        width: 100%;
        max-width: var(--premium-container);
        padding-inline: 16px;
    }

    .home-page .site-header,
    .home-page .header-wrap {
        min-height: 60px;
    }

    .home-page .site-header {
        background: rgba(0, 0, 0, 0.92);
        border-bottom-color: rgba(255, 255, 255, 0.055);
        backdrop-filter: blur(18px) saturate(140%);
    }

    .home-page .vip-brand-mark {
        width: 36px;
        height: 36px;
        flex-basis: 36px;
        border-radius: 11px;
    }

    .home-page .vip-brand .logo-text strong {
        font-size: 16px;
        letter-spacing: 0.045em;
    }

    .home-page .burger {
        width: 44px;
        height: 44px;
        border-radius: 13px;
    }

    .home-page .mobile-menu {
        padding: 12px 16px calc(18px + env(safe-area-inset-bottom));
    }

    .home-page .mobile-menu nav {
        gap: 8px;
    }

    .home-page .mobile-menu nav a {
        min-height: 52px;
        padding: 10px 12px;
        border-radius: 14px;
        font-size: 15px;
    }

    .premium-home-main {
        padding-bottom: 88px;
    }

    .premium-section {
        padding: 62px 0;
    }

    .premium-section[id],
    .premium-hero,
    .premium-connection {
        scroll-margin-top: 76px;
    }

    .premium-section-heading,
    .premium-section-heading-split {
        margin-bottom: 28px;
    }

    .premium-kicker {
        margin-bottom: 10px;
        font-size: 11px;
        letter-spacing: 0.045em;
    }

    .premium-section-heading h2,
    .premium-connection-copy h2,
    .premium-pricing-content h2,
    .premium-faq-intro h2,
    .premium-support-card h2,
    .premium-download-content h2 {
        font-size: clamp(32px, 9.2vw, 38px);
        line-height: 1;
        letter-spacing: -0.045em;
        text-wrap: balance;
    }

    .premium-section-heading > p:last-child,
    .premium-section-heading-split > p,
    .premium-connection-copy > p,
    .premium-pricing-lead,
    .premium-faq-intro > p:last-of-type,
    .premium-support-card > div:first-child > p,
    .premium-download-content > p {
        margin-top: 12px;
        color: #9699a0;
        font-size: 14px;
        line-height: 1.5;
    }

    .premium-button,
    .premium-button-primary {
        min-height: 54px;
        padding: 14px 18px;
        border-radius: 15px;
        font-size: 16px;
        touch-action: manipulation;
    }

    .premium-hero {
        padding: 26px 0 36px;
    }

    .premium-hero-grid {
        grid-template-columns: minmax(0, 1fr) minmax(108px, 0.42fr);
        gap: 12px 10px;
    }

    .premium-product-name {
        font-size: 13px;
        letter-spacing: 0.015em;
    }

    .premium-hero h1 {
        margin-top: 6px;
        font-size: clamp(34px, 10vw, 43px);
        line-height: 0.95;
        text-wrap: balance;
    }

    .premium-hero-art {
        width: calc(100% + 24px);
        margin-right: -12px;
    }

    .premium-hero-copy > .premium-hero-lead:first-of-type {
        margin-top: 4px;
        font-size: 14px;
        line-height: 1.45;
    }

    .premium-hero-lead + .premium-hero-lead {
        min-height: 36px;
        padding: 9px 10px 9px 25px;
        font-size: 11px;
        line-height: 1.35;
        text-overflow: initial;
        white-space: normal;
    }

    .premium-hero-buy {
        margin-top: 2px;
    }

    .premium-hero-buy .premium-button-primary {
        min-height: 54px;
        font-size: 16px;
    }

    .premium-hero-plan {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        padding: 11px 12px;
        border-radius: 13px;
    }

    .premium-hero-plan strong {
        font-size: 17px;
    }

    .premium-hero-plan > div:first-child span {
        font-size: 10px;
        line-height: 1.3;
    }

    .premium-payment-labels {
        max-width: 126px;
        justify-content: flex-end;
    }

    .premium-payment-labels span {
        min-height: 24px;
        padding: 5px 7px;
        font-size: 8px;
    }

    .premium-hero-facts {
        border-radius: 13px;
    }

    .premium-hero-facts div {
        padding: 11px 7px;
    }

    .premium-hero-facts dt {
        font-size: 11px;
    }

    .premium-hero-facts dd {
        font-size: 9px;
        line-height: 1.25;
    }

    .premium-pricing-card-refined {
        border-radius: 20px;
    }

    .premium-pricing-card-refined .premium-pricing-content {
        padding: 26px 16px 20px;
    }

    .premium-pricing-card-refined .premium-pricing-content h2 {
        margin: 14px 0 10px;
        font-size: 34px;
    }

    .premium-pricing-card-refined .premium-pricing-lead {
        font-size: 14px;
        line-height: 1.45;
    }

    .premium-pricing-instant {
        padding: 7px 9px;
        font-size: 8px;
    }

    .premium-pricing-card-refined .premium-plan-list {
        gap: 9px;
        margin-top: 22px;
    }

    .premium-pricing-card-refined .premium-plan-option {
        min-height: 104px;
        grid-template-columns: 18px minmax(0, 1fr) auto;
        gap: 10px;
        padding: 14px 12px;
        border-radius: 15px;
    }

    .premium-pricing-card-refined .premium-plan-option::before {
        width: 17px;
        height: 17px;
    }

    .premium-pricing-card-refined .premium-plan-option strong {
        font-size: 14px;
    }

    .premium-pricing-card-refined .premium-plan-description {
        max-width: 210px;
        font-size: 10px;
        line-height: 1.35;
    }

    .premium-plan-meta > small {
        font-size: 8px;
    }

    .premium-pricing-card-refined .premium-plan-price {
        min-width: 88px;
    }

    .premium-pricing-card-refined .premium-plan-price b {
        font-size: 14px;
    }

    .premium-pricing-card-refined .premium-plan-price > small {
        max-width: 100px;
        font-size: 7px;
    }

    .premium-pricing-card-refined .premium-pricing-button {
        min-height: 54px;
        margin-top: 14px;
        font-size: 16px;
    }

    .premium-pricing-trust span {
        font-size: 8px;
    }

    .premium-pricing-card-refined .premium-pricing-guarantee strong {
        font-size: 10px;
    }

    .premium-pricing-card-refined .premium-pricing-guarantee small {
        font-size: 9px;
    }

    .premium-secure-layout {
        gap: 12px;
    }

    .premium-secure-tabs {
        grid-auto-columns: minmax(156px, 68%);
        gap: 9px;
        padding-bottom: 5px;
        scroll-snap-type: x mandatory;
    }

    .premium-secure-tab {
        min-height: 76px;
        padding: 12px;
        border-radius: 14px;
        scroll-snap-align: start;
        touch-action: manipulation;
    }

    .premium-secure-tab strong {
        font-size: 14px;
    }

    .premium-secure-stage {
        border-radius: 19px;
    }

    .premium-secure-visual {
        min-height: 280px;
    }

    .premium-secure-panel-copy {
        padding: 21px 18px 22px;
    }

    .premium-secure-panel-copy > span {
        font-size: 10px;
    }

    .premium-secure-panel-copy h3 {
        margin: 7px 0 8px;
        font-size: 23px;
    }

    .premium-secure-panel-copy p {
        font-size: 14px;
        line-height: 1.5;
    }

    .premium-connection-card {
        gap: 24px;
        padding: 16px;
        border-radius: 20px;
    }

    .premium-connection-switch button {
        min-height: 44px;
        font-size: 12px;
        touch-action: manipulation;
    }

    .premium-connection-copy {
        margin-top: 30px;
    }

    .premium-connection-copy h2 {
        font-size: 30px;
    }

    .premium-connection-copy > p {
        font-size: 14px;
    }

    .premium-network-stage {
        min-height: 296px;
    }

    .premium-network-stage .premium-network {
        min-height: 296px;
        padding: 56px 8px 46px;
    }

    .premium-network-node span,
    .premium-network-core small {
        font-size: 9px;
    }

    .premium-badges span {
        min-height: 28px;
        font-size: 10px;
    }

    .premium-map {
        border-radius: 19px;
    }

    .premium-map-toolbar {
        gap: 12px;
        padding: 14px;
    }

    .premium-map-toolbar-copy b {
        font-size: 11px;
    }

    .premium-map-toolbar-copy small {
        font-size: 8px;
    }

    .premium-map-toolbar button {
        min-height: 42px;
        font-size: 11px;
        touch-action: manipulation;
    }

    .premium-map-canvas {
        height: 300px;
    }

    .premium-map-live,
    .premium-map-point > span {
        font-size: 8px;
    }

    .premium-map-summary b {
        font-size: 11px;
    }

    .premium-map-summary small {
        font-size: 8px;
        line-height: 1.3;
    }

    .premium-advantage-grid {
        grid-auto-flow: row;
        grid-auto-columns: auto;
        grid-template-columns: 1fr;
        gap: 12px;
        margin: 0;
        padding: 0;
        overflow: visible;
        scroll-snap-type: none;
    }

    .premium-advantage-card,
    .premium-advantage-card-wide,
    .premium-advantage-card-devices,
    .premium-advantage-card-speed,
    .premium-advantage-card-support,
    .premium-advantage-card-wide.premium-advantage-card-reliability {
        min-height: 0;
        grid-column: auto;
        padding: 22px 18px;
        border-radius: 18px;
        scroll-snap-align: none;
    }

    .premium-advantage-card-devices,
    .premium-advantage-card-speed,
    .premium-advantage-card-support {
        min-height: 320px;
    }

    .premium-advantage-card h3,
    .premium-advantage-card-devices h3,
    .premium-advantage-card-speed h3,
    .premium-advantage-card-support h3,
    .premium-advantage-card-reliability h3 {
        max-width: 320px;
        margin: 18px 0 8px;
        font-size: 24px;
        line-height: 1.05;
    }

    .premium-advantage-card > p,
    .premium-advantage-card-devices > p,
    .premium-advantage-card-speed > p,
    .premium-advantage-card-support > p,
    .premium-advantage-card-reliability .premium-reliability-copy > p:last-of-type {
        max-width: 330px;
        font-size: 13px;
        line-height: 1.45;
    }

    .premium-advantage-card-devices .premium-device-miniatures {
        display: flex;
    }

    .premium-advantage-card-wide.premium-advantage-card-reliability {
        min-height: 510px;
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .premium-reliability-benefits span,
    .premium-support-response,
    .premium-advantage-device-status,
    .premium-advantage-speed-status {
        font-size: 9px;
    }

    .premium-carousel-dots {
        display: none;
    }

    .premium-comparison-heading-refined h2,
    .premium-reviews-heading-refined h2 {
        max-width: 340px;
        font-size: 34px;
    }

    .premium-comparison-heading-refined > p:last-child,
    .premium-reviews-heading-refined > div:first-child > p:last-child {
        max-width: 340px;
        font-size: 14px;
        line-height: 1.5;
    }

    .premium-comparison-scroll.premium-comparison-journey {
        padding: 12px;
        border-radius: 19px;
    }

    .premium-comparison-journey-row > div {
        min-height: 68px;
        padding: 11px;
    }

    .premium-comparison-journey-row b,
    .premium-comparison-step b {
        font-size: 11px;
        line-height: 1.35;
    }

    .premium-comparison-journey-row small {
        font-size: 7px;
    }

    .premium-comparison-journey-foot > span {
        font-size: 9px;
        line-height: 1.35;
    }

    .premium-comparison-journey-foot > a {
        min-height: 46px;
        font-size: 11px;
    }

    .premium-reviews-heading-refined {
        align-items: end;
    }

    .premium-reviews-heading-refined .premium-carousel-controls button {
        width: 44px;
        height: 44px;
        touch-action: manipulation;
    }

    .premium-reviews .premium-review-track {
        grid-auto-columns: 92%;
        gap: 12px;
        margin-inline: -16px;
        padding-inline: 16px;
        scroll-padding-inline: 16px;
    }

    .premium-reviews .premium-review-card {
        min-height: 340px;
        padding: 20px;
        border-radius: 19px;
        scroll-snap-align: start;
    }

    .premium-reviews .premium-review-card blockquote {
        font-size: 16px;
        line-height: 1.5;
    }

    .premium-review-status,
    .premium-review-context span {
        font-size: 8px;
    }

    .premium-reviews .premium-review-card footer strong {
        font-size: 12px;
    }

    .premium-reviews .premium-review-card footer small,
    .premium-reviews .premium-review-card footer em {
        font-size: 8px;
    }

    .premium-faq-layout {
        gap: 28px;
    }

    .premium-faq-item summary {
        min-height: 66px;
        padding: 15px 14px;
        font-size: 15px;
        line-height: 1.35;
        touch-action: manipulation;
    }

    .premium-faq-answer {
        padding: 0 50px 18px 14px;
    }

    .premium-faq-answer p {
        font-size: 14px;
        line-height: 1.55;
    }

    .premium-support-card-refined,
    .premium-download-card-refined {
        gap: 26px;
        padding: 28px 18px 18px;
        border-radius: 20px;
    }

    .premium-support-card-refined .premium-support-copy-refined h2,
    .premium-download-card-refined .premium-download-content h2 {
        max-width: 350px;
        margin: 9px 0 12px;
        font-size: 34px;
    }

    .premium-support-card-refined .premium-support-copy-refined > p:not(.premium-kicker),
    .premium-download-card-refined .premium-download-content > p:not(.premium-kicker) {
        max-width: 350px;
        font-size: 14px;
        line-height: 1.5;
    }

    .premium-support-topic-list span,
    .premium-download-card-refined .premium-platforms span {
        min-height: 30px;
        padding: 7px 9px;
        font-size: 9px;
    }

    .premium-support-actions > span,
    .premium-download-note > span,
    .premium-download-note > small {
        font-size: 9px;
        line-height: 1.3;
    }

    .premium-support-card-refined .premium-support-actions .premium-button,
    .premium-download-card-refined .premium-download-content .premium-button {
        min-height: 54px;
        font-size: 16px;
    }

    .premium-support-desk,
    .premium-device-hub {
        min-height: 350px;
        padding: 15px;
        border-radius: 18px;
    }

    .premium-support-desk-agent b,
    .premium-device-hub-head > span,
    .premium-device-profile b {
        font-size: 11px;
    }

    .premium-support-desk-agent small,
    .premium-support-request-title small,
    .premium-support-request-steps small,
    .premium-support-desk-foot span,
    .premium-device-hub-head > small,
    .premium-device-profile small,
    .premium-device-hub-flow small {
        font-size: 8px;
    }

    .premium-support-request-title b {
        font-size: 13px;
    }

    .premium-support-request > p {
        padding: 10px 11px;
        font-size: 9px;
    }

    .premium-device-hub-list {
        gap: 7px;
    }

    .premium-device-hub-item {
        min-height: 116px;
        padding: 10px;
    }

    .premium-device-hub-item b {
        font-size: 9px;
    }

    .premium-device-hub-item small,
    .premium-device-hub-item > em {
        font-size: 7px;
    }

    .home-page .site-footer {
        margin-top: 46px;
        padding: 42px 0 calc(104px + env(safe-area-inset-bottom));
    }

    .home-page .footer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 34px 20px;
    }

    .home-page .footer-brand {
        grid-column: 1 / -1;
    }

    .home-page .footer-lead {
        max-width: 34ch;
        font-size: 14px;
    }

    .home-page .footer-nav a {
        min-height: 32px;
        display: flex;
        align-items: center;
        font-size: 13px;
        line-height: 1.3;
        overflow-wrap: anywhere;
    }

    .home-page .footer-title {
        font-size: 10px;
    }

    .home-page .footer-copy,
    .home-page .footer-disclaimer {
        font-size: 11px;
        line-height: 1.5;
    }

    .home-page .sticky-cta {
        left: 12px;
        right: 12px;
        bottom: calc(10px + env(safe-area-inset-bottom));
        min-height: 64px;
        padding: 9px 9px 9px 14px;
        border-radius: 17px;
        box-shadow: 0 16px 42px rgba(0, 0, 0, 0.42), 0 8px 30px rgba(251, 178, 106, 0.22);
    }

    .home-page .sticky-cta-copy small {
        font-size: 8px;
    }

    .home-page .sticky-cta-copy strong {
        max-width: 160px;
        font-size: 13px;
    }

    .home-page .sticky-cta-meta b {
        font-size: 12px;
    }

    .home-page .sticky-cta-meta em {
        min-height: 26px;
        display: inline-flex;
        align-items: center;
        padding: 5px 9px;
        font-size: 10px;
    }

    .home-page .checkout-modal-dialog {
        padding: 28px 16px calc(20px + env(safe-area-inset-bottom));
        overscroll-behavior: contain;
    }

    .home-page .checkout-modal-form input[type="email"] {
        min-height: 56px;
        font-size: 16px;
    }

    .home-page .checkout-modal-form .btn-primary {
        min-height: 56px;
        font-size: 16px;
    }

    .home-page .checkout-legal-note {
        font-size: 10px;
        line-height: 1.45;
    }
}

@media (max-width: 390px) {
    .home-page .container {
        padding-inline: 14px;
    }

    .premium-hero-grid {
        grid-template-columns: minmax(0, 1fr) 102px;
        gap-inline: 8px;
    }

    .premium-hero h1 {
        font-size: clamp(32px, 9.8vw, 38px);
    }

    .premium-pricing-card-refined .premium-plan-option {
        grid-template-columns: 17px minmax(0, 1fr);
    }

    .premium-pricing-card-refined .premium-plan-price {
        min-width: 0;
        grid-column: 2;
        justify-items: start;
    }

    .premium-pricing-card-refined .premium-plan-description {
        max-width: none;
    }

    .premium-reviews-heading-refined {
        grid-template-columns: 1fr;
    }

    .premium-reviews-heading-refined .premium-carousel-controls {
        display: none;
    }

    .premium-reviews .premium-review-track {
        grid-auto-columns: 94%;
        margin-inline: -14px;
        padding-inline: 14px;
    }

    .premium-support-desk-head > em {
        display: none;
    }

    .premium-support-desk,
    .premium-device-hub {
        padding: 13px;
    }

    .premium-device-hub-item {
        min-height: 110px;
        padding: 8px;
    }

    .home-page .footer-grid {
        gap-inline: 16px;
    }

    .home-page .sticky-cta {
        left: 10px;
        right: 10px;
    }

    .home-page .sticky-cta-copy strong {
        max-width: 130px;
    }
}

@media (hover: none) and (pointer: coarse) {
    .premium-button:hover,
    .premium-plan-option:hover,
    .premium-pricing-card-refined .premium-plan-option:hover {
        transform: none;
    }

    .premium-button:active,
    .premium-plan-option:active,
    .premium-carousel-controls button:active,
    .premium-secure-tab:active {
        transform: scale(0.985);
    }

    .premium-map-point::after {
        content: "";
        position: absolute;
        inset: -12px;
    }
}

/* Mobile composition v20 */
@media (max-width: 680px) {
    .premium-hero {
        padding: 30px 0 42px;
    }

    .premium-hero-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 0;
        align-items: stretch;
    }

    .premium-product-name {
        grid-column: 1;
        grid-row: 1;
        margin-bottom: 13px;
    }

    .premium-hero h1 {
        grid-column: 1;
        grid-row: 2;
        max-width: 560px;
        margin: 0;
        font-size: clamp(38px, 11.2vw, 48px);
        line-height: 0.96;
    }

    .premium-hero-art {
        width: min(112%, 470px);
        grid-column: 1;
        grid-row: 3;
        justify-self: center;
        margin: -4px -6% -22px;
    }

    .premium-hero-art::before {
        inset: 15% 7% 6%;
        filter: blur(38px);
    }

    .premium-hero-copy > .premium-hero-lead:first-of-type {
        grid-column: 1;
        grid-row: 4;
        margin: 0;
        font-size: 15px;
        line-height: 1.5;
    }

    .premium-hero-lead + .premium-hero-lead {
        grid-column: 1;
        grid-row: 5;
        margin-top: 14px;
        padding: 10px 12px 10px 29px;
        font-size: 12px;
    }

    .premium-hero-lead + .premium-hero-lead::before {
        left: 13px;
    }

    .premium-hero-buy {
        grid-column: 1;
        grid-row: 6;
        margin-top: 14px;
    }

    .premium-hero-plan {
        grid-column: 1;
        grid-row: 7;
        margin-top: 10px;
    }

    .premium-hero-facts {
        grid-column: 1;
        grid-row: 8;
        margin-top: 10px;
    }

    .premium-section-heading h2,
    .premium-comparison-heading-refined h2,
    .premium-reviews-heading-refined h2,
    .premium-support-card-refined .premium-support-copy-refined h2,
    .premium-download-card-refined .premium-download-content h2 {
        text-wrap: pretty;
    }

    .premium-advantages .premium-section-heading {
        position: relative;
        padding-right: 58px;
    }

    .premium-advantages .premium-section-heading::after {
        content: "листайте →";
        position: absolute;
        right: 0;
        bottom: 2px;
        color: #71737a;
        font-size: 9px;
        font-weight: 700;
        letter-spacing: 0.03em;
        text-transform: uppercase;
    }

    .premium-advantage-grid {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: minmax(0, 88%);
        grid-template-columns: none;
        gap: 12px;
        margin-inline: -16px;
        padding: 2px 16px 8px;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scroll-padding-inline: 16px;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .premium-advantage-grid::-webkit-scrollbar {
        display: none;
    }

    .premium-advantage-card,
    .premium-advantage-card-wide,
    .premium-advantage-card-devices,
    .premium-advantage-card-speed,
    .premium-advantage-card-support,
    .premium-advantage-card-wide.premium-advantage-card-reliability {
        width: auto;
        min-width: 0;
        grid-column: auto;
        scroll-snap-align: start;
        scroll-snap-stop: always;
    }

    .premium-advantage-card-devices,
    .premium-advantage-card-speed,
    .premium-advantage-card-support {
        min-height: 330px;
    }

    .premium-advantage-card-wide.premium-advantage-card-reliability {
        min-height: 520px;
    }

    .premium-carousel-dots {
        display: flex;
        margin-top: 14px;
    }

    .premium-carousel-dots i {
        width: 22px;
        height: 3px;
    }

    .premium-device-hub {
        min-height: 0;
    }

    .premium-device-hub-list {
        grid-template-columns: 1fr;
        gap: 7px;
        margin-top: 10px;
    }

    .premium-device-hub-item {
        min-height: 64px;
        flex-direction: row;
        align-items: center;
        gap: 10px;
        padding: 10px 11px;
        border-radius: 12px;
    }

    .premium-device-hub-item > i {
        width: 34px;
        height: 34px;
        flex: 0 0 34px;
    }

    .premium-device-hub-item > span {
        gap: 3px;
        margin-top: 0;
    }

    .premium-device-hub-item b {
        font-size: 11px;
    }

    .premium-device-hub-item small {
        font-size: 8px;
    }

    .premium-device-hub-item > em {
        margin: 0 0 0 auto;
        padding: 5px 7px;
        background: rgba(75, 214, 123, 0.07);
        border: 1px solid rgba(75, 214, 123, 0.14);
        border-radius: 8px;
        font-size: 8px;
    }

    .premium-device-hub-flow {
        margin-top: 12px;
    }

    .home-page .checkout-renewal-summary {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .home-page .checkout-renewal-summary div {
        min-height: 42px;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 12px;
        padding: 9px 11px;
    }

    .home-page .checkout-renewal-summary small {
        font-size: 10px;
    }

    .home-page .checkout-renewal-summary strong {
        font-size: 11px;
        text-align: right;
    }

    .home-page .checkout-modal-dialog {
        max-height: 94dvh;
    }

    .home-page .checkout-modal-trust {
        gap: 6px;
    }

    .home-page .checkout-modal-trust span {
        font-size: 9px;
        line-height: 1.3;
    }

    .premium-review-track,
    .premium-secure-tabs {
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-inline: contain;
    }
}

@media (max-width: 390px) {
    .premium-hero h1 {
        font-size: clamp(35px, 10.7vw, 41px);
    }

    .premium-hero-art {
        width: min(116%, 430px);
        margin-bottom: -18px;
    }

    .premium-hero-copy > .premium-hero-lead:first-of-type {
        font-size: 14px;
    }

    .premium-advantages .premium-section-heading {
        padding-right: 0;
    }

    .premium-advantages .premium-section-heading::after {
        position: static;
        display: block;
        margin-top: 11px;
    }

    .premium-advantage-grid {
        grid-auto-columns: minmax(0, 91%);
        margin-inline: -14px;
        padding-inline: 14px;
        scroll-padding-inline: 14px;
    }

    .premium-device-profile > em {
        padding-inline: 7px;
    }

    .premium-device-hub-item {
        min-height: 62px;
    }

    .premium-device-hub-flow small {
        font-size: 7px;
    }
}


/* Refined cinema quality card v2 */
.premium-cinema-console {
    width: min(100%, 320px);
    display: grid;
    gap: 12px;
    position: relative;
    z-index: 3;
    margin-top: 27px;
}

.premium-cinema-display {
    min-height: 196px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    padding: 19px 20px 17px;
    background:
        linear-gradient(135deg, rgba(251, 178, 106, 0.09), transparent 42%),
        radial-gradient(circle at 78% 24%, rgba(207, 0, 112, 0.13), transparent 42%),
        linear-gradient(155deg, #19171a, #0b0c10 72%);
    border: 1px solid rgba(251, 178, 106, 0.28);
    border-radius: 20px;
    box-shadow:
        0 24px 68px rgba(0, 0, 0, 0.42),
        inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

.premium-cinema-display::before {
    content: "";
    position: absolute;
    inset: 8px;
    pointer-events: none;
    border: 1px solid rgba(255, 255, 255, 0.025);
    border-radius: 13px;
}

.premium-cinema-display::after {
    content: "";
    position: absolute;
    right: -52px;
    bottom: -72px;
    width: 190px;
    height: 190px;
    pointer-events: none;
    background: radial-gradient(circle, rgba(251, 178, 106, 0.13), transparent 67%);
    filter: blur(18px);
}

.premium-cinema-display-top,
.premium-cinema-display-foot,
.premium-cinema-resolution {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 2;
}

.premium-cinema-display-top > span {
    color: #a7a9b0;
    font-size: 9px;
    font-weight: 750;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.premium-cinema-display-top > em {
    min-width: 38px;
    padding: 6px 8px;
    color: #17100b;
    background: linear-gradient(135deg, var(--accent-peach), #ffc995);
    border-radius: 9px;
    box-shadow: 0 8px 24px rgba(251, 178, 106, 0.14);
    font-size: 10px;
    font-style: normal;
    font-weight: 800;
    text-align: center;
}

.premium-cinema-resolution {
    justify-content: flex-start;
    gap: 16px;
}

.premium-cinema-resolution > strong {
    color: #fff;
    font-size: 70px;
    font-weight: 680;
    line-height: 0.82;
    letter-spacing: -0.075em;
    text-shadow: 0 8px 32px rgba(255, 255, 255, 0.07);
}

.premium-cinema-resolution > span {
    display: grid;
    gap: 2px;
    padding-left: 15px;
    border-left: 1px solid rgba(255, 255, 255, 0.11);
}

.premium-cinema-resolution > span b {
    color: #f1f1f3;
    font-size: 13px;
    font-weight: 650;
}

.premium-cinema-resolution > span small {
    color: #858890;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.055em;
}

.premium-cinema-display-foot > span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #a0a3aa;
    font-size: 9px;
    font-weight: 600;
}

.premium-cinema-display-foot > span i,
.premium-cinema-ready > i {
    width: 6px;
    height: 6px;
    flex: 0 0 auto;
    background: var(--success);
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(71, 212, 119, 0.78);
}

.premium-cinema-display-foot > em {
    color: #666970;
    font-size: 9px;
    font-style: normal;
    font-weight: 650;
    letter-spacing: 0.06em;
}

.premium-cinema-formats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
}

.premium-cinema-formats > span {
    min-width: 0;
    display: grid;
    gap: 2px;
    padding: 10px 9px;
    color: #777a82;
    background: rgba(255, 255, 255, 0.018);
    border: 1px solid rgba(255, 255, 255, 0.055);
    border-radius: 12px;
}

.premium-cinema-formats > span b {
    overflow: hidden;
    font-size: 10px;
    font-weight: 720;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.premium-cinema-formats > span small {
    color: #565960;
    font-size: 8px;
    font-weight: 600;
}

.premium-cinema-formats > span.is-active {
    color: #f5f5f6;
    background:
        linear-gradient(110deg, rgba(207, 0, 112, 0.11), rgba(251, 178, 106, 0.07)),
        #15161a;
    border-color: rgba(251, 178, 106, 0.2);
    box-shadow: inset 0 -2px 0 var(--accent-peach);
}

.premium-cinema-formats > span.is-active small {
    color: var(--accent-peach);
}

.premium-cinema-ready {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: #9699a0;
    font-size: 9px;
    font-weight: 620;
    letter-spacing: 0.025em;
}

@media (max-width: 820px) {
    .premium-benefit-quality {
        min-height: 325px;
        padding-top: 58px;
    }

    .premium-cinema-console {
        width: min(100%, 330px);
        gap: 10px;
        margin-top: 0;
    }

    .premium-cinema-display {
        min-height: 174px;
        padding: 17px 18px 15px;
        border-radius: 18px;
    }

    .premium-cinema-resolution > strong {
        font-size: 62px;
    }

    .premium-cinema-formats > span {
        padding: 9px 8px;
    }
}

@media (max-width: 390px) {
    .premium-benefit-quality {
        min-height: 312px;
        padding-top: 55px;
    }

    .premium-cinema-display {
        min-height: 160px;
        padding: 15px;
        border-radius: 17px;
    }

    .premium-cinema-display-top > span {
        font-size: 8px;
    }

    .premium-cinema-resolution {
        gap: 12px;
    }

    .premium-cinema-resolution > strong {
        font-size: 56px;
    }

    .premium-cinema-resolution > span {
        padding-left: 12px;
    }

    .premium-cinema-formats {
        gap: 5px;
    }

    .premium-cinema-formats > span {
        padding: 8px 7px;
        border-radius: 10px;
    }

    .premium-cinema-ready {
        font-size: 8px;
    }
}

/* Refined connected devices card v2 */
.premium-benefit-devices {
    min-height: 350px;
    align-content: center;
    padding: 54px 22px 18px;
}

.premium-benefit-devices::before {
    top: 8%;
    width: 360px;
    height: 300px;
    background:
        radial-gradient(circle at 66% 42%, rgba(207, 0, 112, 0.2), transparent 47%),
        radial-gradient(circle at 35% 66%, rgba(251, 178, 106, 0.13), transparent 52%);
    filter: blur(42px);
}

.premium-device-suite {
    width: min(100%, 360px);
    height: 292px;
    position: relative;
    z-index: 2;
    margin: 7px auto 0;
}

.premium-device-suite-halo {
    position: absolute;
    z-index: -1;
    inset: 20px 28px 45px;
    border: 1px solid rgba(251, 178, 106, 0.09);
    border-radius: 50%;
    box-shadow:
        0 0 90px rgba(207, 0, 112, 0.1),
        inset 0 0 70px rgba(251, 178, 106, 0.035);
    transform: rotate(-7deg);
}

.premium-device-suite-halo::after {
    content: "";
    position: absolute;
    inset: 20px -16px -6px 12px;
    border: 1px solid rgba(255, 255, 255, 0.035);
    border-radius: 50%;
    transform: rotate(13deg);
}

.premium-device-screen,
.premium-device-phone-v2 {
    position: absolute;
    overflow: hidden;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.035), transparent 28%),
        linear-gradient(155deg, #18191f, #08090c 72%);
    border: 1px solid #35373f;
    box-shadow:
        0 28px 70px rgba(0, 0, 0, 0.56),
        inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

.premium-device-screen {
    bottom: 55px;
    overflow: visible;
    padding: 8px;
}

.premium-device-screen-tv {
    left: -3px;
    width: 53%;
    height: 137px;
    border-radius: 16px;
    transform: perspective(650px) rotateY(11deg) rotateZ(-1deg);
}

.premium-device-screen-tv::after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 50%;
    width: 68px;
    height: 16px;
    border-bottom: 3px solid #32343b;
    border-radius: 0 0 50% 50%;
    transform: translateX(-50%);
}

.premium-device-screen-laptop {
    right: -4px;
    width: 57%;
    height: 155px;
    border-radius: 15px 15px 8px 8px;
    transform: perspective(650px) rotateY(-10deg) rotateZ(1deg);
}

.premium-device-laptop-base {
    width: 110%;
    height: 7px;
    position: absolute;
    bottom: -7px;
    left: -5%;
    background: linear-gradient(90deg, #1e2026, #3a3c44 45%, #22242a);
    border-radius: 2px 2px 12px 12px;
}

.premium-device-screen-bar {
    height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
    position: relative;
    z-index: 2;
    padding: 0 5px;
}

.premium-device-screen-bar > span {
    width: 3px;
    height: 3px;
    background: #4e5058;
    border-radius: 50%;
}

.premium-device-screen-bar > em {
    margin-left: auto;
    color: #555861;
    font-size: 6px;
    font-style: normal;
    font-weight: 760;
    letter-spacing: 0.08em;
}

.premium-device-screen-content {
    height: calc(100% - 18px);
    display: grid;
    align-content: center;
    justify-items: center;
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 62% 18%, rgba(207, 0, 112, 0.12), transparent 54%),
        linear-gradient(145deg, rgba(251, 178, 106, 0.055), #08090c 65%);
    border: 1px solid rgba(255, 255, 255, 0.025);
    border-radius: 8px;
}

.premium-device-screen-content > span {
    color: #676a72;
    font-size: 6px;
    font-weight: 700;
    letter-spacing: 0.075em;
    text-transform: uppercase;
}

.premium-device-screen-content > b {
    margin: 5px 0 8px;
    color: rgba(255, 255, 255, 0.28);
    font-size: 21px;
    font-weight: 750;
    letter-spacing: 0.08em;
}

.premium-device-screen-content > small {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #73767e;
    font-size: 6px;
    font-weight: 650;
}

.premium-device-screen-content > small i,
.premium-device-phone-content > small i {
    width: 4px;
    height: 4px;
    background: var(--success);
    border-radius: 50%;
    box-shadow: 0 0 8px rgba(71, 212, 119, 0.78);
}

.premium-device-phone-v2 {
    z-index: 5;
    top: 8px;
    left: 50%;
    width: 108px;
    height: 218px;
    padding: 10px 8px 9px;
    border-width: 3px;
    border-color: #3b3d45;
    border-radius: 29px;
    transform: translateX(-50%);
}

.premium-device-phone-v2::before {
    content: "";
    position: absolute;
    inset: 5px;
    pointer-events: none;
    border: 1px solid rgba(255, 255, 255, 0.025);
    border-radius: 22px;
}

.premium-device-phone-island {
    width: 35px;
    height: 9px;
    position: absolute;
    z-index: 3;
    top: 9px;
    left: 50%;
    background: #020304;
    border-radius: 999px;
    transform: translateX(-50%);
}

.premium-device-phone-time {
    position: absolute;
    top: 11px;
    left: 13px;
    color: #686b72;
    font-size: 5px;
    font-weight: 700;
}

.premium-device-phone-content {
    height: 100%;
    display: grid;
    align-content: center;
    justify-items: center;
    position: relative;
    gap: 7px;
    background:
        radial-gradient(circle at 50% 40%, rgba(251, 178, 106, 0.09), transparent 46%),
        linear-gradient(165deg, #15161b, #08090c 75%);
    border-radius: 20px;
}

.premium-device-phone-mark-v2 {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    color: #17100b;
    background: linear-gradient(140deg, #ffc17f, var(--accent-orange));
    border-radius: 16px;
    box-shadow:
        0 14px 35px rgba(255, 106, 42, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
    font-size: 25px;
    font-weight: 820;
}

.premium-device-phone-content > b {
    color: #e5e6e8;
    font-size: 8px;
    font-weight: 680;
}

.premium-device-phone-content > small {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #9da0a7;
    font-size: 6px;
    font-weight: 650;
}

.premium-device-phone-dock {
    min-width: 68px;
    display: flex;
    align-items: center;
    gap: 5px;
    position: absolute;
    right: 50%;
    bottom: 11px;
    padding: 5px 7px;
    background: rgba(31, 32, 38, 0.88);
    border: 1px solid rgba(255, 255, 255, 0.055);
    border-radius: 8px;
    transform: translateX(50%);
}

.premium-device-phone-dock > span {
    color: var(--accent-peach);
    font-size: 8px;
    font-weight: 800;
}

.premium-device-phone-dock > em {
    color: #72757d;
    font-size: 5px;
    font-style: normal;
    font-weight: 650;
}

.premium-device-suite-summary {
    min-width: 184px;
    display: flex;
    align-items: center;
    gap: 9px;
    position: absolute;
    z-index: 7;
    bottom: 0;
    left: 50%;
    padding: 9px 13px;
    background: linear-gradient(120deg, rgba(29, 30, 35, 0.96), rgba(15, 16, 20, 0.96));
    border: 1px solid rgba(251, 178, 106, 0.17);
    border-radius: 13px;
    box-shadow: 0 14px 36px rgba(0, 0, 0, 0.42);
    transform: translateX(-50%);
}

.premium-device-suite-summary > strong {
    color: var(--accent-peach);
    font-size: 24px;
    line-height: 1;
}

.premium-device-suite-summary > span {
    display: grid;
    color: #d8d9dc;
    font-size: 8px;
    font-weight: 730;
    letter-spacing: 0.035em;
    text-transform: uppercase;
}

.premium-device-suite-summary > span small {
    margin-top: 2px;
    color: #73767e;
    font-size: 6px;
    font-weight: 600;
    letter-spacing: 0.05em;
}

.premium-device-suite-summary > i {
    width: 7px;
    height: 7px;
    margin-left: auto;
    background: var(--success);
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(71, 212, 119, 0.72);
}

@media (max-width: 820px) {
    .premium-benefit-devices {
        min-height: 342px;
        padding: 54px 18px 15px;
    }

    .premium-device-suite {
        width: min(100%, 346px);
        height: 276px;
        margin-top: 0;
    }

    .premium-device-screen-tv {
        height: 126px;
    }

    .premium-device-screen-laptop {
        height: 143px;
    }

    .premium-device-phone-v2 {
        width: 102px;
        height: 207px;
    }
}

@media (max-width: 390px) {
    .premium-benefit-devices {
        min-height: 326px;
        padding-inline: 15px;
    }

    .premium-device-suite {
        width: min(100%, 320px);
        height: 262px;
    }

    .premium-device-screen {
        bottom: 51px;
    }

    .premium-device-screen-tv {
        height: 116px;
    }

    .premium-device-screen-laptop {
        height: 132px;
    }

    .premium-device-phone-v2 {
        width: 94px;
        height: 194px;
        border-radius: 25px;
    }

    .premium-device-phone-content {
        border-radius: 17px;
    }

    .premium-device-phone-mark-v2 {
        width: 44px;
        height: 44px;
        border-radius: 14px;
        font-size: 22px;
    }

    .premium-device-suite-summary {
        min-width: 174px;
        padding: 8px 11px;
    }
}

/* Refined unlimited usage card v2 */
.premium-benefits-heading > p:last-child strong {
    color: #f0f0f2;
    font-weight: 650;
}

.premium-benefit-infinity {
    min-height: 350px;
    place-items: center;
    padding: 56px 22px 18px;
}

.premium-benefit-infinity::before {
    width: 330px;
    height: 290px;
    background:
        radial-gradient(circle at 35% 46%, rgba(207, 0, 112, 0.2), transparent 47%),
        radial-gradient(circle at 68% 52%, rgba(251, 178, 106, 0.16), transparent 48%);
    filter: blur(42px);
}

.premium-usage-console {
    width: min(100%, 330px);
    display: grid;
    gap: 9px;
    position: relative;
    z-index: 3;
    margin: 7px auto 0;
    padding: 13px;
    background:
        linear-gradient(150deg, rgba(255, 255, 255, 0.035), transparent 28%),
        linear-gradient(155deg, rgba(27, 25, 28, 0.97), rgba(10, 11, 14, 0.98));
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 21px;
    box-shadow:
        0 28px 76px rgba(0, 0, 0, 0.5),
        inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

.premium-usage-console::before {
    content: "";
    position: absolute;
    inset: 7px;
    pointer-events: none;
    border: 1px solid rgba(255, 255, 255, 0.022);
    border-radius: 15px;
}

.premium-usage-console-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 2;
    padding: 1px 3px 2px;
}

.premium-usage-console-head > span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #a3a6ad;
    font-size: 8px;
    font-weight: 680;
    letter-spacing: 0.035em;
}

.premium-usage-console-head > span i {
    width: 6px;
    height: 6px;
    background: var(--success);
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(71, 212, 119, 0.76);
}

.premium-usage-console-head > em {
    padding: 5px 7px;
    color: var(--accent-peach);
    background: rgba(251, 178, 106, 0.075);
    border: 1px solid rgba(251, 178, 106, 0.16);
    border-radius: 7px;
    font-size: 6px;
    font-style: normal;
    font-weight: 780;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.premium-usage-stage {
    min-height: 154px;
    display: grid;
    place-items: center;
    align-content: center;
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 53%, rgba(251, 178, 106, 0.075), transparent 45%),
        linear-gradient(155deg, rgba(207, 0, 112, 0.035), #090a0d 72%);
    border: 1px solid rgba(255, 255, 255, 0.045);
    border-radius: 15px;
}

.premium-usage-stage::before,
.premium-usage-stage::after {
    content: "";
    position: absolute;
    pointer-events: none;
    border-radius: 50%;
}

.premium-usage-stage::before {
    width: 205px;
    height: 84px;
    border: 1px solid rgba(251, 178, 106, 0.09);
    transform: rotate(-8deg);
}

.premium-usage-stage::after {
    width: 175px;
    height: 115px;
    border: 1px solid rgba(207, 0, 112, 0.07);
    transform: rotate(13deg);
}

.premium-usage-orbit {
    width: 194px;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    background: linear-gradient(90deg, transparent, rgba(251, 178, 106, 0.2), transparent);
    transform: translate(-50%, -50%) rotate(-14deg);
}

.premium-usage-orbit::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 23px;
    width: 5px;
    height: 5px;
    background: var(--accent-peach);
    border-radius: 50%;
    box-shadow: 0 0 13px rgba(251, 178, 106, 0.75);
    transform: translateY(-50%);
}

.premium-usage-stage > strong {
    width: 180px;
    position: relative;
    z-index: 2;
    color: transparent;
    background: linear-gradient(105deg, var(--accent-pink) 8%, var(--accent-orange) 56%, var(--accent-peach));
    -webkit-background-clip: text;
    background-clip: text;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 108px;
    font-weight: 400;
    line-height: 0.68;
    letter-spacing: 0;
    text-align: center;
    filter: drop-shadow(0 12px 30px rgba(207, 0, 112, 0.18));
}

.premium-usage-stage > small {
    position: relative;
    z-index: 2;
    margin-top: 12px;
    color: #777a82;
    font-size: 7px;
    font-weight: 650;
    letter-spacing: 0.055em;
    text-transform: uppercase;
}

.premium-usage-stats {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    padding: 9px 11px;
    background: rgba(255, 255, 255, 0.018);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 12px;
}

.premium-usage-stats > span {
    display: grid;
    gap: 2px;
}

.premium-usage-stats > span:first-child {
    text-align: left;
}

.premium-usage-stats > span:last-child {
    text-align: right;
}

.premium-usage-stats small {
    color: #5f626a;
    font-size: 6px;
    font-weight: 650;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.premium-usage-stats b {
    color: #d8d9dc;
    font-size: 10px;
    font-weight: 720;
}

.premium-usage-stats > i {
    width: 1px;
    height: 22px;
    background: rgba(255, 255, 255, 0.07);
}

.premium-usage-flow {
    height: 3px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 5px;
    padding-inline: 3px;
}

.premium-usage-flow > span {
    background: #272930;
    border-radius: 999px;
}

.premium-usage-flow > span:nth-child(-n+4) {
    background: linear-gradient(90deg, var(--accent-pink), var(--accent-peach));
}

.premium-usage-flow > span:nth-child(1) { opacity: 0.45; }
.premium-usage-flow > span:nth-child(2) { opacity: 0.62; }
.premium-usage-flow > span:nth-child(3) { opacity: 0.78; }

@media (max-width: 820px) {
    .premium-benefit-infinity {
        min-height: 342px;
        padding: 55px 18px 16px;
    }

    .premium-usage-console {
        width: min(100%, 330px);
        margin-top: 0;
    }
}

@media (max-width: 390px) {
    .premium-benefit-infinity {
        min-height: 326px;
        padding-inline: 15px;
    }

    .premium-usage-console {
        padding: 11px;
        border-radius: 18px;
    }

    .premium-usage-stage {
        min-height: 143px;
    }

    .premium-usage-stage > strong {
        font-size: 98px;
    }

    .premium-usage-stats {
        padding: 8px 10px;
    }
}

/* Generated 3D benefit artwork */
.premium-benefit-visual.premium-benefit-visual--media {
    min-height: 350px;
    display: block;
    padding: 0;
    isolation: isolate;
}

.premium-benefit-visual--media::before {
    display: none;
}

.premium-benefit-visual--media::after {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(180deg, rgba(8, 8, 10, 0.42) 0%, transparent 24%),
        linear-gradient(0deg, rgba(10, 11, 14, 0.74) 0%, transparent 22%);
}

.premium-benefit-visual--media .premium-benefit-eyebrow {
    z-index: 4;
    color: #a6a8ae;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.82);
}

.premium-benefit-media,
.premium-benefit-media > img {
    width: 100%;
    height: 100%;
    display: block;
}

.premium-benefit-media {
    position: absolute;
    z-index: 1;
    inset: 0;
    overflow: hidden;
}

.premium-benefit-media > img {
    object-fit: cover;
    filter: saturate(0.92) contrast(1.035) brightness(0.89);
    transform: scale(1.015);
    transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1), filter 0.45s ease;
}

.premium-benefit-media-cinema > img {
    object-position: 50% 52%;
}

.premium-benefit-media-devices > img {
    object-position: 50% 54%;
}

.premium-benefit-media-unlimited > img {
    object-position: 50% 51%;
}

@media (hover: hover) {
    .premium-benefit-card:hover .premium-benefit-media > img {
        filter: saturate(1) contrast(1.045) brightness(0.94);
        transform: scale(1.045);
    }
}

@media (max-width: 820px) {
    .premium-benefit-visual.premium-benefit-visual--media {
        min-height: 326px;
        padding: 0;
    }

    .premium-benefit-media-cinema > img {
        object-position: 50% 50%;
    }

    .premium-benefit-media-devices > img {
        object-position: 50% 53%;
    }

    .premium-benefit-media-unlimited > img {
        object-position: 50% 49%;
    }
}

@media (max-width: 390px) {
    .premium-benefit-visual.premium-benefit-visual--media {
        min-height: 306px;
        padding: 0;
    }

    .premium-benefit-media-devices > img {
        object-position: 50% 52%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .premium-benefit-media > img {
        transition: none;
    }
}

/* Support contact composition v18 */
.premium-support-contact-v2 {
    min-height: 430px;
    grid-template-columns: minmax(290px, 0.62fr) minmax(0, 1.38fr);
    gap: clamp(46px, 6vw, 92px);
    padding: 54px 64px;
    isolation: isolate;
    background:
        radial-gradient(circle at 18% 52%, rgba(251, 178, 106, 0.09), transparent 28%),
        radial-gradient(circle at 88% 15%, rgba(207, 0, 112, 0.075), transparent 34%),
        linear-gradient(145deg, #0b0c0e, #050506 76%);
    border-color: rgba(255, 255, 255, 0.075);
    border-radius: 28px;
    box-shadow: 0 34px 100px rgba(0, 0, 0, 0.28);
}

.premium-support-contact-v2::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.022) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.022) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: linear-gradient(90deg, #000, transparent 40%);
    opacity: 0.28;
}

.premium-support-bubbles {
    width: min(100%, 330px);
    min-height: 280px;
    position: relative;
    justify-self: center;
}

.premium-support-bubbles-orbit {
    position: absolute;
    inset: 30px 8px 23px;
    border: 1px solid rgba(251, 178, 106, 0.1);
    border-radius: 50%;
    box-shadow:
        0 0 75px rgba(207, 0, 112, 0.075),
        inset 0 0 65px rgba(251, 178, 106, 0.025);
    transform: rotate(-12deg);
}

.premium-support-bubbles-orbit::after {
    content: "";
    position: absolute;
    inset: 25px -18px -4px 13px;
    border: 1px solid rgba(255, 255, 255, 0.035);
    border-radius: 50%;
    transform: rotate(19deg);
}

.premium-support-bubble {
    position: absolute;
    display: grid;
    align-content: center;
    justify-items: center;
    border: 1px solid rgba(255, 255, 255, 0.14);
    box-shadow:
        0 28px 65px rgba(0, 0, 0, 0.42),
        inset 0 1px 0 rgba(255, 255, 255, 0.35);
}

.premium-support-bubble::after {
    content: "";
    position: absolute;
    bottom: -33px;
    width: 44px;
    height: 44px;
    background: inherit;
    border-bottom: inherit;
    filter: drop-shadow(0 12px 10px rgba(0, 0, 0, 0.16));
    clip-path: polygon(0 0, 100% 0, 100% 100%);
}

.premium-support-bubble small {
    position: absolute;
    bottom: 15px;
    font-size: 7px;
    font-weight: 720;
    letter-spacing: 0.055em;
    text-transform: uppercase;
}

.premium-support-bubble-question {
    top: 4px;
    left: 3px;
    width: 190px;
    height: 153px;
    color: #16171a;
    background:
        radial-gradient(circle at 28% 18%, #fff, transparent 42%),
        linear-gradient(145deg, #f4f4f5, #a7a9ae);
    border-radius: 29px 29px 29px 8px;
    transform: rotate(-2deg);
}

.premium-support-bubble-question::after {
    left: 20px;
    transform: skewY(-9deg);
}

.premium-support-bubble-question > span {
    margin-top: -13px;
    font-size: 82px;
    font-weight: 650;
    line-height: 1;
    text-shadow: 0 2px 0 rgba(255, 255, 255, 0.45);
}

.premium-support-bubble-question small {
    color: rgba(22, 23, 26, 0.56);
}

.premium-support-bubble-answer {
    z-index: 3;
    right: 0;
    bottom: 31px;
    width: 202px;
    height: 142px;
    color: #17100b;
    background:
        radial-gradient(circle at 22% 16%, rgba(255, 255, 255, 0.22), transparent 37%),
        linear-gradient(140deg, #ffc27f 0%, #ff8c50 48%, #d40072 115%);
    border-color: rgba(255, 208, 158, 0.42);
    border-radius: 28px 28px 8px 28px;
    box-shadow:
        0 30px 74px rgba(0, 0, 0, 0.5),
        0 12px 42px rgba(255, 106, 42, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.35);
    transform: rotate(1.5deg);
}

.premium-support-bubble-answer::after {
    right: 17px;
    clip-path: polygon(0 0, 100% 0, 0 100%);
    transform: skewY(9deg);
}

.premium-support-bubble-answer > span {
    display: flex;
    gap: 13px;
    margin-top: -8px;
}

.premium-support-bubble-answer > span i {
    width: 20px;
    height: 20px;
    background: #17100b;
    border-radius: 50%;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.premium-support-bubble-answer small {
    color: rgba(23, 16, 11, 0.6);
}

.premium-support-bubbles-status {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    position: absolute;
    z-index: 5;
    bottom: 0;
    left: 14px;
    padding: 8px 11px;
    color: #858890;
    background: rgba(17, 18, 22, 0.94);
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 999px;
    box-shadow: 0 15px 34px rgba(0, 0, 0, 0.34);
    font-size: 8px;
    font-weight: 680;
    letter-spacing: 0.035em;
}

.premium-support-bubbles-status > i,
.premium-support-contact-status strong > i {
    width: 7px;
    height: 7px;
    flex: 0 0 auto;
    background: var(--success);
    border-radius: 50%;
    box-shadow: 0 0 12px rgba(71, 212, 119, 0.72);
}

.premium-support-contact-content {
    min-width: 0;
    position: relative;
    z-index: 2;
}

.premium-support-contact-v2 .premium-support-contact-content h2 {
    max-width: 820px;
    margin: 10px 0 15px;
    color: var(--text-primary);
    font-size: clamp(50px, 5.5vw, 76px);
    font-weight: 710;
    line-height: 0.96;
    letter-spacing: -0.057em;
    text-wrap: balance;
}

.premium-support-contact-v2 .premium-support-contact-content > p:not(.premium-kicker) {
    max-width: 760px;
    margin: 0;
    color: var(--text-secondary);
    font-size: clamp(16px, 1.55vw, 21px);
    line-height: 1.48;
}

.premium-support-contact-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(220px, 0.85fr);
    gap: 12px;
    margin-top: 36px;
}

.premium-support-contact-item {
    min-width: 0;
    min-height: 92px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 17px 18px;
    color: inherit;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.028), rgba(255, 255, 255, 0.01));
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 16px;
}

.premium-support-contact-item > span {
    min-width: 0;
    display: grid;
    gap: 8px;
}

.premium-support-contact-item small {
    color: #70737b;
    font-size: 9px;
    font-weight: 650;
}

.premium-support-contact-item strong {
    min-width: 0;
    color: var(--accent-peach);
    font-size: clamp(13px, 1.15vw, 17px);
    font-weight: 650;
    letter-spacing: -0.015em;
}

.premium-support-contact-email {
    text-decoration: none;
    transition: background-color 0.22s ease, border-color 0.22s ease, transform 0.22s ease;
}

.premium-support-contact-email > i {
    width: 37px;
    height: 37px;
    flex: 0 0 37px;
    display: grid;
    place-items: center;
    color: #17100b;
    background: linear-gradient(145deg, #ffc17f, #ff9958);
    border-radius: 11px;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
}

.premium-support-contact-status strong {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #d9dadd;
}

.premium-support-contact-status > em {
    flex: 0 0 auto;
    color: #70737b;
    font-size: 8px;
    font-style: normal;
    font-weight: 650;
    text-align: right;
}

@media (hover: hover) {
    .premium-support-contact-email:hover {
        background: rgba(251, 178, 106, 0.055);
        border-color: rgba(251, 178, 106, 0.22);
        transform: translateY(-2px);
    }
}

@media (max-width: 980px) {
    .premium-support-contact-v2 {
        grid-template-columns: minmax(250px, 0.58fr) minmax(0, 1.42fr);
        gap: 38px;
        padding: 46px 40px;
    }

    .premium-support-contact-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 760px) {
    .premium-support-contact-v2 {
        min-height: 0;
        grid-template-columns: minmax(0, 1fr);
        gap: 25px;
        padding: 29px 20px 22px;
        border-radius: 22px;
    }

    .premium-support-contact-content {
        order: 1;
    }

    .premium-support-bubbles {
        order: 2;
        width: min(100%, 310px);
        min-height: 244px;
    }

    .premium-support-contact-v2 .premium-support-contact-content h2 {
        max-width: 420px;
        margin: 8px 0 11px;
        font-size: clamp(38px, 11vw, 50px);
    }

    .premium-support-contact-v2 .premium-support-contact-content > p:not(.premium-kicker) {
        max-width: 520px;
        font-size: 14px;
    }

    .premium-support-contact-grid {
        gap: 8px;
        margin-top: 22px;
    }

    .premium-support-contact-item {
        min-height: 76px;
        padding: 14px;
        border-radius: 14px;
    }

    .premium-support-bubble-question {
        width: 172px;
        height: 134px;
    }

    .premium-support-bubble-question > span {
        font-size: 70px;
    }

    .premium-support-bubble-answer {
        width: 184px;
        height: 126px;
    }

    .premium-support-bubble-answer > span i {
        width: 18px;
        height: 18px;
    }
}

@media (max-width: 390px) {
    .premium-support-contact-v2 {
        padding-inline: 16px;
    }

    .premium-support-contact-v2 .premium-support-contact-content h2 {
        font-size: 36px;
    }

    .premium-support-contact-item strong {
        overflow-wrap: anywhere;
    }

    .premium-support-contact-status > em {
        max-width: 76px;
        white-space: normal;
    }

    .premium-support-bubbles {
        min-height: 226px;
        transform: scale(0.93);
        transform-origin: center bottom;
    }
}

@media (prefers-reduced-motion: reduce) {
    .premium-support-contact-email {
        transition: none;
    }
}

/* Discounted hero offer v21 */
.premium-hero-offer-v2 {
    max-width: 800px;
    display: grid;
    grid-template-columns: minmax(270px, 0.95fr) minmax(310px, 1.05fr);
    gap: clamp(22px, 3vw, 34px);
    align-items: center;
    margin-top: 40px;
}

.premium-hero-offer-button {
    min-height: 108px;
    display: grid;
    align-content: center;
    justify-items: start;
    gap: 5px;
    margin: 0;
    padding: 20px 27px;
    border-radius: 25px;
    text-align: left;
    box-shadow:
        0 24px 58px rgba(251, 178, 106, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

.premium-hero-offer-button > strong {
    color: #17100b;
    font-size: clamp(20px, 1.8vw, 25px);
    font-weight: 780;
    line-height: 1.05;
    letter-spacing: -0.025em;
}

.premium-hero-offer-button > span {
    color: rgba(94, 48, 19, 0.68);
    font-size: 12px;
    font-weight: 690;
    line-height: 1.2;
}

.premium-hero-offer-summary {
    min-width: 0;
    display: grid;
    gap: 11px;
}

.premium-hero-offer-price {
    min-width: 0;
    display: flex;
    align-items: baseline;
    gap: 7px;
    color: var(--text-primary);
    white-space: nowrap;
}

.premium-hero-offer-price > span {
    color: #d7d8dc;
    font-size: 20px;
    font-weight: 520;
}

.premium-hero-offer-price > del {
    color: #555860;
    font-size: 20px;
    text-decoration-thickness: 2px;
    text-decoration-color: #6a6d74;
}

.premium-hero-offer-price > strong {
    color: #f5f5f6;
    font-size: clamp(29px, 2.8vw, 39px);
    font-weight: 560;
    line-height: 1;
    letter-spacing: -0.035em;
}

.premium-hero-offer-price > em {
    color: #e2e3e5;
    font-size: 21px;
    font-style: normal;
    font-weight: 520;
}

.premium-hero-offer-discount {
    display: flex;
    align-items: center;
    gap: 9px;
}

.premium-hero-offer-discount > b {
    flex: 0 0 auto;
    padding: 5px 9px;
    color: #07120a;
    background: #46ef71;
    border-radius: 999px;
    box-shadow: 0 0 22px rgba(70, 239, 113, 0.14);
    font-size: 13px;
    font-weight: 820;
    line-height: 1;
}

.premium-hero-offer-discount > span {
    color: #d7d8dc;
    font-size: 14px;
    line-height: 1.35;
}

@media (max-width: 1024px) {
    .premium-hero-offer-v2 {
        grid-template-columns: minmax(245px, 0.9fr) minmax(285px, 1.1fr);
        gap: 20px;
    }

    .premium-hero-offer-button {
        min-height: 98px;
        padding-inline: 23px;
    }

    .premium-hero-offer-price > span,
    .premium-hero-offer-price > del {
        font-size: 17px;
    }

    .premium-hero-offer-price > em {
        font-size: 18px;
    }
}

@media (max-width: 820px) {
    .premium-hero-offer-v2 {
        grid-column: 1 / -1;
        grid-row: 5;
        width: 100%;
        max-width: none;
        grid-template-columns: minmax(0, 1fr) minmax(260px, 0.86fr);
        gap: 16px;
        margin-top: 7px;
    }

    .premium-hero-offer-button {
        width: 100%;
        min-height: 84px;
        padding: 16px 20px;
        border-radius: 19px;
    }

    .premium-hero-offer-button > strong {
        font-size: 20px;
    }
}

@media (max-width: 680px) {
    .premium-hero-offer-v2 {
        grid-column: 1;
        grid-row: 6;
        grid-template-columns: minmax(0, 1fr);
        gap: 15px;
        margin-top: 18px;
    }

    .premium-hero-offer-button {
        min-height: 86px;
        justify-items: center;
        text-align: center;
    }

    .premium-hero-offer-summary {
        gap: 9px;
        padding-inline: 4px;
    }

    .premium-hero-offer-price {
        justify-content: center;
    }

    .premium-hero-offer-discount {
        justify-content: center;
    }
}

@media (max-width: 390px) {
    .premium-hero-offer-button {
        min-height: 80px;
        border-radius: 17px;
    }

    .premium-hero-offer-button > strong {
        font-size: 19px;
    }

    .premium-hero-offer-button > span {
        font-size: 11px;
    }

    .premium-hero-offer-price {
        gap: 5px;
    }

    .premium-hero-offer-price > span,
    .premium-hero-offer-price > del {
        font-size: 15px;
    }

    .premium-hero-offer-price > strong {
        font-size: 27px;
    }

    .premium-hero-offer-price > em {
        font-size: 16px;
    }

    .premium-hero-offer-discount > span {
        font-size: 12px;
    }
}

/* Refined devices artwork sizing v22 */
.premium-benefit-card-devices .premium-benefit-visual--media {
    background:
        radial-gradient(circle at 50% 48%, rgba(251, 178, 106, 0.09), transparent 46%),
        #08090b;
}

.premium-benefit-media-devices {
    inset: 50px 13px 13px;
    width: auto;
    height: auto;
    overflow: hidden;
    background: #050506;
    border: 1px solid rgba(255, 255, 255, 0.065);
    border-radius: 18px;
    box-shadow:
        0 20px 54px rgba(0, 0, 0, 0.36),
        inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

.premium-benefit-media-devices > img {
    object-fit: contain;
    object-position: 50% 50%;
    filter: saturate(0.95) contrast(1.03) brightness(0.91);
    transform: scale(0.96);
}

@media (hover: hover) {
    .premium-benefit-card:hover .premium-benefit-media-devices > img {
        transform: scale(0.985);
    }
}

@media (max-width: 820px) {
    .premium-benefit-card-devices .premium-benefit-visual--media {
        min-height: 292px;
    }

    .premium-benefit-media-devices {
        inset: 46px 10px 10px;
        border-radius: 16px;
    }

    .premium-benefit-media-devices > img {
        transform: scale(0.94);
    }
}

@media (max-width: 390px) {
    .premium-benefit-card-devices .premium-benefit-visual--media {
        min-height: 278px;
    }

    .premium-benefit-media-devices {
        inset: 43px 8px 9px;
        border-radius: 14px;
    }

    .premium-benefit-media-devices > img {
        transform: scale(0.93);
    }
}