/* DIGI BRAIN ENTERPRISE — identité officielle : bleu intelligence, bleu nuit, orange énergie. */
:root {
  --db-navy: #04132f;
  --db-blue: #0568f5;
  --db-sky: #1689ff;
  --db-orange: #ff7600;
  --db-gold: #ffab00;
}

body {
  background-color: var(--db-navy);
  background-image: radial-gradient(circle at 92% -10%, rgba(5, 104, 245, .19), transparent 30%), radial-gradient(circle at -8% 68%, rgba(255, 118, 0, .10), transparent 28%);
}

.brand em, .brand span, .nav .brand span { color: var(--db-orange); }
.eyebrow, .kicker, .section-label, .teaser-signal { color: var(--db-sky); }
.button-primary, .upgrade-pay { background: linear-gradient(135deg, var(--db-gold), var(--db-orange)) !important; color: #fff !important; }
.button-primary:hover, .upgrade-pay:hover { background: linear-gradient(135deg, #ffc223, #ff6500) !important; }
.button-secondary:hover, .secondary:hover, .action:hover { border-color: var(--db-sky) !important; color: #fff !important; }
.card, .rail-card, .tool-card, .learning-card, .affiliate-stat, .foundation-track, .foundation-intro div { box-shadow: inset 0 1px 0 rgba(22, 137, 255, .09); }
.progress-bar span, .progress-fill, .foundation-meter i { background: linear-gradient(90deg, var(--db-blue), var(--db-sky)) !important; }
.topbar, .site-header { box-shadow: 0 1px 0 rgba(22, 137, 255, .12); }
.notice { border-color: rgba(255, 171, 0, .45); background: rgba(255, 118, 0, .10); color: #ffe4bd; }
.notice b { color: var(--db-gold); }

/* Le pictogramme d'origine conserve sa lisibilité en petit format ; le logo officiel complet apparaît sur l'accueil. */
.brand-mark { position:relative; box-shadow: 0 0 0 1px rgba(22,137,255,.24), 0 8px 20px rgba(5,104,245,.22); }
.site-header .brand-mark { width:38px; height:38px; flex-basis:38px; border-color:rgba(22,137,255,.58); background:#fff url("assets/digi-brain-enterprise-logo.jpeg?v=20261023-brand2") center 35% / 142px auto no-repeat; }
.site-header .brand-mark::before { position:absolute; top:5px; right:4px; width:6px; height:6px; border-radius:50%; background:#ff7600; box-shadow:0 0 9px rgba(255,118,0,.75); content:""; }
.site-header .brand-mark::after { position:absolute; right:5px; bottom:5px; width:14px; height:2px; border-radius:99px; background:#0568f5; content:""; }
.site-header .nav-links { gap: 16px; }
.site-header .nav-links .button-small { min-height: 44px; padding: 10px 16px; border-radius: 10px; font-size: .84rem; white-space: nowrap; }
.site-header .nav-links a:not(.button) { padding: 10px 0; }

/* Pages de conversion et d'activation : même langage visuel que l'académie. */
body.upgrade-body { background:#04132f; }
.upgrade-topbar { background:rgba(4,19,47,.92); }
.upgrade-kicker,.section-label,.plan-label,.form-number { color:var(--db-sky); }
.upgrade-kicker span { background:var(--db-orange); box-shadow:0 0 0 6px rgba(255,118,0,.12); }
.upgrade-manifesto { border-color:rgba(22,137,255,.55); background:radial-gradient(circle at 78% 13%,rgba(22,137,255,.38),transparent 28%),linear-gradient(145deg,#082b64,#061b42); }
.upgrade-manifesto p,.upgrade-scroll,.plan-price span { color:#ffbe72; }
.manifesto-line { background:var(--db-orange); }
.upgrade-showcase { background:#061a3f; }
.showcase-stack div:nth-child(2) { background:linear-gradient(145deg,rgba(22,137,255,.22),#082558); }
.showcase-stack div:nth-child(3) { background:linear-gradient(145deg,rgba(255,118,0,.16),#082558); }
.activation-card { border-color:rgba(22,137,255,.58); background:radial-gradient(circle at 85% 0,rgba(22,137,255,.27),transparent 35%),#082047; }
.secure-note { border-color:var(--db-orange); background:rgba(255,118,0,.07); }
.secure-note>span { color:var(--db-orange); }

@media (prefers-reduced-motion: no-preference) {
  .button-primary, .card, .foundation-track, .tool-card { transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
  .card:hover, .foundation-track:hover, .tool-card:hover { border-color: rgba(22,137,255,.55); box-shadow: 0 14px 34px rgba(0,0,0,.18), inset 0 1px 0 rgba(22,137,255,.14); }
}