/* =========================================================================
 * pivot-home-navy.css — halaman "/" (mulai-trading-dengan-pivot) versi A: Navy penuh
 * Dimuat HANYA di view halaman "/", SETELAH assets/css/pivot.css.
 * Isinya hanya override warna. Tidak mengubah ukuran, layout, teks, atau tracking.
 * ========================================================================= */

/* ==========================================================
   Pivot "/" — bagian TERANG ikut app light (putih + navy classic)
   Hanya warna. Tidak mengubah teks, urutan, ukuran, atau tracking.
   ========================================================== */
:root{
  --light-bg:#F4F6FA; --card:#FFFFFF; --border:#E3E8F0; --input-bg:#F1F4F9;
  --muted:#5B6B82; --profit:#0E9F5B; --loss:#DC2626;
  --navy:#0B2A5B; --navy2:#16408A; --navy50:#EAF0F8; --navy100:#D3DFF1;
}
body{background:var(--light-bg);color:#0B1B33}
.section-light{background:var(--light-bg)}
.feature-band{background:#FFFFFF}
.eyebrow.dark{color:#16408A}
.v2-kicker.dark{color:#0B2A5B;border-color:rgba(11,42,91,.2);background:#EAF0F8}

/* teks gelap di section terang */
.progress-ring span,.progress-ring-card strong,.progress-chip strong,.account-type-card-head span{color:#0B1B33}

/* problem */
.problem{background:linear-gradient(180deg,#FFFFFF,rgba(244,246,250,0) 58%),var(--light-bg)}
.problem-copy p:not(.eyebrow){color:#3B4A60}
.problem-card,.problem-panel{border-color:#E3E8F0;box-shadow:0 2px 12px rgba(11,27,51,.06)}
.problem-card h3{color:#0B1B33}
.problem-card p{color:#5B6B82}
.problem-icon{border-color:rgba(11,42,91,.18);background:#EAF0F8}
.chart-icon::before{border-left-color:#0B2A5B;border-bottom-color:#0B2A5B}
.chart-icon::after{border-top-color:#16408A}
.news-icon::before{border-color:#0B2A5B}
.news-icon::after{background:#0B2A5B;box-shadow:0 6px 0 rgba(11,42,91,.35)}
.levels-icon::before{border-color:#0B2A5B;box-shadow:inset 0 0 0 6px #EAF0F8;background:#16408A}
.problem-panel{background:radial-gradient(120% 120% at 100% 0%,rgba(255,255,255,.14),transparent 50%),linear-gradient(140deg,#16408A,#0B2A5B 65%);color:#FFFFFF;border-color:transparent;box-shadow:0 14px 30px rgba(11,42,91,.28)}
.problem-panel-head span,.problem-panel-row span{color:rgba(255,255,255,.72)}
.problem-panel-head strong,.problem-panel-row strong{color:#FFFFFF}
.problem-mini-chart span{background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.18))}

/* cara kerja / misi */
.section-light .section-heading p:not(.eyebrow),.feature-band .section-heading p:not(.eyebrow){color:#3B4A60}
.steps-grid article,.intel-grid article{background:#FFFFFF;border-color:#E3E8F0}
.mission-flow::before{background:linear-gradient(90deg,rgba(11,42,91,.15),#0B2A5B,rgba(11,42,91,.15))}
.mission-step{border-color:#E3E8F0;box-shadow:0 2px 12px rgba(11,27,51,.05)}
.mission-step.is-featured{border-color:rgba(11,42,91,.45);background:linear-gradient(180deg,#EAF0F8,#FFFFFF 72%)}
.mission-number{border-color:#0B2A5B;background:#0B2A5B;color:#FFFFFF}
.mission-badge{border-color:rgba(11,42,91,.2);background:#EAF0F8;color:#0B2A5B}
.mission-step p{color:#5B6B82}
.news-mini span{background:#E3E8F0}
.mission-recommendation{border-color:transparent;background:linear-gradient(140deg,#16408A,#0B2A5B 70%)}
.mission-recommendation span{color:rgba(255,255,255,.72)}
.mission-recommendation em{color:#F2D46D}

/* fitur */
.section-light .feature-grid p,.feature-band .feature-grid p{color:#3B4A60}
.section-light .feature-card-list div,.feature-band .feature-card-list div{background:#F4F6FA;border-color:#E3E8F0;color:#3B4A60}

/* rekomendasi */
.recommendation-section{background:#F4F6FA}
.safety-note{color:#0B2A5B !important}
.recommendation-card{border-color:transparent;background:radial-gradient(circle at 20% 0%,rgba(255,255,255,.14),transparent 30%),linear-gradient(160deg,#16408A,#0B2A5B 70%);box-shadow:0 18px 40px rgba(11,42,91,.28)}
.recommendation-head span,.recommendation-metrics span,.estimate-panel .estimate-action{color:rgba(255,255,255,.72)}
.recommendation-level{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.16)}
.recommendation-level span{background:linear-gradient(90deg,#9DB8E8,#FFFFFF);box-shadow:none}
.recommendation-metrics div,.estimate-panel{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.08)}
.estimate-panel{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16)}

/* wallet */
.wallet-hero-card{border-color:transparent;background:radial-gradient(120% 120% at 100% 0%,rgba(255,255,255,.16),transparent 50%),linear-gradient(140deg,#16408A,#0B2A5B 65%);box-shadow:0 14px 30px rgba(11,42,91,.3)}
.wallet-hero-card::after{border-color:rgba(255,255,255,.07)}
.wallet-kicker{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.12);color:#FFFFFF}
.wallet-hero-card p{color:rgba(255,255,255,.75)}
.wallet-action-card{border-color:#E3E8F0;background:#F4F6FA}
.wallet-action-card span{border-color:rgba(11,42,91,.2);background:#EAF0F8;color:#0B2A5B}
.wallet-action-card h3{color:#0B1B33}

/* jenis akun */
.account-types-section{background:linear-gradient(180deg,#FFFFFF,rgba(244,246,250,0) 44%),var(--light-bg)}
.account-types-header p:not(.eyebrow){color:#3B4A60}
.account-comparison{border-color:#E3E8F0;box-shadow:0 2px 12px rgba(11,27,51,.06)}
.account-comparison-row > div{border-color:#E3E8F0;color:#0B1B33}
.account-comparison-row > div:first-child{background:#EAF0F8;color:#0B2A5B}
.account-comparison-head > div{background:#0B2A5B !important;color:#FFFFFF !important;border-color:rgba(255,255,255,.14)}
.account-type-card{border-color:#E3E8F0;box-shadow:0 2px 12px rgba(11,27,51,.06)}
.account-type-card-head{border-bottom-color:#E3E8F0}
.account-type-card-head strong{color:#0B2A5B}
.account-type-card dd{color:#0B1B33}

/* progres & disiplin */
.progress-discipline{background:linear-gradient(180deg,#FFFFFF,rgba(244,246,250,0) 66%),var(--light-bg)}
.progress-copy p:not(.eyebrow){color:#3B4A60}
.progress-dashboard{border-color:#E3E8F0;box-shadow:0 2px 12px rgba(11,27,51,.06)}
.progress-ring-card{border-color:rgba(11,42,91,.18);background:#EAF0F8}
.progress-ring{background:conic-gradient(#0B2A5B 0 72%,#D3DFF1 72% 100%)}
.progress-ring-card p{color:#5B6B82}
.mission-check{border-color:#E3E8F0;background:#F4F6FA}
.mission-check span{border-color:#D3DFF1}
.mission-check p{color:#0B1B33}
.mission-check.is-complete span{border-color:#0B2A5B;background:radial-gradient(circle at center,#0B2A5B 42%,transparent 46%)}
.mission-check.is-active{border-color:rgba(11,42,91,.45);background:#EAF0F8}
.mission-check.is-active span{border-color:#0B2A5B}
.progress-chip{border-color:#E3E8F0;background:#F4F6FA}
.progress-chip small{color:#16408A}
.tool-strip span{border-color:#E3E8F0;background:#F1F4F9;color:#3B4A60}

/* ==========================================================
   Pivot "/" — bagian GELAP (header, hero, expert, trust, final)
   diubah dari hitam-emas menjadi navy. Dipakai di Usulan A saja.
   ========================================================== */
:root{--dark-card:#102A5C;--dark-border:rgba(255,255,255,.14);--dark-surface:#13336E;--dark-text:#FFFFFF;--dark-muted:rgba(255,255,255,.74)}

/* header: putih seperti app bar light */
.site-header{background:rgba(255,255,255,.94);border-bottom:1px solid #E3E8F0}
.nav-links{color:#5B6B82}
.nav-links a:hover{color:#0B2A5B}
.nav-cta{background:#0B2A5B;color:#FFFFFF !important}
.language-toggle{border-color:#E3E8F0;background:#F1F4F9}
.language-option{color:#5B6B82}
.language-option:hover,.language-option:focus-visible{color:#0B2A5B}
.language-option.is-active{background:#0B2A5B;color:#FFFFFF}
.nav-toggle{border-color:#E3E8F0;background:#FFFFFF}
.nav-toggle span{background:#0B2A5B}
@media (max-width:900px){.nav-links{background:#FFFFFF;border-color:#E3E8F0}}

/* section gelap -> navy */
.section-dark{background:radial-gradient(120% 80% at 100% 0%,rgba(255,255,255,.10),transparent 55%),linear-gradient(160deg,#16408A 0%,#0B2A5B 55%,#081F45 100%);color:#FFFFFF}
.eyebrow{color:#F2D46D}
.lead,.feature-dark p,.trust-copy p:not(.eyebrow),.final-inner p:not(.eyebrow),.mulai-final p:not(.eyebrow){color:rgba(255,255,255,.76)}
.button-secondary{color:#FFFFFF;border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.08)}

/* expert dashboard */
.expert-dashboard{border-color:rgba(255,255,255,.14);background:radial-gradient(circle at top right,rgba(255,255,255,.10),transparent 34%),linear-gradient(145deg,#0E2350,#081A3D);box-shadow:0 24px 60px rgba(4,14,34,.45)}
.expert-dashboard::before{background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px)}
.expert-market-strip div{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.06)}
.expert-chart-panel{border-color:rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02)),#0C2148}
.expert-indicator-chips button{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.06)}
.expert-indicator-chips button:hover,.expert-indicator-chips button:focus-visible{border-color:rgba(255,255,255,.45)}
.expert-indicator-chips button.is-active{background:#FFFFFF;border-color:#FFFFFF;color:#0B2A5B}
.expert-chart-canvas{border-color:rgba(255,255,255,.1);background:radial-gradient(circle at 80% 20%,rgba(74,222,128,.08),transparent 30%),linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012)),#081633}
.chart-grid-lines::before{background:rgba(255,255,255,.28)}
.chart-price-axis{background:linear-gradient(90deg,transparent,rgba(8,22,51,.94) 32%)}
.chart-time-axis{background:rgba(8,22,51,.86)}
.chart-rsi-zone{background:linear-gradient(90deg,rgba(74,222,128,.12),rgba(255,255,255,.06)),rgba(8,22,51,.72)}
.expert-tool-grid article{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.06)}
.expert-tool-grid article span{box-shadow:0 0 0 4px rgba(242,212,109,.14)}
.expert-command-list span{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.1);color:#FFFFFF}

/* trust / kontrol risiko */
.risk-control-panel{border-color:rgba(255,255,255,.14);background:radial-gradient(circle at 18% 0,rgba(255,255,255,.08),transparent 34%),#0E2350;box-shadow:0 24px 60px rgba(4,14,34,.4)}
.risk-control-flow article{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.05)}
.risk-control-flow article.is-focus{border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.12)}
.manual-switch{border-color:rgba(255,255,255,.14);background:#081A3D}
.manual-switch b{background:rgba(255,255,255,.2)}
.manual-switch b::after{background:#FFFFFF;box-shadow:none}
.risk-chip-grid span{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.06)}
.risk-box,.risk-control-panel .risk-box{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.06)}

/* footer ikut navy */
.footer{background:#081F45}