/* THRIVORA page — extends ABK GROUP base style.css */

.thrivora-logo {
    display:flex; align-items:center; justify-content:center; gap:10px;
    margin-bottom:20px;
    padding:6px 18px 6px 8px;
    border-radius:100px;
    border:1px solid transparent;
    transition:border-color .25s, background .25s;
}
.thrivora-logo:hover {
    border-color:rgba(212,168,75,.25);
    background:rgba(212,168,75,.05);
}
.thrivora-logo img { height:34px; width:auto; }
.thrivora-logo span {
    font-family:'Playfair Display',Georgia,serif;
    font-size:22px; font-weight:700; color:#f0f2f5;
}

.thrivora-bg {
    background:
        radial-gradient(ellipse 70% 45% at 35% 20%, rgba(212,168,75,.07) 0%, transparent 60%),
        radial-gradient(ellipse 50% 60% at 75% 80%, rgba(212,168,75,.03) 0%, transparent 50%);
}
.thrivora-hero { padding:140px 24px 80px; }
.thrivora-stats { max-width:500px; }

.page-badge {
    display:inline-flex; align-items:center; gap:8px;
    font-size:11px; font-weight:600; letter-spacing:2px; text-transform:uppercase;
    color:var(--gold); border:1px solid rgba(212,168,75,.2);
    padding:8px 18px; border-radius:100px; margin-bottom:8px;
}
.page-badge .dot {
    width:6px; height:6px; border-radius:50%;
    background:var(--gold); animation:pulse-dot 2s ease-in-out infinite;
}

.stake-card {
    background:var(--bg-card);
    border:1px solid var(--border);
    border-radius:var(--radius);
    padding:26px; position:relative;
    overflow:hidden; transition:border-color .3s;
}
.stake-card:hover { border-color:rgba(212,168,75,.2); }
.stake-card .num {
    font-family:var(--font-display);
    font-size:44px; font-weight:700;
    color:rgba(212,168,75,.05); line-height:1;
    position:absolute; top:12px; right:16px;
}
.stake-card h4 {
    font-size:16px; font-weight:600; color:var(--text-light); margin-bottom:8px;
}
.stake-card p {
    font-size:13px; color:var(--text-muted); line-height:1.7;
}

.tag-pill {
    display:inline-block;
    font-size:10px; font-weight:600; letter-spacing:1px; text-transform:uppercase;
    color:var(--gold); background:rgba(212,168,75,.06);
    padding:4px 14px; border-radius:100px;
}

ul.thrivora-features {
    display:flex; flex-direction:column; gap:10px; margin-top:16px;
}
ul.thrivora-features li {
    font-size:13px; color:#8892a0; display:flex; align-items:center; gap:8px;
}
ul.thrivora-features li::before {
    content:'✓'; color:var(--gold); font-weight:700; font-size:11px;
}

.glass-card {
    background:rgba(255,255,255,.02);
    border:1px solid var(--border);
    border-radius:var(--radius);
    padding:28px;
}
.thrivora-mech {
    margin-top:14px; display:flex; flex-direction:column; gap:10px;
}

.thrivora-cta { text-align:center; }
.thrivora-cta .section-title { margin:14px 0 14px; }
.thrivora-cta-sub {
    color:var(--text-muted); font-size:14px;
    max-width:500px; margin:0 auto 28px; line-height:1.8;
}

/* ===== SHIMMER TITLE ===== */
.shimmer-text {
    background:linear-gradient(90deg, var(--gold-dark) 0%, var(--gold-light) 25%, var(--gold) 50%, var(--gold-light) 75%, var(--gold-dark) 100%);
    background-size:200% auto;
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    animation:shimmer 4s linear infinite;
}
@keyframes shimmer {
    0% { background-position:0% center; }
    100% { background-position:200% center; }
}
@media (prefers-reduced-motion:reduce) {
    .shimmer-text { animation:none; -webkit-text-fill-color:var(--gold); }
}

/* ===== MECHANISM (harga emas → pertumbuhan) ===== */
.mech-flow {
    display:flex;
    align-items:stretch;
    justify-content:center;
    gap:20px;
    flex-wrap:wrap;
    margin-bottom:28px;
}
.mech-step {
    flex:1 1 220px;
    max-width:260px;
    background:var(--bg-card);
    border:1px solid var(--border);
    border-radius:var(--radius);
    padding:28px 22px;
    text-align:center;
    transition:border-color .3s, transform .3s;
}
.mech-step:hover { transform:translateY(-4px); border-color:rgba(212,168,75,.2); }
.mech-step-highlight {
    border-color:rgba(212,168,75,.35);
    background:linear-gradient(160deg, var(--bg-card) 0%, rgba(212,168,75,.05) 100%);
}
.mech-icon {
    width:56px; height:56px;
    margin:0 auto 16px;
    display:flex; align-items:center; justify-content:center;
    background:rgba(212,168,75,.08);
    color:var(--gold);
    border-radius:14px;
}
.mech-label {
    font-size:14px; font-weight:600;
    color:var(--text-light);
    margin-bottom:8px;
}
.mech-step p {
    font-size:13px;
    color:var(--text-muted);
    line-height:1.7;
}
.mech-arrow {
    display:flex; align-items:center; justify-content:center;
    color:var(--gold);
    font-size:22px;
    opacity:.5;
}
.mech-note {
    max-width:640px;
    margin:0 auto;
    text-align:center;
    font-size:12.5px;
    color:var(--text-muted);
    opacity:.85;
    line-height:1.7;
}

@media (max-width:768px) {
    .mech-flow { flex-direction:column; align-items:center; }
    .mech-arrow { transform:rotate(90deg); }
    .mech-step { max-width:100%; width:100%; }
}

/* ===== REVENUE SOURCES ===== */
.rev-grid {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:24px;
}
.rev-card {
    background:var(--bg-card);
    border:1px solid var(--border);
    border-radius:var(--radius);
    padding:32px 28px;
    transition:transform .3s, border-color .3s, box-shadow .3s;
}
.rev-card:hover {
    transform:translateY(-4px);
    border-color:rgba(212,168,75,.25);
    box-shadow:0 12px 36px rgba(0,0,0,.3);
}
.rev-highlight {
    border-color:rgba(212,168,75,.35);
    background:linear-gradient(160deg, var(--bg-card) 0%, rgba(212,168,75,.06) 100%);
}
.rev-icon {
    width:56px; height:56px;
    display:flex; align-items:center; justify-content:center;
    color:var(--gold);
    background:rgba(212,168,75,.08);
    border-radius:14px;
    margin-bottom:20px;
}
.rev-card h3 {
    font-size:17px; font-weight:600;
    color:var(--text-light);
    margin-bottom:12px;
}
.rev-card p {
    font-size:14px;
    color:var(--text-muted);
    line-height:1.75;
    margin-bottom:16px;
}
.rev-meta {
    font-size:11px;
    font-weight:600;
    letter-spacing:.5px;
    color:var(--gold);
    text-transform:uppercase;
    border-top:1px solid var(--border);
    padding-top:14px;
}

/* ===== CTA BANNER ===== */
.cta-banner {
    position:relative;
    padding:110px 0;
    background:
        radial-gradient(ellipse 70% 60% at 50% 0%, rgba(212,168,75,.1) 0%, transparent 60%),
        var(--bg-section);
    border-top:1px solid var(--border);
    border-bottom:1px solid var(--border);
    overflow:hidden;
}
.cta-banner-inner {
    max-width:760px;
    margin:0 auto;
    padding:0 24px;
    text-align:center;
}
.cta-badge {
    display:inline-block;
    font-size:11px; font-weight:700; letter-spacing:2px; text-transform:uppercase;
    color:var(--gold);
    border:1px solid rgba(212,168,75,.3);
    padding:8px 20px;
    border-radius:100px;
    margin-bottom:24px;
}
.cta-title {
    font-family:var(--font-display);
    font-size:clamp(26px,4vw,40px);
    font-weight:700;
    color:var(--text-light);
    line-height:1.25;
    margin-bottom:20px;
}
.cta-desc {
    font-size:15px;
    color:var(--text-muted);
    line-height:1.85;
    margin-bottom:36px;
}
.cta-stats {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px;
    margin-bottom:36px;
}
.cta-stat {
    background:rgba(255,255,255,.03);
    border:1px solid var(--border);
    border-radius:var(--radius);
    padding:18px 10px;
}
.cta-stat-val {
    font-family:var(--font-display);
    font-size:17px; font-weight:700;
    color:var(--gold);
    margin-bottom:4px;
}
.cta-stat-lbl {
    font-size:10.5px;
    color:var(--text-muted);
    text-transform:uppercase;
    letter-spacing:.5px;
}
.btn-lg { padding:16px 44px; font-size:15px; }
.cta-note {
    max-width:600px;
    margin:24px auto 0;
    font-size:11.5px;
    color:var(--text-muted);
    opacity:.75;
    line-height:1.7;
}

@media (max-width:768px) {
    .cta-banner { padding:70px 0; }
    .cta-stats { grid-template-columns:repeat(2,1fr); }
}