/* Tema tunggal hitam + oranye untuk seluruh halaman */
:root{--paper:#0a0a0a;--ink:#f4eee8;--cream:#1a120c;--muted:#a89d95;--line:rgba(255,106,20,.2);--card:#121212;--card2:#171310}
.assoc{--navy:#ff6a14;--red:#ff8a22}
html,body{background:#0a0a0a;color:var(--ink)}

/* Latar section: satu warna, tanpa selang-seling */
.section,.ecosystem,.trainers,.collaboration,.portfolio,.values,.compro,.units,.values-hub,.faq,.u-section-white,
.method,.gallery,.hub-journey,.dark-band,.assoc-soft,.assoc-dark,.assoc-hero,.contact{background:#0a0a0a!important;color:var(--ink)}
.section+.section{border-top:1px solid rgba(255,106,20,.08)}
.hero,.u-hero,.hub-hero{background:radial-gradient(circle at 78% 30%,rgba(255,90,0,.22) 0,transparent 48%),#000!important}
.future>img{filter:brightness(.28) saturate(.8)}

/* Header & footer */
.topbar{background:rgba(0,0,0,.82)!important;border-bottom:1px solid rgba(255,106,20,.18)}
.menu a{color:#e9ddd4}
.menu a:hover{color:var(--orange2)}
.menu{background:#0d0d0d}
.site-footer{background:#000!important;border-top:1px solid rgba(255,106,20,.18)}
.site-footer .brand img,.site-footer .hub-brand img{filter:none!important}

/* Brand: logo 3D lebar, tanpa kotak */
.hub-brand img{width:auto!important;height:42px!important;border-radius:0!important;object-fit:contain!important}
.hub-brand span{display:none}
.site-footer .hub-brand img{height:48px!important}

/* Semua kartu: hitam dengan garis oranye tipis */
.vision-grid article,.program.text,.trainer,.test-grid blockquote,.stats div,.pgroup,.collab-grid span,.value-grid article,
.compro-cards article,.unit,.value-hub-grid article,.feature-grid article,.press a,.assoc-stats div,.id-table,.value-row article,
.scope-grid article,.org-row div,.member-cards article,.mission li,.journey>div,.steps>div,.method-card,.class-board{
  background:linear-gradient(180deg,var(--card2),var(--card))!important;border:1px solid var(--line)!important;color:var(--ink);box-shadow:none}
.value-hub-grid article,.value-row article{border-top:3px solid var(--orange)!important}
.member-cards article{border-left:3px solid var(--orange)!important}
.philosophy b,.tags span,.collab-row span,.chips span,.roadmap span{background:#141414!important;border:1px solid var(--line)!important;color:var(--ink)}
.eco:hover{background:#141414}
.btn.outline{background:transparent!important;color:#fff!important;border:1px solid rgba(255,138,34,.55)!important}
.btn.outline:hover{background:rgba(255,90,0,.12)!important}
.badge,.badge.navy{background:var(--orange)!important;color:#fff}
.org-row span{background:#1d140e!important;color:var(--orange2)!important}

/* Teks */
h1,h2,h3{color:#fff}
h1 em,h2 em{color:var(--orange2)}
.head p,.split p,.lead,.contact p,address,.note,.source-note{color:var(--muted)}
.collaboration blockquote,.preface blockquote{color:var(--orange2)!important}
.assoc-hero p,.assoc-stats span,.sign span,.id-table dd,.mission li,.value-row p,.scope-grid p,.member-cards p{color:var(--muted)!important}
.org-row b{color:#fff!important}
.assoc h2,.assoc-hero h1,.id-table h3,.id-table dt,.value-row h3,.scope-grid h3,.org-title,.member-cards h3,.assoc-stats strong{color:#fff!important}
.assoc-hero h1 em{color:var(--orange2)!important}
.assoc .hub-brand span{color:#fff}
.assoc-hero .kicker{background:rgba(255,255,255,.06)!important;color:#ffd0ad!important;border-color:rgba(255,255,255,.2)!important}
.ticker i{color:#000}
.faq details{border-color:var(--line)!important}
.faq summary{color:#fff}

/* Logo tanpa kotak: PNG 3D melayang langsung di atas hitam */
.u-logo,.u-logo.black,.u-logo.dark,.hero-logo-tile{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;min-height:0!important}
.u-logo img{max-height:340px;filter:drop-shadow(0 30px 50px rgba(255,90,0,.28))}
.hero-logo-tile img{aspect-ratio:auto!important;object-fit:contain!important;border-radius:0!important;filter:drop-shadow(0 30px 60px rgba(255,90,0,.35))}
.unit-logo,.unit-logo.black,.unit-logo.dark{background:radial-gradient(circle at 50% 60%,rgba(255,90,0,.12),transparent 70%)!important;border:0!important}
.unit-logo img{filter:drop-shadow(0 14px 22px rgba(0,0,0,.6))}
.logo-track a,.logo-track a.dark,.logo-track a.black{background:none!important;border:0!important}
.logo-track img{max-height:78px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.6))}
.loader img{width:min(320px,70vw)!important;height:auto!important;border-radius:0!important;object-fit:contain!important}
.logo-marquee:before{background:linear-gradient(90deg,#0a0a0a,transparent)!important}
.logo-marquee:after{background:linear-gradient(-90deg,#0a0a0a,transparent)!important}
.eco-brand img{border-radius:0!important;object-fit:contain!important;box-shadow:none!important}
.fb-wrap iframe{background:#111}
@media(max-width:580px){.hub-brand img{height:34px!important}.u-logo img{max-height:240px}}
.wa-list{display:grid;gap:8px;margin:22px 0 18px}
.wa-list a{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 16px;border:1px solid var(--line);border-radius:14px;background:#121212;text-decoration:none;transition:.3s var(--ease)}
.wa-list a:hover{border-color:var(--orange);transform:translateX(4px)}
.wa-list span{font-size:14px;font-weight:700;color:var(--ink)}
.wa-list b{white-space:nowrap;color:var(--orange2);font-size:15px}
.note a{color:var(--orange2);font-weight:800}
@media(max-width:580px){.wa-list a{flex-direction:column;align-items:flex-start;gap:2px}.wa-list span{font-size:13px}}