/* ========================================================================== 
   SUKSES58 PORTAL RC v5 — MODERN FINTECH CLEAN MATERIAL 2026
   Fokus: nyaman lintas generasi, kontras sehat, luxury yang tenang, responsif.
   ========================================================================== */
:root{
  --s58-bg:#f6f7f4;
  --s58-bg-soft:#eef3ef;
  --s58-surface:#ffffff;
  --s58-surface-2:#f9faf8;
  --s58-text:#17211d;
  --s58-muted:#66736d;
  --s58-line:#dde5df;
  --s58-green:#0b3b32;
  --s58-green-2:#145b4d;
  --s58-green-soft:#e7f1ed;
  --s58-gold:#b88a35;
  --s58-gold-2:#d7b461;
  --s58-gold-soft:#f8f0df;
  --s58-blue:#285f86;
  --s58-blue-soft:#eaf2f8;
  --s58-danger:#a23a3a;
  --s58-shadow-sm:0 8px 24px rgba(25,46,37,.07);
  --s58-shadow:0 18px 50px rgba(22,47,37,.11);
  --s58-shadow-lg:0 28px 80px rgba(22,47,37,.15);
  --s58-radius-sm:14px;
  --s58-radius:22px;
  --s58-radius-lg:32px;
  --s58-container:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--s58-bg);color:var(--s58-text);font-family:Inter,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body::before{content:"";position:fixed;inset:0;z-index:-3;background:radial-gradient(circle at 10% 10%,rgba(20,91,77,.06),transparent 28%),radial-gradient(circle at 88% 18%,rgba(184,138,53,.06),transparent 24%),linear-gradient(180deg,#fafbf9 0%,#f6f7f4 42%,#f1f4f1 100%)}
a{color:inherit}img{max-width:100%}button,input{font:inherit}
.container{max-width:var(--s58-container)}
.s58-skip-link{position:fixed;top:-60px;left:20px;z-index:99999;padding:10px 16px;background:#111;color:#fff;border-radius:10px;text-decoration:none}.s58-skip-link:focus{top:16px}

/* --- NAVIGATION --------------------------------------------------------- */
.s58-header{z-index:1040}.s58-nav{min-height:76px;padding:10px 0;background:rgba(255,255,255,.88);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border-bottom:1px solid rgba(221,229,223,.9);box-shadow:0 8px 30px rgba(28,55,43,.05)}
.s58-nav-container{gap:18px}.navbar-brand{display:flex;align-items:center;margin:0}.navbar-brand img{width:116px;height:48px;object-fit:contain}.s58-nav .navbar-toggler{width:46px;height:46px;padding:0;border:1px solid var(--s58-line);border-radius:14px;color:var(--s58-green);background:#fff;box-shadow:none}.s58-nav .navbar-toggler i{font-size:1.5rem}
.s58-nav .navbar-nav{gap:3px}.s58-nav .nav-link{position:relative;padding:10px 12px!important;border-radius:12px;color:#53605b;font-size:.92rem;font-weight:700;transition:.2s ease}.s58-nav .nav-link:hover{background:var(--s58-green-soft);color:var(--s58-green)}.s58-nav .nav-link.active{background:#edf4f1;color:var(--s58-green)}.s58-nav .nav-link.active::after{content:"";position:absolute;left:16px;right:16px;bottom:4px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--s58-green),var(--s58-gold))}
.s58-nav-actions{display:flex;align-items:center;gap:10px}.s58-icon-button{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:14px;border:1px solid var(--s58-line);background:#fff;color:var(--s58-green);text-decoration:none;transition:.2s ease;box-shadow:var(--s58-shadow-sm)}.s58-icon-button:hover{transform:translateY(-1px);border-color:#b9c9c0;color:var(--s58-green-2)}.s58-icon-button i{font-size:1.3rem}.s58-icon-button.is-soft{box-shadow:none;background:#f4f7f5}

/* --- BUTTONS ------------------------------------------------------------ */
.s58-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 18px;border-radius:14px;font-weight:800;font-size:.91rem;border:1px solid transparent;transition:.2s ease;box-shadow:none}.s58-btn:hover{transform:translateY(-1px)}
.s58-btn-primary{background:linear-gradient(135deg,var(--s58-green),#154f43);border-color:var(--s58-green);color:#fff;box-shadow:0 10px 24px rgba(11,59,50,.18)}.s58-btn-primary:hover{color:#fff;background:linear-gradient(135deg,#0e473c,#1a6655)}
.s58-btn-secondary{background:#fff;border-color:#cfd9d3;color:var(--s58-green)}.s58-btn-secondary:hover{background:#f4f8f6;color:var(--s58-green)}
.s58-btn-light{background:rgba(255,255,255,.92);border-color:rgba(255,255,255,.75);color:var(--s58-green)}.s58-btn-light:hover{background:#fff;color:var(--s58-green)}

/* --- COMMON TYPOGRAPHY / SECTIONS -------------------------------------- */
.s58-section{padding:88px 0}.s58-soft-section{background:linear-gradient(180deg,#eef3ef 0%,#f4f6f4 100%);border-top:1px solid var(--s58-line);border-bottom:1px solid var(--s58-line)}
.s58-eyebrow,.s58-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--s58-green-2);font-size:.76rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.s58-eyebrow{padding:7px 11px;border-radius:999px;background:var(--s58-green-soft);border:1px solid #d2e3dc}
.s58-section-heading{max-width:760px;margin-bottom:34px}.s58-section-heading.text-center{margin-left:auto;margin-right:auto}.s58-section-heading h2{margin:9px 0 10px;font-size:clamp(2rem,4vw,3.5rem);line-height:1.08;letter-spacing:-.045em;font-weight:850}.s58-section-heading h2 span{color:var(--s58-green)}.s58-section-heading p{margin:0;color:var(--s58-muted);font-size:1.03rem}.s58-heading-row{max-width:none;display:flex;align-items:end;justify-content:space-between;gap:24px}.s58-heading-row>div{max-width:760px}
.s58-page-hero{position:relative;overflow:hidden;padding:86px 0 62px;background:linear-gradient(135deg,#f8faf8 0%,#eef4f0 64%,#f7f1e5 100%);border-bottom:1px solid var(--s58-line)}.s58-page-hero::after{content:"";position:absolute;width:420px;height:420px;right:-140px;top:-220px;border-radius:50%;background:radial-gradient(circle,rgba(184,138,53,.13),transparent 68%)}.s58-page-hero h1{margin:14px 0 14px;max-width:900px;font-size:clamp(2.65rem,5.8vw,5.2rem);line-height:.98;letter-spacing:-.055em;font-weight:900}.s58-page-hero h1 span{color:var(--s58-green)}.s58-page-hero p{max-width:790px;margin:0;color:#5f6c66;font-size:1.08rem}.s58-page-stat{position:relative;z-index:1;padding:24px;border:1px solid rgba(255,255,255,.9);border-radius:var(--s58-radius);background:rgba(255,255,255,.76);backdrop-filter:blur(16px);box-shadow:var(--s58-shadow)}.s58-page-stat span,.s58-page-stat strong,.s58-page-stat small{display:block}.s58-page-stat span{color:var(--s58-muted);font-size:.74rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.s58-page-stat strong{margin:4px 0;color:var(--s58-green);font-size:1.7rem;line-height:1.2}.s58-page-stat small{color:var(--s58-muted)}

/* --- HOME HERO ---------------------------------------------------------- */
.s58-hero{position:relative;overflow:hidden;padding:88px 0 92px;background:linear-gradient(135deg,#fbfcfa 0%,#edf3ef 60%,#f7f1e4 100%);border-bottom:1px solid var(--s58-line)}.s58-hero::before{content:"";position:absolute;inset:auto auto -280px -180px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(20,91,77,.10),transparent 65%)}
.s58-hero-copy h1{max-width:700px;margin:18px 0 20px;font-size:clamp(3.2rem,6.3vw,6rem);line-height:.93;letter-spacing:-.065em;font-weight:900}.s58-hero-copy h1 span{display:block;color:var(--s58-green)}.s58-lead{max-width:650px;margin:0;color:#596760;font-size:1.12rem}.s58-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.s58-trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:34px}.s58-trust-row>div{display:flex;align-items:center;gap:10px;padding:12px;border-radius:15px;background:rgba(255,255,255,.74);border:1px solid rgba(255,255,255,.96);box-shadow:0 8px 24px rgba(26,51,40,.05)}.s58-trust-row i{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:12px;color:var(--s58-green);background:var(--s58-green-soft);font-size:1.15rem}.s58-trust-row strong,.s58-trust-row small{display:block}.s58-trust-row strong{font-size:.86rem}.s58-trust-row small{color:var(--s58-muted);font-size:.69rem}
.s58-hero-visual{position:relative;min-height:540px}.s58-hero-media{position:absolute;inset:30px 20px 20px 50px;overflow:hidden;border-radius:36px;background:#fff;border:1px solid rgba(255,255,255,.9);box-shadow:var(--s58-shadow-lg);transform:rotate(1deg)}.s58-hero-media img{width:100%;height:100%;object-fit:cover}.s58-hero-orb{position:absolute;border-radius:50%;filter:blur(1px)}.s58-orb-one{width:180px;height:180px;top:4px;right:-30px;background:linear-gradient(135deg,rgba(184,138,53,.24),rgba(215,180,97,.08))}.s58-orb-two{width:150px;height:150px;bottom:4px;left:0;background:linear-gradient(135deg,rgba(11,59,50,.18),rgba(20,91,77,.03))}.s58-floating-card{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;padding:13px 15px;border:1px solid rgba(255,255,255,.94);border-radius:16px;background:rgba(255,255,255,.91);backdrop-filter:blur(16px);box-shadow:var(--s58-shadow)}.s58-floating-card i{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:var(--s58-green-soft);color:var(--s58-green);font-size:1.25rem}.s58-floating-card small,.s58-floating-card strong{display:block}.s58-floating-card small{color:var(--s58-muted);font-size:.68rem;font-weight:900;letter-spacing:.08em}.s58-floating-card strong{font-size:.86rem}.s58-floating-card-a{left:0;top:96px}.s58-floating-card-b{right:0;bottom:64px}.s58-floating-card-b i{background:var(--s58-gold-soft);color:#8b651f}

/* --- VALUE CARDS -------------------------------------------------------- */
.s58-value-section{background:#fff}.s58-value-card{height:100%;padding:28px;border:1px solid var(--s58-line);border-radius:var(--s58-radius);background:#fff;box-shadow:var(--s58-shadow-sm);transition:.2s ease}.s58-value-card:hover{transform:translateY(-3px);box-shadow:var(--s58-shadow)}.s58-value-card.is-bv{background:linear-gradient(180deg,#fff,#f0f7f4);border-color:#cfe0d8}.s58-value-card.is-pv{background:linear-gradient(180deg,#fff,#fbf5e8);border-color:#ead9b8}.s58-value-icon{display:grid;place-items:center;width:50px;height:50px;margin-bottom:20px;border-radius:16px;background:#f1f4f2;color:var(--s58-green);font-size:1.45rem}.is-pv .s58-value-icon{background:var(--s58-gold-soft);color:#8f6825}.s58-value-label{color:var(--s58-muted);font-size:.7rem;font-weight:900;letter-spacing:.1em}.s58-value-card h3{margin:5px 0 10px;font-size:1.35rem;font-weight:850}.s58-value-card p{margin:0;color:var(--s58-muted)}

/* --- PRODUCT CARDS ------------------------------------------------------ */
.s58-product-featured-section,.s58-catalog-section{background:var(--s58-bg)}.s58-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.s58-product-grid-home{grid-template-columns:repeat(4,minmax(0,1fr))}.s58-product-card{min-width:0;overflow:hidden;border:1px solid var(--s58-line);border-radius:var(--s58-radius);background:#fff;box-shadow:var(--s58-shadow-sm);transition:.22s ease}.s58-product-card:hover{transform:translateY(-4px);box-shadow:var(--s58-shadow);border-color:#cbd8d1}.s58-product-image{position:relative;display:block;height:355px;padding:13px;overflow:hidden;background:linear-gradient(145deg,#f7f8f7,#edf2ef);text-decoration:none}.s58-product-grid-home .s58-product-image{height:315px}.s58-product-image img{width:100%;height:100%;object-fit:contain;border-radius:14px;transition:.3s ease}.s58-product-card:hover .s58-product-image img{transform:scale(1.018)}.s58-chip{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.92);border:1px solid rgba(207,217,211,.9);color:var(--s58-green);font-size:.69rem;font-weight:900;letter-spacing:.02em;box-shadow:0 5px 18px rgba(31,52,43,.08)}.s58-product-image .s58-chip{position:absolute;left:22px;top:22px}.s58-product-card-body{padding:22px}.s58-overline{display:block;color:#7a8781;font-size:.69rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.s58-product-card h2,.s58-product-card h3{margin:5px 0 8px;font-size:1.25rem;line-height:1.25;font-weight:850;letter-spacing:-.02em}.s58-product-card p{min-height:52px;margin:0;color:var(--s58-muted);font-size:.9rem}.s58-metric-strip{display:grid;grid-template-columns:1.45fr 1fr .72fr;gap:7px;margin-top:18px;padding-top:16px;border-top:1px solid var(--s58-line)}.s58-metric-strip>div{min-width:0}.s58-metric-strip span,.s58-metric-strip strong{display:block}.s58-metric-strip span{color:#88928e;font-size:.63rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.s58-metric-strip strong{overflow:hidden;margin-top:2px;color:var(--s58-text);font-size:.88rem;text-overflow:ellipsis;white-space:nowrap}.s58-metric-strip .is-bv strong{color:var(--s58-green)}.s58-metric-strip .is-pv strong{color:#8e671e}.s58-text-link{display:inline-flex;align-items:center;gap:4px;margin-top:18px;color:var(--s58-green);font-size:.86rem;font-weight:850;text-decoration:none}.s58-text-link:hover{text-decoration:underline}.s58-product-actions{display:flex;align-items:center;gap:9px;margin-top:18px}.s58-product-actions .s58-btn{flex:1}

/* --- JOURNEY / FEATURE GRIDS ------------------------------------------- */
.s58-journey-section{background:linear-gradient(180deg,#f0f4f1,#eef1ee)}.s58-journey-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.s58-journey-grid>div,.s58-feature-grid article,.s58-story-grid article{position:relative;padding:26px;border:1px solid var(--s58-line);border-radius:var(--s58-radius);background:#fff;box-shadow:var(--s58-shadow-sm)}.s58-journey-grid b{position:absolute;right:20px;top:16px;color:#ccd4cf;font-size:1.8rem;font-weight:900}.s58-journey-grid i,.s58-feature-grid article>i,.s58-story-grid article>i{display:grid;place-items:center;width:48px;height:48px;margin-bottom:20px;border-radius:15px;background:var(--s58-green-soft);color:var(--s58-green);font-size:1.45rem}.s58-journey-grid h3,.s58-feature-grid h3,.s58-story-grid h3{margin:0 0 8px;font-size:1.12rem;font-weight:850}.s58-journey-grid p,.s58-feature-grid p,.s58-story-grid p{margin:0;color:var(--s58-muted);font-size:.9rem}.s58-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.s58-story-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}

/* --- CTA --------------------------------------------------------------- */
.s58-cta-section{padding-top:24px}.s58-cta-card{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:38px 42px;border-radius:30px;background:linear-gradient(135deg,#0b3b32,#145b4d 70%,#806126);color:#fff;box-shadow:var(--s58-shadow-lg)}.s58-cta-card .s58-kicker{color:#d9e9e2}.s58-cta-card h2{max-width:720px;margin:8px 0 6px;font-size:clamp(2rem,4vw,3.25rem);line-height:1.05;letter-spacing:-.04em;font-weight:850}.s58-cta-card p{margin:0;color:#d9e7e2}.s58-cta-actions{display:flex;flex-wrap:wrap;gap:9px}

/* --- PRODUCT CATALOG --------------------------------------------------- */
.s58-page-hero-products{padding-bottom:72px}.s58-value-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.s58-value-mini-grid>div{padding:18px;border:1px solid var(--s58-line);border-radius:18px;background:rgba(255,255,255,.78);box-shadow:var(--s58-shadow-sm)}.s58-value-mini-grid span,.s58-value-mini-grid strong,.s58-value-mini-grid small{display:block}.s58-value-mini-grid span{font-size:1.55rem;font-weight:900}.s58-value-mini-grid strong{font-size:.88rem}.s58-value-mini-grid small{margin-top:3px;color:var(--s58-muted);font-size:.72rem}.s58-value-mini-grid .is-bv span{color:var(--s58-green)}.s58-value-mini-grid .is-pv span{color:#9b7226}
.s58-catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px;padding:14px;border:1px solid var(--s58-line);border-radius:18px;background:#fff;box-shadow:var(--s58-shadow-sm)}.s58-search-field{position:relative;display:flex;align-items:center;flex:1;max-width:480px;gap:9px;padding:0 13px;height:48px;border:1px solid #d5dfd9;border-radius:13px;background:#f9fbf9}.s58-search-field i{color:#7f8b85;font-size:1.15rem}.s58-search-field input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--s58-text)}.s58-search-field input::placeholder{color:#99a39e}.s58-keycap{padding:3px 7px;border-radius:7px;background:#eef2ef;color:#78847e;font-size:.67rem;font-weight:800}.s58-category-filter{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.s58-category-filter button{padding:8px 12px;border:1px solid var(--s58-line);border-radius:11px;background:#fff;color:#607069;font-size:.78rem;font-weight:800;transition:.18s ease}.s58-category-filter button:hover{background:#f3f7f4}.s58-category-filter button.active{background:var(--s58-green);border-color:var(--s58-green);color:#fff}
.s58-empty{padding:64px 24px;text-align:center;border:1px dashed #cbd6d0;border-radius:var(--s58-radius);background:#fff}.s58-empty>i{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 16px;border-radius:18px;background:var(--s58-green-soft);color:var(--s58-green);font-size:1.9rem}.s58-empty h1,.s58-empty h2{margin:0 0 8px;font-weight:850}.s58-empty p{margin:0 0 18px;color:var(--s58-muted)}

/* --- BV / PV EDUCATION ------------------------------------------------- */
.s58-education-section{background:#fff}.s58-education-card{display:grid;grid-template-columns:76px 1fr;gap:22px;height:100%;padding:28px;border:1px solid var(--s58-line);border-radius:var(--s58-radius);background:#fff}.s58-education-card.is-bv{background:linear-gradient(135deg,#fff,#f0f6f3);border-color:#cfe0d8}.s58-education-card.is-pv{background:linear-gradient(135deg,#fff,#fbf6e9);border-color:#eadbbd}.s58-education-badge{display:grid;place-items:center;width:70px;height:70px;border-radius:20px;background:var(--s58-green);color:#fff;font-size:1.55rem;font-weight:950;box-shadow:0 10px 24px rgba(11,59,50,.18)}.is-pv .s58-education-badge{background:linear-gradient(135deg,#8a641f,#be913f)}.s58-education-card h3{margin:0 0 8px;font-size:1.5rem;font-weight:850}.s58-education-card p{margin:0;color:var(--s58-muted)}.s58-formula{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:18px 0;padding:13px 15px;border:1px solid rgba(11,59,50,.14);border-radius:14px;background:rgba(255,255,255,.82);font-weight:850}.s58-formula span,.s58-formula strong{padding:5px 8px;border-radius:9px;background:#f3f6f4}.s58-formula strong{background:var(--s58-green);color:#fff}.s58-formula i{color:#7b8982}.s58-education-card>div>small,.s58-detail-value-card>small,.s58-example-box>small{color:#7a8680;font-size:.76rem}.s58-flow{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:18px 0;padding:13px;border:1px solid rgba(184,138,53,.25);border-radius:14px;background:rgba(255,255,255,.76)}.s58-flow span,.s58-flow strong{padding:5px 8px;border-radius:9px;background:#f7f4ec;font-size:.78rem}.s58-flow strong{background:#9b7226;color:#fff}.s58-flow i{color:#9b7226}.s58-why-section{background:linear-gradient(180deg,#f5f7f5,#eef3ef)}

/* --- PRODUCT DETAIL ---------------------------------------------------- */
.s58-detail-hero{padding:34px 0 80px;background:linear-gradient(135deg,#fbfcfb,#f0f4f1 62%,#faf5e9)}.s58-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:28px;color:#7b8781;font-size:.79rem}.s58-breadcrumb a{text-decoration:none;color:#617069}.s58-breadcrumb a:hover{color:var(--s58-green)}.s58-detail-gallery{display:grid;grid-template-columns:minmax(0,1fr) 86px;gap:12px}.s58-detail-main-image{height:610px;padding:22px;overflow:hidden;border:1px solid var(--s58-line);border-radius:30px;background:#fff;box-shadow:var(--s58-shadow)}.s58-detail-main-image img{width:100%;height:100%;object-fit:contain}.s58-detail-thumbs{display:flex;flex-direction:column;gap:10px}.s58-detail-thumbs button{height:92px;padding:5px;overflow:hidden;border:1px solid var(--s58-line);border-radius:14px;background:#fff}.s58-detail-thumbs button.active{border:2px solid var(--s58-green);box-shadow:0 6px 16px rgba(11,59,50,.12)}.s58-detail-thumbs img{width:100%;height:100%;object-fit:contain}.s58-detail-copy>.s58-chip{margin-bottom:15px}.s58-detail-copy h1{margin:0 0 12px;font-size:clamp(2.7rem,5.4vw,5rem);line-height:.98;letter-spacing:-.055em;font-weight:900}.s58-detail-tagline{margin:0;color:#58665f;font-size:1.08rem}.s58-price-block{margin-top:24px;padding:18px 20px;border-left:4px solid var(--s58-gold);border-radius:0 16px 16px 0;background:#fff;box-shadow:var(--s58-shadow-sm)}.s58-price-block span,.s58-price-block strong,.s58-price-block small{display:block}.s58-price-block span{color:#7c8882;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.s58-price-block strong{color:var(--s58-text);font-size:2.25rem;line-height:1.15}.s58-price-block small{color:var(--s58-muted)}.s58-detail-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.s58-detail-metrics>div{padding:15px;border:1px solid var(--s58-line);border-radius:15px;background:#fff}.s58-detail-metrics span,.s58-detail-metrics strong,.s58-detail-metrics small{display:block}.s58-detail-metrics span{color:#77847e;font-size:.68rem;font-weight:900;letter-spacing:.06em}.s58-detail-metrics strong{margin:2px 0;color:var(--s58-green);font-size:1.25rem}.s58-detail-metrics small{color:#7f8b85;font-size:.72rem}.s58-detail-metrics .is-pv{border-color:#ead9b7;background:#fdfaf4}.s58-detail-metrics .is-pv strong{color:#926a21}.s58-detail-description{margin:20px 0 0;color:#5e6b65}.s58-detail-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
.s58-detail-benefits{background:#fff}.s58-detail-value-section{background:linear-gradient(180deg,#eff4f0,#f8f8f5)}.s58-detail-value-card{height:100%;padding:30px;border:1px solid var(--s58-line);border-radius:var(--s58-radius);background:#fff;box-shadow:var(--s58-shadow-sm)}.s58-detail-value-card.is-bv{border-color:#cadeD5;background:linear-gradient(145deg,#fff,#edf5f1)}.s58-detail-value-card.is-pv{border-color:#ead8b5;background:linear-gradient(145deg,#fff,#fbf4e6)}.s58-detail-value-title{display:flex;align-items:center;gap:16px}.s58-detail-value-title>span{display:grid;place-items:center;width:66px;height:66px;border-radius:19px;background:var(--s58-green);color:#fff;font-size:1.4rem;font-weight:950}.s58-detail-value-card.is-pv .s58-detail-value-title>span{background:linear-gradient(135deg,#8e6822,#c09445)}.s58-detail-value-title small{color:#7f8b85;font-size:.66rem;font-weight:900;letter-spacing:.1em}.s58-detail-value-title h2{margin:1px 0 0;font-size:1.35rem;font-weight:850}.s58-detail-value-card>p{margin:18px 0 0;color:var(--s58-muted)}.s58-example-box{margin-top:18px;padding:16px;border:1px solid rgba(11,59,50,.14);border-radius:15px;background:rgba(255,255,255,.76)}.s58-example-box .s58-formula{margin:8px 0}.s58-detail-reason-section{background:#fff}.s58-reason-card,.s58-usage-card{height:100%;padding:30px;border:1px solid var(--s58-line);border-radius:var(--s58-radius);background:#fff;box-shadow:var(--s58-shadow-sm)}.s58-reason-card h2{margin:8px 0 20px;font-size:2rem;font-weight:850;letter-spacing:-.035em}.s58-check-list{display:grid;gap:11px}.s58-check-list>div{display:grid;grid-template-columns:24px 1fr;gap:9px;padding:12px 0;border-bottom:1px solid var(--s58-line)}.s58-check-list i{color:var(--s58-green);font-size:1.2rem}.s58-usage-card{background:linear-gradient(145deg,#f8faf8,#eef4f0)}.s58-usage-card>i{display:grid;place-items:center;width:54px;height:54px;margin-bottom:18px;border-radius:17px;background:var(--s58-green);color:#fff;font-size:1.45rem}.s58-usage-card h3{margin:8px 0 8px;font-weight:850}.s58-usage-card p{margin:0;color:var(--s58-muted)}.s58-disclaimer-section{padding-top:0;background:#fff}.s58-disclaimer{display:flex;gap:14px;padding:20px;border:1px solid #d6e1db;border-radius:17px;background:#f6faf7}.s58-disclaimer>i{color:var(--s58-green);font-size:1.5rem}.s58-disclaimer strong{display:block}.s58-disclaimer p{margin:3px 0 0;color:var(--s58-muted);font-size:.84rem}

/* --- COMPANY ----------------------------------------------------------- */
.s58-legal-card{position:sticky;top:104px;padding:28px;border:1px solid #dac99f;border-radius:var(--s58-radius);background:linear-gradient(145deg,#fff,#fbf5e9);box-shadow:var(--s58-shadow)}.s58-legal-head{display:flex;gap:12px;align-items:center;margin-bottom:20px}.s58-legal-head>i{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:var(--s58-gold-soft);color:#8c6724;font-size:1.4rem}.s58-legal-head span{color:#8a7548;font-size:.68rem;font-weight:900;letter-spacing:.09em}.s58-legal-head h3{margin:1px 0 0;font-size:1.2rem;font-weight:900}.s58-legal-card dl{margin:0}.s58-legal-card dl>div{padding:13px 0;border-top:1px solid #ebdfc7}.s58-legal-card dt{color:#8b816c;font-size:.69rem;text-transform:uppercase;letter-spacing:.07em}.s58-legal-card dd{margin:3px 0 0;font-weight:750}.s58-mission-card{position:relative;height:100%;padding:34px;border:1px solid var(--s58-line);border-radius:var(--s58-radius);background:#fff;box-shadow:var(--s58-shadow-sm)}.s58-mission-card>span{color:var(--s58-green);font-size:.7rem;font-weight:900;letter-spacing:.12em}.s58-mission-card>i{position:absolute;right:28px;top:28px;color:#b5c7be;font-size:2.2rem}.s58-mission-card h2{margin:18px 0 0;font-size:1.7rem;line-height:1.3;font-weight:820}.s58-mission-card p{margin:18px 0 0;color:var(--s58-muted);font-size:1.05rem}.s58-contact-card{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:34px;border:1px solid var(--s58-line);border-radius:var(--s58-radius);background:#fff;box-shadow:var(--s58-shadow)}.s58-contact-card h2{margin:6px 0 4px;font-size:2rem;font-weight:850}.s58-contact-card p{margin:0;color:var(--s58-muted)}

/* --- NEWS -------------------------------------------------------------- */
.s58-news-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,.8fr);gap:22px}.s58-news-feature{overflow:hidden;border:1px solid var(--s58-line);border-radius:var(--s58-radius-lg);background:#fff;box-shadow:var(--s58-shadow)}.s58-news-image{height:440px;overflow:hidden;background:#eef3ef}.s58-news-image img{width:100%;height:100%;object-fit:cover}.s58-news-content{padding:30px}.s58-news-content h2{margin:13px 0 10px;font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.1;font-weight:850;letter-spacing:-.035em}.s58-news-content p{margin:0;color:var(--s58-muted)}.s58-news-meta{display:flex;align-items:center;gap:6px;margin-top:20px;color:#7b8781;font-size:.78rem}.s58-news-side{display:grid;gap:14px}.s58-news-side article{padding:24px;border:1px solid var(--s58-line);border-radius:var(--s58-radius);background:#fff;box-shadow:var(--s58-shadow-sm)}.s58-news-side article>span{color:var(--s58-green);font-size:.68rem;font-weight:900;letter-spacing:.09em}.s58-news-side article>i{float:right;color:#9eaaa4;font-size:1.4rem}.s58-news-side h3{margin:9px 0 6px;font-size:1.1rem;font-weight:850}.s58-news-side p{margin:0;color:var(--s58-muted);font-size:.86rem}

/* --- FILES ------------------------------------------------------------- */
.s58-file-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.s58-file-card{padding:26px;border:1px solid var(--s58-line);border-radius:var(--s58-radius);background:#fff;box-shadow:var(--s58-shadow-sm)}.s58-file-top{display:flex;align-items:center;justify-content:space-between}.s58-file-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:var(--s58-green-soft);color:var(--s58-green);font-size:1.45rem}.s58-file-top>span{padding:5px 8px;border-radius:8px;background:#f0f3f1;color:#718079;font-size:.66rem;font-weight:900}.s58-file-card h2{margin:20px 0 7px;font-size:1.25rem;font-weight:850}.s58-file-card>p{min-height:48px;margin:0;color:var(--s58-muted);font-size:.88rem}.s58-file-meta{display:flex;justify-content:space-between;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid var(--s58-line);color:#82908a;font-size:.72rem}.s58-file-meta span{display:inline-flex;align-items:center;gap:5px}

/* --- GALLERY ----------------------------------------------------------- */
.s58-carousel{overflow:hidden;border:1px solid var(--s58-line);border-radius:var(--s58-radius-lg);background:#111;box-shadow:var(--s58-shadow)}.s58-carousel .carousel-item{height:680px}.s58-carousel .carousel-item>img{width:100%;height:100%;object-fit:cover;opacity:.96}.s58-carousel-caption{position:absolute;left:28px;right:28px;bottom:26px;display:flex;align-items:center;gap:15px;padding:16px 18px;border:1px solid rgba(255,255,255,.35);border-radius:18px;background:rgba(17,26,22,.68);backdrop-filter:blur(18px);color:#fff}.s58-carousel-caption>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.12);font-weight:900}.s58-carousel-caption strong,.s58-carousel-caption small{display:block}.s58-carousel-caption strong{font-size:1.05rem}.s58-carousel-caption small{color:#d9e2de}.s58-gallery-strip{display:flex;gap:10px;overflow-x:auto;margin-top:14px;padding-bottom:5px}.s58-gallery-strip button{flex:0 0 92px;height:70px;padding:3px;overflow:hidden;border:1px solid var(--s58-line);border-radius:12px;background:#fff}.s58-gallery-strip button.active{border:2px solid var(--s58-green)}.s58-gallery-strip img{width:100%;height:100%;object-fit:cover;border-radius:8px}

/* --- MAINTENANCE ------------------------------------------------------- */
.s58-maintenance{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 20%,rgba(20,91,77,.12),transparent 30%),radial-gradient(circle at 80% 80%,rgba(184,138,53,.12),transparent 28%),#f4f7f4}.s58-maintenance-card{width:min(100%,680px);padding:48px;text-align:center;border:1px solid rgba(255,255,255,.9);border-radius:32px;background:rgba(255,255,255,.9);backdrop-filter:blur(20px);box-shadow:var(--s58-shadow-lg)}.s58-maintenance-logo img{width:145px;margin-bottom:24px}.s58-maintenance-card .s58-eyebrow{margin-bottom:18px}.s58-maintenance-card h1{margin:0;font-size:clamp(2.3rem,5vw,4.3rem);line-height:1;letter-spacing:-.05em;font-weight:900}.s58-maintenance-card>p{max-width:560px;margin:17px auto;color:var(--s58-muted)}.s58-maintenance-time{margin:24px 0;padding:16px;border:1px solid var(--s58-line);border-radius:16px;background:#f6f8f6}.s58-maintenance-time small,.s58-maintenance-time strong{display:block}.s58-maintenance-time small{color:var(--s58-muted)}.s58-maintenance-time strong{font-size:1.35rem}.s58-maintenance-note{display:block;margin-top:16px;color:#8b9691}

/* --- INTRO FILM -------------------------------------------------------- */
.s58-film-active{overflow:hidden}.s58-logo-film{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:18px;background:rgba(6,18,14,.92);backdrop-filter:blur(14px)}.s58-film-stage{position:relative;width:min(100%,1080px);overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:24px;background:#000;box-shadow:0 40px 100px rgba(0,0,0,.48)}.s58-film-stage video{display:block;width:100%;max-height:82vh;object-fit:contain;background:#000}.s58-film-close{position:fixed;right:22px;top:22px;z-index:2;display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(255,255,255,.3);border-radius:14px;background:rgba(255,255,255,.12);color:#fff}.s58-film-meta{position:absolute;left:18px;right:18px;bottom:16px;display:flex;justify-content:space-between;gap:10px;padding:10px 13px;border-radius:12px;background:rgba(5,18,14,.66);backdrop-filter:blur(12px);color:#fff;font-size:.78rem}.s58-film-meta span{display:inline-flex;align-items:center;gap:5px}

/* --- FOOTER ------------------------------------------------------------ */
.s58-footer{padding:56px 0 26px;background:#0d211b;color:#fff}.s58-footer-top{display:flex;justify-content:space-between;gap:40px;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,.12)}.s58-footer-brand{max-width:440px}.s58-footer-brand img{width:140px;filter:brightness(1.08)}.s58-footer-brand p{margin:13px 0 0;color:#b9c9c2}.s58-footer-values{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:520px}.s58-footer-values>div{display:grid;grid-template-columns:52px 1fr;gap:10px;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(255,255,255,.05)}.s58-footer-values span{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:rgba(255,255,255,.1);font-weight:950}.s58-footer-values p{margin:0;color:#b8c7c1;font-size:.78rem;line-height:1.45}.s58-footer-values strong{color:#fff}.s58-footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:22px;color:#91a69d;font-size:.74rem}

/* --- RESPONSIVE -------------------------------------------------------- */
@media(max-width:1199.98px){.s58-product-grid-home{grid-template-columns:repeat(2,1fr)}.s58-product-grid{grid-template-columns:repeat(2,1fr)}.s58-feature-grid,.s58-journey-grid{grid-template-columns:repeat(2,1fr)}.s58-hero-visual{min-height:500px}.s58-file-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:991.98px){.s58-nav{min-height:68px}.navbar-brand img{width:105px;height:42px}.s58-nav .navbar-collapse{margin-top:12px;padding:12px;border:1px solid var(--s58-line);border-radius:18px;background:#fff;box-shadow:var(--s58-shadow)}.s58-nav .navbar-nav{align-items:stretch!important}.s58-nav .nav-link{padding:11px 12px!important}.s58-nav-actions{margin-top:8px}.s58-nav-actions .s58-btn{flex:1}.s58-section{padding:68px 0}.s58-hero{padding:64px 0}.s58-hero-visual{min-height:520px}.s58-page-hero{padding:68px 0 52px}.s58-catalog-toolbar{align-items:stretch;flex-direction:column}.s58-search-field{max-width:none}.s58-category-filter{justify-content:flex-start}.s58-detail-gallery{grid-template-columns:1fr}.s58-detail-thumbs{order:-1;flex-direction:row}.s58-detail-thumbs button{width:84px;height:72px}.s58-detail-main-image{height:560px}.s58-legal-card{position:static}.s58-news-grid{grid-template-columns:1fr}.s58-news-side{grid-template-columns:repeat(3,1fr)}.s58-cta-card,.s58-contact-card{align-items:flex-start;flex-direction:column}.s58-footer-top{flex-direction:column}.s58-footer-values{max-width:none;width:100%}}
@media(max-width:767.98px){body{font-size:15px}.s58-section{padding:56px 0}.s58-page-hero{padding:56px 0 42px}.s58-page-hero h1{font-size:clamp(2.45rem,12vw,4rem)}.s58-hero{padding:52px 0}.s58-hero-copy h1{font-size:clamp(3rem,15vw,4.6rem)}.s58-trust-row{grid-template-columns:1fr}.s58-hero-visual{min-height:430px}.s58-hero-media{inset:25px 12px 18px 30px;border-radius:28px}.s58-floating-card{padding:10px 12px}.s58-floating-card-a{left:0;top:54px}.s58-floating-card-b{right:0;bottom:34px}.s58-heading-row{align-items:flex-start;flex-direction:column}.s58-product-grid,.s58-product-grid-home{grid-template-columns:1fr}.s58-product-image,.s58-product-grid-home .s58-product-image{height:390px}.s58-feature-grid,.s58-journey-grid,.s58-story-grid{grid-template-columns:1fr}.s58-value-mini-grid{grid-template-columns:1fr 1fr}.s58-education-card{grid-template-columns:1fr}.s58-education-badge{width:58px;height:58px}.s58-detail-main-image{height:480px;padding:14px}.s58-detail-metrics{grid-template-columns:1fr 1fr}.s58-news-side{grid-template-columns:1fr}.s58-news-image{height:340px}.s58-file-grid{grid-template-columns:1fr}.s58-carousel .carousel-item{height:520px}.s58-carousel-caption{left:14px;right:14px;bottom:14px}.s58-cta-card{padding:30px}.s58-footer-values{grid-template-columns:1fr}.s58-footer-bottom{flex-direction:column}.s58-maintenance-card{padding:34px 24px}}
@media(max-width:479.98px){.s58-hero-actions,.s58-detail-actions,.s58-cta-actions{display:grid;grid-template-columns:1fr;width:100%}.s58-hero-actions .s58-btn,.s58-detail-actions .s58-btn,.s58-cta-actions .s58-btn{width:100%}.s58-hero-visual{min-height:365px}.s58-hero-media{inset:22px 8px 12px 22px}.s58-floating-card strong{font-size:.72rem}.s58-floating-card small{font-size:.6rem}.s58-floating-card i{width:34px;height:34px}.s58-product-image,.s58-product-grid-home .s58-product-image{height:330px}.s58-value-mini-grid{grid-template-columns:1fr}.s58-category-filter{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.s58-category-filter button{white-space:nowrap}.s58-detail-main-image{height:390px}.s58-detail-metrics{grid-template-columns:1fr}.s58-detail-value-card,.s58-reason-card,.s58-usage-card{padding:23px}.s58-detail-value-title{align-items:flex-start}.s58-formula{gap:5px}.s58-carousel .carousel-item{height:420px}.s58-carousel-caption{padding:12px}.s58-carousel-caption>span{display:none}.s58-film-meta{font-size:.68rem}.s58-footer{padding-top:44px}}

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

/* ========================================================================== 
   SUKSES58 PORTAL RC v5 — LUXURY FINTECH WELLNESS 2026
   Visual anchor: dark emerald digital-bank shell, champagne gold, scenic
   background imagery, marble surfaces, premium glass cards, calm readability.
   ========================================================================== */
:root{
  --s58-bg:#f6f1e7;
  --s58-bg-soft:#efe9dc;
  --s58-surface:#fffdf8;
  --s58-surface-2:#f8f4ea;
  --s58-text:#14241d;
  --s58-muted:#657269;
  --s58-line:#e4d9c4;
  --s58-green:#063d2d;
  --s58-green-2:#0b5b43;
  --s58-green-3:#0d7656;
  --s58-green-soft:#e7f0eb;
  --s58-gold:#c99435;
  --s58-gold-2:#f0c96c;
  --s58-gold-3:#8d6120;
  --s58-gold-soft:#fbf1d8;
  --s58-shadow-sm:0 10px 30px rgba(31,43,33,.08),0 2px 8px rgba(113,82,30,.04);
  --s58-shadow:0 22px 55px rgba(24,43,33,.13),0 4px 14px rgba(114,80,24,.07);
  --s58-shadow-lg:0 36px 100px rgba(8,29,22,.20),0 7px 24px rgba(118,83,28,.12);
  --s58-radius-sm:15px;
  --s58-radius:24px;
  --s58-radius-lg:34px;
  --s58-container:1240px;
  --s58-gold-gradient:linear-gradient(135deg,#825515 0%,#c89434 23%,#f8dc8c 50%,#d09c3e 72%,#7a4f14 100%);
  --s58-green-gradient:linear-gradient(135deg,#032c20 0%,#07523c 52%,#0b7050 100%);
}
body{background:#f7f3eb;color:var(--s58-text);font-family:Inter,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
body::before{background:radial-gradient(circle at 12% 14%,rgba(201,148,53,.07),transparent 28%),radial-gradient(circle at 86% 18%,rgba(6,61,45,.07),transparent 31%),linear-gradient(180deg,#fbf8f1 0,#f6f1e7 45%,#f4f0e8 100%)}
.container{max-width:var(--s58-container)}

/* Header / navigation --------------------------------------------------- */
.s58-header{box-shadow:0 7px 24px rgba(3,25,18,.18)}
.s58-nav{min-height:74px;padding:8px 0;background:linear-gradient(90deg,rgba(2,35,25,.98),rgba(5,60,43,.97) 54%,rgba(3,42,30,.98));border-bottom:1px solid rgba(240,201,108,.28);box-shadow:none;backdrop-filter:blur(18px) saturate(150%)}
.s58-brand-text{display:inline-flex;align-items:center;gap:9px;color:#f6d77d!important;font-family:Georgia,"Times New Roman",serif;font-size:1.38rem;font-weight:800;letter-spacing:.015em;text-decoration:none;text-shadow:0 2px 12px rgba(239,192,88,.18)}
.s58-brand-mark{display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(248,218,142,.48);border-radius:50% 50% 50% 12px;transform:rotate(-11deg);background:radial-gradient(circle at 35% 30%,#fff2ba 0,#e9bd58 42%,#9f6b20 100%);color:#073a2a;box-shadow:0 0 18px rgba(231,181,68,.22)}
.s58-brand-mark i{font-size:1.05rem;transform:rotate(11deg)}
.s58-nav .nav-link{padding:10px 12px!important;color:rgba(255,255,255,.78);font-size:.87rem;font-weight:700;border-radius:12px}
.s58-nav .nav-link:hover{color:#ffe6a3;background:rgba(255,255,255,.06)}
.s58-nav .nav-link.active{color:#f7d36f;background:transparent}
.s58-nav .nav-link.active::after{content:"";position:absolute;left:18px;right:18px;bottom:3px;height:2px;border-radius:999px;background:linear-gradient(90deg,#f6d878,#bd8024);box-shadow:0 0 10px rgba(241,196,87,.4)}
.s58-nav .navbar-toggler{border-color:rgba(248,220,150,.35);background:rgba(255,255,255,.08);color:#f5d176}
.s58-nav-actions{display:flex;align-items:center;gap:8px}
.s58-nav-contact{border-color:rgba(255,255,255,.16)!important;background:rgba(255,255,255,.07)!important;color:#fff!important}
.s58-btn-nav-outline{border:1px solid rgba(241,201,106,.58);background:rgba(4,41,30,.45);color:#f6d779!important}
.s58-btn-nav-outline:hover{background:rgba(255,255,255,.08);border-color:#f5d579}
.s58-btn-gold{border:1px solid rgba(255,227,155,.65)!important;background:var(--s58-gold-gradient)!important;color:#1a2119!important;box-shadow:0 10px 28px rgba(152,104,28,.25),inset 0 1px 0 rgba(255,255,255,.55);font-weight:850!important}
.s58-btn-gold:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 14px 32px rgba(152,104,28,.32)}
.s58-btn-register{padding-inline:16px}
.s58-btn-glass{border:1px solid rgba(255,230,165,.46)!important;background:rgba(4,39,28,.42)!important;color:#fff!important;backdrop-filter:blur(12px)}
.s58-btn-glass:hover{background:rgba(255,255,255,.12)!important;color:#ffe09b!important}
.s58-btn-deep{border:1px solid #0a5f45!important;background:linear-gradient(135deg,#063e2d,#07553d)!important;color:#fff!important;box-shadow:0 10px 24px rgba(5,62,45,.2)}
.s58-btn-outline-gold{border:1px solid #c9993c!important;background:#fffdf8!important;color:#745017!important;box-shadow:0 7px 20px rgba(119,83,23,.08)}
.s58-btn-outline-gold:hover{background:#fbf0d4!important;color:#52370d!important}

/* Typography / common luxury ------------------------------------------ */
.s58-kicker{color:#a77725;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.s58-section-heading h2{font-family:Georgia,"Times New Roman",serif;font-weight:700;letter-spacing:-.035em;color:#102319}
.s58-section-heading h2 span{color:#8e641f}
.s58-section-heading.is-light h2,.s58-section-heading.is-light p{color:#fff}
.s58-section-heading.is-light h2 span{color:#f3ce6d}
.s58-section-heading.is-light p{color:rgba(255,255,255,.74)}
.s58-eyebrow.is-gold{border:1px solid rgba(242,205,112,.4);background:rgba(5,45,32,.46);color:#f8d879;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.s58-marble-section{position:relative;background:
  radial-gradient(circle at 12% 10%,rgba(219,177,88,.07),transparent 28%),
  radial-gradient(circle at 86% 82%,rgba(7,83,59,.045),transparent 30%),
  linear-gradient(145deg,#fffdfa,#f6f1e8 52%,#fbf8f0)}
.s58-marble-section::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(115deg,transparent 0 38%,rgba(174,144,93,.2) 39%,transparent 40% 61%,rgba(116,95,66,.12) 62%,transparent 63%);background-size:540px 360px}
.s58-marble-section>.container{position:relative}

/* Digital lines used in scenic hero ----------------------------------- */
.s58-hero-grid-lines{position:absolute;inset:0;pointer-events:none;opacity:.78;background:
 linear-gradient(90deg,transparent 0 14%,rgba(242,205,112,.11) 14.08%,transparent 14.16% 29%,rgba(242,205,112,.08) 29.08%,transparent 29.16% 100%),
 linear-gradient(0deg,transparent 0 28%,rgba(242,205,112,.08) 28.08%,transparent 28.16% 58%,rgba(242,205,112,.07) 58.08%,transparent 58.16% 100%)}
.s58-hero-grid-lines::before,.s58-hero-grid-lines::after{content:"";position:absolute;width:760px;height:280px;border:1px solid rgba(244,207,116,.22);border-radius:50%;transform:rotate(-12deg)}
.s58-hero-grid-lines::before{left:-190px;bottom:-155px;box-shadow:0 0 0 17px rgba(226,182,77,.04),0 0 0 42px rgba(226,182,77,.025)}
.s58-hero-grid-lines::after{right:-250px;top:-160px;box-shadow:0 0 0 20px rgba(226,182,77,.035),0 0 0 48px rgba(226,182,77,.02)}

/* Homepage scenic hero ------------------------------------------------- */
.s58-hero.s58-hero-lux{position:relative;overflow:hidden;min-height:660px;padding:92px 0 86px;border:0;background:
 linear-gradient(90deg,rgba(2,28,20,.96) 0%,rgba(3,50,36,.88) 42%,rgba(4,47,34,.52) 68%,rgba(2,25,18,.48) 100%),
 linear-gradient(180deg,rgba(1,24,17,.12),rgba(3,37,27,.55)),
 url('img/authlogin_bg.webp') center/cover no-repeat}
.s58-hero.s58-hero-lux::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 73% 25%,rgba(250,211,114,.24),transparent 25%),linear-gradient(120deg,transparent 55%,rgba(8,39,28,.48) 100%)}
.s58-hero.s58-hero-lux::after{content:"";position:absolute;left:0;right:0;bottom:0;height:170px;background:linear-gradient(180deg,transparent,rgba(2,32,23,.18)),linear-gradient(175deg,transparent 0 48%,rgba(225,176,64,.18) 48.2% 48.6%,transparent 48.8%)}
.s58-hero-copy-light{position:relative;z-index:2}
.s58-hero-copy-light h1{margin:18px 0 18px;max-width:690px;color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:clamp(3.4rem,6.5vw,6.2rem);line-height:.92;letter-spacing:-.055em;text-shadow:0 4px 28px rgba(0,0,0,.28)}
.s58-hero-copy-light h1 span{display:block;background:linear-gradient(90deg,#f2c75d,#fff0b4 48%,#c68d2e);-webkit-background-clip:text;background-clip:text;color:transparent}
.s58-hero-copy-light .s58-lead{max-width:650px;color:rgba(255,255,255,.82);font-size:1.08rem;line-height:1.65}.s58-hero-copy-light .s58-lead strong{color:#f3d274}
.s58-hero-proof{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}
.s58-hero-proof>div{display:flex;align-items:center;gap:9px;min-width:150px;padding:9px 11px;border:1px solid rgba(255,225,152,.2);border-radius:13px;background:rgba(2,35,25,.35);backdrop-filter:blur(12px);color:#fff}
.s58-hero-proof i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,rgba(249,216,132,.22),rgba(177,119,25,.12));color:#f5d175;font-size:1.02rem}.s58-hero-proof strong,.s58-hero-proof small{display:block}.s58-hero-proof strong{font-size:.77rem}.s58-hero-proof small{color:rgba(255,255,255,.63);font-size:.62rem}
.s58-product-stage{position:relative;z-index:2;min-height:520px;margin-left:20px;perspective:1000px}
.s58-stage-halo{position:absolute;inset:20px 10px 72px 30px;border-radius:44% 56% 42% 58%/53% 42% 58% 47%;background:radial-gradient(circle at 50% 50%,rgba(246,220,148,.18),rgba(6,70,49,.12) 55%,transparent 70%);filter:blur(2px)}
.s58-stage-platform{position:absolute;left:9%;right:2%;bottom:34px;height:100px;border:1px solid rgba(244,207,116,.52);border-radius:50%;background:linear-gradient(180deg,rgba(241,213,150,.62),rgba(73,51,17,.38));box-shadow:0 36px 60px rgba(0,0,0,.32),inset 0 10px 25px rgba(255,242,197,.34)}
.s58-stage-product{position:absolute;display:block;width:145px;height:245px;overflow:hidden;border:1px solid rgba(255,223,145,.34);border-radius:18px;background:#f6f0df;box-shadow:0 22px 40px rgba(0,0,0,.34);transition:.25s ease;text-decoration:none}
.s58-stage-product:hover{z-index:10!important;transform:translateY(-10px) scale(1.04)!important;box-shadow:0 28px 55px rgba(0,0,0,.42),0 0 0 1px rgba(244,201,96,.38)}
.s58-stage-product img{width:100%;height:100%;object-fit:cover;object-position:center 16%;transform:scale(1.04)}
.s58-stage-product span{position:absolute;left:7px;right:7px;bottom:7px;padding:5px 6px;border-radius:9px;background:rgba(2,33,24,.83);backdrop-filter:blur(7px);color:#f6d57b;font-size:.59rem;font-weight:800;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.s58-stage-product-1{left:2%;bottom:72px;z-index:2;transform:rotate(-5deg) scale(.92)}
.s58-stage-product-2{left:21%;bottom:100px;z-index:4;transform:rotate(-2deg)}
.s58-stage-product-3{left:41%;bottom:80px;z-index:5;transform:rotate(1deg) scale(1.06)}
.s58-stage-product-4{right:19%;bottom:100px;z-index:4;transform:rotate(3deg)}
.s58-stage-product-5{right:0;bottom:74px;z-index:2;transform:rotate(5deg) scale(.92)}
.s58-stage-product-6{right:25%;top:10px;z-index:1;width:124px;height:205px;opacity:.95;transform:rotate(4deg) scale(.88)}
.s58-stage-glass-card{position:absolute;right:0;top:32px;z-index:7;width:240px;padding:16px;border:1px solid rgba(247,221,153,.35);border-radius:20px;background:linear-gradient(145deg,rgba(10,53,39,.79),rgba(14,47,37,.54));backdrop-filter:blur(16px);color:#fff;box-shadow:0 22px 45px rgba(0,0,0,.24)}
.s58-stage-glass-card span,.s58-stage-glass-card strong,.s58-stage-glass-card small{display:block}.s58-stage-glass-card span{color:#efca6b;font-size:.69rem;font-weight:800}.s58-stage-glass-card strong{margin:4px 0 3px;font-size:1.03rem}.s58-stage-glass-card small{color:rgba(255,255,255,.65);font-size:.7rem}

/* BV/PV ribbon ---------------------------------------------------------- */
.s58-value-ribbon-wrap{position:relative;z-index:5;margin-top:-24px}.s58-value-ribbon{display:grid;grid-template-columns:1fr 1px 1fr;gap:28px;padding:22px 28px;border:1px solid #e8bd59;border-radius:22px;background:linear-gradient(135deg,rgba(255,253,247,.97),rgba(250,241,218,.97));box-shadow:0 20px 50px rgba(49,42,27,.16),inset 0 1px 0 rgba(255,255,255,.85)}
.s58-ribbon-item{display:grid;grid-template-columns:72px 1fr;gap:16px;align-items:center}.s58-gold-coin{display:grid;place-items:center;width:64px;height:64px;border:2px solid #f4d47a;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff0aa 0,#d9a641 36%,#6a430d 75%,#1e281e 100%);color:#fff1b2;font-family:Georgia,serif;font-size:1.25rem;font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.45);box-shadow:0 9px 20px rgba(100,64,8,.2),inset 0 1px 2px rgba(255,255,255,.62)}
.s58-ribbon-item small{color:#9d7229;font-size:.63rem;font-weight:950;letter-spacing:.11em}.s58-ribbon-item h2{margin:1px 0 3px;color:#213128;font-size:1.02rem;font-weight:850}.s58-ribbon-item p{margin:0;color:#657168;font-size:.78rem;line-height:1.42}.s58-ribbon-divider{width:1px;background:linear-gradient(180deg,transparent,#d9b65e,transparent)}

/* Premium product cards ------------------------------------------------ */
.s58-product-grid-home{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.s58-product-grid-catalog{grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}
.s58-product-card-lux{border:1px solid #e5d7bc;border-radius:20px;background:linear-gradient(180deg,#fffdfa,#fbf6eb);box-shadow:0 10px 26px rgba(36,45,35,.08);overflow:hidden}
.s58-product-card-lux:hover{transform:translateY(-5px);border-color:#d3af62;box-shadow:0 19px 38px rgba(36,45,35,.13),0 0 0 1px rgba(220,176,75,.12)}
.s58-product-card-lux .s58-product-image{height:245px;padding:0;background:linear-gradient(145deg,#edf3e7,#fff5d9)}
.s58-product-card-lux .s58-product-image::after{content:"";position:absolute;inset:auto 0 0;height:70px;background:linear-gradient(180deg,transparent,rgba(3,38,27,.08))}
.s58-product-card-lux .s58-product-image img{width:100%;height:100%;border-radius:0;object-fit:cover;object-position:center 18%;transform:scale(1.02)}
.s58-product-card-lux:hover .s58-product-image img{transform:scale(1.06)}
.s58-product-card-lux .s58-chip{left:12px;top:auto;bottom:12px;z-index:3;border-color:rgba(225,186,94,.6);background:rgba(255,250,236,.92);color:#6e4d18;box-shadow:0 5px 15px rgba(67,48,15,.12)}
.s58-product-card-lux .s58-product-card-body{padding:17px}.s58-product-card-lux h2,.s58-product-card-lux h3{font-family:Georgia,"Times New Roman",serif;font-size:1.15rem;color:#18281f}.s58-product-card-lux p{min-height:50px;color:#67736b;font-size:.82rem;line-height:1.45}
.s58-price-line{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid #e8ddca}.s58-price-line span{color:#92702f;font-size:.67rem;font-weight:900;text-transform:uppercase}.s58-price-line strong{color:#9b6419;font-size:1.05rem}
.s58-product-card-lux .s58-metric-strip{grid-template-columns:1fr 1fr;margin-top:8px;padding:9px 0;border-top:0;border-bottom:1px solid #e8ddca}.s58-product-card-lux .s58-metric-strip>div{padding-right:7px}.s58-product-card-lux .s58-metric-strip>div+div{padding-left:10px;border-left:1px solid #dfcfaf}.s58-product-card-lux .s58-metric-strip span{color:#879188}.s58-product-card-lux .s58-metric-strip strong{font-size:.84rem}.s58-product-card-lux .s58-metric-strip .is-pv strong{color:#96691d}
.s58-btn-product{width:100%;margin-top:12px;border:1px solid #0a5e43!important;background:linear-gradient(135deg,#053a2a,#086047)!important;color:#fff!important;box-shadow:0 6px 14px rgba(5,66,47,.18);font-size:.78rem!important}.s58-btn-product:hover{filter:brightness(1.06);color:#f9d978!important}

/* Why / scenic wealth section ----------------------------------------- */
.s58-why-lux{position:relative;overflow:hidden;background:
 linear-gradient(90deg,rgba(2,38,27,.98),rgba(3,58,41,.92) 60%,rgba(4,47,34,.68)),
 url('img/authlogin_bg.webp') center 54%/cover no-repeat;color:#fff}
.s58-why-lux::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 83% 50%,rgba(239,195,89,.2),transparent 24%),linear-gradient(160deg,transparent 55%,rgba(221,169,54,.08) 55.2% 55.6%,transparent 55.8%)}
.s58-feature-grid-glass{grid-template-columns:repeat(2,1fr)}
.s58-feature-grid-glass article{border-color:rgba(246,214,135,.2);background:rgba(3,44,31,.55);backdrop-filter:blur(12px);box-shadow:0 15px 35px rgba(0,0,0,.16)}
.s58-feature-grid-glass article i{background:linear-gradient(145deg,rgba(248,217,136,.24),rgba(191,133,32,.12));color:#f5d173}.s58-feature-grid-glass h3{color:#fff}.s58-feature-grid-glass p{color:rgba(255,255,255,.67)}
.s58-lux-quote-card{padding:34px;border:1px solid rgba(248,216,132,.32);border-radius:28px;background:linear-gradient(145deg,rgba(3,34,25,.72),rgba(7,70,50,.52));backdrop-filter:blur(16px);box-shadow:0 24px 60px rgba(0,0,0,.25)}
.s58-lux-quote-card>span{color:#ecca68;font-size:.66rem;font-weight:900;letter-spacing:.12em}.s58-lux-quote-card h3{margin:12px 0;color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:2rem;line-height:1.1}.s58-lux-quote-card p{color:rgba(255,255,255,.68)}.s58-lux-quote-card a{display:inline-flex;align-items:center;gap:6px;margin-top:8px;color:#f1ce6f;font-weight:800;text-decoration:none}

/* Journey + reward ----------------------------------------------------- */
.s58-journey-lux{background:linear-gradient(180deg,#f9f5ec,#fffdf9)}
.s58-journey-grid-lux>div{position:relative;border:1px solid #e6d6b8;background:linear-gradient(160deg,#fffdf8,#f7f0e3);box-shadow:0 12px 30px rgba(56,47,31,.08)}
.s58-journey-grid-lux>div::after{content:"";position:absolute;right:-16px;top:50%;width:32px;height:1px;background:linear-gradient(90deg,#c79a40,transparent)}.s58-journey-grid-lux>div:last-child::after{display:none}.s58-journey-grid-lux b{background:var(--s58-gold-gradient);color:#13271e;box-shadow:0 7px 16px rgba(161,105,21,.18)}.s58-journey-grid-lux i{color:#9d6e1e}
.s58-reward-banner{position:relative;overflow:hidden;padding:60px 0;background:
 linear-gradient(90deg,rgba(2,36,26,.98),rgba(4,61,44,.86) 52%,rgba(3,35,25,.58)),
 url('img/authlogin_bg.webp') center 62%/cover no-repeat;color:#fff;border-top:1px solid rgba(246,211,122,.35);border-bottom:1px solid rgba(246,211,122,.28)}
.s58-reward-banner::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 75% 30%,rgba(246,209,111,.22),transparent 22%),linear-gradient(165deg,transparent 60%,rgba(227,176,61,.08) 60.2% 60.6%,transparent 60.8%)}
.s58-reward-banner .container{position:relative;z-index:1}.s58-reward-banner h2{margin:12px 0;color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,4vw,3.5rem);line-height:1.04}.s58-reward-banner p{max-width:760px;margin:0;color:rgba(255,255,255,.72)}
.s58-reward-destinations{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.s58-reward-destinations>div{display:flex;align-items:center;gap:10px;padding:15px;border:1px solid rgba(249,219,143,.28);border-radius:16px;background:rgba(3,35,26,.54);backdrop-filter:blur(13px);box-shadow:0 11px 25px rgba(0,0,0,.16)}.s58-reward-destinations i{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(240,199,101,.15);color:#f3cd68;font-size:1.2rem}.s58-reward-destinations span{font-weight:800}

/* Catalog hero --------------------------------------------------------- */
.s58-catalog-hero{position:relative;overflow:hidden;min-height:430px;padding:62px 0 88px;background:
 linear-gradient(90deg,rgba(2,31,22,.97),rgba(4,61,43,.87) 47%,rgba(5,54,39,.58)),
 url('img/authlogin_bg.webp') center 56%/cover no-repeat;color:#fff}
.s58-catalog-hero::after{content:"";position:absolute;right:-8%;bottom:-120px;width:560px;height:320px;border:1px solid rgba(245,207,111,.22);border-radius:50%;box-shadow:0 0 0 22px rgba(245,207,111,.035),0 0 0 60px rgba(245,207,111,.02)}
.s58-catalog-hero h1{max-width:800px;margin:14px 0 12px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.9rem,5.7vw,5.2rem);line-height:.98;letter-spacing:-.045em}.s58-catalog-hero h1 span{color:#f5d372}.s58-catalog-hero p{max-width:720px;color:rgba(255,255,255,.76);font-size:1rem}
.s58-catalog-search-hero{display:grid;grid-template-columns:38px 1fr 96px;align-items:center;max-width:760px;margin-top:25px;padding:6px 7px 6px 14px;border:1px solid rgba(247,221,153,.58);border-radius:999px;background:rgba(255,253,247,.97);box-shadow:0 18px 38px rgba(0,0,0,.2)}.s58-catalog-search-hero i{color:#1b4c3b}.s58-catalog-search-hero input{width:100%;border:0;outline:0;background:transparent;color:#25332c}.s58-catalog-search-hero span{display:grid;place-items:center;height:42px;border-radius:999px;background:var(--s58-gold-gradient);color:#172118;font-weight:850;box-shadow:inset 0 1px rgba(255,255,255,.5)}
.s58-catalog-stage{position:relative;height:310px}.s58-catalog-stage::before{content:"";position:absolute;left:8%;right:0;bottom:8px;height:62px;border-radius:50%;background:linear-gradient(180deg,rgba(244,217,150,.6),rgba(84,57,15,.32));border:1px solid rgba(242,209,124,.43);box-shadow:0 25px 40px rgba(0,0,0,.25)}
.s58-catalog-stage-item{position:absolute;bottom:35px;width:114px;height:205px;overflow:hidden;border:1px solid rgba(247,217,139,.32);border-radius:15px;box-shadow:0 19px 34px rgba(0,0,0,.3);background:#f7f2e6}.s58-catalog-stage-item img{width:100%;height:100%;object-fit:cover;object-position:center 16%}.s58-catalog-stage-item-1{left:2%;transform:rotate(-5deg) scale(.9)}.s58-catalog-stage-item-2{left:20%;z-index:2;transform:rotate(-2deg)}.s58-catalog-stage-item-3{left:39%;z-index:4;transform:scale(1.08)}.s58-catalog-stage-item-4{right:19%;z-index:2;transform:rotate(2deg)}.s58-catalog-stage-item-5{right:0;transform:rotate(5deg) scale(.9)}
.s58-category-dock-wrap{position:relative;z-index:6;margin-top:-32px}.s58-category-dock{display:flex;gap:7px;overflow:auto;padding:9px;border:1px solid #e3c887;border-radius:20px;background:rgba(255,253,247,.96);box-shadow:0 16px 42px rgba(27,40,31,.16);backdrop-filter:blur(13px)}.s58-category-dock button{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;min-height:42px;padding:9px 13px;border:1px solid #e5dccb;border-radius:13px;background:#fffdf8;color:#47564e;font-size:.75rem;font-weight:800}.s58-category-dock button.active{border-color:#bd8c32;background:linear-gradient(135deg,#073e2d,#0b6548);color:#f6d77f;box-shadow:0 8px 18px rgba(4,67,47,.2)}
.s58-catalog-ribbon-wrap{margin-top:18px}.s58-catalog-heading-row{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.s58-catalog-heading-row h2{margin:2px 0 5px;font-family:Georgia,"Times New Roman",serif;font-size:2.4rem}.s58-catalog-heading-row p{margin:0;color:var(--s58-muted)}.s58-catalog-count{display:grid;grid-template-columns:42px auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:12px 16px;border:1px solid #e3d4b8;border-radius:15px;background:#fffdf8;box-shadow:var(--s58-shadow-sm)}.s58-catalog-count i{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#edf3ef;color:#07523c;font-size:1.25rem}.s58-catalog-count strong{font-size:1.05rem}.s58-catalog-count span{color:#78837d;font-size:.68rem}

/* Global page hero: scenic for Company / News / Files / Gallery -------- */
.s58-page-hero{position:relative;overflow:hidden;padding:78px 0 66px;border-bottom:1px solid rgba(229,190,96,.32);background:
 linear-gradient(90deg,rgba(2,32,23,.95),rgba(4,61,43,.84) 55%,rgba(2,32,23,.58)),
 url('img/authlogin_bg.webp') center 52%/cover no-repeat;color:#fff}
.s58-page-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(165deg,transparent 55%,rgba(242,199,92,.1) 55.2% 55.6%,transparent 55.8%),radial-gradient(circle at 80% 22%,rgba(246,212,124,.2),transparent 22%)}
.s58-page-hero::after{width:520px;height:260px;right:-100px;top:-120px;border:1px solid rgba(244,207,116,.2);background:transparent;box-shadow:0 0 0 20px rgba(244,207,116,.035)}
.s58-page-hero>.container{position:relative;z-index:2}.s58-page-hero h1{color:#fff;font-family:Georgia,"Times New Roman",serif}.s58-page-hero h1 span{color:#f2ce6b}.s58-page-hero p{color:rgba(255,255,255,.75)}.s58-page-hero .s58-eyebrow{border-color:rgba(246,212,127,.35);background:rgba(3,39,28,.42);color:#f4cf6b}.s58-page-stat{border-color:rgba(249,223,157,.28);background:rgba(4,42,31,.56);backdrop-filter:blur(14px);color:#fff}.s58-page-stat span,.s58-page-stat small{color:rgba(255,255,255,.62)}.s58-page-stat strong{color:#f4d275}

/* Detail page ----------------------------------------------------------- */
.s58-detail-banner{position:relative;overflow:hidden;padding:36px 0 40px;background:
 linear-gradient(90deg,rgba(2,33,24,.96),rgba(4,62,44,.85) 58%,rgba(2,36,26,.60)),
 url('img/authlogin_bg.webp') center 40%/cover no-repeat;color:#fff;border-bottom:1px solid rgba(243,204,108,.33)}
.s58-detail-banner::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 30%,rgba(246,209,114,.21),transparent 22%)}.s58-detail-banner>.container{z-index:2}.s58-breadcrumb-light{margin-bottom:19px;color:rgba(255,255,255,.58)}.s58-breadcrumb-light a{color:rgba(255,255,255,.74)}.s58-breadcrumb-light a:hover{color:#f4d171}.s58-detail-banner h1{margin:10px 0 6px;color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.7rem,5vw,4.7rem);line-height:1}.s58-detail-banner p{max-width:700px;margin:0;color:rgba(255,255,255,.7)}
.s58-detail-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:10px;border:1px solid rgba(247,216,138,.28);border-radius:18px;background:rgba(3,42,30,.55);backdrop-filter:blur(12px)}.s58-detail-trust div{text-align:center}.s58-detail-trust i{display:grid;place-items:center;width:38px;height:38px;margin:0 auto 4px;border-radius:50%;border:1px solid rgba(247,214,131,.38);color:#f1ca63}.s58-detail-trust span{display:block;color:rgba(255,255,255,.72);font-size:.61rem;font-weight:750;line-height:1.25}
.s58-detail-hero-lux{padding:48px 0 66px;background:linear-gradient(145deg,#fbf8f0,#f0eadf 53%,#fbf7ee)}
.s58-detail-shell{display:grid;grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);gap:0;overflow:hidden;border:1px solid #e3cfaa;border-radius:32px;background:#fffdf8;box-shadow:0 28px 70px rgba(33,39,31,.15)}
.s58-detail-shell .s58-detail-gallery{position:relative;grid-template-columns:1fr 82px;gap:9px;padding:18px;background:
 linear-gradient(rgba(4,54,38,.11),rgba(4,54,38,.11)),
 url('img/authlogin_bg.webp') center/cover no-repeat}
.s58-detail-shell .s58-detail-main-image{height:620px;padding:0;border:1px solid rgba(255,255,255,.7);border-radius:24px;background:rgba(249,245,235,.88);box-shadow:0 18px 40px rgba(0,0,0,.14);backdrop-filter:blur(8px)}
.s58-detail-shell .s58-detail-main-image img{object-fit:cover;object-position:center 10%}
.s58-detail-shell .s58-detail-thumbs button{height:92px;border-color:rgba(255,232,179,.5);background:rgba(255,250,237,.88)}.s58-detail-shell .s58-detail-thumbs img{object-fit:cover;object-position:center 14%}.s58-detail-shell .s58-detail-thumbs button.active{border-color:#efc75d;box-shadow:0 0 0 2px rgba(244,205,108,.22)}
.s58-detail-copy-lux{padding:34px 34px 30px;background:linear-gradient(180deg,#fffefa,#fbf6eb)}.s58-detail-copy-lux h2{margin:12px 0 8px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.4rem,4vw,4rem);line-height:.98;letter-spacing:-.04em}.s58-detail-feature-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:20px 0}.s58-detail-feature-mini>div{padding:10px 7px;border:1px solid #eadcbf;border-radius:13px;background:#fffdf8;text-align:center}.s58-detail-feature-mini i{display:grid;place-items:center;width:32px;height:32px;margin:0 auto 5px;border-radius:50%;background:#edf3ee;color:#076047;font-size:1rem}.s58-detail-feature-mini span{display:block;color:#44534b;font-size:.62rem;font-weight:800;line-height:1.25}
.s58-price-panel-lux{display:grid;grid-template-columns:1.8fr .8fr .65fr;overflow:hidden;margin:20px 0 18px;border:2px solid #e5bb54;border-radius:19px;background:linear-gradient(135deg,#052e22,#07543d 58%,#0b6246);box-shadow:0 13px 25px rgba(6,63,45,.22),inset 0 1px 0 rgba(255,255,255,.11)}.s58-price-panel-lux>div{padding:16px 18px;border-left:1px solid rgba(240,204,113,.28);color:#fff}.s58-price-panel-lux>div:first-child{border-left:0}.s58-price-panel-lux span,.s58-price-panel-lux strong,.s58-price-panel-lux small{display:block}.s58-price-panel-lux span{color:#eec966;font-size:.66rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.s58-price-panel-lux strong{margin:2px 0;color:#fff4c9;font-size:1.35rem}.s58-price-panel-lux .s58-main-price strong{font-size:2.2rem}.s58-price-panel-lux small{color:rgba(255,255,255,.59);font-size:.62rem}.s58-detail-copy-lux .s58-detail-description{color:#647168;line-height:1.65}.s58-purchase-trust{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.s58-purchase-trust span{display:inline-flex;align-items:center;gap:5px;color:#67746d;font-size:.66rem;font-weight:750}.s58-purchase-trust i{color:#98701f}
.s58-detail-ribbon-wrap{margin-top:-26px}.s58-detail-benefits{background:#fff}.s58-feature-grid-product article{border-color:#e4d6b9;background:linear-gradient(160deg,#fffdf8,#f6f0e4)}.s58-feature-grid-product article i{background:linear-gradient(145deg,#f8e6b5,#e5bc5d);color:#234434}.s58-product-story-section{position:relative;background:
 linear-gradient(90deg,rgba(4,54,38,.96),rgba(4,61,43,.78)),
 url('img/authlogin_bg.webp') center 58%/cover no-repeat}
.s58-reason-card-lux,.s58-usage-card-lux{border-color:rgba(246,213,132,.24);background:rgba(255,255,255,.92);backdrop-filter:blur(12px)}.s58-usage-card-lux{background:rgba(247,240,219,.93)}.s58-usage-card-lux small{display:block;margin-top:13px;color:#7d765f;font-size:.72rem}.s58-member-flow-section{background:#fffdf8}.s58-related-section{background:#f8f3ea}.s58-related-grid{grid-template-columns:repeat(3,1fr)}
.s58-faq-section{background:linear-gradient(180deg,#fffdf8,#f4eee3)}.s58-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;max-width:980px;margin:auto}.s58-faq-grid details{padding:18px 20px;border:1px solid #e4d3b4;border-radius:16px;background:#fffdf9;box-shadow:0 8px 20px rgba(43,46,37,.06)}.s58-faq-grid summary{cursor:pointer;color:#203127;font-weight:850}.s58-faq-grid p{margin:10px 0 0;color:#6b766f;font-size:.85rem}

/* Re-polish cards on supporting pages --------------------------------- */
.s58-story-grid>article,.s58-mission-card,.s58-legal-card,.s58-contact-card,.s58-news-feature,.s58-news-side>article,.s58-file-card,.s58-carousel{border-color:#e2d2b4;background:#fffdf9;box-shadow:0 14px 32px rgba(34,43,34,.09)}
.s58-legal-card{background:linear-gradient(155deg,#fffdf8,#f7f0df)}
.s58-contact-card{background:linear-gradient(135deg,#063e2e,#0a6549);color:#fff;border-color:#bd923e}.s58-contact-card p{color:rgba(255,255,255,.72)}
.s58-news-content h2,.s58-file-card h2,.s58-mission-card h3{font-family:Georgia,"Times New Roman",serif}
.s58-carousel{border-color:#c79a43;box-shadow:0 25px 60px rgba(26,39,30,.18)}

/* Footer ---------------------------------------------------------------- */
.s58-footer-lux{position:relative;padding:54px 0 24px;background:linear-gradient(135deg,#022b20,#043e2d 57%,#022a1f);color:#fff;border-top:1px solid rgba(237,198,101,.34)}
.s58-footer-lux::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background:radial-gradient(circle at 16% 10%,rgba(239,196,91,.09),transparent 25%),linear-gradient(165deg,transparent 70%,rgba(229,176,61,.05) 70.2% 70.6%,transparent 70.8%)}
.s58-footer-lux>.container{position:relative}.s58-footer-grid{display:grid;grid-template-columns:1.55fr .7fr .7fr 1.15fr;gap:34px;padding-bottom:28px}.s58-footer-brand{max-width:none}.s58-brand-footer{font-size:1.6rem}.s58-footer-brand p{max-width:420px;color:rgba(255,255,255,.61);font-size:.82rem}.s58-footer-grid h3{margin:3px 0 13px;color:#edc763;font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.s58-footer-grid>div>a:not(.btn){display:block;margin:7px 0;color:rgba(255,255,255,.7);font-size:.78rem;text-decoration:none}.s58-footer-grid>div>a:not(.btn):hover{color:#f1ce70}.s58-footer-contact{margin:0 0 13px;color:rgba(255,255,255,.62);font-size:.78rem}.s58-footer-cta{width:max-content;min-height:42px;padding:8px 14px!important}
.s58-footer-valuebar{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px 0;border-top:1px solid rgba(255,255,255,.11);border-bottom:1px solid rgba(255,255,255,.11)}.s58-footer-valuebar>div{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center}.s58-footer-valuebar strong{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(242,205,112,.32);border-radius:50%;background:rgba(239,195,91,.08);color:#efca69}.s58-footer-valuebar span{color:rgba(255,255,255,.61);font-size:.72rem}.s58-footer-bottom{padding-top:20px;color:rgba(255,255,255,.46);font-size:.69rem}.s58-footer-bottom span:last-child{display:inline-flex;align-items:center;gap:5px;color:#dcb958}

/* Maintenance updated to luxury --------------------------------------- */
.s58-maintenance{background:linear-gradient(90deg,rgba(2,33,24,.86),rgba(4,61,43,.66)),url('img/authlogin_bg.webp') center/cover no-repeat}.s58-maintenance-card{border-color:rgba(245,211,127,.5);background:rgba(255,253,247,.93);box-shadow:0 35px 100px rgba(0,0,0,.3)}

/* Responsive RC v5 ----------------------------------------------------- */
@media(max-width:1199.98px){
 .s58-product-grid-home,.s58-product-grid-catalog{grid-template-columns:repeat(3,1fr)}
 .s58-product-stage{min-height:480px}.s58-stage-product{width:125px;height:220px}.s58-stage-glass-card{width:210px}
 .s58-detail-shell{grid-template-columns:1fr 1fr}.s58-detail-shell .s58-detail-main-image{height:560px}.s58-price-panel-lux .s58-main-price strong{font-size:1.8rem}
}
@media(max-width:991.98px){
 .s58-nav .navbar-collapse{border-color:rgba(243,208,121,.27);background:linear-gradient(145deg,#033427,#074f3a);box-shadow:0 18px 40px rgba(0,0,0,.25)}.s58-nav .nav-link{color:rgba(255,255,255,.78)!important}.s58-nav-actions{flex-wrap:wrap}.s58-btn-register{flex:1}
 .s58-hero.s58-hero-lux{padding:70px 0 68px}.s58-product-stage{min-height:500px;margin-left:0}.s58-stage-product{width:132px;height:225px}.s58-stage-product-6{display:none}
 .s58-value-ribbon{grid-template-columns:1fr;gap:15px}.s58-ribbon-divider{width:100%;height:1px}
 .s58-product-grid-home,.s58-product-grid-catalog{grid-template-columns:repeat(2,1fr)}
 .s58-catalog-stage{height:300px;margin-top:12px}.s58-category-dock-wrap{margin-top:-22px}
 .s58-detail-trust{margin-top:15px}.s58-detail-shell{grid-template-columns:1fr}.s58-detail-shell .s58-detail-gallery{grid-template-columns:1fr}.s58-detail-shell .s58-detail-thumbs{order:-1;flex-direction:row}.s58-detail-shell .s58-detail-main-image{height:610px}.s58-detail-copy-lux{padding:28px}
 .s58-footer-grid{grid-template-columns:1.4fr 1fr 1fr}.s58-footer-grid>div:last-child{grid-column:1/-1}
}
@media(max-width:767.98px){
 .s58-brand-text{font-size:1.18rem}.s58-brand-mark{width:29px;height:29px}.s58-btn-nav-outline{display:none}
 .s58-hero.s58-hero-lux{min-height:0;padding:58px 0 50px}.s58-hero-copy-light h1{font-size:clamp(3rem,14vw,4.8rem)}.s58-hero-proof{display:grid;grid-template-columns:1fr}.s58-product-stage{min-height:400px;margin-top:15px}.s58-stage-product{width:105px;height:182px}.s58-stage-product-1{left:1%;bottom:57px}.s58-stage-product-2{left:19%;bottom:77px}.s58-stage-product-3{left:40%;bottom:58px}.s58-stage-product-4{right:18%;bottom:77px}.s58-stage-product-5{right:0;bottom:57px}.s58-stage-glass-card{right:5px;top:0;width:195px;padding:12px}.s58-stage-platform{bottom:26px;height:70px}
 .s58-value-ribbon-wrap{margin-top:-12px}.s58-value-ribbon{padding:18px}.s58-ribbon-item{grid-template-columns:58px 1fr;gap:11px}.s58-gold-coin{width:54px;height:54px}
 .s58-product-grid-home,.s58-product-grid-catalog,.s58-related-grid{grid-template-columns:1fr 1fr}.s58-product-card-lux .s58-product-image{height:220px}
 .s58-feature-grid-glass{grid-template-columns:1fr}.s58-lux-quote-card{padding:25px}.s58-journey-grid-lux>div::after{display:none}
 .s58-reward-destinations{grid-template-columns:1fr 1fr}
 .s58-catalog-hero{padding:52px 0 70px}.s58-catalog-hero h1{font-size:clamp(2.7rem,12vw,4.2rem)}.s58-catalog-stage{height:240px}.s58-catalog-stage-item{width:87px;height:165px}.s58-catalog-search-hero{grid-template-columns:32px 1fr 72px}.s58-category-dock{border-radius:16px}.s58-catalog-heading-row{align-items:flex-start;flex-direction:column}
 .s58-detail-banner{padding:28px 0}.s58-detail-trust{grid-template-columns:repeat(2,1fr)}.s58-detail-shell .s58-detail-main-image{height:520px}.s58-detail-feature-mini{grid-template-columns:1fr 1fr}.s58-price-panel-lux{grid-template-columns:1fr 1fr}.s58-price-panel-lux .s58-main-price{grid-column:1/-1;border-bottom:1px solid rgba(240,204,113,.28)}.s58-price-panel-lux>div:nth-child(2){border-left:0}.s58-price-panel-lux .s58-main-price strong{font-size:2rem}.s58-faq-grid{grid-template-columns:1fr}
 .s58-footer-grid{grid-template-columns:1fr 1fr}.s58-footer-grid .s58-footer-brand{grid-column:1/-1}.s58-footer-grid>div:last-child{grid-column:1/-1}.s58-footer-valuebar{grid-template-columns:1fr}
}
@media(max-width:479.98px){
 .s58-nav-actions .s58-btn-register{width:100%}.s58-nav-contact{display:none}
 .s58-hero-copy-light h1{font-size:clamp(2.8rem,15vw,4rem)}.s58-product-stage{min-height:330px}.s58-stage-product{width:82px;height:145px;border-radius:12px}.s58-stage-product span{display:none}.s58-stage-product-1{bottom:45px}.s58-stage-product-2{bottom:58px}.s58-stage-product-3{bottom:43px}.s58-stage-product-4{bottom:58px}.s58-stage-product-5{bottom:45px}.s58-stage-glass-card{width:178px;top:0}.s58-stage-halo{inset:15px 0 50px}.s58-stage-platform{height:56px}
 .s58-ribbon-item{grid-template-columns:1fr}.s58-gold-coin{margin-bottom:3px}
 .s58-product-grid-home,.s58-product-grid-catalog,.s58-related-grid{grid-template-columns:1fr}.s58-product-card-lux .s58-product-image{height:310px}
 .s58-reward-destinations{grid-template-columns:1fr}.s58-catalog-stage{height:205px}.s58-catalog-stage-item{width:74px;height:140px}.s58-catalog-stage-item-1{left:0}.s58-catalog-stage-item-2{left:18%}.s58-catalog-stage-item-3{left:39%}.s58-catalog-stage-item-4{right:17%}.s58-catalog-search-hero span{font-size:.72rem}
 .s58-detail-shell{border-radius:22px}.s58-detail-shell .s58-detail-gallery{padding:10px}.s58-detail-shell .s58-detail-main-image{height:430px;border-radius:17px}.s58-detail-copy-lux{padding:22px}.s58-detail-feature-mini{grid-template-columns:1fr 1fr}.s58-price-panel-lux .s58-main-price strong{font-size:1.75rem}.s58-price-panel-lux>div{padding:13px}.s58-detail-actions{display:grid}.s58-detail-actions .s58-btn{width:100%}.s58-detail-ribbon-wrap{margin-top:-12px}
 .s58-footer-grid{grid-template-columns:1fr}.s58-footer-grid .s58-footer-brand,.s58-footer-grid>div:last-child{grid-column:auto}.s58-footer-bottom{gap:8px}
}

/* ========================================================================== 
   RC v6 — PREVIEW #1 STABILITY & POLISH OVERRIDES
   Tujuan: lebih dekat dengan pratinjau pilihan, lebih stabil di desktop/mobile,
   gold luxury lebih kuat, dan copy BV/PV bersifat marketing tanpa edukasi teknis.
   ========================================================================== */
:root{
  --s58-gold-premium:#f1cf73;
  --s58-gold-deep:#b67b1e;
  --s58-emerald-deep:#022f22;
  --s58-emerald:#07533c;
  --s58-ivory:#fffaf0;
}

/* Hero Preview #1 */
.s58-preview-one{
  min-height:720px!important;
  padding:86px 0 92px!important;
  background:
    linear-gradient(90deg,rgba(1,28,20,.98) 0%,rgba(3,51,37,.93) 42%,rgba(3,52,37,.58) 70%,rgba(2,29,21,.45) 100%),
    radial-gradient(circle at 78% 22%,rgba(255,220,125,.30),transparent 27%),
    url('img/authlogin_bg.webp') center 52%/cover no-repeat!important;
}
.s58-preview-one::before{background:
  radial-gradient(circle at 76% 22%,rgba(252,216,113,.28),transparent 26%),
  linear-gradient(135deg,transparent 52%,rgba(235,186,70,.08) 52.3% 52.7%,transparent 53%)!important}
.s58-preview-one .s58-hero-copy-light h1{max-width:760px;font-size:clamp(3.6rem,6.4vw,6.4rem);line-height:.91}
.s58-preview-one .s58-lead{max-width:640px;font-size:1.12rem}
.s58-hero-proof-marketing>div{min-width:178px;padding:11px 13px;border-color:rgba(249,217,135,.29);background:linear-gradient(145deg,rgba(3,45,33,.66),rgba(3,36,27,.42))}
.s58-hero-proof-marketing i{border:1px solid rgba(249,216,129,.22);border-radius:50%;background:linear-gradient(145deg,rgba(248,218,139,.24),rgba(150,96,16,.13))}

/* Stable product showcase: no overlapping absolute cards on responsive widths */
.s58-stage-stable{min-height:555px;margin-left:0!important}
.s58-stage-stable .s58-stage-halo{inset:48px 0 88px 10px}
.s58-stage-stable .s58-stage-platform{left:4%;right:2%;bottom:22px;height:112px}
.s58-stage-products-grid{position:absolute;left:2%;right:1%;bottom:65px;z-index:4;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:7px;height:330px}
.s58-stage-product-card{position:relative;display:block;min-width:0;height:250px;overflow:hidden;border:1px solid rgba(255,224,149,.38);border-radius:17px;background:linear-gradient(145deg,#fff8e8,#e7dfca);box-shadow:0 22px 42px rgba(0,0,0,.34);transition:transform .22s ease,box-shadow .22s ease}
.s58-stage-product-card img{width:100%;height:100%;object-fit:cover;object-position:center 14%;transform:scale(1.025)}
.s58-stage-product-card:hover{z-index:8;transform:translateY(-10px)!important;box-shadow:0 30px 58px rgba(0,0,0,.42),0 0 0 1px rgba(243,200,95,.40)}
.s58-stage-product-card.stage-1,.s58-stage-product-card.stage-7{height:220px;transform:translateY(20px) scale(.93)}
.s58-stage-product-card.stage-2,.s58-stage-product-card.stage-6{height:245px;transform:translateY(8px)}
.s58-stage-product-card.stage-3,.s58-stage-product-card.stage-5{height:275px}
.s58-stage-product-card.stage-4{height:305px;z-index:5;box-shadow:0 27px 52px rgba(0,0,0,.39)}
.s58-stage-join-card{right:4px!important;top:8px!important;width:250px!important;background:linear-gradient(145deg,rgba(3,49,35,.88),rgba(5,74,52,.62))!important}
.s58-stage-join-card a{display:inline-flex;align-items:center;gap:5px;margin-top:10px;color:#f5d276;font-size:.68rem;font-weight:850;text-decoration:none}

/* Marketing ribbon */
.s58-value-ribbon-marketing .s58-value-ribbon{padding:24px 30px;background:linear-gradient(135deg,rgba(255,253,247,.98),rgba(249,239,214,.98));border-color:#e8bd59}
.s58-value-ribbon-marketing .s58-ribbon-item h2{font-family:Georgia,"Times New Roman",serif;font-size:1.17rem;color:#193126}
.s58-value-ribbon-marketing .s58-ribbon-item p{font-size:.8rem;color:#637068}
.s58-value-ribbon-marketing .s58-ribbon-item small{color:#9a6b1d}

/* Stronger champagne-gold fintech surfaces */
.s58-btn-gold{background:linear-gradient(135deg,#fff0aa 0%,#f3cf71 27%,#d69d35 69%,#b47419 100%)!important;border-color:#e4bd5b!important;color:#1b271f!important;box-shadow:0 10px 26px rgba(175,114,24,.25),inset 0 1px 0 rgba(255,255,255,.72)!important}
.s58-btn-gold:hover{filter:brightness(1.04);transform:translateY(-1px)}
.s58-product-card-lux{background:linear-gradient(180deg,#fffefa,#fbf4e4);border-color:#e1c98f}
.s58-product-card-lux .s58-product-image{background:linear-gradient(145deg,#f4f1e7,#fff2c9)}
.s58-product-card-lux .s58-price-line strong{background:linear-gradient(90deg,#9a6317,#d19b32);-webkit-background-clip:text;background-clip:text;color:transparent}
.s58-marble-section{background:
  radial-gradient(circle at 8% 12%,rgba(215,180,97,.08),transparent 24%),
  radial-gradient(circle at 90% 80%,rgba(9,77,55,.05),transparent 22%),
  linear-gradient(180deg,#fffdf8,#f7f2e7)!important}

/* Catalog refinements */
.s58-catalog-hero-v6{min-height:470px;background:
  linear-gradient(90deg,rgba(1,29,21,.98),rgba(3,54,39,.90) 48%,rgba(3,52,37,.50)),
  radial-gradient(circle at 82% 18%,rgba(249,210,106,.28),transparent 24%),
  url('img/authlogin_bg.webp') center 56%/cover no-repeat!important}
.s58-catalog-stage-v6{height:330px}
.s58-catalog-value-ribbon{margin-top:18px}
.s58-catalog-result-meta{display:flex;align-items:baseline;gap:8px;padding:10px 14px;border:1px solid #dfc789;border-radius:14px;background:#fffaf0;box-shadow:0 8px 22px rgba(60,49,28,.08)}
.s58-catalog-result-meta strong{color:#0a533d;font-size:1.35rem}.s58-catalog-result-meta span{color:#758077;font-size:.75rem}

/* Detail: protect product images from destructive cropping */
.s58-detail-banner-v6{background:
  linear-gradient(90deg,rgba(1,30,21,.97),rgba(4,61,43,.84) 58%,rgba(2,37,27,.54)),
  radial-gradient(circle at 79% 24%,rgba(247,208,106,.25),transparent 23%),
  url('img/authlogin_bg.webp') center 40%/cover no-repeat!important}
.s58-detail-shell .s58-detail-main-image{background:linear-gradient(145deg,rgba(255,252,242,.97),rgba(243,232,202,.93))!important}
.s58-detail-shell .s58-detail-main-image img{object-fit:contain!important;object-position:center!important;padding:10px}
.s58-detail-shell .s58-detail-thumbs img{object-fit:contain!important;object-position:center!important;background:#fffaf0}
.s58-detail-join-banner{padding:52px 0}
.s58-price-panel-lux{border-color:#e9c15d;background:linear-gradient(135deg,#032f23,#07583f 57%,#0a684a)}
.s58-price-panel-lux strong{color:#fff4c6}.s58-price-panel-lux span{color:#f2ce6b}

/* Footer BV/PV = marketing line, not education block */
.s58-footer-valuebar span{color:rgba(255,255,255,.72)}

/* Responsive stabilization */
@media(max-width:1199.98px){
  .s58-stage-products-grid{grid-template-columns:repeat(5,minmax(0,1fr));left:3%;right:3%;height:310px}
  .s58-stage-product-card.stage-6,.s58-stage-product-card.stage-7{display:none}
  .s58-stage-product-card.stage-1,.s58-stage-product-card.stage-5{height:220px;transform:translateY(18px)}
  .s58-stage-product-card.stage-2,.s58-stage-product-card.stage-4{height:260px;transform:translateY(5px)}
  .s58-stage-product-card.stage-3{height:300px}
}
@media(max-width:991.98px){
  .s58-preview-one{min-height:auto!important;padding:68px 0 56px!important}
  .s58-stage-stable{min-height:490px;margin-top:18px!important}
  .s58-stage-join-card{top:0!important;right:0!important;width:220px!important}
  .s58-stage-products-grid{bottom:58px;height:285px}
  .s58-value-ribbon-marketing .s58-value-ribbon{padding:20px}
}
@media(max-width:767.98px){
  .s58-preview-one .s58-hero-copy-light h1{font-size:clamp(3rem,14vw,4.8rem)}
  .s58-hero-proof-marketing{grid-template-columns:1fr!important}
  .s58-stage-stable{min-height:390px!important}
  .s58-stage-products-grid{grid-template-columns:repeat(4,minmax(0,1fr));left:0;right:0;bottom:45px;height:220px;gap:5px}
  .s58-stage-product-card.stage-5{display:none}
  .s58-stage-product-card.stage-1,.s58-stage-product-card.stage-4{height:155px;transform:translateY(18px)}
  .s58-stage-product-card.stage-2{height:190px;transform:translateY(5px)}
  .s58-stage-product-card.stage-3{height:220px}
  .s58-stage-join-card{width:190px!important;padding:11px!important;font-size:.75rem}
  .s58-stage-join-card small{font-size:.62rem}
  .s58-stage-stable .s58-stage-platform{height:65px;bottom:18px}
  .s58-value-ribbon-marketing .s58-ribbon-item{grid-template-columns:56px 1fr!important}
  .s58-value-ribbon-marketing .s58-ribbon-item h2{font-size:1rem}
  .s58-detail-shell .s58-detail-main-image{height:500px!important}
}
@media(max-width:479.98px){
  .s58-stage-stable{min-height:315px!important}
  .s58-stage-products-grid{height:175px;bottom:36px}
  .s58-stage-product-card.stage-1,.s58-stage-product-card.stage-4{height:120px}
  .s58-stage-product-card.stage-2{height:145px}
  .s58-stage-product-card.stage-3{height:168px}
  .s58-stage-join-card{position:relative!important;top:0!important;right:auto!important;width:100%!important;margin-bottom:10px}
  .s58-value-ribbon-marketing .s58-ribbon-item{grid-template-columns:1fr!important}
  .s58-detail-shell .s58-detail-main-image{height:400px!important}
}

/* ========================================================================== 
   RC v7 — MOUNTAIN SPRING BLUE / WHITE / MEADOW GREEN THEME
   Fokus: layout tetap, nuansa digeser ke terang segar sejuk seperti mata air
   pegunungan dengan opacity hijau padang rumput dan gold tipis sebagai aksen.
   ========================================================================== */
:root{
  --s58-bg:#f3f9fd;
  --s58-bg-soft:#e8f4fb;
  --s58-surface:#ffffff;
  --s58-surface-2:#f7fcff;
  --s58-text:#17374d;
  --s58-muted:#668093;
  --s58-line:#d6e5ef;
  --s58-green:#2f8c73;
  --s58-green-2:#1e7b66;
  --s58-green-soft:#e9f6f1;
  --s58-gold:#d9bb72;
  --s58-gold-2:#ecd69d;
  --s58-gold-soft:#f8f1de;
  --s58-blue:#4a92c9;
  --s58-blue-soft:#edf8ff;
  --s58-shadow-sm:0 10px 28px rgba(39,92,132,.08);
  --s58-shadow:0 20px 54px rgba(29,81,120,.12);
  --s58-shadow-lg:0 30px 84px rgba(28,77,112,.16);
}
body{background:var(--s58-bg);color:var(--s58-text)}
body::before{background:
  radial-gradient(circle at 12% 10%,rgba(95,190,238,.14),transparent 29%),
  radial-gradient(circle at 88% 14%,rgba(126,214,177,.14),transparent 24%),
  radial-gradient(circle at 76% 72%,rgba(81,153,214,.10),transparent 22%),
  linear-gradient(180deg,#fafdff 0%,#f2f9fd 44%,#edf7fb 100%)}

.s58-nav{background:rgba(255,255,255,.88);border-bottom:1px solid rgba(214,229,239,.92);box-shadow:0 10px 34px rgba(67,118,153,.07)}
.s58-nav .nav-link{color:#587384}.s58-nav .nav-link:hover{background:#edf7fd;color:#266d98}.s58-nav .nav-link.active{background:#eef9ff;color:#1f6f9d}.s58-nav .nav-link.active::after{background:linear-gradient(90deg,#49a2d5,#b7d681,#d9ba69)}
.s58-icon-button{border-color:#d8e8f2;color:#256f99;background:rgba(255,255,255,.94)}
.s58-icon-button.is-soft{background:#f0f9ff}

.s58-btn-primary{background:linear-gradient(135deg,#2e84be,#56b7e7 58%,#3ea17e);border-color:#3b8cc2;color:#fff;box-shadow:0 12px 28px rgba(63,143,197,.22)}
.s58-btn-primary:hover{background:linear-gradient(135deg,#2b77ac,#4fb0df 58%,#329370)}
.s58-btn-secondary{border-color:#d3e3ed;color:#2d7baa;background:#fff}
.s58-btn-secondary:hover{background:#f3fbff;color:#236a95}
.s58-btn-light{background:rgba(255,255,255,.95);border-color:rgba(255,255,255,.9);color:#2d7daa}
.s58-btn-gold{background:linear-gradient(135deg,#fff6d8 0%,#f3dda4 24%,#e5c16d 62%,#c79a45 100%)!important;border-color:#e5c479!important;color:#20435a!important;box-shadow:0 10px 24px rgba(199,154,69,.18),inset 0 1px 0 rgba(255,255,255,.84)!important}

.s58-soft-section{background:linear-gradient(180deg,#edf8fd 0%,#f7fcff 100%);border-top:1px solid var(--s58-line);border-bottom:1px solid var(--s58-line)}
.s58-eyebrow,.s58-kicker{color:#2d7aaa}.s58-eyebrow{background:#eef8ff;border-color:#d2e8f5}
.s58-section-heading h2 span,.s58-page-hero h1 span{color:#2f86b8}
.s58-page-hero{background:linear-gradient(135deg,#fafdff 0%,#edf7fd 62%,#eef8f1 100%)}
.s58-page-hero::after{background:radial-gradient(circle,rgba(122,203,235,.18),transparent 68%)}
.s58-page-stat strong{color:#2b7ca8}

.s58-preview-one{background:
  linear-gradient(90deg,rgba(19,66,94,.92) 0%,rgba(32,110,153,.78) 40%,rgba(64,173,223,.42) 70%,rgba(43,133,115,.28) 100%),
  radial-gradient(circle at 82% 18%,rgba(255,255,255,.26),transparent 22%),
  url('img/authlogin_bg.webp') center 52%/cover no-repeat!important}
.s58-preview-one::before{background:
  radial-gradient(circle at 80% 20%,rgba(255,255,255,.20),transparent 25%),
  radial-gradient(circle at 14% 74%,rgba(94,203,159,.14),transparent 24%),
  linear-gradient(135deg,transparent 54%,rgba(255,255,255,.08) 54.2% 54.6%,transparent 54.8%)!important}
.s58-preview-one::after{background:linear-gradient(180deg,transparent,rgba(30,84,120,.16)),linear-gradient(175deg,transparent 0 48%,rgba(115,197,144,.12) 48.2% 48.6%,transparent 48.8%)!important}
.s58-hero-copy-light h1{text-shadow:0 4px 26px rgba(13,56,85,.24)}
.s58-hero-copy-light h1 span{background:linear-gradient(90deg,#ffffff 0%,#eef8ff 36%,#daf2ff 70%,#d7edcb 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.s58-hero-copy-light .s58-lead{color:rgba(255,255,255,.88)}
.s58-hero-proof>div,.s58-hero-proof-marketing>div{border-color:rgba(212,236,248,.26);background:linear-gradient(145deg,rgba(236,248,255,.16),rgba(34,117,162,.12));backdrop-filter:blur(14px)}
.s58-hero-proof i,.s58-hero-proof-marketing i{background:linear-gradient(145deg,rgba(255,255,255,.28),rgba(108,192,159,.16));color:#eaf9ff;border-color:rgba(255,255,255,.24)}

.s58-stage-halo{background:radial-gradient(circle at 50% 50%,rgba(198,239,255,.28),rgba(95,198,230,.14) 52%,rgba(94,203,159,.10) 68%,transparent 76%)}
.s58-stage-platform{border-color:rgba(213,233,245,.72);background:linear-gradient(180deg,rgba(244,252,255,.80),rgba(122,182,214,.28));box-shadow:0 34px 56px rgba(43,88,119,.24),inset 0 10px 24px rgba(255,255,255,.72)}
.s58-stage-product-card,.s58-stage-product{border-color:rgba(212,234,245,.55);background:linear-gradient(145deg,#ffffff,#edf8ff);box-shadow:0 20px 40px rgba(43,88,119,.22)}
.s58-stage-product-card:hover,.s58-stage-product:hover{box-shadow:0 28px 54px rgba(41,87,118,.28),0 0 0 1px rgba(118,192,232,.32)}
.s58-stage-product span{background:rgba(28,103,147,.80);color:#eefbff}
.s58-stage-glass-card,.s58-stage-join-card{background:linear-gradient(145deg,rgba(242,250,255,.80),rgba(182,225,243,.28))!important;border:1px solid rgba(220,241,250,.56)!important;color:#18486a!important;box-shadow:0 20px 44px rgba(48,94,124,.16)!important}
.s58-stage-glass-card span,.s58-stage-join-card span{color:#2d80ad!important}.s58-stage-glass-card small,.s58-stage-join-card small{color:#5f7b90!important}.s58-stage-join-card a{color:#2c7eab!important}

.s58-value-ribbon,.s58-value-ribbon-marketing .s58-value-ribbon{background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(240,249,255,.98) 58%,rgba(238,248,241,.98) 100%);border-color:#d7e8f1;box-shadow:0 18px 46px rgba(45,93,122,.12),inset 0 1px 0 rgba(255,255,255,.95)}
.s58-ribbon-divider{background:linear-gradient(180deg,transparent,#b2d4e7,transparent)}
.s58-gold-coin{border-color:#ecddaa;background:radial-gradient(circle at 35% 30%,#ffffff 0,#bfe5f7 28%,#72b4d8 58%,#2e6e98 84%,#24455b 100%);color:#fff}
.s58-ribbon-item small{color:#5284a6}.s58-ribbon-item h2{color:#1e4360}.s58-ribbon-item p{color:#668093}

.s58-product-card-lux{background:linear-gradient(180deg,#ffffff,#f7fcff);border-color:#d9e7f0;box-shadow:0 12px 28px rgba(42,89,120,.08)}
.s58-product-card-lux:hover{border-color:#a9d2e7;box-shadow:0 20px 42px rgba(42,89,120,.12),0 0 0 1px rgba(120,191,230,.12)}
.s58-product-card-lux .s58-product-image{background:linear-gradient(145deg,#eef9ff,#f8fffb)}
.s58-product-card-lux .s58-chip{border-color:rgba(173,214,232,.7);background:rgba(255,255,255,.94);color:#2c7ca8}
.s58-product-card-lux h2,.s58-product-card-lux h3{color:#17384f}.s58-product-card-lux p{color:#6d8595}
.s58-price-line{border-top-color:#ddeaf2}.s58-price-line span{color:#5d8cad}.s58-price-line strong{background:linear-gradient(90deg,#2e7fb0,#4db2df 68%,#59a685);-webkit-background-clip:text;background-clip:text;color:transparent}
.s58-product-card-lux .s58-metric-strip{border-bottom-color:#ddeaf2}.s58-product-card-lux .s58-metric-strip>div+div{border-left-color:#dbe7ef}.s58-product-card-lux .s58-metric-strip span{color:#7e95a5}.s58-product-card-lux .s58-metric-strip strong{color:#295d7d}.s58-product-card-lux .s58-metric-strip .is-pv strong{color:#257b66}
.s58-btn-product{border-color:#5fb0d8!important;background:linear-gradient(135deg,#2f86be,#58b6e6 58%,#42a67f)!important;color:#fff!important;box-shadow:0 7px 16px rgba(56,134,187,.20)}
.s58-btn-product:hover{color:#fff!important;filter:brightness(1.03)}

.s58-marble-section{background:
  radial-gradient(circle at 8% 12%,rgba(102,189,228,.09),transparent 24%),
  radial-gradient(circle at 88% 82%,rgba(104,198,160,.08),transparent 22%),
  linear-gradient(180deg,#fbfeff,#f2f9fd)!important}

.s58-why-lux{background:
  linear-gradient(90deg,rgba(24,74,105,.95),rgba(36,122,167,.88) 56%,rgba(38,128,111,.66)),
  url('img/authlogin_bg.webp') center 54%/cover no-repeat;color:#fff}
.s58-why-lux::before{background:radial-gradient(circle at 83% 50%,rgba(255,255,255,.18),transparent 24%),linear-gradient(160deg,transparent 55%,rgba(167,226,199,.12) 55.2% 55.6%,transparent 55.8%)}
.s58-feature-grid-glass article{border-color:rgba(219,242,250,.22);background:rgba(242,250,255,.12);box-shadow:0 15px 35px rgba(17,57,82,.16)}
.s58-feature-grid-glass article i{background:linear-gradient(145deg,rgba(255,255,255,.20),rgba(114,193,229,.16));color:#f5fdff}.s58-feature-grid-glass p{color:rgba(255,255,255,.77)}
.s58-lux-quote-card{border-color:rgba(219,242,250,.28);background:linear-gradient(145deg,rgba(244,251,255,.15),rgba(67,152,195,.18));box-shadow:0 24px 60px rgba(14,55,81,.22)}
.s58-lux-quote-card>span{color:#dff4ff}.s58-lux-quote-card a{color:#eefcff}

.s58-journey-lux{background:linear-gradient(180deg,#f9fdff,#eef8fd)}
.s58-journey-grid-lux>div{border-color:#d9e8f1;background:linear-gradient(160deg,#ffffff,#f3fbff);box-shadow:0 12px 30px rgba(48,95,125,.08)}
.s58-catalog-hero-v6{background:
  linear-gradient(90deg,rgba(21,71,101,.94),rgba(39,123,170,.82) 48%,rgba(63,173,218,.38)),
  radial-gradient(circle at 82% 18%,rgba(255,255,255,.22),transparent 24%),
  url('img/authlogin_bg.webp') center 56%/cover no-repeat!important}
.s58-catalog-result-meta{border-color:#d9e7f0;background:#fbfeff;box-shadow:0 8px 22px rgba(47,93,123,.08)}
.s58-catalog-result-meta strong{color:#2f80b0}.s58-catalog-result-meta span{color:#6d8798}

.s58-detail-banner-v6{background:
  linear-gradient(90deg,rgba(20,70,100,.94),rgba(38,124,169,.82) 58%,rgba(51,144,126,.40)),
  radial-gradient(circle at 79% 24%,rgba(255,255,255,.20),transparent 23%),
  url('img/authlogin_bg.webp') center 40%/cover no-repeat!important}
.s58-detail-shell .s58-detail-main-image{background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(238,248,255,.95))!important}
.s58-price-panel-lux{border-color:#cfe5ef;background:linear-gradient(135deg,#255f84,#368ac0 58%,#35946f)}
.s58-price-panel-lux strong{color:#ffffff}.s58-price-panel-lux span{color:#e5f8ff}
.s58-detail-copy-lux,.s58-detail-shell{box-shadow:0 20px 58px rgba(41,88,117,.12)}

.s58-footer{background:linear-gradient(180deg,#1b5d82,#184f6e 48%,#1a6958 100%);color:#fff}
.s58-footer::before{background:radial-gradient(circle at 12% 24%,rgba(255,255,255,.10),transparent 22%),radial-gradient(circle at 84% 18%,rgba(174,231,202,.10),transparent 24%)}
.s58-footer-brand p,.s58-footer a,.s58-footer-valuebar span{color:rgba(255,255,255,.82)}
.s58-footer h4,.s58-footer h5{color:#fff}.s58-footer .s58-kicker,.s58-footer .s58-eyebrow{color:#d9f2ff}
.s58-footer .s58-btn,.s58-footer button{background:linear-gradient(135deg,#fef8df,#f3db9b 34%,#e0be6a 76%,#c7923d);color:#1e4660;border-color:#e2c47d}

@media(max-width:991.98px){
  .s58-preview-one{background-position:center center!important}
}

/* ========================================================================== 
   RC v9 — REMOVE BATIK, FULL-PAGE IMAGE BACKGROUND OVERRIDES
   Fokus: motif batik dihilangkan dari tampilan, diganti background image penuh
   agar seluruh portal terasa hidup, premium, sejuk, dan menyatu.
   ========================================================================== */
:root{
  --s58-bg:#e8f1f8;
  --s58-bg-soft:#dceaf4;
  --s58-surface:#f8fcff;
  --s58-surface-2:#eef6fb;
  --s58-text:#14344b;
  --s58-muted:#607a8b;
  --s58-line:#c9dbe8;
  --s58-blue:#17567f;
  --s58-blue-soft:#e6f0f7;
  --s58-green:#2a846d;
  --s58-green-2:#226e5b;
  --s58-gold:#d0b160;
  --s58-gold-2:#ead596;
}
body{background:var(--s58-bg)}
body::before{
  background:
    linear-gradient(180deg,rgba(6,41,67,.26),rgba(6,41,67,.08) 20%,rgba(14,76,110,.06) 48%,rgba(33,108,90,.12) 100%),
    radial-gradient(circle at 12% 10%,rgba(84,151,199,.16),transparent 26%),
    radial-gradient(circle at 86% 15%,rgba(123,197,154,.12),transparent 22%),
    url('img/authlogin_bg.webp') center center/cover fixed no-repeat;
  opacity:1;
}

/* Common full-image page surfaces */
.s58-soft-section,
.s58-marble-section,
.s58-page-hero,
.s58-preview-one,
.s58-why-lux,
.s58-catalog-hero-v6,
.s58-detail-banner-v6,
.s58-footer{
  background-blend-mode:normal,normal,normal;
}

.s58-soft-section{
  background:
    linear-gradient(180deg,rgba(238,247,252,.92),rgba(244,250,254,.94)),
    url('img/authlogin_bg.webp') center center/cover no-repeat;
}
.s58-marble-section{
  background:
    linear-gradient(180deg,rgba(246,251,254,.95),rgba(235,244,250,.95)),
    url('img/authlogin_bg.webp') center center/cover no-repeat!important;
}
.s58-page-hero{
  background:
    linear-gradient(135deg,rgba(232,244,251,.95) 0%,rgba(221,236,246,.94) 58%,rgba(227,243,236,.93) 100%),
    url('img/authlogin_bg.webp') center center/cover no-repeat;
}

/* Main home hero and premium sections */
.s58-preview-one{
  background:
    linear-gradient(90deg,rgba(8,46,74,.96) 0%,rgba(15,79,120,.88) 38%,rgba(29,108,151,.67) 66%,rgba(39,122,102,.42) 100%),
    url('img/authlogin_bg.webp') center 52%/cover no-repeat!important;
}
.s58-preview-one::before{
  background:
    radial-gradient(circle at 82% 18%,rgba(255,255,255,.16),transparent 23%),
    radial-gradient(circle at 12% 75%,rgba(117,205,162,.14),transparent 24%),
    linear-gradient(135deg,transparent 54%,rgba(255,255,255,.06) 54.2% 54.6%,transparent 54.8%)!important;
}
.s58-preview-one::after{
  background:
    linear-gradient(180deg,transparent,rgba(8,48,74,.28)),
    linear-gradient(175deg,transparent 0 48%,rgba(129,204,154,.11) 48.2% 48.6%,transparent 48.8%)!important;
}

.s58-why-lux{
  background:
    linear-gradient(90deg,rgba(9,48,76,.96),rgba(18,83,122,.90) 56%,rgba(33,110,94,.72)),
    url('img/authlogin_bg.webp') center 54%/cover no-repeat;
  color:#fff;
}
.s58-catalog-hero-v6{
  background:
    linear-gradient(90deg,rgba(10,50,78,.96),rgba(18,85,125,.88) 48%,rgba(43,134,105,.46)),
    url('img/authlogin_bg.webp') center 56%/cover no-repeat!important;
}
.s58-detail-banner-v6{
  background:
    linear-gradient(90deg,rgba(9,49,77,.96),rgba(18,87,126,.86) 58%,rgba(42,132,108,.48)),
    url('img/authlogin_bg.webp') center 40%/cover no-repeat!important;
}
.s58-footer{
  background:
    linear-gradient(180deg,rgba(12,58,88,.98),rgba(14,78,114,.96) 48%,rgba(17,95,83,.94) 100%),
    url('img/authlogin_bg.webp') center center/cover no-repeat;
  color:#fff;
}

/* Remove batik from cards / ribbons, keep clean full-image look */
.s58-value-ribbon,
.s58-value-ribbon-marketing .s58-value-ribbon{
  background:linear-gradient(135deg,rgba(248,252,255,.99),rgba(232,243,250,.98) 62%,rgba(236,247,241,.97) 100%);
  border-color:#cfdfeb;
  box-shadow:0 18px 46px rgba(28,70,100,.14),inset 0 1px 0 rgba(255,255,255,.96);
}
.s58-product-card-lux{
  background:linear-gradient(180deg,rgba(250,253,255,.98),rgba(238,247,252,.98));
  border-color:#d2e1eb;
}
.s58-detail-shell,
.s58-detail-copy-lux,
.s58-page-stat,
.s58-floating-card,
.s58-stage-glass-card,
.s58-stage-join-card,
.s58-feature-grid-glass article,
.s58-lux-quote-card,
.s58-catalog-result-meta{
  backdrop-filter:blur(16px);
}

/* Slightly stronger blue identity */
.s58-nav .nav-link.active::after{background:linear-gradient(90deg,#155b86,#3f88b7,#82bfa3,#d5b86f)}
.s58-btn-primary{background:linear-gradient(135deg,#165c88,#2f7dad 58%,#2f8a6d);border-color:#2b739f}
.s58-btn-product{background:linear-gradient(135deg,#17577f,#2d7bad 58%,#2e8768)!important;border-color:#3b88b7!important}
.s58-price-panel-lux{background:linear-gradient(135deg,#174d74,#2a79ad 56%,#2f8268);border-color:#bfd9e8}

/* On smaller screens keep full image visible but stable */
@media(max-width:767.98px){
  body::before{
    background:
      linear-gradient(180deg,rgba(6,41,67,.22),rgba(6,41,67,.06) 20%,rgba(14,76,110,.05) 48%,rgba(33,108,90,.10) 100%),
      radial-gradient(circle at 12% 10%,rgba(84,151,199,.12),transparent 26%),
      radial-gradient(circle at 86% 15%,rgba(123,197,154,.10),transparent 22%),
      url('img/authlogin_bg.webp') center center/cover no-repeat;
  }
  .s58-soft-section,
  .s58-marble-section,
  .s58-page-hero,
  .s58-preview-one,
  .s58-why-lux,
  .s58-catalog-hero-v6,
  .s58-detail-banner-v6,
  .s58-footer{background-position:center center!important}
}

/* ========================================================================== 
   RC v10 — SUKSES58 OFFICIAL BRAND + USER BLUE GRADIENT SYSTEM
   Logo resmi, commercial video, transparent-gradient navbar, gold borders.
   ========================================================================== */
:root{
  --s58-user-blue-gradient:linear-gradient(120deg,
    rgba(0,20,40,.4) 0%,
    rgba(0,100,200,.7) 30%,
    rgba(0,230,250,.6) 50%,
    rgba(0,140,250,.4) 70%,
    rgba(0,10,20,.5) 100%);
  --s58-user-mix-gradient:linear-gradient(120deg,
    rgba(20,170,100,.8) 0%,
    rgba(10,120,120,.7) 30%,
    rgba(120,170,220,.9) 50%,
    rgba(50,100,120,.8) 70%,
    rgba(50,120,250,.7) 100%);
  --s58-gold-border:#e7c45f;
  --s58-gold-border-soft:rgba(231,196,95,.58);
  --s58-gold-glow:rgba(231,196,95,.22);
  --s58-deep-blue:#062f50;
  --s58-deep-blue-2:#084f7f;
}

/* Official brand assets ------------------------------------------------ */
.s58-brand-logo{display:inline-flex;align-items:center;text-decoration:none;min-width:0}
.s58-logo-full{display:block;width:152px;height:48px;object-fit:contain;object-position:left center;filter:drop-shadow(0 4px 12px rgba(0,0,0,.15))}
.s58-logo-short{display:none;width:40px;height:44px;object-fit:contain;object-position:center;filter:drop-shadow(0 4px 12px rgba(0,0,0,.18))}
.s58-brand-footer .s58-logo-full{width:178px;height:58px}

/* Transparent luxury fintech navbar ---------------------------------- */
.s58-header{box-shadow:none}
.s58-nav{
  min-height:78px;
  padding:9px 0;
  background:
    linear-gradient(90deg,rgba(0,20,40,.50),rgba(0,92,160,.36) 36%,rgba(0,205,230,.24) 52%,rgba(24,112,174,.32) 74%,rgba(0,10,20,.52));
  border-bottom:1px solid var(--s58-gold-border-soft);
  box-shadow:0 10px 38px rgba(0,25,48,.18),inset 0 -1px 0 rgba(255,230,151,.08);
  backdrop-filter:blur(20px) saturate(155%);
  -webkit-backdrop-filter:blur(20px) saturate(155%);
}
.s58-nav::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 0 20%,rgba(255,255,255,.07) 42%,transparent 62%);opacity:.7}
.s58-nav .container{position:relative;z-index:1}
.s58-nav .nav-link{color:rgba(255,255,255,.88);text-shadow:0 1px 8px rgba(0,30,55,.22)}
.s58-nav .nav-link:hover{color:#fff7d7;background:rgba(255,255,255,.09);box-shadow:inset 0 0 0 1px rgba(255,227,139,.10)}
.s58-nav .nav-link.active{color:#ffe9a5;background:rgba(0,94,161,.16)}
.s58-nav .nav-link.active::after{height:2px;background:linear-gradient(90deg,#fff0a5,#e8c45c,#fff1aa);box-shadow:0 0 12px rgba(232,196,92,.58)}
.s58-nav .navbar-toggler{border:1px solid var(--s58-gold-border-soft);background:rgba(0,60,105,.24);color:#ffe38d;box-shadow:0 8px 20px rgba(0,27,51,.16)}
.s58-nav-contact{border:1px solid var(--s58-gold-border-soft)!important;background:rgba(0,83,140,.20)!important;color:#fff!important;backdrop-filter:blur(12px)}
.s58-btn-nav-outline{border:1px solid var(--s58-gold-border-soft);background:rgba(0,52,91,.25);color:#fff1b3!important;backdrop-filter:blur(12px)}
.s58-btn-nav-outline:hover{background:rgba(0,122,190,.24);border-color:#ffe493}
.s58-btn-register{border-color:#f0d06e!important;box-shadow:0 9px 25px rgba(214,167,59,.22),0 0 0 1px rgba(255,238,177,.12)!important}

/* User gradient treatment -------------------------------------------- */
.s58-preview-one{
  background:
    var(--s58-user-blue-gradient),
    linear-gradient(90deg,rgba(0,24,48,.52),rgba(0,70,130,.20) 54%,rgba(17,100,78,.14)),
    url('img/authlogin_bg.webp') center 52%/cover no-repeat!important;
  border-bottom:1px solid var(--s58-gold-border-soft);
}
.s58-preview-one::before{background:
  radial-gradient(circle at 79% 18%,rgba(255,255,255,.20),transparent 24%),
  linear-gradient(145deg,transparent 54%,rgba(255,224,129,.10) 54.2% 54.5%,transparent 54.7%)!important}
.s58-preview-one::after{background:linear-gradient(180deg,transparent,rgba(0,20,40,.30)),linear-gradient(175deg,transparent 0 48%,rgba(229,192,87,.14) 48.2% 48.55%,transparent 48.8%)!important}
.s58-hero-copy-light h1 span{background:linear-gradient(90deg,#ffffff 0%,#dff8ff 35%,#a7f3ff 58%,#e9f7cd 82%,#fff1b1 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.s58-hero-proof>div,.s58-hero-proof-marketing>div{border:1px solid rgba(232,198,101,.30);background:linear-gradient(145deg,rgba(0,44,84,.30),rgba(40,183,209,.13));box-shadow:0 10px 25px rgba(0,30,55,.10)}

.s58-why-lux{
  background:
    var(--s58-user-mix-gradient),
    linear-gradient(90deg,rgba(0,28,52,.56),rgba(0,75,110,.18)),
    url('img/sukses58_promosi.webp') center center/cover no-repeat;
  border-top:1px solid var(--s58-gold-border-soft);
  border-bottom:1px solid var(--s58-gold-border-soft);
}
.s58-reward-banner{
  background:
    var(--s58-user-blue-gradient),
    linear-gradient(90deg,rgba(0,25,50,.58),rgba(9,90,102,.24)),
    url('img/authlogin_bg.webp') center 62%/cover no-repeat;
  border-top:1px solid var(--s58-gold-border-soft);
  border-bottom:1px solid var(--s58-gold-border-soft);
}
.s58-catalog-hero,.s58-catalog-hero-v6{
  background:
    var(--s58-user-blue-gradient),
    linear-gradient(90deg,rgba(0,22,43,.54),rgba(10,90,140,.20)),
    url('img/sukses58_produk.webp') center center/cover no-repeat!important;
  border-bottom:1px solid var(--s58-gold-border-soft);
}
.s58-detail-banner-v6{
  background:
    var(--s58-user-mix-gradient),
    linear-gradient(90deg,rgba(0,25,50,.54),rgba(0,78,125,.18)),
    url('img/sukses58_produk.webp') center center/cover no-repeat!important;
  border-bottom:1px solid var(--s58-gold-border-soft);
}

/* Gold borders for premium surfaces ---------------------------------- */
.s58-value-ribbon,.s58-value-ribbon-marketing .s58-value-ribbon,
.s58-product-card-lux,
.s58-page-stat,
.s58-detail-shell,
.s58-detail-copy-lux,
.s58-lux-quote-card,
.s58-feature-grid-glass article,
.s58-catalog-result-meta{
  border-color:var(--s58-gold-border-soft)!important;
}
.s58-product-card-lux:hover,.s58-detail-shell:hover{border-color:var(--s58-gold-border)!important}
.s58-stage-product-card,.s58-stage-product{border-color:rgba(235,201,105,.40)}
.s58-stage-platform{border-color:rgba(235,201,105,.50)}
.s58-stage-glass-card,.s58-stage-join-card{border-color:rgba(235,201,105,.42)!important}

/* Product section uses official product artwork as full background ---- */
.s58-product-featured-section{
  position:relative;
  background:
    linear-gradient(180deg,rgba(241,249,254,.94),rgba(226,241,249,.94)),
    url('img/sukses58_produk.webp') center center/cover fixed no-repeat!important;
}
.s58-product-featured-section::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 18%,rgba(0,151,222,.09),transparent 24%),radial-gradient(circle at 88% 72%,rgba(34,158,111,.08),transparent 24%)}
.s58-product-featured-section>.container{position:relative;z-index:1}

/* Commercial section ------------------------------------------------- */
.s58-commercial-section{position:relative;padding:76px 0;background:
  var(--s58-user-mix-gradient),
  linear-gradient(90deg,rgba(0,28,55,.50),rgba(0,75,120,.20)),
  url('img/authlogin_bg.webp') center center/cover no-repeat;
  border-top:1px solid var(--s58-gold-border-soft);border-bottom:1px solid var(--s58-gold-border-soft);overflow:hidden}
.s58-commercial-section::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 78% 28%,rgba(255,255,255,.17),transparent 22%)}
.s58-commercial-shell{position:relative;z-index:1;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:34px;padding:28px;border:1px solid var(--s58-gold-border-soft);border-radius:30px;background:linear-gradient(135deg,rgba(0,28,55,.44),rgba(0,100,160,.18));backdrop-filter:blur(18px);box-shadow:0 28px 70px rgba(0,26,48,.24),inset 0 1px 0 rgba(255,245,201,.10)}
.s58-commercial-copy h2{margin:14px 0 12px;color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.1rem,4vw,3.6rem);line-height:1.03}.s58-commercial-copy h2 span{color:#f2d578}.s58-commercial-copy p{color:rgba(255,255,255,.82);max-width:560px}.s58-commercial-points{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}.s58-commercial-points span{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid rgba(235,201,105,.30);border-radius:999px;background:rgba(0,52,91,.24);color:#eefaff;font-size:.76rem;font-weight:750}.s58-commercial-points i{color:#f3d777}
.s58-commercial-video{position:relative;overflow:hidden;border:1px solid var(--s58-gold-border);border-radius:24px;background:#03111c;box-shadow:0 26px 56px rgba(0,20,38,.32),0 0 0 1px rgba(255,230,142,.12)}
.s58-commercial-video video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#03111c}
.s58-video-badge{position:absolute;left:14px;bottom:14px;display:flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid rgba(237,204,110,.48);border-radius:13px;background:rgba(0,30,54,.68);backdrop-filter:blur(14px);color:#fff0b4;font-size:.72rem;font-weight:800}.s58-video-badge img{width:28px;height:30px;object-fit:contain}

/* Footer with official logo and user gradient ------------------------ */
.s58-footer{
  background:
    var(--s58-user-blue-gradient),
    linear-gradient(180deg,rgba(0,22,42,.80),rgba(0,49,78,.74)),
    url('img/authlogin_bg.webp') center center/cover no-repeat;
  border-top:1px solid var(--s58-gold-border-soft);
}
.s58-footer-grid h3{color:#f1d474}.s58-footer-grid>div>a:not(.btn):hover{color:#fff0b1}
.s58-footer-valuebar{border-color:rgba(235,201,105,.28)!important;background:rgba(0,46,78,.20)!important}

@media(max-width:991.98px){
  .s58-logo-full{width:138px;height:44px}
  .s58-commercial-shell{grid-template-columns:1fr;gap:24px}
  .s58-product-featured-section{background-attachment:scroll!important}
}
@media(max-width:767.98px){
  .s58-nav{background:linear-gradient(135deg,rgba(0,20,40,.88),rgba(0,87,150,.72) 50%,rgba(0,32,58,.86));backdrop-filter:blur(22px)}
  .s58-logo-full{display:none}.s58-logo-short{display:block;width:36px;height:43px}
  .s58-brand-footer .s58-logo-full{display:block;width:158px;height:52px}.s58-brand-footer .s58-logo-short{display:none}
  .s58-commercial-section{padding:54px 0}.s58-commercial-shell{padding:18px;border-radius:22px}.s58-commercial-video{border-radius:18px}
}

/* ========================================================================== 
   SUKSES58 PORTAL RC v11 — PREVIEW MATCH OVERRIDES
   Target: kembali mendekati pratinjau 1/2/3 dengan nuansa biru tua,
   biru mata air, putih jernih, gold accent, dan scenic full-page background.
   ========================================================================== */
:root{
  --s58-deep-blue:#08253f;
  --s58-ocean:#0c5b93;
  --s58-spring:#66dbff;
  --s58-sky-white:#f5fbff;
}
body{background:linear-gradient(180deg,#f7fbfe 0%,#f8f7f2 48%,#eef5f9 100%)}
body::before{background:
  radial-gradient(circle at 10% 10%,rgba(15,123,187,.06),transparent 26%),
  radial-gradient(circle at 92% 15%,rgba(255,211,102,.06),transparent 18%),
  linear-gradient(180deg,#fbfdff 0%,#f6fafc 35%,#f4f2ea 100%)}

.s58-nav{position:relative;background:linear-gradient(135deg,rgba(0,24,44,.72),rgba(0,80,145,.45) 45%,rgba(0,35,60,.70) 100%);border-bottom:1px solid rgba(245,210,117,.34);box-shadow:0 14px 36px rgba(0,18,39,.15)}
.s58-brand-logo{gap:10px}.s58-logo-full{width:178px;height:52px;object-fit:contain}.s58-logo-short{display:none;width:38px;height:44px;object-fit:contain}
.s58-nav-actions .s58-btn,.s58-nav-actions .s58-icon-button{min-height:44px}

.s58-logo-film{background:rgba(2,16,30,.82)}
.s58-logo-film.is-open{display:grid}
.s58-film-stage{border:1px solid rgba(245,210,117,.48);border-radius:28px;box-shadow:0 40px 100px rgba(0,0,0,.55),0 0 0 1px rgba(255,247,212,.10)}
.s58-film-stage video{max-height:84vh;object-fit:cover}
.s58-film-meta{border:1px solid rgba(245,210,117,.28);background:linear-gradient(135deg,rgba(0,16,31,.70),rgba(0,81,145,.38));align-items:center}
.s58-film-meta img{width:28px;height:34px;object-fit:contain}.s58-film-meta span{display:flex;align-items:center;gap:8px}
.s58-film-close{border-color:rgba(245,210,117,.44);background:rgba(2,23,42,.34);color:#ffe79d}

.s58-preview-one{
  padding:86px 0 78px;
  background:
    linear-gradient(90deg,rgba(3,22,38,.88) 0%,rgba(6,43,76,.80) 34%,rgba(8,71,119,.38) 62%,rgba(4,22,35,.24) 100%),
    url('img/authlogin_bg.webp') center center/cover no-repeat!important;
}
.s58-preview-one .s58-hero-grid-lines{opacity:.55}
.s58-hero-copy-light h1{color:#fff;text-shadow:0 6px 18px rgba(0,0,0,.22)}
.s58-hero-copy-light .s58-lead{color:rgba(255,255,255,.90)}
.s58-hero-proof{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:28px}
.s58-hero-proof>div{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:18px;border:1px solid rgba(243,207,104,.30);background:linear-gradient(145deg,rgba(0,28,54,.52),rgba(8,86,139,.20));backdrop-filter:blur(10px)}
.s58-hero-proof>div i{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:rgba(245,211,110,.14);color:#f4d675;font-size:1.2rem}
.s58-hero-proof>div strong{display:block;color:#fff;font-size:.92rem;line-height:1.3}.s58-hero-proof>div small{display:block;color:rgba(255,255,255,.72);font-size:.72rem;line-height:1.4}
.s58-stage-slogan{position:absolute;top:8px;right:76px;z-index:4;color:#f6ffd8;font-family:"Brush Script MT","Segoe Script",cursive;font-size:3rem;line-height:.95;text-align:center;text-shadow:0 6px 15px rgba(0,0,0,.18);transform:rotate(-4deg)}
.s58-stage-slogan.is-catalog{top:8px;right:50px;font-size:2.55rem}
.s58-stage-products-grid.is-eight .s58-stage-product-card{box-shadow:0 12px 26px rgba(0,22,40,.24)}
.s58-stage-benefit-box{position:absolute;right:10px;top:88px;z-index:4;width:210px;display:grid;gap:10px;padding:16px;border:1px solid rgba(245,210,117,.34);border-radius:22px;background:linear-gradient(180deg,rgba(22,36,39,.46),rgba(4,53,88,.54));backdrop-filter:blur(12px)}
.s58-stage-benefit-box div{display:flex;align-items:center;gap:10px;color:#fff}.s58-stage-benefit-box i{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:rgba(243,205,101,.18);color:#f2d16c}.s58-stage-benefit-box span{font-size:.77rem;line-height:1.35}

.s58-value-ribbon-preview .s58-value-ribbon,.s58-value-ribbon-preview .s58-value-ribbon{border-color:rgba(232,194,86,.70)!important;box-shadow:0 16px 42px rgba(14,32,55,.12)}
.s58-value-ribbon-preview .s58-gold-coin{box-shadow:inset 0 0 0 1px rgba(255,244,204,.50),0 10px 22px rgba(157,114,16,.20)}

.s58-preview-product-section{padding-top:48px;background:
  linear-gradient(180deg,rgba(255,255,255,.94),rgba(249,247,241,.96));}
.s58-product-grid-eight{grid-template-columns:repeat(4,1fr)}
.s58-product-card-lux{border:1px solid rgba(230,196,94,.45)!important;background:linear-gradient(180deg,#fffefb,#fffdfa 58%,#fff)!important;box-shadow:0 14px 36px rgba(10,25,40,.08)}
.s58-product-card-lux .s58-product-image{height:220px;background:linear-gradient(180deg,#eff7ff,#fffdf5)}
.s58-product-card-lux .s58-overline{display:inline-block;padding:5px 9px;border-radius:999px;background:#f4ead1;color:#7a6125;font-size:.71rem;font-weight:800}
.s58-product-card-lux .s58-price-line{margin:10px 0 2px}.s58-product-card-lux .s58-price-line strong{color:#bf641d;font-size:1.15rem}
.s58-metric-strip.compact{margin-top:8px}.s58-metric-strip.compact div{padding:10px 12px}

.s58-why-preview{padding:46px 0;background:
  linear-gradient(90deg,rgba(4,39,28,.92) 0%,rgba(5,58,42,.88) 45%,rgba(10,60,93,.55) 100%),
  url('img/authlogin_bg.webp') center center/cover no-repeat;border-top:1px solid rgba(230,196,94,.30);border-bottom:1px solid rgba(230,196,94,.30)}
.s58-why-preview-shell{display:grid;grid-template-columns:1.35fr .65fr;gap:24px;align-items:stretch}
.s58-why-copy h2{margin:0 0 10px;color:#fff;font-size:clamp(2.1rem,3.7vw,3.2rem);font-family:Georgia,"Times New Roman",serif}.s58-why-copy>p{color:rgba(255,255,255,.82);margin:0 0 20px}
.s58-feature-grid-five{grid-template-columns:repeat(5,1fr)}
.s58-feature-grid-five article{padding:18px 16px;border:1px solid rgba(236,202,106,.30);border-radius:18px;background:linear-gradient(180deg,rgba(0,20,40,.28),rgba(0,47,28,.22));backdrop-filter:blur(10px)}
.s58-feature-grid-five article h3{color:#fff;font-size:1rem}.s58-feature-grid-five article p{color:rgba(255,255,255,.76);font-size:.79rem;line-height:1.45}.s58-feature-grid-five article i{color:#f3d374}
.s58-why-quote{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;padding:28px;color:#fff;font-family:"Brush Script MT","Segoe Script",cursive;font-size:2.2rem;line-height:1.05;text-align:right;text-shadow:0 8px 18px rgba(0,0,0,.18)}
.s58-why-quote strong{font-size:2.5rem;color:#ffe398}

.s58-journey-preview-section{padding-top:42px;padding-bottom:36px}
.s58-journey-grid-preview{grid-template-columns:repeat(4,1fr)}
.s58-journey-grid-preview>div{padding:22px;border:1px solid rgba(226,196,101,.45);background:#fffefb}

.s58-catalog-preview-two{padding:74px 0 56px;background:
  linear-gradient(90deg,rgba(3,22,38,.88) 0%,rgba(6,43,76,.80) 34%,rgba(8,71,119,.32) 62%,rgba(4,22,35,.22) 100%),
  url('img/authlogin_bg.webp') center center/cover no-repeat!important}
.s58-catalog-preview-two h1,.s58-detail-preview-three h1{color:#fff;text-shadow:0 6px 18px rgba(0,0,0,.24)}
.s58-catalog-preview-two p,.s58-detail-preview-three p{color:rgba(255,255,255,.88)}
.s58-catalog-stage-preview{min-height:330px}
.s58-catalog-stage-preview .s58-catalog-stage-item{border:1px solid rgba(231,194,93,.40);box-shadow:0 12px 28px rgba(0,22,38,.26)}
.s58-category-dock{border-color:rgba(230,196,94,.45);box-shadow:0 10px 28px rgba(14,32,55,.08)}
.s58-category-dock button.active{background:linear-gradient(135deg,#0a4a7a,#082f4f);color:#fff5c8;border-color:#e3bf62}
.s58-catalog-heading-row{align-items:center}.s58-catalog-result-leading{margin:0;color:#5d5d5d}.s58-catalog-result-leading strong{color:#092949}
.s58-catalog-toolbar{display:flex;align-items:center;gap:10px}.s58-catalog-toolbar label,.s58-catalog-toolbar button{display:inline-flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid rgba(222,214,189,.95);border-radius:14px;background:#fffaf1;color:#28313b;font-weight:700}.s58-catalog-toolbar select{border:0;background:transparent;outline:0;color:#28313b}
.s58-catalog-preview-section{padding-top:36px}
.s58-catalog-reward-preview .s58-reward-destinations.is-gallery{grid-template-columns:repeat(4,1fr)}

.s58-detail-preview-three{padding:30px 0 28px;background:
  linear-gradient(90deg,rgba(3,22,38,.88) 0%,rgba(6,43,76,.80) 34%,rgba(8,71,119,.32) 62%,rgba(4,22,35,.22) 100%),
  url('img/authlogin_bg.webp') center 18%/cover no-repeat!important}
.s58-detail-trust-top{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.s58-detail-trust-top div{padding:14px 10px;border-radius:18px;border:1px solid rgba(237,201,103,.34);background:linear-gradient(180deg,rgba(0,28,54,.46),rgba(4,53,88,.40));color:#fff;text-align:center}.s58-detail-trust-top i{display:block;margin-bottom:8px;color:#f1d26f;font-size:1.35rem}.s58-detail-trust-top span{font-size:.77rem;line-height:1.35;font-weight:700}
.s58-detail-main-preview{padding:8px 0 24px}
.s58-detail-shell.is-preview-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:0;border:1px solid rgba(230,196,94,.48)!important;background:linear-gradient(180deg,#fffdf8,#fffefc)!important;overflow:hidden}
.s58-detail-gallery.is-preview-layout{display:grid;grid-template-columns:88px 1fr;gap:14px;padding:16px;background:linear-gradient(180deg,#eef8ff,#fff9ef)}
.s58-detail-thumbs.is-vertical{display:flex;flex-direction:column;gap:10px}.s58-detail-thumbs.is-vertical button{width:100%;padding:0;border:2px solid rgba(230,196,94,.28);border-radius:16px;overflow:hidden;background:#fff}.s58-detail-thumbs.is-vertical button.active{border-color:#d8b353;box-shadow:0 0 0 3px rgba(216,179,83,.16)}
.s58-detail-thumbs.is-vertical img{display:block;width:100%;height:86px;object-fit:cover}
.s58-detail-gallery.is-preview-layout .s58-detail-main-image{height:520px;border:1px solid rgba(230,196,94,.28);border-radius:24px;overflow:hidden;background:#fff}
.s58-detail-gallery.is-preview-layout .s58-detail-main-image img{width:100%;height:100%;object-fit:cover}
.s58-detail-copy.is-preview-layout{padding:24px}
.s58-detail-copy.is-preview-layout h2{font-size:clamp(2rem,3.6vw,3.4rem);font-family:Georgia,"Times New Roman",serif;line-height:1.04}
.s58-detail-feature-grid-four{grid-template-columns:repeat(4,1fr)}
.s58-price-panel-lux.is-preview-panel{margin-top:18px;border:1px solid rgba(230,196,94,.52);border-radius:22px;background:linear-gradient(90deg,#0e3b1f,#0d4a77);color:#fff;overflow:hidden}.s58-price-panel-lux.is-preview-panel>div{border-right:1px solid rgba(255,255,255,.14)}.s58-price-panel-lux.is-preview-panel>div:last-child{border-right:0}.s58-price-panel-lux.is-preview-panel span,.s58-price-panel-lux.is-preview-panel small{color:rgba(255,255,255,.82)}.s58-price-panel-lux.is-preview-panel strong{color:#fff7c5}
.s58-purchase-trust.is-preview-trust{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.s58-purchase-trust.is-preview-trust span{padding:10px 12px;border:1px solid rgba(230,196,94,.30);border-radius:14px;background:#fff8eb}
.s58-feature-grid-four{grid-template-columns:repeat(4,1fr)}
.s58-info-table{display:grid;gap:10px;margin-top:10px}.s58-info-table div{display:grid;grid-template-columns:155px 1fr;gap:12px;padding:12px 14px;border-radius:14px;background:#fffefb;border:1px solid rgba(224,214,189,.95)}.s58-info-table span{font-weight:800;color:#6a6147}.s58-info-table strong{font-weight:600;color:#1d2e2f}
.s58-related-grid{grid-template-columns:repeat(2,1fr)}
.is-fullheight{height:100%}

.s58-reward-banner{background:
  linear-gradient(90deg,rgba(3,22,38,.86) 0%,rgba(6,43,76,.76) 34%,rgba(8,71,119,.30) 62%,rgba(4,22,35,.22) 100%),
  url('img/authlogin_bg.webp') center center/cover no-repeat!important}

@media(max-width:1199.98px){
  .s58-feature-grid-five{grid-template-columns:repeat(3,1fr)}
  .s58-product-grid-eight{grid-template-columns:repeat(3,1fr)}
  .s58-stage-benefit-box{right:0;top:auto;bottom:10px;width:190px}
  .s58-detail-trust-top{grid-template-columns:repeat(2,1fr)}
  .s58-detail-feature-grid-four,.s58-feature-grid-four{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:991.98px){
  .s58-hero-proof{grid-template-columns:1fr}
  .s58-stage-slogan{right:26px;top:0;font-size:2.2rem}
  .s58-stage-benefit-box{display:none}
  .s58-product-grid-eight{grid-template-columns:repeat(2,1fr)}
  .s58-why-preview-shell,.s58-detail-shell.is-preview-layout{grid-template-columns:1fr}
  .s58-feature-grid-five{grid-template-columns:repeat(2,1fr)}
  .s58-journey-grid-preview{grid-template-columns:repeat(2,1fr)}
  .s58-detail-gallery.is-preview-layout .s58-detail-main-image{height:420px}
  .s58-catalog-reward-preview .s58-reward-destinations.is-gallery{grid-template-columns:repeat(2,1fr)}
  .s58-detail-gallery.is-preview-layout{grid-template-columns:72px 1fr}
}
@media(max-width:767.98px){
  .s58-logo-full{display:none}.s58-logo-short{display:block}
  .s58-brand-footer .s58-logo-full{display:block;width:160px;height:48px}.s58-brand-footer .s58-logo-short{display:none}
  .s58-preview-one,.s58-catalog-preview-two,.s58-detail-preview-three{padding-top:60px}
  .s58-product-grid-eight,.s58-feature-grid-five,.s58-journey-grid-preview,.s58-feature-grid-four,.s58-related-grid{grid-template-columns:1fr}
  .s58-stage-slogan,.s58-stage-slogan.is-catalog{font-size:1.8rem;right:14px;top:6px}
  .s58-why-quote{align-items:flex-start;text-align:left;font-size:1.8rem}.s58-why-quote strong{font-size:2rem}
  .s58-catalog-toolbar{width:100%;flex-wrap:wrap;justify-content:flex-start}
  .s58-catalog-toolbar label,.s58-catalog-toolbar button{width:100%;justify-content:space-between}
  .s58-detail-gallery.is-preview-layout{grid-template-columns:1fr;gap:12px}.s58-detail-thumbs.is-vertical{flex-direction:row;overflow:auto}.s58-detail-thumbs.is-vertical img{width:72px;height:72px}
  .s58-purchase-trust.is-preview-trust{grid-template-columns:1fr}
  .s58-info-table div{grid-template-columns:1fr}
  .s58-detail-trust-top{grid-template-columns:repeat(2,1fr)}
}

/* ========================================================================== 
   SUKSES58 PORTAL RC v12 — 1:1 PREVIEW POLISH
   Refinement: proporsi lebih dekat ke preview 1/2/3, display crop produk,
   gold icon system, compact marketplace grid, dan scenic spring-water tone.
   ========================================================================== */
:root{
  --s58-container:1320px;
  --s58-gold-line:#e7c35f;
  --s58-gold-softline:rgba(231,195,95,.48);
  --s58-deep:#06253e;
  --s58-deep2:#0a416a;
  --s58-aqua:#55d8f4;
  --s58-clear:#f7fcff;
}
.container{max-width:var(--s58-container)}
.s58-nav{min-height:68px;padding:7px 0;background:linear-gradient(135deg,rgba(4,25,44,.76),rgba(4,65,108,.52) 46%,rgba(3,29,49,.72));border-bottom:1px solid var(--s58-gold-softline);box-shadow:0 12px 30px rgba(0,19,35,.14)}
.s58-logo-full{width:164px;height:46px}.s58-nav .nav-link{font-size:.86rem;padding:9px 11px!important}.s58-nav-actions{gap:8px}.s58-btn-nav-outline,.s58-btn-register{min-height:40px!important;padding:8px 14px!important;font-size:.82rem!important}

/* Home — preview 1 density */
.s58-preview-one{min-height:610px!important;padding:68px 0 64px!important}
.s58-preview-one .row{min-height:475px}
.s58-preview-one .s58-hero-copy-light h1{max-width:690px;font-size:clamp(3.3rem,5.5vw,5.45rem);line-height:.90;margin:14px 0 16px}
.s58-preview-one .s58-lead{font-size:1rem;max-width:630px;line-height:1.55}
.s58-preview-one .s58-eyebrow{font-size:.68rem;padding:6px 10px}
.s58-hero-proof{grid-template-columns:repeat(4,1fr);gap:9px;margin-top:22px}
.s58-hero-proof>div{display:block;padding:11px 9px;text-align:left;border-radius:16px}.s58-hero-proof>div i{width:36px;height:36px;margin-bottom:7px}.s58-hero-proof>div strong{font-size:.75rem}.s58-hero-proof>div small{font-size:.62rem}
.s58-hero-actions{margin-top:20px}.s58-hero-actions .s58-btn{min-width:160px}
.s58-stage-stable{min-height:470px}.s58-stage-stable .s58-stage-platform{left:0;right:0;bottom:30px;height:92px}
.s58-stage-products-grid.is-eight{left:0;right:0;bottom:74px;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;height:285px}
.s58-stage-products-grid.is-eight .s58-stage-product-card{height:220px;border-radius:14px;background:#fff;transform:none!important;box-shadow:0 16px 32px rgba(0,20,38,.25)}
.s58-stage-products-grid.is-eight .s58-stage-product-card:nth-child(1),.s58-stage-products-grid.is-eight .s58-stage-product-card:nth-child(8){height:180px;transform:translateY(24px)!important}
.s58-stage-products-grid.is-eight .s58-stage-product-card:nth-child(2),.s58-stage-products-grid.is-eight .s58-stage-product-card:nth-child(7){height:205px;transform:translateY(12px)!important}
.s58-stage-products-grid.is-eight .s58-stage-product-card:nth-child(3),.s58-stage-products-grid.is-eight .s58-stage-product-card:nth-child(6){height:235px;transform:translateY(3px)!important}
.s58-stage-products-grid.is-eight .s58-stage-product-card:nth-child(4),.s58-stage-products-grid.is-eight .s58-stage-product-card:nth-child(5){height:260px;z-index:3}
.s58-stage-products-grid.is-eight .s58-stage-product-card img{width:100%;height:100%;object-fit:cover;object-position:center}
.s58-stage-slogan{top:0;right:52px;font-size:2.55rem;color:#efffda;text-shadow:0 3px 14px rgba(0,25,20,.25)}
.s58-stage-benefit-box{top:66px;right:-8px;width:196px;padding:12px;gap:7px}.s58-stage-benefit-box div{gap:8px}.s58-stage-benefit-box i{width:30px;height:30px;flex-basis:30px}.s58-stage-benefit-box span{font-size:.68rem}

.s58-value-ribbon-wrap{margin-top:-17px}.s58-value-ribbon{padding:17px 22px!important;border-radius:20px}.s58-ribbon-item{grid-template-columns:62px 1fr;gap:13px}.s58-gold-coin{width:58px;height:58px}.s58-ribbon-item h2{font-size:1rem!important;margin:1px 0 2px}.s58-ribbon-item p{font-size:.73rem!important}.s58-ribbon-item small{font-size:.59rem}

.s58-preview-product-section{padding:34px 0 38px}.s58-preview-product-section .s58-section-heading{margin-bottom:18px}.s58-preview-product-section .s58-section-heading h2{font-size:2.2rem;margin:5px 0}.s58-preview-product-section .s58-section-heading p{font-size:.86rem}.s58-product-grid-eight{grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}
.s58-product-grid-eight .s58-product-card-lux .s58-product-image{height:145px}.s58-product-grid-eight .s58-product-card-body{padding:11px}.s58-product-grid-eight .s58-chip{font-size:.58rem;padding:4px 7px}.s58-product-grid-eight .s58-overline{font-size:.56rem!important;padding:3px 6px!important}.s58-product-grid-eight h3{font-size:.94rem!important;line-height:1.12;margin:6px 0}.s58-product-grid-eight .s58-price-line strong{font-size:.9rem}.s58-product-grid-eight .s58-metric-strip{font-size:.66rem}.s58-product-grid-eight .s58-metric-strip strong{font-size:.68rem!important}.s58-product-grid-eight .s58-btn-product{min-height:34px;padding:6px 7px!important;font-size:.66rem!important;border-radius:10px}

.s58-why-preview{padding:30px 0}.s58-why-copy h2{font-size:2.4rem}.s58-why-copy>p{font-size:.86rem;margin-bottom:14px}.s58-feature-grid-five{gap:8px}.s58-feature-grid-five article{padding:13px 11px;border-radius:15px}.s58-feature-grid-five article i{display:grid;place-items:center;width:38px;height:38px;margin-bottom:7px;border:1px solid rgba(245,210,117,.45);border-radius:50%;background:linear-gradient(145deg,#fbe7a3,#a66c10);color:#0c3c2b;font-size:1.1rem}.s58-feature-grid-five article h3{font-size:.82rem;margin:4px 0}.s58-feature-grid-five article p{font-size:.66rem}.s58-why-quote{font-size:1.9rem;padding:18px}.s58-why-quote strong{font-size:2.15rem}
.s58-journey-preview-section{padding:28px 0 34px}.s58-journey-preview-section .s58-section-heading{margin-bottom:15px}.s58-journey-preview-section .s58-section-heading h2{font-size:2rem}.s58-journey-preview-section .s58-section-heading p{font-size:.83rem}.s58-journey-grid-preview{gap:10px}.s58-journey-grid-preview>div{padding:16px 14px}.s58-journey-grid-preview>div i{color:#b57a16}.s58-journey-grid-preview h3{font-size:.9rem}.s58-journey-grid-preview p{font-size:.72rem}

/* Catalog — preview 2 density: six cards per row */
.s58-catalog-preview-two{min-height:390px;padding:52px 0 42px}.s58-catalog-preview-two h1{max-width:760px;font-size:clamp(2.7rem,4.7vw,4.65rem);line-height:.98}.s58-catalog-preview-two p{max-width:700px;font-size:.96rem}.s58-catalog-search-hero{max-width:620px;margin-top:18px;height:52px}.s58-catalog-stage-preview{height:270px;min-height:270px}.s58-catalog-stage-preview .s58-catalog-stage-item{width:105px;height:175px;border-radius:14px}.s58-catalog-stage-preview .s58-catalog-stage-item img{object-fit:cover}.s58-stage-slogan.is-catalog{font-size:2.15rem;right:32px}
.s58-category-dock-wrap{margin-top:-16px}.s58-category-dock{padding:9px;gap:7px}.s58-category-dock button{font-size:.72rem;padding:8px 11px}
.s58-catalog-value-ribbon{margin-top:12px}.s58-catalog-preview-section{padding:28px 0 40px}.s58-catalog-heading-row{margin-bottom:16px}.s58-catalog-toolbar{font-size:.72rem}.s58-catalog-toolbar label,.s58-catalog-toolbar button{padding:8px 11px;border-radius:11px}
.s58-product-grid-catalog{grid-template-columns:repeat(6,minmax(0,1fr));gap:11px!important}.s58-product-grid-catalog .s58-product-card-lux .s58-product-image{height:165px}.s58-product-grid-catalog .s58-product-card-body{padding:12px}.s58-product-grid-catalog .s58-overline{font-size:.58rem}.s58-product-grid-catalog h3{font-size:1rem!important;line-height:1.15;margin:4px 0}.s58-product-grid-catalog p{min-height:44px;font-size:.68rem;line-height:1.35}.s58-product-grid-catalog .s58-price-line{margin:7px 0 0;padding-top:7px}.s58-product-grid-catalog .s58-price-line strong{font-size:1rem}.s58-product-grid-catalog .s58-metric-strip{padding:5px 0}.s58-product-grid-catalog .s58-metric-strip strong{font-size:.7rem}.s58-product-grid-catalog .s58-btn-product{min-height:34px;margin-top:8px;padding:6px!important;font-size:.67rem!important;border-radius:11px}
.s58-catalog-reward-preview{padding:26px 0}.s58-catalog-reward-preview h2{font-size:2rem}.s58-catalog-reward-preview p{font-size:.82rem}.s58-catalog-reward-preview .s58-reward-destinations>div{min-height:82px}

/* Detail — preview 3 */
.s58-detail-preview-three{padding:22px 0 20px}.s58-detail-preview-three h1{font-size:3.1rem;margin:6px 0}.s58-detail-preview-three p{font-size:.88rem}.s58-detail-trust-top{gap:7px}.s58-detail-trust-top div{padding:10px 7px;border-radius:14px}.s58-detail-trust-top i{font-size:1.15rem;margin-bottom:5px}.s58-detail-trust-top span{font-size:.64rem}
.s58-detail-main-preview{padding:0 0 18px}.s58-detail-shell.is-preview-layout{grid-template-columns:1.03fr .97fr;border-radius:0!important;box-shadow:none!important}.s58-detail-gallery.is-preview-layout{grid-template-columns:76px 1fr;padding:12px;gap:10px}.s58-detail-thumbs.is-vertical{gap:7px}.s58-detail-thumbs.is-vertical img{height:68px}.s58-detail-gallery.is-preview-layout .s58-detail-main-image{height:455px;border-radius:16px;background:linear-gradient(160deg,rgba(220,244,255,.88),rgba(245,252,255,.74)),url('img/authlogin_bg.webp') center/cover no-repeat!important}.s58-detail-gallery.is-preview-layout .s58-detail-main-image img{object-fit:contain!important;padding:8px;background:transparent}.s58-detail-copy.is-preview-layout{padding:18px}.s58-detail-copy.is-preview-layout h2{font-size:2.55rem;margin:9px 0 6px}.s58-detail-tagline{font-size:.88rem;line-height:1.45}.s58-detail-feature-grid-four{gap:7px;margin-top:12px}.s58-detail-feature-grid-four>div{padding:10px 6px;border:1px solid rgba(226,196,101,.34);border-radius:13px;background:#fffaf0;text-align:center}.s58-detail-feature-grid-four>div i{display:grid;place-items:center;width:34px;height:34px;margin:0 auto 5px;border-radius:50%;background:linear-gradient(145deg,#fbe7a3,#b47c17);color:#0b472f}.s58-detail-feature-grid-four>div span{font-size:.62rem;line-height:1.25}.s58-price-panel-lux.is-preview-panel{margin-top:12px;border-radius:16px}.s58-price-panel-lux.is-preview-panel>div{padding:11px 12px}.s58-price-panel-lux.is-preview-panel .s58-main-price strong{font-size:1.95rem}.s58-price-panel-lux.is-preview-panel>div:not(.s58-main-price) strong{font-size:1.25rem}.s58-detail-actions{margin-top:10px;gap:8px}.s58-detail-actions .s58-btn{min-height:42px;font-size:.76rem}.s58-purchase-trust.is-preview-trust{margin-top:10px;gap:6px}.s58-purchase-trust.is-preview-trust span{padding:7px 8px;font-size:.61rem;border-radius:10px}
.s58-detail-benefit-preview{padding:30px 0}.s58-detail-benefit-preview .s58-section-heading{margin-bottom:12px}.s58-detail-benefit-preview .s58-section-heading h2{font-size:2.1rem}.s58-feature-grid-four{gap:8px}.s58-feature-grid-four article{padding:14px 11px}.s58-feature-grid-four article i{display:grid;place-items:center;width:40px;height:40px;margin-bottom:7px;border-radius:50%;border:1px solid var(--s58-gold-softline);background:linear-gradient(145deg,#fff6d2,#e1b951);color:#0b4c38}.s58-feature-grid-four h3{font-size:.82rem}.s58-feature-grid-four p{font-size:.67rem}.s58-reason-card.is-fullheight{padding:22px}.s58-reason-card.is-fullheight h2{font-size:1.75rem}.s58-check-list>div{font-size:.78rem}
.s58-consumption-preview{padding:24px 0}.s58-consumption-preview .s58-usage-card{padding:20px}.s58-consumption-preview h3{font-size:1.55rem}.s58-info-table{gap:6px}.s58-info-table div{grid-template-columns:128px 1fr;padding:8px 10px;font-size:.7rem;border-radius:10px}
.s58-member-flow-preview{padding:26px 0}.s58-member-flow-preview .s58-section-heading{margin-bottom:12px}.s58-member-flow-preview .s58-section-heading h2{font-size:1.9rem}.s58-related-section{padding:28px 0}.s58-related-section .s58-section-heading{margin-bottom:14px}.s58-related-grid{gap:12px}.s58-related-grid .s58-product-image{height:150px}.s58-related-grid .s58-product-card-body{padding:12px}

/* Refined gold icon language */
.s58-gold-icon,.s58-reward-destinations i{color:#e8c65f}.s58-reward-destinations>div{border-color:rgba(231,195,95,.34);background:linear-gradient(180deg,rgba(0,39,65,.54),rgba(5,79,95,.28))}

@media(max-width:1199.98px){
  .s58-product-grid-eight{grid-template-columns:repeat(4,1fr)}
  .s58-product-grid-catalog{grid-template-columns:repeat(4,1fr)!important}
  .s58-hero-proof{grid-template-columns:repeat(2,1fr)}
  .s58-stage-products-grid.is-eight{grid-template-columns:repeat(6,1fr)}
  .s58-stage-products-grid.is-eight .s58-stage-product-card:nth-child(7),.s58-stage-products-grid.is-eight .s58-stage-product-card:nth-child(8){display:none}
}
@media(max-width:991.98px){
  .s58-product-grid-catalog{grid-template-columns:repeat(3,1fr)!important}
  .s58-preview-one{padding-top:52px!important}.s58-stage-stable{min-height:390px}
  .s58-stage-products-grid.is-eight{grid-template-columns:repeat(5,1fr);height:235px;bottom:60px}.s58-stage-products-grid.is-eight .s58-stage-product-card:nth-child(6){display:none}
  .s58-stage-products-grid.is-eight .s58-stage-product-card{height:190px!important;transform:none!important}.s58-stage-products-grid.is-eight .s58-stage-product-card:nth-child(1),.s58-stage-products-grid.is-eight .s58-stage-product-card:nth-child(5){height:160px!important;transform:translateY(20px)!important}
  .s58-detail-shell.is-preview-layout{grid-template-columns:1fr}.s58-detail-gallery.is-preview-layout .s58-detail-main-image{height:390px}
}
@media(max-width:767.98px){
  .s58-product-grid-eight{grid-template-columns:repeat(2,1fr)}
  .s58-product-grid-catalog{grid-template-columns:repeat(2,1fr)!important}
  .s58-product-grid-catalog .s58-product-card-lux .s58-product-image{height:180px}
  .s58-hero-proof{grid-template-columns:1fr 1fr}.s58-stage-products-grid.is-eight{grid-template-columns:repeat(4,1fr)}.s58-stage-products-grid.is-eight .s58-stage-product-card:nth-child(5){display:none}
  .s58-stage-slogan{font-size:1.6rem}.s58-preview-one .s58-hero-copy-light h1{font-size:3.2rem}
  .s58-detail-gallery.is-preview-layout{grid-template-columns:1fr}.s58-detail-thumbs.is-vertical{order:2;flex-direction:row}.s58-detail-gallery.is-preview-layout .s58-detail-main-image{height:360px}
}
@media(max-width:479.98px){
  .s58-product-grid-catalog,.s58-product-grid-eight{grid-template-columns:1fr!important}
  .s58-product-grid-eight .s58-product-card-lux .s58-product-image,.s58-product-grid-catalog .s58-product-card-lux .s58-product-image{height:260px}
  .s58-hero-proof{grid-template-columns:1fr}.s58-stage-products-grid.is-eight{grid-template-columns:repeat(3,1fr)}.s58-stage-products-grid.is-eight .s58-stage-product-card:nth-child(4){display:none}
}

/* ========================================================================== 
   SUKSES58 PORTAL RC v13 — STABILITY, READABILITY & SOUND UX
   Fokus: hilangkan overlap, perbesar keterbacaan kartu, navbar lebih lega,
   serta kontrol suara popup video yang jelas saat browser memblokir audio.
   ========================================================================== */

/* Navbar lebih lega setelah tombol daftar dihapus */
.s58-nav-container{gap:28px}
.s58-nav .navbar-nav{gap:7px}
.s58-nav .nav-link{padding:10px 14px!important}
.s58-nav-actions{gap:8px}

/* Popup video: sound UX dan frame stabil */
.s58-logo-film{opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}
.s58-logo-film.is-open{opacity:1;visibility:visible}
.s58-film-stage{width:min(1120px,calc(100vw - 36px));max-height:88vh}
.s58-film-stage video{width:100%;max-height:82vh;object-fit:contain;background:#020b12}
.s58-film-sound{position:absolute;left:50%;top:50%;z-index:4;display:flex;align-items:center;gap:10px;transform:translate(-50%,-50%);padding:13px 18px;border:1px solid rgba(246,210,112,.72);border-radius:999px;background:linear-gradient(135deg,rgba(0,28,54,.92),rgba(0,93,162,.80));color:#fff4c4;font-weight:850;box-shadow:0 16px 38px rgba(0,0,0,.30),0 0 0 4px rgba(255,226,142,.08);backdrop-filter:blur(14px);transition:.2s ease}
.s58-film-sound:hover{transform:translate(-50%,-52%);background:linear-gradient(135deg,rgba(0,39,73,.96),rgba(0,113,190,.88))}
.s58-film-sound i{font-size:1.25rem}.s58-film-sound.is-active{background:linear-gradient(135deg,rgba(16,114,74,.95),rgba(15,160,127,.88));border-color:rgba(229,212,123,.66)}.s58-film-sound.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.s58-film-meta{min-height:48px}.s58-film-meta strong{color:#fff2b0}.s58-film-close{z-index:5}

/* Hero kanan: tidak lagi bertumpuk. Semua elemen punya area sendiri. */
.s58-stage-stable{min-height:520px!important;padding:18px 0 0!important;display:grid;grid-template-rows:118px 1fr;position:relative}
.s58-stage-stable .s58-stage-halo{inset:118px 0 28px 0!important}
.s58-stage-stable .s58-stage-platform{display:none!important}
.s58-stage-slogan{position:absolute!important;top:18px!important;left:14px!important;right:auto!important;max-width:180px;font-size:2.25rem!important;line-height:.94!important;text-align:left!important;transform:rotate(-3deg)!important}
.s58-stage-benefit-box{position:absolute!important;top:18px!important;right:8px!important;bottom:auto!important;width:min(285px,58%)!important;grid-template-columns:1fr!important;padding:12px 14px!important;gap:7px!important}
.s58-stage-benefit-box div{min-width:0}.s58-stage-benefit-box span{font-size:.7rem!important;line-height:1.3!important}
.s58-stage-products-grid.is-eight{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;grid-row:2;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:repeat(2,148px)!important;gap:10px!important;height:auto!important;align-self:end;align-items:stretch!important;padding:0 4px 8px!important}
.s58-stage-products-grid.is-eight .s58-stage-product-card{display:block!important;height:148px!important;min-height:148px!important;transform:none!important;border-radius:15px!important;overflow:hidden!important}
.s58-stage-products-grid.is-eight .s58-stage-product-card:nth-child(n){height:148px!important;transform:none!important;display:block!important}
.s58-stage-products-grid.is-eight .s58-stage-product-card img{width:100%;height:100%;object-fit:cover;object-position:center!important;transform:none!important}
.s58-stage-products-grid.is-eight .s58-stage-product-card:hover{transform:translateY(-4px)!important}

/* Produk unggulan: fokus keterbacaan, bukan memaksa 8 kartu satu baris */
.s58-preview-product-section{padding:64px 0 70px!important}
.s58-preview-product-section .s58-section-heading{margin-bottom:30px!important;align-items:flex-end!important;gap:28px!important}
.s58-preview-product-section .s58-section-heading>div{max-width:760px}
.s58-preview-product-section .s58-section-heading h2{font-size:clamp(2.15rem,3.4vw,3.2rem)!important;line-height:1.08!important;margin:8px 0 10px!important;letter-spacing:-.035em}
.s58-preview-product-section .s58-section-heading p{max-width:700px;font-size:1rem!important;line-height:1.65!important;color:#657685}
.s58-product-grid-eight{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important}
.s58-product-grid-eight .s58-product-card-lux{min-width:0;border-radius:22px!important}
.s58-product-grid-eight .s58-product-card-lux .s58-product-image{height:240px!important}
.s58-product-grid-eight .s58-product-card-body{padding:17px!important}
.s58-product-grid-eight .s58-chip{font-size:.68rem!important;padding:6px 9px!important}
.s58-product-grid-eight .s58-overline{font-size:.68rem!important;padding:5px 8px!important}
.s58-product-grid-eight h3{font-size:1.15rem!important;line-height:1.25!important;margin:9px 0!important;min-height:2.5em}
.s58-product-grid-eight .s58-price-line{margin:12px 0 0!important;padding-top:11px!important}
.s58-product-grid-eight .s58-price-line strong{font-size:1.1rem!important}
.s58-product-grid-eight .s58-metric-strip{padding:9px 0!important;font-size:.78rem!important}
.s58-product-grid-eight .s58-metric-strip strong{font-size:.8rem!important}
.s58-product-grid-eight .s58-btn-product{min-height:42px!important;padding:9px 11px!important;font-size:.76rem!important;border-radius:12px!important}

/* Katalog dibuat lebih lapang dan teks tidak terpotong */
.s58-product-grid-catalog{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important}
.s58-product-grid-catalog .s58-product-card-lux .s58-product-image{height:230px!important}
.s58-product-grid-catalog .s58-product-card-body{padding:16px!important}
.s58-product-grid-catalog .s58-overline{font-size:.67rem!important}
.s58-product-grid-catalog h3{font-size:1.12rem!important;line-height:1.24!important;margin:7px 0!important;min-height:2.45em}
.s58-product-grid-catalog p{min-height:4.2em!important;font-size:.78rem!important;line-height:1.5!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.s58-product-grid-catalog .s58-price-line{margin:12px 0 0!important;padding-top:10px!important}
.s58-product-grid-catalog .s58-price-line strong{font-size:1.08rem!important}
.s58-product-grid-catalog .s58-metric-strip{padding:8px 0!important}.s58-product-grid-catalog .s58-metric-strip strong{font-size:.78rem!important}
.s58-product-grid-catalog .s58-btn-product{min-height:40px!important;margin-top:10px!important;padding:8px 10px!important;font-size:.75rem!important}

/* Section lain diberi ruang agar tidak saling menekan */
.s58-why-preview{padding:54px 0!important}.s58-feature-grid-five{gap:14px!important}.s58-feature-grid-five article{padding:18px 15px!important}.s58-feature-grid-five article h3{font-size:.94rem!important}.s58-feature-grid-five article p{font-size:.75rem!important;line-height:1.48!important}
.s58-journey-preview-section{padding:54px 0!important}.s58-journey-grid-preview{gap:16px!important}.s58-journey-grid-preview>div{padding:20px!important}.s58-journey-grid-preview h3{font-size:1rem!important}.s58-journey-grid-preview p{font-size:.78rem!important;line-height:1.48!important}

/* Detail produk: panel aman di semua lebar layar */
.s58-detail-shell.is-preview-layout{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)!important}
.s58-detail-copy.is-preview-layout{min-width:0}
.s58-detail-feature-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.s58-detail-feature-grid-four>div span{font-size:.7rem!important}
.s58-price-panel-lux.is-preview-panel{display:grid!important;grid-template-columns:1.5fr .75fr .75fr!important}
.s58-price-panel-lux.is-preview-panel>div{min-width:0}
.s58-detail-actions{display:grid!important;grid-template-columns:1fr 1fr!important}
.s58-detail-actions .s58-btn{width:100%!important;white-space:normal;text-align:center}

@media(max-width:1199.98px){
  .s58-stage-stable{min-height:500px!important}
  .s58-product-grid-eight{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .s58-product-grid-catalog{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .s58-feature-grid-five{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .s58-detail-shell.is-preview-layout{grid-template-columns:1fr!important}
}
@media(max-width:991.98px){
  .s58-nav-container{gap:12px}
  .s58-stage-stable{min-height:480px!important;margin-top:24px!important}
  .s58-stage-products-grid.is-eight{grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:repeat(2,132px)!important}
  .s58-stage-products-grid.is-eight .s58-stage-product-card:nth-child(n){height:132px!important;min-height:132px!important;display:block!important}
  .s58-stage-slogan{font-size:1.9rem!important}
  .s58-stage-benefit-box{width:60%!important}
  .s58-product-grid-eight{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .s58-product-grid-catalog{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .s58-preview-product-section .s58-section-heading{display:grid!important;grid-template-columns:1fr!important;align-items:start!important}
  .s58-preview-product-section .s58-section-heading .s58-btn{justify-self:start}
  .s58-detail-trust-top{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:767.98px){
  .s58-film-stage{width:calc(100vw - 20px);border-radius:18px}.s58-film-sound{padding:11px 14px;font-size:.82rem}.s58-film-meta{left:8px;right:8px;bottom:8px;padding:8px 10px;font-size:.65rem}.s58-film-close{right:10px;top:10px}
  .s58-stage-stable{min-height:auto!important;grid-template-rows:auto auto!important;padding-top:0!important}
  .s58-stage-slogan{position:relative!important;top:auto!important;left:auto!important;max-width:none!important;margin:0 0 12px!important;text-align:center!important;transform:none!important;font-size:1.7rem!important}
  .s58-stage-benefit-box{position:relative!important;top:auto!important;right:auto!important;width:100%!important;margin-bottom:14px!important}
  .s58-stage-products-grid.is-eight{grid-row:auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:none!important;gap:10px!important;padding:0!important}
  .s58-stage-products-grid.is-eight .s58-stage-product-card:nth-child(n){height:170px!important;min-height:170px!important}
  .s58-product-grid-eight,.s58-product-grid-catalog{grid-template-columns:1fr!important}
  .s58-product-grid-eight .s58-product-card-lux .s58-product-image,.s58-product-grid-catalog .s58-product-card-lux .s58-product-image{height:300px!important}
  .s58-preview-product-section{padding:48px 0 54px!important}.s58-preview-product-section .s58-section-heading h2{font-size:2rem!important}
  .s58-feature-grid-five,.s58-journey-grid-preview{grid-template-columns:1fr!important}
  .s58-price-panel-lux.is-preview-panel{grid-template-columns:1fr!important}.s58-price-panel-lux.is-preview-panel>div{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.12)}.s58-price-panel-lux.is-preview-panel>div:last-child{border-bottom:0}
  .s58-detail-actions{grid-template-columns:1fr!important}
}

/* ========================================================================== 
   SUKSES58 PORTAL RC v13 HOTFIX — FINAL RESPONSIVE POLISH
   Fokus: struktur navbar valid, card equal-height, keterbacaan konsisten,
   mobile navigation rapi, popup video tidak menutup controls, dan spacing aman.
   ========================================================================== */
:root{
  --s58-reading:#16354a;
  --s58-reading-muted:#627988;
  --s58-gold-focus:#e3c363;
  --s58-glass-blue:rgba(4,39,68,.86);
}

/* Typographic rhythm */
.s58-section-heading h2,
.s58-hero-copy h1,
.s58-catalog-hero h1,
.s58-detail-banner h1{
  text-wrap:balance;
  overflow-wrap:anywhere;
}
.s58-section-heading p,.s58-lead{max-width:72ch}
.s58-btn,.s58-nav .nav-link{white-space:nowrap}

/* Keyboard / accessibility polish */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{
  outline:3px solid rgba(227,195,99,.72);
  outline-offset:3px;
}
.s58-product-card-lux:focus-within{border-color:var(--s58-gold-focus)!important;box-shadow:0 20px 48px rgba(12,48,75,.14),0 0 0 3px rgba(227,195,99,.10)}

/* Navbar — stable desktop and clean collapse */
.s58-nav-container{min-width:0}
.s58-nav .navbar-brand{flex:0 0 auto}
.s58-nav .navbar-collapse{min-width:0}
.s58-nav .navbar-nav{min-width:0}
.s58-nav-actions{flex:0 0 auto}
.s58-btn-nav-outline{white-space:nowrap}

/* Video popup — metadata moved away from native controls */
.s58-film-stage{isolation:isolate}
.s58-film-stage video{display:block}
.s58-film-meta{top:14px!important;bottom:auto!important;left:14px!important;right:72px!important;width:auto!important;background:linear-gradient(135deg,rgba(0,20,39,.82),rgba(0,76,131,.58))!important;border:1px solid rgba(236,204,112,.34)}
.s58-film-sound.is-hidden{display:none!important}
.s58-film-sound:not(.is-hidden){display:flex!important}

/* Equal-height product cards */
.s58-product-grid-eight,
.s58-product-grid-catalog,
.s58-related-grid{align-items:stretch}
.s58-product-grid-eight>.s58-product-card-lux,
.s58-product-grid-catalog>.s58-product-card-lux,
.s58-related-grid>.s58-product-card-lux{
  display:flex;
  flex-direction:column;
  height:100%;
  overflow:hidden;
}
.s58-product-grid-eight .s58-product-card-body,
.s58-product-grid-catalog .s58-product-card-body,
.s58-related-grid .s58-product-card-body{
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
  min-width:0;
}
.s58-product-grid-eight .s58-product-card-body .s58-price-line,
.s58-product-grid-catalog .s58-product-card-body .s58-price-line,
.s58-related-grid .s58-product-card-body .s58-price-line{margin-top:auto!important}
.s58-product-grid-eight .s58-btn-product,
.s58-product-grid-catalog .s58-btn-product,
.s58-related-grid .s58-btn-product{margin-top:12px!important}
.s58-product-card-lux h3{overflow-wrap:anywhere;text-wrap:balance}
.s58-product-card-lux p{color:var(--s58-reading-muted)}
.s58-product-card-lux .s58-product-image img{transition:transform .28s ease,filter .28s ease}
.s58-product-card-lux:hover .s58-product-image img{transform:scale(1.025);filter:saturate(1.04)}

/* Home featured heading: explicit breathing room */
.s58-preview-product-section .s58-heading-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;column-gap:40px!important;row-gap:18px!important}
.s58-preview-product-section .s58-heading-row>div{min-width:0}
.s58-preview-product-section .s58-section-heading h2{max-width:720px!important}
.s58-preview-product-section .s58-section-heading p{max-width:690px!important}

/* Hero — maintain clean content boundaries */
.s58-preview-one .row>[class*="col-"]{min-width:0}
.s58-preview-one .s58-hero-copy{position:relative;z-index:2}
.s58-stage-stable{overflow:visible}
.s58-stage-products-grid.is-eight{min-width:0}
.s58-stage-products-grid.is-eight .s58-stage-product-card{min-width:0}

/* Cards in WHY and journey align consistently */
.s58-feature-grid-five,.s58-journey-grid-preview{align-items:stretch}
.s58-feature-grid-five article,.s58-journey-grid-preview>div{height:100%}
.s58-feature-grid-five article{display:flex;flex-direction:column}
.s58-feature-grid-five article p{margin-bottom:0}
.s58-journey-grid-preview>div{display:flex;flex-direction:column}
.s58-journey-grid-preview p{margin-bottom:0}

/* Catalog heading and toolbar can wrap without collision */
.s58-catalog-heading-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;flex-wrap:wrap!important}
.s58-catalog-toolbar{margin-left:auto;max-width:100%}
.s58-catalog-toolbar label,.s58-catalog-toolbar button{min-height:44px}
.s58-catalog-search-hero{max-width:760px}

/* Detail — make text and panel values robust */
.s58-detail-shell.is-preview-layout>*{min-width:0}
.s58-detail-copy.is-preview-layout h2{text-wrap:balance;overflow-wrap:anywhere}
.s58-price-panel-lux.is-preview-panel strong{overflow-wrap:anywhere}
.s58-detail-feature-grid-four>div{min-width:0}
.s58-detail-feature-grid-four>div span{overflow-wrap:anywhere}
.s58-info-table strong{overflow-wrap:anywhere}

/* Footer — no cramped columns */
.s58-footer-grid>div{min-width:0}
.s58-footer-valuebar>div{min-width:0}
.s58-footer-valuebar span{line-height:1.45}

@media(min-width:1200px) and (max-width:1399.98px){
  .s58-nav-container{gap:16px!important}
  .s58-nav .navbar-nav{gap:2px!important}
  .s58-nav .nav-link{padding:9px 10px!important;font-size:.82rem!important}
  .s58-logo-full{width:150px!important}
  .s58-preview-one .s58-hero-copy-light h1{font-size:clamp(3.1rem,5vw,4.7rem)!important}
  .s58-stage-slogan{font-size:2rem!important}
  .s58-stage-benefit-box{width:250px!important}
}

@media(max-width:1199.98px){
  .s58-preview-product-section .s58-heading-row{grid-template-columns:1fr!important;align-items:start!important}
  .s58-preview-product-section .s58-heading-row .s58-btn{justify-self:start}
  .s58-product-grid-eight .s58-product-card-lux .s58-product-image{height:260px!important}
  .s58-product-grid-catalog .s58-product-card-lux .s58-product-image{height:250px!important}
}

@media(max-width:991.98px){
  .s58-nav{padding:8px 0!important}
  .s58-nav .navbar-collapse{
    margin-top:10px;
    padding:14px;
    border:1px solid rgba(230,196,94,.34);
    border-radius:20px;
    background:linear-gradient(145deg,rgba(3,35,61,.96),rgba(4,74,119,.92));
    box-shadow:0 20px 45px rgba(0,20,38,.25);
    backdrop-filter:blur(18px);
  }
  .s58-nav .navbar-nav{align-items:stretch!important;gap:4px!important}
  .s58-nav .nav-link{display:block;padding:11px 13px!important;border-radius:12px!important;font-size:.9rem!important}
  .s58-nav .nav-link.active::after{display:none}
  .s58-nav-actions{display:grid!important;grid-template-columns:46px 1fr!important;gap:9px!important;margin-top:10px!important}
  .s58-nav-actions .s58-btn{width:100%!important}
  .s58-nav-contact{width:46px!important;height:46px!important}

  .s58-preview-one{padding-top:58px!important}
  .s58-preview-one .s58-hero-copy-light h1{font-size:clamp(3rem,8vw,4.4rem)!important}
  .s58-preview-one .s58-lead{font-size:1rem!important}
  .s58-hero-actions{gap:10px!important}
  .s58-hero-actions .s58-btn{min-width:0!important}

  .s58-catalog-toolbar{margin-left:0!important;width:100%}
  .s58-catalog-toolbar label,.s58-catalog-toolbar button{flex:1 1 220px}

  .s58-footer-grid{gap:30px!important}
}

@media(max-width:767.98px){
  .s58-nav-container{gap:8px!important}
  .s58-logo-short{width:40px!important;height:42px!important}
  .s58-navbar-toggler{flex:0 0 auto}

  .s58-film-stage{max-height:92vh!important}
  .s58-film-stage video{max-height:88vh!important}
  .s58-film-meta{top:8px!important;left:8px!important;right:56px!important;display:grid!important;grid-template-columns:1fr!important;gap:2px!important;min-height:auto!important}
  .s58-film-meta span:last-child{display:none!important}
  .s58-film-sound{top:auto!important;bottom:72px!important;transform:translateX(-50%)!important}
  .s58-film-sound:hover{transform:translateX(-50%)!important}

  .s58-preview-one .s58-hero-copy-light h1{font-size:clamp(2.55rem,13vw,3.75rem)!important;line-height:.95!important}
  .s58-hero-actions{display:grid!important;grid-template-columns:1fr!important}
  .s58-hero-actions .s58-btn{width:100%!important}

  .s58-preview-product-section .s58-section-heading{margin-bottom:26px!important}
  .s58-preview-product-section .s58-section-heading h2{font-size:clamp(1.85rem,9vw,2.45rem)!important;line-height:1.12!important}
  .s58-preview-product-section .s58-section-heading p{font-size:.94rem!important;line-height:1.6!important}
  .s58-preview-product-section .s58-section-heading .s58-btn{width:100%!important}
  .s58-product-grid-eight .s58-product-card-lux .s58-product-image,.s58-product-grid-catalog .s58-product-card-lux .s58-product-image{height:280px!important}
  .s58-product-grid-eight h3,.s58-product-grid-catalog h3{min-height:auto!important}
  .s58-product-grid-catalog p{min-height:auto!important;-webkit-line-clamp:unset!important;display:block!important;overflow:visible!important}

  .s58-catalog-heading-row{display:grid!important;grid-template-columns:1fr!important}
  .s58-catalog-toolbar{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
  .s58-catalog-toolbar label,.s58-catalog-toolbar button{width:100%!important}

  .s58-footer-valuebar{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
}

@media(max-width:479.98px){
  .s58-section{padding-left:0;padding-right:0}
  .s58-stage-products-grid.is-eight .s58-stage-product-card:nth-child(n){height:150px!important;min-height:150px!important}
  .s58-product-grid-eight .s58-product-card-lux .s58-product-image,.s58-product-grid-catalog .s58-product-card-lux .s58-product-image{height:245px!important}
  .s58-value-ribbon{padding:16px!important}
  .s58-ribbon-item{grid-template-columns:52px 1fr!important;gap:10px!important}
  .s58-gold-coin{width:50px!important;height:50px!important;font-size:.9rem!important}
}