:root {
    --gold:#f5c54a;
    --gold-light:#ffe28c;
    --red:#d44332;
    --wine:#210000;
    --ink:#030303;
}

* {
    box-sizing:border-box;
}

html {
    max-width:100%;
    overflow-x:clip;
    scroll-behavior:smooth;
    scroll-padding-top:112px;
}

body {
    max-width:100%;
    margin:0;
    color:#fff;
    background:#020202 url('../assets/images/Elements%20%26%20BG/1920x1276_VIP%20Background.webp') top center/cover fixed no-repeat;
    font:15px/1.55 Roboto,Arial,sans-serif;
    overflow-x:clip;
}

a {
    color:inherit;
    text-decoration:none;
}

.site-header {
    background:linear-gradient(90deg,#b70900 0%,#ff4d49 100%);
    border-bottom:0;
}

.header-inner {
    min-height:106px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:20px;
}

.brand {
    display:block;
    line-height:0;
}

.brand img {
    width:231px;
    height:auto;
    display:block;
}

.hero {
    background:#490500;
}

.hero picture {
    display:block;
}

.hero img {
    width:100%;
    min-height:190px;
    height:auto;
    max-height:none;
    object-fit:cover;
    object-position:center;
    display:block;
}

.mobile-menu-bar {
    display:none;
}

.menu-toggle {
    display:none;
}

.section-nav {
    position:sticky;
    top:0;
    z-index:20;
    background:#861b16;
    box-shadow:0 3px 12px rgba(0,0,0,.4);
}

.section-nav .container {
    display:flex;
}

.section-nav a {
    flex:1;
    min-height:100px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    padding:16px 15px;
    color:#F2D378;
    border-right:2px solid #F2D378;
    font:700 16px Montserrat,sans-serif;
    text-transform:uppercase;
    text-align:center;
    transition:.2s ease;
    white-space:nowrap;
}

.section-nav a:first-child {
    border-left:0;
}

.section-nav a:last-child {
    border-right:0;
}

.section-nav a.active {
    color:#fff;
    background:#b52d1e;
}

.section-nav a:hover,.section-nav a:focus-visible {
    color:#fff;
}

.section-nav .nav-icon {
    width:30px;
    height:28px;
    position:relative;
    flex:0 0 auto;
}

.section-nav .nav-icon img {
    width:100%;
    height:100%;
    object-fit:contain;
    transition:opacity .2s ease;
}

.section-nav .nav-icon-highlight {
    position:absolute;
    inset:0;
    opacity:0;
}

.section-nav a:hover .nav-icon-default,.section-nav a:focus-visible .nav-icon-default,.section-nav a.active .nav-icon-default {
    opacity:0;
}

.section-nav a:hover .nav-icon-highlight,.section-nav a:focus-visible .nav-icon-highlight,.section-nav a.active .nav-icon-highlight {
    opacity:1;
}

.page-body {
    --page-top-space:66px;
    position:relative;
    overflow-x:clip;
    padding:var(--page-top-space) 0 24px;
    background:transparent;
}

.content {
    max-width:1660px;
}

#program {
    margin-top:calc(var(--page-top-space) * -1);
    padding-top:var(--page-top-space);
}

.title-plaque {
    width:min(1123px,100%);
    min-height:145px;
    margin:0 auto 42px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    padding:20px 38px;
    border:0;
    border-radius:0;
    color:#e45747;
    background:transparent url('../assets/images/Header%20%26%20Menu%20Icons/Header/Header%20Box.png') center/100% 100% no-repeat;
    box-shadow:none;
    font:800 38px Montserrat,sans-serif;
    text-align:center;
    text-transform:uppercase;
}

.title-plaque .symbol {
    color:#ffdd71;
    font-size:45px;
    line-height:1;
}

.plaque-icon {
    width:55px;
    max-height:52px;
    object-fit:contain;
}

.intro {
    position:relative;
    padding:0 390px 8px 0;
}

.intro p {
    margin:0 0 12px;
    color:#f2eeee;
}

.intro-list {
    width:100%;
    margin:28px 0 18px;
    padding-left:29px;
    list-style-type:lower-alpha;
}

.intro-list li {
    margin:0 0 20px;
    padding-left:5px;
    color:#fff;
    font:600 21px/1.42 Montserrat,sans-serif;
}

.intro-list li::marker {
    color:#fff;
}

.corner-element {
    position:absolute;
    width:445px;
    right:-123px;
    top:195px;
    pointer-events:none;
    filter:drop-shadow(0 8px 11px #000);
}

.fine-print {
    font-size:15px;
    color:#efefef;
}

.section-block {
    margin-top:68px;
}

.section-note {
    max-width:1100px;
    margin:0 auto 25px;
    color:#f4f0ef;
    font-size:15px;
    text-align:center;
}

.rank-scroll {
    width:100%;
    max-width:1217px;
    margin:auto;
}

.rank-panel {
    position:relative;
    width:100%;
    aspect-ratio:1217 / 659;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent url('../assets/images/VIP%20Tables/PROGRAM%20VIP-TABLE/PNG/table1.png') center/100% 100% no-repeat;
    box-shadow:none;
}

.exact-table {
    display:block;
    width:100%;
    height:auto;
}

.rank-grid {
    position:absolute;
    inset:12% 6% 12%;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:1%;
}

.rank-card {
    position:relative;
    min-width:0;
    overflow:hidden;
    background:transparent;
}

.rank-card img {
    width:100%;
    height:100%;
    display:block;
    object-fit:fill;
}

.rank-card p {
    position:absolute;
    right:4%;
    bottom:15%;
    left:4%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:.1em;
    margin:0;
    color:#ffe98c;
    font-size:clamp(12px,1.65vw,21px);
    line-height:1.45;
    text-align:center;
    white-space:normal;
}

.rank-card p span {
    display:block;
    max-width:100%;
}

.rank-card strong {
    color:#fff;
    font-weight:700;
}

.requirements {
    max-width:1600px;
    margin:24px auto 0;
    color:#e9e6e6;
    font-size:15px;
}

.benefit-table {
    width:100%;
    max-width:1638px;
    margin:auto;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    overflow:visible;
}

.benefit-board {
    position:relative;
    width:100%;
    aspect-ratio:1638 / 809;
    background:transparent url('../assets/images/VIP%20Tables/KEUNTUNGAN%20MEMBER%20VIP-table/PNG/table2.png') center/100% 100% no-repeat;
}

.benefit-headers {
    position:absolute;
    top:5.8%;
    right:4%;
    left:12.5%;
    height:5%;
    display:grid;
    grid-template-columns:repeat(7,minmax(0,1fr));
    align-items:center;
    color:#fff;
    font:700 clamp(5px,1vw,16px)/1.12 Roboto,Arial,sans-serif;
    text-align:center;
}

.benefit-rows {
    position:absolute;
    top:12.2%;
    right:4%;
    bottom:5.4%;
    left:4%;
    display:grid;
    grid-template-rows:1fr 1fr .84fr 1fr 1fr 1fr;
    gap:1.3%;
}

.benefit-row {
    display:grid;
    grid-template-columns:8.5% 91.5%;
    min-width:0;
}

.benefit-rank {
    position:relative;
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5%;
    overflow:visible;
}

.benefit-rank > img:first-child {
    width:auto;
    height:88%;
    max-width:70%;
    object-fit:contain;
    transform:translateX(clamp(-12px,-1vw,-8px));
}

.benefit-rank-title {
    position:absolute;
    top:50%;
    right:-2px;
    left:auto;
    transform:translateY(-50%) rotate(180deg);
    color:#f5f5f5;
    font:800 clamp(8px,.78vw,16px)/1 Montserrat,sans-serif;
    letter-spacing:-.3px;
    text-shadow:0 2px 1px rgba(0,0,0,.58);
    text-transform:uppercase;
    white-space:nowrap;
    writing-mode:vertical-rl;
    text-orientation:mixed;
}

.benefit-rank-title.rank-bronze { color:#bd8247; }
.benefit-rank-title.rank-silver { color:#f4f4f4; }
.benefit-rank-title.rank-gold { color:#f3b126; }
.benefit-rank-title.rank-platinum,.benefit-rank-title.rank-diamond { color:#f5f5f5; }

.benefit-data {
    min-width:0;
    display:grid;
    grid-template-columns:repeat(7,minmax(0,1fr));
    align-items:center;
    background-position:center;
    background-size:100% 100%;
    background-repeat:no-repeat;
}

.light-row .benefit-data {
    background-image:url('../assets/images/VIP%20Tables/KEUNTUNGAN%20MEMBER%20VIP-table/PNG/Rectangle%2014.png');
}

.dark-row .benefit-data {
    background-image:url('../assets/images/VIP%20Tables/KEUNTUNGAN%20MEMBER%20VIP-table/PNG/Rectangle%2015.png');
}

.benefit-data > span {
    min-width:0;
    height:55%;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 3%;
    border-left:1px solid rgba(16,0,0,.5);
    color:#fff;
    font:700 clamp(4px,.9vw,14px)/1 Roboto,Arial,sans-serif;
    text-align:center;
    white-space:nowrap;
}

.benefit-data > span:first-child {
    border-left:0;
}

.benefit-data img {
    width:clamp(8px,1.5vw,25px);
    height:auto;
    object-fit:contain;
}

.benefit-notice {
    position:relative;
    z-index:2;
    width:110.7%;
    margin-left:-5.35%;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:2% 5%;
    color:#fff;
    background:transparent url('../assets/images/VIP%20Tables/KEUNTUNGAN%20MEMBER%20VIP-table/PNG/red%20column.png') center/100% 100% no-repeat;
    font:italic 700 clamp(4px,.75vw,13px)/1.35 Roboto,Arial,sans-serif;
    text-align:center;
}

.mobile-benefit-table {
    display:none;
}

.terms {
    margin-top:80px;
}

.terms h3,.promise h3 {
    margin:0 0 25px;
    color:#f3d266;
    font:800 18px Montserrat,sans-serif;
    text-transform:uppercase;
}

.terms p,.promise p {
    margin:0 0 15px;
    color:#f4eeee;
    text-align:justify;
    font-size:15px;
}

.terms ol,.promise ol {
    margin:0;
    padding-left:18px;
}

.terms li,.promise li {
    margin-bottom:13px;
    padding-left:3px;
    color:#f4eeee;
    text-align:justify;
    font-size:15px;
}

.terms li::marker,.promise li::marker {
    color:#fff;
    font-weight:bold;
}

.promise {
    position:relative;
    margin-top:45px;
    padding:38px 420px 20px 0;
}

.promise h3 {
    color:#f0bd3f;
}

.promise-element {
    position:absolute;
    width:460px;
    right:-76px;
    bottom:-18px;
    pointer-events:none;
    filter:drop-shadow(0 8px 10px #000);
}

.help-bar {
    background:#991b14;
}

.help-inner {
    position:relative;
    width:100%;
    max-width:none;
    min-height:82px;
    padding:0!important;
    display:block;
    color:#ffdf91;
    font:700 15px Montserrat,sans-serif;
}

.help-inner > span {
    width:63%;
    min-height:82px;
    padding:0 35px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
}

.chat-link {
    position:absolute;
    top:0;
    left:63%;
    width:20%;
    min-width:0;
    min-height:82px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    color:#303030;
    background:#f2c545;
    clip-path:polygon(12% 0,100% 0,88% 100%,0 100%);
    font:800 19px Montserrat,sans-serif;
}

.chat-link img {
    width:38px;
}

.site-footer {
    padding:20px 0 24px;
    background:#3a3a3a;
    border-top:1px solid rgba(255,255,255,.15);
}

.footer-inner {
    min-height:104px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
    align-items:start;
}

.footer-group {
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:16px;
}

.footer-group:first-child {
    align-items:flex-start;
}

.footer-group:last-child {
    align-items:flex-end;
}

.footer-group:first-child .footer-title {
    margin-left:20px;
}

.footer-group:last-child .footer-title {
    margin-right:20px;
}

.footer-title {
    width:min(100%,330px);
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    color:#ddd;
    font:700 14px Roboto,Arial,sans-serif;
    white-space:nowrap;
}

.footer-title span {
    width:42px;
    height:1px;
    background:#777;
}

.footer-logo {
    display:block;
    height:auto;
    object-fit:contain;
}

.footer-logo-left {
    width:255px;
    max-width:100%;
}

.footer-logo-right {
    width:500px;
    max-width:100%;
}

.reveal-on-scroll {
    opacity:0;
    transform:translate3d(0,44px,0);
    filter:blur(6px);
    transition:opacity .72s cubic-bezier(.22,1,.36,1), transform .78s cubic-bezier(.22,1,.36,1), filter .62s ease;
    transition-delay:var(--reveal-delay,0ms);
    will-change:opacity,transform,filter;
}

.reveal-on-scroll.reveal-from-left {
    transform:translate3d(-46px,0,0);
}

.reveal-on-scroll.reveal-from-right {
    transform:translate3d(46px,0,0);
}

.reveal-on-scroll.reveal-zoom {
    transform:translate3d(0,30px,0) scale(.965);
}

.reveal-on-scroll.is-revealed {
    opacity:1;
    transform:none;
    filter:none;
    will-change:auto;
}

.rank-card-motion {
    opacity:0;
    transform:translate3d(-64px,0,0) rotate(-1.5deg);
    transition:opacity .46s ease, transform .62s cubic-bezier(.22,1,.36,1);
    transition-delay:var(--rank-delay,0ms);
    will-change:opacity,transform;
}

.rank-scroll.is-revealed .rank-card-motion {
    opacity:1;
    transform:none;
    will-change:auto;
}

.benefit-header-motion,
.benefit-data-motion,
.benefit-rank-motion,
.benefit-notice-motion {
    opacity:0;
    will-change:opacity,transform;
}

.benefit-header-motion {
    transform:translate3d(0,-18px,0);
    transition:opacity .38s ease, transform .52s cubic-bezier(.22,1,.36,1);
    transition-delay:var(--benefit-header-delay,0ms);
}

.benefit-data-motion {
    transform:translate3d(62px,0,0);
    transition:opacity .42s ease, transform .6s cubic-bezier(.22,1,.36,1);
    transition-delay:var(--benefit-data-delay,0ms);
}

.benefit-rank-motion {
    transform:translate3d(-30px,0,0) scale(.82);
    transition:opacity .4s ease, transform .56s cubic-bezier(.22,1,.36,1);
    transition-delay:var(--benefit-rank-delay,0ms);
}

.benefit-notice-motion {
    transform:translate3d(0,18px,0);
    transition:opacity .42s ease, transform .56s cubic-bezier(.22,1,.36,1);
    transition-delay:var(--benefit-notice-delay,0ms);
}

.benefit-table.is-revealed .benefit-header-motion,
.benefit-table.is-revealed .benefit-data-motion,
.benefit-table.is-revealed .benefit-rank-motion,
.benefit-table.is-revealed .benefit-notice-motion {
    opacity:1;
    transform:none;
    will-change:auto;
}

@media (prefers-reduced-motion: reduce) {
    .reveal-on-scroll,
    .rank-card-motion,
    .benefit-header-motion,
    .benefit-data-motion,
    .benefit-rank-motion,
    .benefit-notice-motion {
        opacity:1;
        transform:none;
        filter:none;
        transition:none;
    }
    .mobile-benefit-section.is-revealed .mobile-benefit-head,
    .mobile-benefit-section.is-revealed .mobile-benefit-row,
    .mobile-benefit-section.is-revealed .mobile-benefit-notice {
        animation:none;
    }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    .content {
        padding-right:28px!important;
        padding-left:28px!important;
    }
    .section-nav a {
        min-height:76px;
        gap:9px;
        padding:12px 8px;
        font-size:clamp(11px,1.6vw,15px);
        white-space:normal;
    }
    .section-nav .nav-icon {
        width:24px;
        height:23px;
    }
    .page-body {
        --page-top-space:45px;
    }
    .title-plaque {
        min-height:clamp(82px,12vw,125px);
        margin-bottom:30px;
        padding:14px 28px;
        font-size:clamp(24px,3.1vw,35px);
    }
    .plaque-icon {
        width:clamp(36px,4.5vw,48px);
        max-height:45px;
    }
    .corner-element {
        width:300px;
        right:-85px;
        top:180px;
    }
    .intro {
        padding-right:245px;
    }
    .intro-list li {
        font-size:clamp(16px,2vw,19px);
    }
    .rank-card p {
        font-size:clamp(12px,1.65vw,18px);
    }
    .promise {
        padding-right:285px;
    }
    .promise-element {
        width:330px;
        right:-85px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .terms p,.promise p,.terms li,.promise li {
        text-align:left;
    }
    .promise {
        padding-right:0;
    }
    .promise-element {
        position:static;
        display:block;
        width:290px;
        margin:18px 0 0 auto;
    }
    .help-inner {
        min-height:62px;
        font-size:12px;
    }
    .help-inner > span {
        width:59%;
        min-height:62px;
        padding:0 20px;
    }
    .chat-link {
        left:59%;
        width:33%;
        min-height:62px;
        gap:5px;
        font-size:14px;
    }
    .chat-link img {
        width:25px;
    }
}

@media (max-width: 767.98px) {
    body {
        font-size:14px;
    }
    .site-header {
        background:linear-gradient(90deg,#b70900 0%,#ff4d49 100%);
        border-bottom:0;
    }
    .header-inner {
        min-height:58px;
        padding-left:12px!important;
        padding-right:12px!important;
    }
    .brand img {
        width:145px;
    }
    .hero img {
        width:100%;
        min-height:0;
        max-height:none;
        height:auto;
        object-fit:initial;
        margin-left:0;
    }
    .mobile-menu-bar {
        position:sticky;
        top:0;
        z-index:1100;
        display:block;
        min-height:56px;
        padding:7px 0;
        background:#861b16;
        border-top:1px solid rgba(255,255,255,.18);
        border-bottom:1px solid rgba(0,0,0,.35);
    }
    .menu-toggle {
        width:42px;
        height:42px;
        padding:10px;
        display:flex;
        flex-direction:column;
        justify-content:center;
        gap:5px;
        border:1px solid #f5c54a;
        border-radius:50%;
        background:#2c130d;
        box-shadow:inset 0 0 0 2px rgba(255,255,255,.1);
    }
    .menu-toggle span {
        width:20px;
        height:2px;
        display:block;
        margin:auto;
        background:#f5c54a;
        border-radius:2px;
        transition:transform .2s ease,opacity .2s ease;
    }
    .menu-toggle[aria-expanded="true"] span:nth-child(1) {
        transform:translateY(7px) rotate(45deg);
    }
    .menu-toggle[aria-expanded="true"] span:nth-child(2) {
        opacity:0;
    }
    .menu-toggle[aria-expanded="true"] span:nth-child(3) {
        transform:translateY(-7px) rotate(-45deg);
    }
    .section-nav {
        display:none;
        position:static;
        background:#861b16;
        overflow:visible;
        box-shadow:0 4px 10px rgba(0,0,0,.4);
    }
    .section-nav.is-open {
        position:sticky;
        top:56px;
        z-index:1090;
        display:block;
        border-top:1px solid #F2D378;
        border-bottom:1px solid #F2D378;
        border-right:0;
        border-left:0;
        border-radius:0;
        overflow:hidden;
    }
    .section-nav .container {
        width:100%;
        min-width:0;
        padding:0;
        display:grid;
        grid-template-columns:repeat(2, minmax(0,1fr));
    }
    .section-nav a {
        min-height:54px;
        padding:8px 9px;
        gap:7px;
        font-size:10px;
        white-space:normal;
        border:0;
    }
    .section-nav a:first-child {
        border-left:0;
    }
    .section-nav a:nth-child(odd) {
        border-right:1px solid #F2D378;
    }
    .section-nav a:nth-child(-n+2) {
        border-bottom:1px solid #F2D378;
    }
    .section-nav a.active {
        background:#b52d1e;
    }
    .section-nav .nav-icon {
        width:15px;
        height:14px;
    }
    .page-body {
        --page-top-space:26px;
        padding-bottom:24px;
    }
    .content {
        padding-left:14px!important;
        padding-right:14px!important;
    }
    .intro {
        padding-right:0;
    }
    .title-plaque {
        min-height:45px;
        margin-bottom:18px;
        padding:7px 14px;
        border-radius:0;
        border:0;
        background:transparent url('../assets/images/Header%20%26%20Menu%20Icons/Header/Header%20Box.png') center/100% 100% no-repeat;
        box-shadow:none;
        font-size:17px;
    }
    .title-plaque .symbol {
        font-size:20px;
    }
    .plaque-icon {
        width:23px;
        max-height:22px;
    }
    .intro p {
        font-size:12px;
        line-height:1.6;
    }
    .intro-list {
        width:100%;
        margin:14px 0 10px;
        padding-left:17px;
    }
    .intro-list li {
        margin-bottom:12px;
        font-size:14px;
        line-height:1.48;
    }
    .fine-print {
        font-size:11px;
        line-height:1.55;
    }
    .corner-element {
        position:static;
        display:block;
        width:145px;
        margin:8px auto 4px;
    }
    .section-block {
        margin-top:29px;
    }
    .section-note {
        margin-bottom:12px;
        font-size:11px;
        line-height:1.55;
    }
    .rank-scroll {
        max-width:100%;
        overflow:visible;
    }
    .rank-panel {
        width:100%;
        max-width:none;
    }
    .rank-card p {
        right:3%;
        bottom:11%;
        left:3%;
        gap:.15em;
        font-size:clamp(5.5px,1.73vw,13px);
        line-height:1.35;
    }
    .rank-card p span {
        display:flex;
        flex-direction:column;
        align-items:center;
    }
    .requirements {
        margin-top:12px;
        font-size:10px;
        line-height:1.55;
    }
    .benefit-table {
        margin-left:0;
        margin-right:0;
        padding:0;
        border:0;
        border-radius:0;
        background:transparent;
        overflow:visible;
    }
    .benefit-table {
        display:none;
    }
    .mobile-benefit-table {
        display:grid;
        gap:16px;
        margin:0;
    }
    .mobile-benefit-table.motion-ready .mobile-benefit-section {
        opacity:0;
        transform:translate3d(0,28px,0) scale(.985);
        transition:opacity .48s ease,transform .58s cubic-bezier(.22,1,.36,1);
    }
    .mobile-benefit-table.motion-ready .mobile-benefit-section.is-revealed {
        opacity:1;
        transform:none;
    }
    .mobile-benefit-section {
        overflow:hidden;
        border:1px solid #F2D378;
        border-radius:12px;
        background:rgba(45,5,5,.88);
        box-shadow:0 5px 14px rgba(0,0,0,.34);
    }
    .mobile-benefit-section h3 {
        min-height:43px;
        margin:0;
        padding:11px 10px;
        display:flex;
        align-items:center;
        justify-content:center;
        color:#fff;
        background:#a32018;
        font:800 12px/1.25 Montserrat,sans-serif;
        text-align:center;
    }
    .mobile-benefit-head,.mobile-benefit-row {
        display:grid;
        grid-template-columns:1.15fr .85fr;
        align-items:center;
    }
    .mobile-benefit-head {
        min-height:34px;
        color:#F2D378;
        border-bottom:1px solid rgba(242,211,120,.55);
        font:700 10px/1.2 Montserrat,sans-serif;
        text-align:center;
    }
    .mobile-benefit-row {
        min-height:48px;
        color:#fff;
        border-bottom:1px solid rgba(242,211,120,.2);
        font:600 11px/1.2 Roboto,Arial,sans-serif;
    }
    .mobile-benefit-row:nth-of-type(even) {
        background:rgba(255,255,255,.045);
    }
    .mobile-benefit-row:last-of-type {
        border-bottom:0;
    }
    .mobile-benefit-section.is-revealed .mobile-benefit-head,
    .mobile-benefit-section.is-revealed .mobile-benefit-row,
    .mobile-benefit-section.is-revealed .mobile-benefit-notice {
        animation:mobile-benefit-row-in .36s cubic-bezier(.22,1,.36,1) both;
        animation-delay:var(--mobile-benefit-row-delay,0ms);
    }
    .mobile-benefit-row > span {
        min-width:0;
        padding:4px 10px;
        display:flex;
        align-items:center;
        gap:6px;
        position:relative;
    }
    .mobile-benefit-row > span > img:first-child {
        width:37px;
        height:37px;
        flex:0 0 auto;
        object-fit:contain;
    }
    .mobile-benefit-rank-title {
        position:absolute;
        top:50%;
        left:58px;
        transform:translateY(-50%);
        color:#f5f5f5;
        font:800 13px/1 Montserrat,sans-serif;
        letter-spacing:-.25px;
        text-shadow:0 2px 1px rgba(0,0,0,.58);
        text-transform:uppercase;
        white-space:nowrap;
    }
    .mobile-benefit-rank-title.rank-bronze {
        color:#bd8247;
    }
    .mobile-benefit-rank-title.rank-silver {
        color:#f4f4f4;
    }
    .mobile-benefit-rank-title.rank-gold {
        color:#f3b126;
    }
    .mobile-benefit-rank-title.rank-platinum,
    .mobile-benefit-rank-title.rank-diamond {
        color:#f5f5f5;
    }
    .mobile-benefit-row strong {
        min-width:0;
        padding:4px 10px;
        color:#fff;
        border-left:1px solid rgba(242,211,120,.25);
        font:700 11px/1.25 Roboto,Arial,sans-serif;
        text-align:center;
    }
    .mobile-benefit-check {
        width:15px;
        height:15px;
        object-fit:contain;
        vertical-align:middle;
    }
    .mobile-benefit-notice {
        margin:0;
        padding:10px 13px;
        color:#fff;
        background:#9B0000;
        font:600 9px/1.45 Roboto,Arial,sans-serif;
        text-align:center;
    }
    @keyframes mobile-benefit-row-in {
        from {
            opacity:0;
            transform:translate3d(-14px,0,0);
        }
        to {
            opacity:1;
            transform:none;
        }
    }
    .benefit-headers {
        font-size:clamp(4px,1.05vw,8px);
    }
    .benefit-data > span {
        padding:0 1%;
        font-size:clamp(3.5px,.9vw,6px);
    }
    .benefit-data img {
        width:clamp(7px,2vw,11px);
    }
    .benefit-notice {
        padding:1% 4%;
        font-size:clamp(3.3px,.75vw,5px);
    }
    .terms {
        margin-top:35px;
    }
    .terms h3,.promise h3 {
        margin-bottom:13px;
        color:#f3d266;
        font-size:13px;
        line-height:1.45;
    }
    .terms p,.promise p,.terms li,.promise li {
        margin-bottom:10px;
        font-size:11px;
        line-height:1.6;
        color:#f4eeee;
    }
    .promise {
        margin-top:22px;
        padding:20px 0 12px;
        border-top-color:rgba(235,184,60,.28);
    }
    .promise-element {
        position:static;
        display:block;
        width:185px;
        margin:10px auto 0;
    }
    .help-inner {
        min-height:44px;
        font-size:8px;
        line-height:1.2;
    }
    .help-inner > span {
        min-height:44px;
        padding:0 7px;
    }
    .chat-link {
        left:59%;
        width:30%;
        min-height:44px;
        gap:3px;
        font-size:10px;
    }
    .chat-link img {
        width:16px;
    }
    .site-footer {
        padding:16px 0 18px;
    }
    .footer-inner {
        min-height:0;
        grid-template-columns:1fr;
        gap:18px;
    }
    .footer-group {
        gap:8px;
    }
    .footer-group:first-child,.footer-group:last-child {
        align-items:center;
    }
    .footer-group:first-child .footer-title,.footer-group:last-child .footer-title {
        margin:0;
    }
    .footer-title {
        width:min(100%,260px);
        gap:8px;
        font-size:10px;
    }
    .footer-title span {
        width:28px;
    }
    .footer-logo-left {
        width:155px;
    }
    .footer-logo-right {
        width:min(315px,100%);
    }
}