:root{
  --bg:#ffffff;
  --surface:#ffffff;
  --surface-2:#f6f7fb;
  --text:#111111;
  --muted:#6b6b73;
  --border:#e8e8ec;
  --accent:#c1121f;
  --accent-2:#ff3345;
  --success:#16845b;
  --shadow:0 24px 70px rgba(20,20,40,.10);
  --shadow-soft:0 12px 35px rgba(20,20,40,.08);
  --radius:24px;
  --radius-sm:14px;
  --container:1210px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}
body.modal-open{overflow:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button{cursor:pointer}

.container{width:min(calc(100% - 40px),var(--container));margin-inline:auto}
.section{position:relative;padding:110px 0}
.section-heading{max-width:720px;margin:0 auto 55px;text-align:center}
.section-heading h2{margin:10px 0 14px;font-size:clamp(2.2rem,5vw,4.2rem);line-height:1.02;letter-spacing:-.055em}
.section-heading p{margin:0;color:var(--muted);font-size:1.05rem}
.eyebrow{display:inline-block;color:var(--accent);font-size:.76rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}

.skip-link{position:fixed;left:16px;top:-80px;z-index:9999;padding:10px 16px;background:#111;color:#fff;border-radius:10px}
.skip-link:focus{top:16px}

.site-header{position:sticky;top:0;z-index:1000;height:76px;background:rgba(255,255,255,.88);border-bottom:1px solid rgba(230,230,235,.85);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}
.logo{font-weight:900;font-size:1rem;letter-spacing:-.035em}
.main-navigation{display:flex;align-items:center;gap:31px}
.main-navigation>a:not(.btn){font-size:.9rem;font-weight:700;color:#666;transition:color .2s ease}
.main-navigation>a:not(.btn):hover{color:#111}
.nav-cta{margin-left:2px}
.menu-toggle{display:none;border:0;background:transparent;padding:8px}
.menu-toggle span{display:block;width:24px;height:2px;background:#111;margin:5px 0;border-radius:2px}

.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 25px;border-radius:999px;border:1px solid transparent;font-weight:800;font-size:.9rem;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:#111;color:#fff;box-shadow:0 10px 25px rgba(0,0,0,.13)}
.btn-primary:hover{box-shadow:0 14px 32px rgba(0,0,0,.18)}
.btn-secondary{background:#fff;color:#111;border-color:#d9d9de}
.btn-full{width:100%}

.hero{min-height:calc(100vh - 76px);display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 82% 35%,rgba(193,18,31,.14),transparent 38%),linear-gradient(120deg,#fff 0%,#fff 48%,#fff5f6 100%)}
.hero:before{content:"";position:absolute;width:520px;height:520px;right:-220px;top:80px;border-radius:50%;background:rgba(193,18,31,.10);filter:blur(90px);pointer-events:none}
.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);align-items:center;gap:80px}
.hero-content{max-width:650px}
.hero h1{margin:18px 0 26px;font-size:clamp(4rem,7.3vw,6.9rem);line-height:.91;letter-spacing:-.075em;font-weight:900}
.hero h1 span{display:block;color:var(--accent)}
.hero-description{max-width:620px;margin:0 0 30px;color:#555963;font-size:1.08rem}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}
.hero-trust{display:flex;flex-wrap:wrap;gap:20px;color:#6a6b73;font-size:.86rem;font-weight:600}
.hero-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;width:100%}
.product-image-wrapper{position:relative;width:min(100%,560px);padding:28px;border-radius:30px;background:rgba(255,255,255,.74);border:1px solid rgba(225,225,230,.95);box-shadow:var(--shadow);overflow:hidden}
.product-image-wrapper:before{content:"";position:absolute;inset:10% -15%;background:radial-gradient(circle,rgba(193,18,31,.18),transparent 55%);filter:blur(40px)}
.product-image-wrapper img{position:relative;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:18px;box-shadow:0 20px 50px rgba(0,0,0,.14)}

.problem-section,.benefits-section,.testimonials-section{background:var(--surface-2)}
.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.info-card,.feature-card,.benefit,.step{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:32px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.info-card:hover,.feature-card:hover,.benefit:hover,.step:hover{transform:translateY(-6px);box-shadow:var(--shadow-soft);border-color:#dcdce5}
.card-icon,.feature-number{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#111;color:#fff;font-size:.78rem;font-weight:900}
.info-card h3,.feature-card h3,.benefit h3,.step h3{margin:25px 0 8px;font-size:1.25rem;letter-spacing:-.025em}
.info-card p,.feature-card p,.benefit p,.step p{margin:0;color:var(--muted)}

.two-column{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}
.solution-section{background:#fff}
.solution-section h2{max-width:600px;margin:12px 0 18px;font-size:clamp(2.5rem,5vw,4.6rem);line-height:1;letter-spacing:-.06em}
.solution-section p{max-width:570px;color:var(--muted);font-size:1.05rem}
.solution-list{display:grid;gap:14px}
.solution-item{display:flex;align-items:center;gap:18px;padding:22px;border:1px solid var(--border);border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(20,20,40,.04)}
.solution-item strong{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#111;color:#fff;font-size:.8rem}
.solution-item span{font-weight:750}

.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.feature-card{min-height:230px}
.feature-number{background:#fff1f2;color:var(--accent)}

.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.benefit strong{font-size:.8rem;color:var(--accent);letter-spacing:.12em}

.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.step>span{display:inline-flex;color:var(--accent);font-weight:900;letter-spacing:.12em}

.gallery-section{background:#fff}
.product-slider{position:relative;max-width:900px;margin:auto;overflow:hidden;border-radius:28px;border:1px solid var(--border);background:#f4f4f8;box-shadow:var(--shadow-soft)}
.slides{display:flex;min-height:520px}
.slide{display:none;width:100%;align-items:center;justify-content:center;padding:35px}
.slide.active{display:flex}
.slide img{width:100%;max-height:600px;object-fit:contain;border-radius:18px}
.slider-prev,.slider-next,.testimonial-controls button{position:absolute;z-index:3;width:46px;height:46px;border-radius:50%;border:1px solid #ddd;background:#fff;color:#111;box-shadow:0 8px 22px rgba(0,0,0,.10)}
.slider-prev{left:18px;top:50%;transform:translateY(-50%)}
.slider-next{right:18px;top:50%;transform:translateY(-50%)}
.slider-dots{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:7px}
.slider-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#c7c7ce}
.slider-dots button.active{background:#111}

.pricing-section{background:#fafaff}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.pricing-card{position:relative;display:flex;flex-direction:column;padding:34px;border:1px solid var(--border);border-radius:26px;background:#fff;box-shadow:0 8px 28px rgba(20,20,40,.04)}
.pricing-card.featured{border:2px solid #111;box-shadow:var(--shadow);transform:translateY(-10px)}
.pricing-card h3{margin:0 0 16px;font-size:1.25rem}
.price{margin-bottom:24px;font-size:3rem;line-height:1;font-weight:900;letter-spacing:-.06em}
.price span{font-size:.95rem;letter-spacing:0;margin-right:5px}
.pricing-card ul{display:grid;gap:12px;margin:0 0 30px;padding:0;list-style:none;color:#62636a}
.pricing-card .btn{margin-top:auto;width:100%}
.popular-label{position:absolute;right:20px;top:20px;padding:7px 10px;border-radius:999px;background:#111;color:#fff;font-size:.62rem;font-weight:900;letter-spacing:.08em}

.testimonial-slider{position:relative;min-height:220px;max-width:820px;margin:auto}
.testimonial{display:none;text-align:center;padding:35px 70px}
.testimonial.active{display:block}
.testimonial p{margin:0 auto 20px;font-size:clamp(1.4rem,3vw,2.3rem);line-height:1.25;letter-spacing:-.035em;font-weight:700}
.testimonial strong{color:var(--muted)}
.testimonial-controls{display:flex;justify-content:center;gap:10px;position:relative;margin-top:10px}
.testimonial-controls button{position:static;transform:none}

.faq-list{max-width:820px;margin:auto;border-top:1px solid var(--border)}
.faq-item{border-bottom:1px solid var(--border)}
.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 0;border:0;background:transparent;text-align:left;font-weight:800;color:#111}
.faq-icon{font-size:1.5rem;font-weight:400;transition:transform .2s ease}
.faq-item.open .faq-icon{transform:rotate(45deg)}
.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}
.faq-answer p{overflow:hidden;margin:0;color:var(--muted);padding-right:45px}
.faq-item.open .faq-answer{grid-template-rows:1fr}
.faq-item.open .faq-answer p{padding-bottom:22px}

.cta-section{padding:90px 0;background:#111;color:#fff}
.cta-inner{text-align:center;max-width:760px}
.cta-inner .eyebrow{color:#a79fff}
.cta-inner h2{margin:12px 0;font-size:clamp(2.6rem,5vw,4.7rem);line-height:1;letter-spacing:-.06em}
.cta-inner p{color:#b7b7bd;margin:0 0 28px}
.cta-inner .btn-primary{background:#fff;color:#111}

.site-footer{padding:55px 0;background:#0b0b0c;color:#fff;border-top:1px solid #242428}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}
.site-footer h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;color:#aaa;margin:0 0 15px}
.site-footer p,.site-footer a{color:#98989f;font-size:.9rem}
.site-footer a{display:block;margin:7px 0}

.modal[hidden]{display:none}
.modal{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:20px}
.modal.show .modal-content{animation:modalIn .22s ease both}
.modal-overlay{position:absolute;inset:0;background:rgba(10,10,15,.58);backdrop-filter:blur(8px)}
.modal-content{position:relative;width:min(100%,560px);max-height:90vh;overflow:auto;padding:34px;border-radius:28px;background:#fff;box-shadow:0 30px 100px rgba(0,0,0,.25)}
.modal-close{position:absolute;right:17px;top:17px;width:38px;height:38px;border:1px solid var(--border);border-radius:50%;background:#fff;font-size:1.4rem}
.checkout-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 25px 32px}
.checkout-step{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;color:#aaa;font-size:.72rem;font-weight:700}
.checkout-step span{display:grid;place-items:center;width:32px;height:32px;border:1px solid #ddd;border-radius:50%;background:#fafafa}
.checkout-step.active{color:var(--accent)}
.checkout-step.active span,.checkout-step.completed span{background:#111;color:#fff;border-color:#111}
.checkout-panel{display:none}.checkout-panel.active{display:block}
.checkout-heading h2{margin:8px 0}.checkout-heading p{color:var(--muted);margin:0 0 22px}
.selected-product,.order-summary{padding:18px;border:1px solid var(--border);border-radius:17px;background:#f8f8fb;margin-bottom:22px}
.selected-product{display:flex;justify-content:space-between;gap:20px}
.selected-product small{display:block;color:var(--muted)}
.form-group{margin:16px 0}.form-group label{display:block;font-weight:750;font-size:.85rem;margin-bottom:7px}
.form-group input{width:100%;height:50px;padding:0 15px;border:1px solid #dcdce2;border-radius:13px;outline:none;background:#fff}
.form-group input:focus{border-color:#111;box-shadow:0 0 0 4px rgba(0,0,0,.05)}
.form-error{display:block;min-height:18px;color:#c0392b;font-size:.75rem;margin-top:5px}
.summary-row,.summary-total{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid #e5e5ea;font-size:.9rem}.summary-row span{color:var(--muted)}
.summary-total{border-bottom:0;padding-bottom:0;font-weight:900;font-size:1.05rem}.checkout-actions{display:flex;gap:10px;margin-top:22px}.checkout-actions .btn{flex:1}
.checkout-success{text-align:center;padding:12px 0}.success-icon{width:65px;height:65px;display:grid;place-items:center;margin:0 auto 18px;border-radius:50%;background:#16845b;color:#fff;font-size:1.8rem;font-weight:900}.order-id-box{margin:20px 0;padding:15px;border:1px dashed #ccc;border-radius:15px;background:#fafafa}.order-id-box small{display:block;color:var(--muted)}.order-id-box strong{font-family:monospace}

.toast{position:fixed;left:50%;bottom:25px;z-index:5000;transform:translate(-50%,20px);padding:13px 18px;border-radius:999px;background:#111;color:#fff;opacity:0;pointer-events:none;transition:.25s ease;font-size:.85rem}.toast.show{opacity:1;transform:translate(-50%,0)}
.back-to-top{position:fixed;right:20px;bottom:20px;z-index:900;width:45px;height:45px;border:0;border-radius:50%;background:#111;color:#fff;opacity:0;visibility:hidden;transform:translateY(10px);transition:.2s}.back-to-top.show{opacity:1;visibility:visible;transform:none}
/* Progressive enhancement: content remains visible if animation JS is delayed/blocked. */
.reveal{opacity:1;transform:none;transition:opacity .7s ease,transform .7s ease}
html.js .reveal{opacity:0;transform:translateY(22px)}
html.js .reveal.visible{opacity:1;transform:none}

@keyframes modalIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}

@media(max-width:1000px){
  .hero-grid{grid-template-columns:1fr;gap:50px}.hero-content{max-width:760px}.hero-visual{justify-content:flex-start}.product-image-wrapper{max-width:620px}
  .cards-grid,.features-grid,.pricing-grid{grid-template-columns:repeat(2,1fr)}
  .benefits-grid{grid-template-columns:repeat(2,1fr)}
  .two-column{gap:45px}
}

@media(max-width:760px){
  .container{width:min(calc(100% - 28px),var(--container))}.section{padding:80px 0}.site-header{height:68px}
  .menu-toggle{display:block}.main-navigation{position:absolute;left:14px;right:14px;top:68px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:12px;border:1px solid var(--border);border-radius:20px;background:#fff;box-shadow:var(--shadow)}
  .main-navigation.open{display:flex}.main-navigation>a:not(.btn){padding:13px 12px}.nav-cta{margin:6px 0 0}
  .hero{min-height:auto;padding:78px 0 85px}.hero h1{font-size:clamp(3.3rem,16vw,5.3rem)}.hero-description{font-size:1rem}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}.hero-trust{gap:9px 16px}
  .hero-visual{justify-content:center}.product-image-wrapper{padding:16px;border-radius:22px}.product-image-wrapper img{border-radius:13px}
  .cards-grid,.features-grid,.benefits-grid,.steps-grid,.pricing-grid,.two-column{grid-template-columns:1fr}.two-column{gap:45px}.pricing-card.featured{transform:none}.pricing-card{padding:28px}
  .slides{min-height:320px}.slide{padding:18px}.slider-prev,.slider-next{width:40px;height:40px}.testimonial{padding:25px 10px}.testimonial p{font-size:1.45rem}
  .footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}
  .modal-content{padding:25px 20px;border-radius:22px}.checkout-actions{flex-direction:column}.checkout-actions .btn{width:100%}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1!important;transform:none!important;transition:none}.btn{transition:none}}

/* =========================================================
   IXPLAY88 PROMO PRICE
========================================================= */
.pricing-grid-single {
    grid-template-columns: minmax(280px, 560px);
    justify-content: center;
}

.promo-card {
    position: relative;
    overflow: hidden;
    text-align: center;
}

.promo-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 50% 0%, rgba(99,91,255,.13), transparent 48%);
    pointer-events: none;
}

.promo-card > * {
    position: relative;
    z-index: 1;
}

.promo-kicker {
    display: block;
    margin: 24px 0 8px;
    color: #635bff;
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .14em;
}

.promo-price {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    margin: 20px 0 8px;
}

.promo-price .old-price {
    color: #8a8a8a;
    font-size: 1.05rem;
    font-weight: 700;
    text-decoration: line-through;
    text-decoration-thickness: 2px;
}

.promo-price strong {
    color: #111;
    font-size: clamp(3rem, 8vw, 4.8rem);
    line-height: .95;
    letter-spacing: -.055em;
}

.promo-saving {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 8px auto 22px;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(99,91,255,.1);
    color: #554cff;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .04em;
}

.promo-card ul {
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.promo-card .buy-button {
    width: 100%;
    margin-top: 8px;
}

.price-note {
    margin: 14px 0 0;
    color: #737373;
    font-size: .78rem;
}

.hero-promo {
    display: flex;
    align-items: center;
    gap: 12px;
    width: min(100%, 560px);
    box-sizing: border-box;
    margin-top: 0;
    padding: 10px 14px;
    border: 1px solid rgba(99,91,255,.18);
    border-radius: 14px;
    background: rgba(255,255,255,.72);
    box-shadow: 0 10px 30px rgba(30,30,60,.07);
    backdrop-filter: blur(10px);
}

.hero-promo-badge {
    padding: 6px 8px;
    border-radius: 8px;
    background: #635bff;
    color: #fff;
    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .04em;
}

.hero-promo strong,
.hero-promo span:last-child {
    display: block;
}

.hero-promo strong {
    font-size: 1rem;
}

.hero-promo span:last-child {
    margin-top: 2px;
    color: #707070;
    font-size: .72rem;
}

@media (max-width: 600px) {
    .hero-promo {
        width: 100%;
        box-sizing: border-box;
    }
}


/* =========================================================
   APK DOWNLOAD + MEMBER REVIEWS
========================================================= */
.apk-download-section {
    background:
        radial-gradient(circle at 82% 25%, rgba(193,18,31,.16), transparent 30%),
        linear-gradient(135deg, #f8f7ff 0%, #ffffff 55%, #f5f5fb 100%);
}

.apk-download-card {
    display:grid;
    grid-template-columns:minmax(0, 1.05fr) minmax(360px, .95fr);
    align-items:center;
    gap:70px;
    padding:64px;
    border:1px solid rgba(193,18,31,.14);
    border-radius:34px;
    background:rgba(255,255,255,.76);
    box-shadow:0 30px 90px rgba(30,30,60,.10);
    overflow:hidden;
    position:relative;
}

.apk-download-card:after {
    content:"";
    position:absolute;
    width:340px;
    height:340px;
    right:-120px;
    top:-140px;
    border-radius:50%;
    background:rgba(193,18,31,.12);
    filter:blur(20px);
    pointer-events:none;
}

.apk-download-copy {
    position:relative;
    z-index:1;
}

.apk-download-copy h2 {
    max-width:700px;
    margin:12px 0 18px;
    font-size:clamp(2.7rem, 5vw, 5rem);
    line-height:.98;
    letter-spacing:-.065em;
}

.apk-download-copy > p {
    max-width:650px;
    margin:0;
    color:var(--muted);
    font-size:1.06rem;
}

.apk-actions {
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:30px;
}

.apk-stats {
    display:flex;
    align-items:center;
    gap:25px;
    margin-top:30px;
}

.apk-stat {
    display:grid;
    gap:2px;
}

.apk-stat strong {
    font-size:1.45rem;
    letter-spacing:-.035em;
}

.apk-stat span {
    color:var(--muted);
    font-size:.8rem;
}

.apk-stat-divider {
    width:1px;
    height:38px;
    background:var(--border);
}

.apk-download-visual {
    min-height:440px;
    display:grid;
    place-items:center;
    position:relative;
    z-index:1;
}

.apk-badge {
    position:absolute;
    top:20px;
    right:5%;
    z-index:3;
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px 14px;
    border:1px solid var(--border);
    border-radius:16px;
    background:#fff;
    box-shadow:0 15px 35px rgba(20,20,40,.10);
}

.apk-badge-icon {
    display:grid;
    place-items:center;
    width:40px;
    height:40px;
    border-radius:12px;
    background:#111;
    color:#fff;
    font-size:.7rem;
    font-weight:900;
}

.apk-badge strong,
.apk-badge span:last-child {
    display:block;
}

.apk-badge strong {
    font-size:.85rem;
}

.apk-badge span:last-child {
    margin-top:2px;
    color:var(--muted);
    font-size:.7rem;
}

.apk-phone {
    width:min(280px, 70%);
    aspect-ratio:9/17.5;
    padding:9px;
    border:7px solid #111;
    border-radius:38px;
    background:#111;
    box-shadow:0 30px 70px rgba(20,20,40,.22);
    transform:rotate(3deg);
    position:relative;
}

.apk-phone-notch {
    position:absolute;
    top:8px;
    left:50%;
    transform:translateX(-50%);
    width:82px;
    height:18px;
    border-radius:0 0 12px 12px;
    background:#111;
    z-index:2;
}

.apk-phone-screen {
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    gap:8px;
    padding:28px 20px;
    border-radius:27px;
    background:
        radial-gradient(circle at 50% 25%, rgba(193,18,31,.7), transparent 28%),
        linear-gradient(145deg,#111 0%,#30277d 50%,#c1121f 100%);
    color:#fff;
}

.apk-screen-label {
    font-size:.65rem;
    font-weight:900;
    letter-spacing:.15em;
    opacity:.8;
}

.apk-phone-screen strong {
    font-size:1.7rem;
    line-height:1;
    letter-spacing:-.045em;
}

.apk-phone-screen > span:not(.apk-screen-label) {
    color:rgba(255,255,255,.78);
    font-size:.75rem;
}

.apk-screen-button {
    margin-top:10px;
    padding:11px;
    border-radius:999px;
    background:#fff;
    color:#111;
    text-align:center;
    font-size:.75rem;
    font-weight:900;
}

.member-reviews {
    margin-top:95px;
}

.member-review-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

.member-review-card {
    padding:28px;
    border:1px solid var(--border);
    border-radius:24px;
    background:#fff;
    box-shadow:0 12px 35px rgba(20,20,40,.05);
}

.review-top {
    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:center;
    gap:12px;
}

.review-avatar {
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    border-radius:50%;
    background:#fff1f2;
    color:var(--accent);
    font-size:.72rem;
    font-weight:900;
}

.review-top strong,
.review-top span {
    display:block;
}

.review-top strong {
    font-size:.92rem;
}

.review-top span {
    margin-top:2px;
    color:var(--muted);
    font-size:.7rem;
}

.review-stars {
    color:#c1121f;
    font-size:.75rem;
    letter-spacing:.08em;
}

.member-review-card p {
    margin:22px 0 0;
    color:#50515a;
    line-height:1.75;
}

@media(max-width:1000px) {
    .apk-download-card {
        grid-template-columns:1fr;
        gap:35px;
        padding:45px;
    }
    .apk-download-visual {
        min-height:390px;
    }
    .member-review-grid {
        grid-template-columns:1fr;
    }
}

@media(max-width:760px) {
    .apk-download-card {
        padding:30px 22px;
        border-radius:25px;
    }
    .apk-download-copy h2 {
        font-size:clamp(2.5rem, 12vw, 4rem);
    }
    .apk-actions {
        flex-direction:column;
    }
    .apk-actions .btn {
        width:100%;
    }
    .apk-stats {
        gap:16px;
    }
    .apk-stat strong {
        font-size:1.15rem;
    }
    .apk-download-visual {
        min-height:360px;
    }
    .apk-badge {
        right:0;
        top:8px;
    }
    .apk-phone {
        width:235px;
    }
    .review-top {
        grid-template-columns:auto 1fr;
    }
    .review-stars {
        grid-column:2;
    }
}


/* =========================================================
   BREADCRUMB + FOOTER MAP + SOCIAL SVG
   ========================================================= */
.breadcrumb {
    background: #fff7f7;
    border-bottom: 1px solid rgba(185,28,28,.12);
}
.breadcrumb-inner {
    min-height: 44px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: .85rem;
}
.breadcrumb-link { color: #b91c1c; text-decoration: none; font-weight: 700; }
.breadcrumb-link:hover { text-decoration: underline; }
.breadcrumb-separator { color: #9ca3af; }
.breadcrumb-current { color: #6b7280; font-weight: 600; }
.footer-map-section {
    margin-top: 48px;
    display: grid;
    grid-template-columns: minmax(240px,.8fr) minmax(0,1.7fr);
    gap: 28px;
    align-items: stretch;
}
.footer-map-copy {
    padding: 28px;
    border: 1px solid rgba(185,28,28,.18);
    border-radius: 20px;
    background: rgba(255,255,255,.05);
}
.footer-map-copy h3 { margin: 8px 0 10px; }
.footer-map-copy p { color: rgba(255,255,255,.78); line-height: 1.7; }
.map-container {
    min-height: 300px;
    overflow: hidden;
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,.14);
    box-shadow: 0 18px 50px rgba(0,0,0,.18);
}
.map-container iframe { width: 100%; height: 100%; min-height: 300px; border: 0; display: block; }
.footer-social {
    margin-top: 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding-top: 28px;
    border-top: 1px solid rgba(255,255,255,.12);
}
.social-icons { display: flex; gap: 10px; }
.social-icon {
    width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center;
    border-radius: 50%; color: #fff; background: rgba(255,255,255,.1);
    border: 1px solid rgba(255,255,255,.15); text-decoration: none; transition: transform .2s ease, background .2s ease;
}
.social-icon:hover { transform: translateY(-3px); background: #dc2626; }
.social-icon svg { width: 21px; height: 21px; }
@media (max-width: 800px) {
    .footer-map-section { grid-template-columns: 1fr; }
    .footer-social { align-items: flex-start; flex-direction: column; }
}

/* =========================================================
   SOCIAL ICONS — COLORED + FOOTER ALIGNMENT
   ========================================================= */
.footer-social {
    width: min(calc(100% - 40px), var(--container));
    margin-inline: auto;
    margin-top: 38px;
    padding: 30px 0 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    border-top: 1px solid rgba(255,255,255,.12);
}

.footer-social h3 {
    margin: 0;
    color: #ffffff;
    font-size: .82rem;
    line-height: 1.3;
    letter-spacing: .13em;
    text-transform: uppercase;
    white-space: nowrap;
}

.social-icons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    flex-wrap: wrap;
}

.social-icon {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #ffffff;
    background: #202124;
    border: 1px solid rgba(255,255,255,.16);
    box-shadow: 0 8px 22px rgba(0,0,0,.16);
    text-decoration: none;
    transition: transform .22s ease, box-shadow .22s ease, background .22s ease, color .22s ease, border-color .22s ease;
}

.social-icon svg {
    width: 22px;
    height: 22px;
    display: block;
}

/* Facebook */
.social-icon:nth-child(1) {
    color: #1877f2;
}
.social-icon:nth-child(1):hover {
    color: #ffffff;
    background: #1877f2;
    border-color: #1877f2;
}

/* Instagram */
.social-icon:nth-child(2) {
    color: #e4405f;
}
.social-icon:nth-child(2):hover {
    color: #ffffff;
    background: linear-gradient(135deg, #833ab4 0%, #e4405f 52%, #f77737 100%);
    border-color: #e4405f;
}

/* YouTube */
.social-icon:nth-child(3) {
    color: #ff0000;
}
.social-icon:nth-child(3):hover {
    color: #ffffff;
    background: #ff0000;
    border-color: #ff0000;
}

/* WhatsApp */
.social-icon:nth-child(4) {
    color: #25d366;
}
.social-icon:nth-child(4):hover {
    color: #ffffff;
    background: #25d366;
    border-color: #25d366;
}

.social-icon:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(0,0,0,.25);
}

.social-icon:focus-visible {
    outline: 3px solid rgba(255,255,255,.75);
    outline-offset: 4px;
}

@media (max-width: 800px) {
    .footer-social {
        width: min(calc(100% - 28px), var(--container));
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        gap: 18px;
        padding-top: 26px;
    }

    .social-icons {
        justify-content: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .social-icon {
        transition: none;
    }
    .social-icon:hover {
        transform: none;
    }
}


/* =========================================================
   IXPLAY88 — METALLIC RED MODERN SYSTEM
   Added without removing previous styles.
========================================================= */

:root{
  --accent:#c1121f;
  --accent-2:#ff3345;
  --red-deep:#65000a;
  --red-metal:#b10f1f;
  --red-bright:#ff2338;
  --red-soft:#fff1f2;
  --red-line:rgba(193,18,31,.16);
  --success:#14804a;
}

body{
  background:#fff;
}

.eyebrow{
  color:var(--accent);
}

.site-header{
  box-shadow:0 8px 30px rgba(88,0,8,.06);
}

.main-navigation>a:not(.btn):hover{
  color:var(--accent);
}

.btn-primary{
  background:linear-gradient(135deg,#76000b 0%,#c1121f 42%,#ff3345 100%);
  border-color:#a80e1b;
  box-shadow:0 12px 28px rgba(193,18,31,.22), inset 0 1px 0 rgba(255,255,255,.22);
}

.btn-primary:hover{
  background:linear-gradient(135deg,#520006 0%,#a30e1b 45%,#f12639 100%);
  box-shadow:0 16px 35px rgba(193,18,31,.30);
}

.btn-secondary:hover{
  border-color:rgba(193,18,31,.35);
  color:var(--accent);
}

.hero{
  background:
    radial-gradient(circle at 86% 25%,rgba(255,35,56,.20),transparent 32%),
    radial-gradient(circle at 68% 80%,rgba(177,15,31,.12),transparent 30%),
    linear-gradient(120deg,#fff 0%,#fff 43%,#fff5f6 100%);
}

.hero:before{
  background:rgba(193,18,31,.14);
}

.hero h1 span{
  background:linear-gradient(135deg,#85000c 0%,#c1121f 42%,#ff3345 72%,#8b0010 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:0 10px 35px rgba(193,18,31,.10);
}

.product-image-wrapper{
  background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(255,245,246,.78));
  border-color:rgba(193,18,31,.16);
  box-shadow:0 28px 80px rgba(92,0,10,.14);
}

.product-image-wrapper:before{
  background:radial-gradient(circle,rgba(255,35,56,.22),transparent 55%);
}

.section-heading h2{
  text-wrap:balance;
}

.card-icon,.feature-number{
  background:linear-gradient(145deg,#690009,#c1121f 55%,#ff3345);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
}

.info-card:hover,.feature-card:hover,.benefit:hover,.step:hover{
  border-color:rgba(193,18,31,.25);
  box-shadow:0 20px 50px rgba(99,0,10,.10);
}

.pricing-card.featured{
  border-color:rgba(193,18,31,.32);
  box-shadow:0 25px 70px rgba(121,0,12,.13);
}

.popular-label,
.promo-kicker,
.discount-badge{
  background:linear-gradient(135deg,#720009,#c1121f 52%,#ff3345);
  color:#fff;
}

.old-price{
  color:#8b8b93;
}

.promo-price strong{
  color:var(--accent);
}

.promo-saving{
  color:#a30e1b;
}

.faq-question:hover{
  color:var(--accent);
}

.faq-item.open{
  border-color:rgba(193,18,31,.28);
  box-shadow:0 15px 40px rgba(99,0,10,.08);
}

.faq-item.open .faq-icon{
  color:var(--accent);
}

.testimonial-controls button:hover{
  background:var(--accent);
  border-color:var(--accent);
  color:#fff;
}

/* Running text */
.running-text{
  position:relative;
  overflow:hidden;
  min-height:38px;
  display:flex;
  align-items:center;
  background:linear-gradient(90deg,#4b0006 0%,#8c000f 28%,#c1121f 50%,#8c000f 72%,#4b0006 100%);
  color:#fff;
  border-top:1px solid rgba(255,255,255,.16);
  border-bottom:1px solid rgba(255,255,255,.20);
  box-shadow:0 5px 24px rgba(83,0,8,.15);
}

.running-text-track{
  display:flex;
  align-items:center;
  width:max-content;
  min-width:100%;
  gap:80px;
  white-space:nowrap;
  animation:jmRunningText 28s linear infinite;
  font-size:.75rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.running-text-track span{
  display:inline-flex;
  align-items:center;
}

@keyframes jmRunningText{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

/* Similar products slider */
.similar-products-section{
  background:
    radial-gradient(circle at 15% 20%,rgba(255,35,56,.08),transparent 28%),
    linear-gradient(180deg,#fff 0%,#fff7f7 100%);
}

.similar-slider-wrap{
  position:relative;
  overflow:hidden;
}

.similar-slider{
  display:flex;
  gap:18px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  padding:8px 2px 18px;
  overscroll-behavior-inline:contain;
}

.similar-slider::-webkit-scrollbar{
  display:none;
}

.similar-product-card{
  flex:0 0 calc((100% - 54px)/4);
  min-width:250px;
  scroll-snap-align:start;
  padding:26px;
  border:1px solid rgba(193,18,31,.14);
  border-radius:24px;
  background:linear-gradient(145deg,#fff 0%,#fffafa 100%);
  box-shadow:0 15px 45px rgba(88,0,8,.07);
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}

.similar-product-card:hover{
  transform:translateY(-6px);
  border-color:rgba(193,18,31,.30);
  box-shadow:0 22px 55px rgba(88,0,8,.13);
}

.similar-number{
  display:block;
  color:#a30e1b;
  font-size:.7rem;
  font-weight:900;
  letter-spacing:.12em;
}

.similar-product-icon{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  margin:20px 0;
  border-radius:16px;
  color:#fff;
  font-weight:900;
  background:linear-gradient(145deg,#65000a,#c1121f 55%,#ff3345);
  box-shadow:0 12px 25px rgba(193,18,31,.22);
}

.similar-product-card h3{
  margin:0 0 8px;
  font-size:1.08rem;
}

.similar-product-card p{
  min-height:50px;
  margin:0 0 20px;
  color:var(--muted);
  font-size:.9rem;
}

.similar-product-card .btn{
  min-height:44px;
  width:100%;
}

.similar-controls{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  margin-top:18px;
}

.similar-controls button{
  width:44px;
  height:44px;
  border:1px solid rgba(193,18,31,.18);
  border-radius:50%;
  background:#fff;
  color:#8b0010;
  font-weight:900;
  cursor:pointer;
  transition:.2s ease;
}

.similar-controls button:hover{
  background:var(--accent);
  border-color:var(--accent);
  color:#fff;
  transform:translateY(-2px);
}

.similar-dots{
  width:70px;
  height:4px;
  border-radius:99px;
  background:linear-gradient(90deg,#7a000b,#ff3345);
}

/* First-visit conversion popup */
body.welcome-popup-open{
  overflow:hidden;
}

.welcome-popup{
  position:fixed;
  inset:0;
  z-index:5000;
  display:grid;
  place-items:center;
  padding:20px;
  opacity:0;
  pointer-events:none;
  transition:opacity .22s ease;
}

.welcome-popup.show{
  opacity:1;
  pointer-events:auto;
}

.welcome-popup-overlay{
  position:absolute;
  inset:0;
  background:rgba(23,0,3,.72);
  backdrop-filter:blur(9px);
  -webkit-backdrop-filter:blur(9px);
}

.welcome-popup-card{
  position:relative;
  width:min(100%,480px);
  padding:38px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:30px;
  background:
    radial-gradient(circle at 100% 0%,rgba(255,35,56,.22),transparent 38%),
    linear-gradient(145deg,#fff,#fff4f5);
  box-shadow:0 35px 100px rgba(0,0,0,.38);
  transform:translateY(18px) scale(.98);
  transition:transform .25s ease;
}

.welcome-popup.show .welcome-popup-card{
  transform:translateY(0) scale(1);
}

.welcome-popup-card h2{
  margin:12px 0;
  font-size:clamp(2rem,6vw,3.3rem);
  line-height:1;
  letter-spacing:-.055em;
}

.welcome-popup-card p{
  margin:0 0 20px;
  color:#5e6068;
}

.welcome-popup-badge{
  display:inline-flex;
  margin-top:18px;
  padding:7px 11px;
  border-radius:999px;
  color:#fff;
  background:linear-gradient(135deg,#65000a,#c1121f,#ff3345);
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.06em;
}

.welcome-popup-price{
  display:flex;
  align-items:baseline;
  gap:12px;
  margin:20px 0 24px;
}

.welcome-popup-price del{
  color:#8d8e96;
  font-size:1rem;
}

.welcome-popup-price strong{
  color:#a30e1b;
  font-size:2rem;
}

.welcome-popup-close{
  position:absolute;
  top:15px;
  right:15px;
  width:40px;
  height:40px;
  border:1px solid rgba(193,18,31,.15);
  border-radius:50%;
  background:#fff;
  color:#76000b;
  font-size:1.5rem;
  line-height:1;
  cursor:pointer;
}

.welcome-popup-dismiss{
  width:100%;
  margin-top:10px;
  padding:10px;
  border:0;
  background:transparent;
  color:#6a6b73;
  font-weight:700;
  cursor:pointer;
}

/* Footer information cards */
.footer-legal-links{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  margin-top:34px;
}

.footer-legal-card{
  padding:20px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  background:rgba(255,255,255,.035);
}

.footer-legal-card h3{
  margin:0 0 8px;
  color:#fff;
  font-size:.82rem;
}

.footer-legal-card p{
  margin:0;
  color:rgba(255,255,255,.62);
  font-size:.78rem;
  line-height:1.65;
}

/* Red metallic footer accents */
.site-footer{
  background:
    radial-gradient(circle at 15% 0%,rgba(193,18,31,.20),transparent 28%),
    linear-gradient(145deg,#170003 0%,#430006 48%,#170003 100%);
}

.site-footer a:hover{
  color:#ff5260;
}

@media(max-width:1050px){
  .similar-product-card{
    flex-basis:calc((100% - 36px)/3);
  }
  .footer-legal-links{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:760px){
  .running-text{
    min-height:34px;
  }
  .running-text-track{
    font-size:.66rem;
    gap:50px;
    animation-duration:22s;
  }
  .similar-product-card{
    flex-basis:82%;
    min-width:0;
  }
  .similar-controls{
    margin-bottom:8px;
  }
  .footer-legal-links{
    grid-template-columns:1fr;
  }
  .welcome-popup{
    padding:14px;
  }
  .welcome-popup-card{
    padding:30px 22px 24px;
    border-radius:24px;
  }
}

@media(prefers-reduced-motion:reduce){
  .running-text-track{
    animation:none;
    transform:none;
  }
  .welcome-popup,
  .welcome-popup-card{
    transition:none;
  }
  .similar-product-card{
    transition:none;
  }
}


/* =========================================================
   HEADER CART
========================================================= */
.header-cart-wrap{display:flex;align-items:center}
.header-cart{
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:42px;padding:0 14px;border:1px solid #e7b6be;border-radius:999px;
  background:linear-gradient(135deg,#fff,#fff5f6);color:#980018;
  box-shadow:0 8px 22px rgba(157,0,24,.10);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.header-cart:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(157,0,24,.16);border-color:#d94a5c}
.header-cart:focus-visible{outline:3px solid rgba(193,18,31,.28);outline-offset:3px}
.cart-icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.cart-label{font-size:.82rem;font-weight:800}
.cart-count,.amp-cart-count{
  display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;
  background:linear-gradient(135deg,#b00020,#ff3345);color:#fff;font-size:.68rem;font-weight:900;
  box-shadow:0 4px 10px rgba(157,0,24,.25)
}
@media (max-width: 900px){
  .header-cart{padding:0 11px}
  .cart-label{display:none}
}
@media (max-width: 760px){
  .header-cart-wrap{display:none}
}


/* HEADER SEARCH + ACCOUNT */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.header-search{display:flex;align-items:center;width:min(270px,24vw);height:42px;border:1px solid rgba(157,0,24,.18);border-radius:999px;background:rgba(255,255,255,.92);box-shadow:0 8px 22px rgba(157,0,24,.08);overflow:hidden}
.header-search input{width:100%;height:100%;border:0;outline:0;background:transparent;padding:0 12px;color:#26070b;font:inherit;font-size:.78rem;min-width:0}
.header-search button{width:42px;height:42px;border:0;background:linear-gradient(135deg,#a9001c,#e31b32);color:#fff;display:grid;place-items:center;cursor:pointer;flex:0 0 42px}
.header-search button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.header-search:focus-within{border-color:#d3132c;box-shadow:0 0 0 4px rgba(211,19,44,.10)}
.header-account-actions{display:flex;align-items:center;gap:7px}
.header-register,.header-login{min-height:40px;padding:0 12px;border-radius:10px;font-size:.78rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer}
.header-register{border:1px solid #cf2940;background:#fff;color:#a00019}
.header-login{border:1px solid #9d0018;background:linear-gradient(135deg,#a9001c,#e21b33);color:#fff;box-shadow:0 7px 18px rgba(157,0,24,.18)}
.header-register:hover{background:#fff2f4;transform:translateY(-1px)}
.header-login:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(157,0,24,.25)}
.header-register:focus-visible,.header-login:focus-visible{outline:3px solid rgba(211,19,44,.25);outline-offset:2px}
.register-modal-content{max-width:760px;max-height:min(90vh,820px);overflow:auto}
.register-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.register-full{grid-column:1/-1}
.register-modal textarea{resize:vertical}
#registerError{min-height:20px;margin:10px 0;color:#b00020}
@media(max-width:1100px){.header-search{width:210px}.header-account-actions .header-login,.header-account-actions .header-register{padding:0 9px}}
@media(max-width:900px){.header-search{width:180px}.header-account-actions{gap:4px}.header-register,.header-login{padding:0 8px}}
@media(max-width:760px){.header-search,.header-account-actions{display:none}.register-grid{grid-template-columns:1fr}.register-full{grid-column:auto}}


/* HEADER LAYOUT SYNC */
.header-inner{gap:14px}
.header-search{flex:0 1 245px;order:2}
.header-account-actions{order:3;flex:0 0 auto}
.header-cart-wrap{order:4;flex:0 0 auto}
.main-navigation{order:5;gap:18px;flex:0 0 auto}
.logo{order:1;flex:0 0 auto}
@media(max-width:1180px){.main-navigation{gap:12px}.main-navigation>a:not(.btn){font-size:.78rem}.header-search{width:190px}.header-account-actions{gap:3px}.header-register,.header-login{padding:0 8px}}
@media(max-width:1050px){.main-navigation>a:not(.btn){display:none}.main-navigation{margin-left:auto}.header-search{width:220px;flex-basis:220px}}
@media(max-width:760px){.header-inner{gap:8px}.main-navigation{display:none}.menu-toggle{display:block;order:6;margin-left:auto}.header-search,.header-account-actions,.header-cart-wrap{display:none}}


/* =========================================================
   ACTIVE HEADER SEARCH + REGISTER/LOGIN SYNC
   ========================================================= */
.site-header .header-inner{display:flex;align-items:center;gap:12px;flex-wrap:nowrap}
.site-header .logo{order:1}
.site-header .header-search{order:2;display:flex;flex:0 1 260px;width:260px;min-width:160px}
.site-header .header-account-actions{order:3;display:flex;flex:0 0 auto;align-items:center;gap:7px}
.site-header .header-cart-wrap{order:4;display:flex;flex:0 0 auto}
.site-header .main-navigation{order:5;display:flex;align-items:center;gap:14px;flex:0 1 auto;min-width:0}
.site-header .menu-toggle{order:6}
@media(max-width:1180px){.site-header .header-search{width:210px;flex-basis:210px}.site-header .main-navigation{gap:9px}.site-header .main-navigation>a:not(.btn){font-size:.74rem}.site-header .header-register,.site-header .header-login{padding:0 9px}}
@media(max-width:1020px){.site-header .main-navigation>a:not(.btn){display:none}.site-header .main-navigation{margin-left:auto}.site-header .header-search{width:220px;flex-basis:220px}}
@media(max-width:760px){.site-header .header-search,.site-header .header-account-actions,.site-header .header-cart-wrap{display:none}.site-header .main-navigation{display:none}.site-header .menu-toggle{display:block;margin-left:auto}}


/* =========================================================
   HEADER / MOBILE BURGER FINAL SYNC
========================================================= */
.site-header{position:sticky;top:0;z-index:1000;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.site-header .header-inner{min-height:72px;display:flex;align-items:center;gap:12px;position:relative}
.site-header .logo{flex:0 0 auto;white-space:nowrap}
.site-header .header-search{order:2;flex:1 1 240px;width:auto;max-width:300px;min-width:180px}
.site-header .header-account-actions{order:3;flex:0 0 auto}
.site-header .header-cart-wrap{order:4;flex:0 0 auto}
.site-header .main-navigation{order:5;display:flex;align-items:center;gap:12px;margin-left:auto;min-width:0}
.site-header .menu-toggle{order:6;flex:0 0 44px}

.menu-toggle{width:44px;height:44px;padding:0;border:1px solid rgba(157,0,24,.28);border-radius:12px;background:linear-gradient(145deg,#fff,#fff5f6);display:none;place-items:center;align-content:center;gap:5px;cursor:pointer;box-shadow:0 6px 18px rgba(128,0,18,.12);z-index:1010}
.menu-toggle span{display:block;width:20px;height:2px;border-radius:2px;background:#a9001c;transition:transform .22s ease,opacity .22s ease}
.menu-toggle.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-toggle.is-open span:nth-child(2){opacity:0}
.menu-toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.menu-toggle:focus-visible{outline:3px solid rgba(211,19,44,.28);outline-offset:3px}

@media(max-width:1180px){
 .site-header .main-navigation{gap:8px}
 .site-header .main-navigation>a:not(.btn){font-size:.72rem}
 .site-header .header-search{max-width:230px;min-width:170px}
}
@media(max-width:1020px){
 .site-header .main-navigation>a:not(.btn){display:none}
 .site-header .header-search{max-width:250px}
}
@media(max-width:760px){
 .site-header{height:68px}
 .site-header .header-inner{min-height:68px;gap:8px}
 .site-header .logo{font-size:1.05rem}
 .site-header .header-search,.site-header .header-account-actions,.site-header .header-cart-wrap{display:none}
 .site-header .main-navigation{position:absolute;left:0;right:0;top:68px;display:flex;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:10px;background:rgba(255,255,255,.98);border:1px solid rgba(157,0,24,.15);border-radius:0 0 18px 18px;box-shadow:0 18px 35px rgba(80,0,12,.18);visibility:hidden;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s ease}
 .site-header .main-navigation.open{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto}
 .site-header .main-navigation>a:not(.btn){display:flex;padding:13px 14px;font-size:.9rem}
 .site-header .main-navigation .nav-cta{display:flex;margin-top:6px;justify-content:center}
 .site-header .menu-toggle{display:grid;margin-left:auto}
}
@media(prefers-reduced-motion:reduce){.menu-toggle span,.site-header .main-navigation{transition:none}}


/* =========================================================
   HEADER 2 — DESKTOP QUICK ACTIONS
   ========================================================= */
.header-action-bar{
  position:sticky;
  top:68px;
  z-index:990;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(250,242,242,.96));
  border-bottom:1px solid rgba(157,0,24,.14);
  box-shadow:0 7px 22px rgba(90,0,12,.08);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.header-action-inner{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.header-action-title{display:flex;align-items:center;gap:9px;font-size:.72rem;font-weight:900;letter-spacing:.12em;color:#8f0017;text-transform:uppercase;white-space:nowrap}
.header-action-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#ff5368,#8f0017);box-shadow:0 0 0 4px rgba(185,28,28,.08),0 0 14px rgba(185,28,28,.35)}
.header-action-buttons{display:flex;align-items:center;justify-content:flex-end;gap:9px}
.header-action-btn{min-height:40px;padding:0 16px;border-radius:10px;border:1px solid rgba(157,0,24,.18);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:.78rem;font-weight:850;text-decoration:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}
.header-action-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.header-action-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(95,0,12,.13)}
.header-action-register{background:#fff;color:#9b0018}
.header-action-login{background:#fff;color:#7f0015}
.header-action-buy{background:linear-gradient(135deg,#e51b35,#970019);color:#fff;border-color:#970019;box-shadow:0 7px 17px rgba(151,0,25,.2)}
.header-action-apk{background:linear-gradient(135deg,#b90d25,#6f0012);color:#fff;border-color:#6f0012}
.header-action-btn:focus-visible{outline:3px solid rgba(185,28,28,.25);outline-offset:2px}

/* Header 1 stays compact: actions live exclusively in Header 2. */
.site-header .header-inner{gap:18px}
.site-header .main-navigation{gap:22px}
.site-header .header-search{flex:0 1 250px;margin-left:auto}

@media(max-width:1100px){
  .header-action-title{display:none}
  .header-action-inner{justify-content:flex-end}
  .site-header .main-navigation{gap:14px}
  .site-header .header-search{max-width:220px}
}

@media(max-width:760px){
  .header-action-bar{display:none}
  .site-header .header-search{display:none}
}

/* Footer information links — added without changing existing sections */
.footer-quick-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;margin-bottom:24px;padding:16px 20px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(120,0,20,.16));}
.footer-quick-links a{display:inline-flex!important;align-items:center;justify-content:center;margin:0!important;padding:9px 14px;border-radius:10px;color:#fff!important;background:rgba(255,255,255,.06);text-decoration:none;transition:.2s ease;}
.footer-quick-links a:hover,.footer-quick-links a:focus-visible{background:rgba(255,40,70,.22);transform:translateY(-1px);outline:none;}
.footer-legal-links{margin-top:24px;}
.footer-legal-card{scroll-margin-top:120px;}
.footer-legal-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px;}
@media(max-width:800px){.footer-legal-cards{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:560px){.footer-quick-links{display:grid;grid-template-columns:1fr 1fr;}.footer-legal-cards{grid-template-columns:1fr;}}
/* =========================================================
   BREADCRUMB TRUST RATING
========================================================= */
.breadcrumb-trust {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-left: 14px;
    padding: 5px 11px;
    border: 1px solid rgba(185, 28, 28, .18);
    border-radius: 999px;
    background: rgba(255, 255, 255, .86);
    box-shadow: 0 5px 18px rgba(80, 0, 0, .07);
    white-space: nowrap;
    vertical-align: middle;
}
.breadcrumb-stars {
    color: #d91e36;
    letter-spacing: 1px;
    font-size: 13px;
    line-height: 1;
}
.breadcrumb-rating {
    color: #7f1111;
    font-size: 12px;
    font-weight: 800;
}
.breadcrumb-users {
    color: #5f6368;
    font-size: 12px;
    font-weight: 600;
}
.breadcrumb-trust-separator {
    width: 1px;
    height: 15px;
    background: #e5caca;
}
@media (max-width: 640px) {
    .breadcrumb-trust {
        margin-left: 0;
        margin-top: 8px;
        display: flex;
        width: fit-content;
    }
    .breadcrumb-inner {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
}


/* =========================================================
   LIVE CHAT 24 JAM — fixed corner widget
========================================================= */
.livechat-launcher{position:fixed;left:22px;bottom:22px;z-index:9990;width:62px;height:62px;border:1px solid rgba(255,255,255,.35);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#ff304f 0%,#b90d25 48%,#690010 100%);color:#fff;box-shadow:0 14px 34px rgba(112,0,18,.34),inset 0 1px 0 rgba(255,255,255,.28);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;}
.livechat-launcher:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 18px 40px rgba(112,0,18,.42),inset 0 1px 0 rgba(255,255,255,.3);}
.livechat-launcher:focus-visible{outline:3px solid rgba(255,55,85,.35);outline-offset:4px;}
.livechat-launcher svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.livechat-badge{position:absolute;right:-2px;top:-3px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#fff;color:#a30920;font:800 10px/17px system-ui,sans-serif;text-align:center;box-shadow:0 3px 10px rgba(0,0,0,.2);}
.livechat-panel{position:fixed;left:22px;bottom:96px;z-index:9991;width:min(360px,calc(100vw - 32px));padding:0;border:1px solid rgba(255,255,255,.55);border-radius:20px;background:linear-gradient(155deg,#fff 0%,#fff5f6 55%,#fce4e7 100%);box-shadow:0 24px 70px rgba(72,0,10,.25);overflow:hidden;opacity:0;transform:translateY(14px) scale(.97);transition:opacity .18s ease,transform .18s ease;}
.livechat-panel.is-open{opacity:1;transform:translateY(0) scale(1);}
.livechat-head{display:flex;align-items:center;justify-content:space-between;padding:16px 17px;background:linear-gradient(135deg,#7d0014,#c5122e,#ed2946);color:#fff;}
.livechat-head strong{display:block;font-size:15px;letter-spacing:.01em;}.livechat-head small{display:block;margin-top:2px;opacity:.85;font-size:11px;}
.livechat-close{width:32px;height:32px;border:1px solid rgba(255,255,255,.35);border-radius:10px;background:rgba(255,255,255,.1);color:#fff;font-size:20px;line-height:1;cursor:pointer;}
.livechat-body{padding:18px;}.livechat-status{display:inline-flex;align-items:center;gap:7px;margin-bottom:13px;font-size:12px;font-weight:700;color:#8f1023;}.livechat-status i{width:8px;height:8px;border-radius:50%;background:#19a84a;box-shadow:0 0 0 4px rgba(25,168,74,.12);}
.livechat-form{display:grid;gap:11px;}.livechat-form label{font-size:12px;font-weight:700;color:#4f2228;}.livechat-form input{width:100%;box-sizing:border-box;margin-top:5px;padding:12px 13px;border:1px solid #e4b9bf;border-radius:11px;background:#fff;color:#2a1014;outline:none;}.livechat-form input:focus{border-color:#c51b35;box-shadow:0 0 0 3px rgba(197,27,53,.1);}
.livechat-submit{border:0;border-radius:12px;padding:12px 15px;background:linear-gradient(135deg,#d31d3b,#8c071c);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 9px 20px rgba(140,7,28,.2);}.livechat-submit:hover{filter:brightness(1.05);}.livechat-note{margin:2px 0 0;color:#735057;font-size:10.5px;line-height:1.5;}
body.livechat-open{overflow:hidden;}
@media(max-width:640px){.livechat-launcher{left:16px;bottom:16px;width:58px;height:58px;}.livechat-panel{left:16px;bottom:86px;width:calc(100vw - 32px);}}
@media(prefers-reduced-motion:reduce){.livechat-launcher,.livechat-panel{transition:none!important;}}

/* AMP live chat card */
.amp-livechat{position:fixed;left:14px;bottom:14px;z-index:1000;}.amp-livechat a{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#ff304f,#9c0a20);color:#fff;box-shadow:0 12px 28px rgba(112,0,18,.3);text-decoration:none;}.amp-livechat svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}


/* =========================================================
   HEADER 2 — DATA KELUARAN DROPDOWN (ADDITIVE)
========================================================= */
.header-data-dropdown{position:relative;display:inline-flex;z-index:1100}
.header-data-toggle{background:linear-gradient(135deg,#fff,#fff4f5);color:#8f0017;border-color:rgba(157,0,24,.22);white-space:nowrap}
.header-data-toggle .dropdown-chevron{width:14px;height:14px;transition:transform .2s ease}
.header-data-dropdown.is-open .dropdown-chevron{transform:rotate(180deg)}
.header-data-menu{position:absolute;right:0;top:calc(100% + 8px);width:min(860px,calc(100vw - 28px));max-height:min(70vh,620px);overflow:auto;display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:12px;border:1px solid rgba(157,0,24,.18);border-radius:16px;background:linear-gradient(145deg,#fff,#fff8f8);box-shadow:0 22px 55px rgba(72,0,10,.20)}
.header-data-dropdown.is-open .header-data-menu{display:grid}
.header-data-group{padding:12px;border:1px solid rgba(185,28,28,.09);background:rgba(255,255,255,.82)}
.header-data-heading{font-size:.72rem;font-weight:950;letter-spacing:.1em;color:#9b0018;margin-bottom:7px}
.header-data-group a{display:block;padding:7px 8px;border-radius:9px;color:#5f0a16;text-decoration:none;font-size:.73rem;font-weight:850;line-height:1.25}
.header-data-group a:hover,.header-data-group a:focus-visible{background:#fff0f2;color:#8f0017;outline:none}
.header-data-group small{display:block;margin-top:2px;color:#777;font-size:.65rem;font-weight:500;line-height:1.35}
@media(max-width:980px){.header-data-menu{width:min(700px,calc(100vw - 24px))}}
@media(max-width:760px){.header-data-dropdown{display:none}}


/* =========================================================
   IXPLAY88 H1 PROPORTIONAL RESPONSIVE OVERRIDE
   Keeps all existing styles while refining hero heading scale.
   ========================================================= */
.hero h1{
  font-size:clamp(3rem,5.4vw,5.35rem);
  line-height:.96;
  letter-spacing:-.055em;
  max-width:760px;
  text-wrap:balance;
}
.hero h1 span{
  line-height:1;
}
@media (max-width:1100px){
  .hero h1{
    font-size:clamp(2.85rem,5.8vw,4.65rem);
  }
}
@media (max-width:800px){
  .hero h1{
    font-size:clamp(2.55rem,9vw,4rem);
    line-height:.98;
    letter-spacing:-.045em;
    max-width:100%;
  }
}
@media (max-width:560px){
  .hero h1{
    font-size:clamp(2.15rem,10.5vw,3.25rem);
    line-height:1;
    letter-spacing:-.035em;
    margin-top:14px;
    margin-bottom:20px;
  }
}
@media (max-width:380px){
  .hero h1{
    font-size:clamp(2rem,10.8vw,2.75rem);
  }
}

/* IXPLAY88: all-articles index + responsive refinements */
.all-articles-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.all-articles-grid a{display:flex;align-items:center;min-height:58px;padding:15px 18px;border:1px solid var(--border);border-radius:14px;background:var(--surface);font-weight:750;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.all-articles-grid a:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft);border-color:rgba(193,18,31,.35)}
.all-articles-grid a:focus-visible{outline:3px solid rgba(193,18,31,.28);outline-offset:2px}
@media (max-width:1000px){.all-articles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.all-articles-grid{grid-template-columns:1fr}.all-articles-grid a{min-height:52px}.section{padding:72px 0}.container{width:min(calc(100% - 28px),var(--container))}}

/* Article sections: Masalah, Fitur, Cara Kerja */
.article-section{padding:64px 0}
.article-section .section-heading{max-width:820px;margin:0 auto 28px;text-align:center}
.article-section .eyebrow{display:inline-block;font-weight:800;letter-spacing:.08em}
.article-grid,.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.article-card,.step-card{padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:linear-gradient(145deg,rgba(120,0,18,.32),rgba(25,25,25,.72));box-shadow:0 12px 30px rgba(0,0,0,.16)}
.article-card h3,.step-card h3{margin-top:0}
.step-number{display:inline-flex;width:38px;height:38px;border-radius:50%;align-items:center;justify-content:center;font-weight:900;margin-bottom:12px;background:#9d0017;color:#fff}
.article-quick-nav{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:14px auto 24px;padding:0 16px}
.article-quick-nav a{padding:9px 14px;border-radius:999px;border:1px solid rgba(160,0,20,.35);text-decoration:none}
@media(max-width:900px){.article-grid,.steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.article-section{padding:44px 0}.article-grid,.steps-grid{grid-template-columns:1fr}.article-card,.step-card{padding:20px}}

/* Header 2 article navigation sync */
.article-quick-nav,.amp-article-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px;
  margin:0;
  padding:10px 0;
}
.article-quick-nav a,.amp-article-nav a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:8px 16px;
  border:1px solid rgba(160,0,20,.35);
  border-radius:999px;
  text-decoration:none;
  font-weight:600;
  white-space:nowrap;
}
@media (max-width:700px){
  .article-quick-nav,.amp-article-nav{gap:7px;padding:8px 10px}
  .article-quick-nav a,.amp-article-nav a{min-height:36px;padding:7px 12px;font-size:14px}
}

/* AMP/browser review synchronization */
.member .review{height:100%;box-sizing:border-box}
.member .review .stars{letter-spacing:2px}
.hero-trust {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: center;
}

.hero-trust span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
}

.check-icon {
  color: #10b981; /* Warna hijau (sesuaikan dengan tema web) */
  flex-shrink: 0;
}
#manfaat-data {
  background: #ffffff;
  padding: 45px 0;
  border-top: 1px solid #e5e7eb;
  border-bottom: 1px solid #e5e7eb;
  margin: 20px 0;
}

.manfaat-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  text-align: center;
}

.manfaat-badge {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  color: #b91c1c;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 8px;
}

.manfaat-title {
  font-size: 26px;
  font-weight: 800;
  color: #111827;
  margin: 0 0 12px 0;
}

.manfaat-desc {
  font-size: 15px;
  color: #4b5563;
  max-width: 650px;
  margin: 0 auto 35px auto;
  line-height: 1.5;
}

.manfaat-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 20px;
}

.manfaat-card {
  flex: 1;
  min-width: 220px;
  max-width: 260px;
  background: #fafafa;
  border: 1px solid #f3f4f6;
  border-radius: 12px;
  padding: 25px 18px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
  text-align: center;
  position: relative;
}

.manfaat-icon {
  width: 54px;
  height: 54px;
  background: #fee2e2;
  color: #b91c1c;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px auto;
}

.manfaat-step {
  font-size: 11px;
  font-weight: 700;
  color: #9ca3af;
  text-transform: uppercase;
}

.manfaat-card-title {
  font-size: 17px;
  font-weight: 700;
  color: #111827;
  margin: 6px 0 8px 0;
}

.manfaat-card-text {
  font-size: 13px;
  color: #6b7280;
  margin: 0;
  line-height: 1.4;
}

/* Modifikasi Khusus Kartu 4 (Akurasi 100%) */
.manfaat-card-featured {
  background: #fef2f2;
  border-color: #fecaca;
  box-shadow: 0 4px 6px -1px rgba(185, 28, 28, 0.08);
}

.manfaat-icon-featured {
  background: #b91c1c;
  color: #ffffff;
}

.manfaat-step-featured {
  color: #b91c1c;
}

.manfaat-card-title-featured {
  font-size: 17px;
  font-weight: 800;
  color: #991b1b;
  margin: 6px 0 8px 0;
}

.manfaat-card-text-featured {
  color: #7f1d1d;
}
#iframe-tabel-keluaran {
  background: #f9fafb;
  padding: 40px 0;
  border-top: 1px solid #e5e7eb;
  border-bottom: 1px solid #e5e7eb;
  margin: 20px 0;
}

.iframe-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

/* Header Section */
.iframe-header {
  text-align: center;
  margin-bottom: 30px;
}

.iframe-badge {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  color: #b91c1c;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 8px;
}

.iframe-title {
  font-size: 26px;
  font-weight: 800;
  color: #111827;
  margin: 0 0 10px 0;
}

.iframe-desc {
  font-size: 14px;
  color: #4b5563;
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.5;
}

/* Flexbox Layout */
.iframe-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  align-items: stretch;
}

/* Iframe Cards */
.iframe-card {
  flex: 1;
  min-width: 300px;
  max-width: 580px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.iframe-card-header {
  background: #b91c1c;
  padding: 12px 16px;
  text-align: center;
}

.iframe-card-header-macau {
  background: #991b1b;
}

.iframe-card-title {
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  margin: 0;
  text-transform: uppercase;
}

.iframe-body {
  position: relative;
  width: 100%;
  height: 500px;
  flex-grow: 1;
}

.iframe-element {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}
.solution-item {
  display: flex;
  align-items: center;
  gap: 8px;
}

.check-icon {
  color: #10b981; /* Warna hijau (bisa disesuaikan) */
  flex-shrink: 0;
}
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul li {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

.check-icon {
  color: #10b981; /* Sesuaikan warna ikon (contoh: hijau) */
  flex-shrink: 0;
}


/* Navigasi tabel iframe */
.iframe-table-nav{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:10px;
  margin:0 auto 24px;
  padding:0 10px;
}
.iframe-table-nav-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:9px 18px;
  border:1px solid #dca6ad;
  border-radius:999px;
  background:#fff;
  color:#8f0b21;
  text-decoration:none;
  font-size:13px;
  font-weight:800;
  transition:transform .2s ease, background .2s ease, color .2s ease, box-shadow .2s ease;
}
.iframe-table-nav-link:hover,
.iframe-table-nav-link:focus-visible{
  background:#a90c24;
  color:#fff;
  transform:translateY(-1px);
  box-shadow:0 8px 22px rgba(143,11,33,.18);
  outline:none;
}
.iframe-table-nav-link-active{
  background:#a90c24;
  color:#fff;
}
@media (max-width:600px){
  .iframe-table-nav{
    gap:8px;
    margin-bottom:18px;
  }
  .iframe-table-nav-link{
    flex:1 1 calc(50% - 8px);
    min-width:130px;
    padding:9px 12px;
    font-size:12px;
  }
}


/* Navigasi tabel keluaran di Header 2 */
.header-table-nav{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px;width:100%;margin-top:8px}
.header-table-nav-link{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 12px;border:1px solid rgba(157,0,24,.20);border-radius:999px;background:#fff;color:#8f0017;text-decoration:none;font-size:.70rem;font-weight:850;white-space:nowrap;transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}
.header-table-nav-link:hover,.header-table-nav-link:focus-visible{background:linear-gradient(135deg,#a9001c,#e31b32);color:#fff;transform:translateY(-1px);box-shadow:0 7px 16px rgba(157,0,24,.18);outline:none}
.header-table-nav-all{background:linear-gradient(135deg,#a9001c,#e31b32);color:#fff;border-color:#970019}
@media(max-width:760px){.header-table-nav{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding:0 2px 3px;scrollbar-width:none}.header-table-nav::-webkit-scrollbar{display:none}.header-table-nav-link{flex:0 0 auto}}

/* IXPLAY88 hero article body + related tags */
.hero-article-body{width:min(100%,1080px);margin:54px auto 0;padding:34px 38px;border:1px solid rgba(157,0,24,.16);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(255,244,246,.96));box-shadow:0 20px 55px rgba(91,0,14,.10);box-sizing:border-box}.hero-article-header{text-align:center;max-width:900px;margin:0 auto 22px}.hero-article-eyebrow{display:inline-block;color:#b00020;font-size:.74rem;font-weight:900;letter-spacing:.16em}.hero-article-header h2{margin:10px 0 0;font-size:clamp(1.8rem,3.2vw,3rem);line-height:1.08;letter-spacing:-.04em;color:#171717}.hero-article-content{max-width:920px;margin:0 auto;color:#555963;font-size:1rem;line-height:1.8}.hero-article-content p{margin:0 0 15px}.hero-article-content a{color:#a6001c;font-weight:800;text-decoration:underline;text-underline-offset:2px}.hero-article-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:24px;padding-top:20px;border-top:1px solid rgba(157,0,24,.12);font-size:.84rem}.hero-article-tags>span{font-weight:800;color:#5b3138;margin-right:2px}.hero-article-tags a{display:inline-flex;align-items:center;padding:7px 11px;border:1px solid #e2b6bd;border-radius:999px;background:#fff;color:#8f0017;text-decoration:none;font-weight:800}.hero-article-tags a:hover{background:#fff0f2;border-color:#b91c1c}@media(max-width:900px){.hero-article-body{margin-top:42px;padding:28px 24px}}@media(max-width:600px){.hero-article-body{margin-top:34px;padding:24px 18px;border-radius:20px}.hero-article-content{font-size:.94rem;line-height:1.72}.hero-article-tags{gap:7px}.hero-article-tags a{font-size:.78rem;padding:6px 9px}}

/* Article body placement: below hero, full-width and responsive */
.hero-article-body{display:block;width:min(100% - 32px,1100px);margin:28px auto 0;clear:both;box-sizing:border-box;}
@media(max-width:700px){.hero-article-body{width:calc(100% - 24px);margin-top:20px}}