:root{
  --black:#080705;
  --black-2:#12100d;
  --black-3:#1b1712;
  --paper:#e7dcc7;
  --ivory:#f2eadb;
  --gold:#c18a43;
  --gold-light:#e1bd79;
  --gold-dark:#745027;
  --copper:#9f642d;
  --muted:#a99d8c;
  --line:rgba(225,189,121,.18);
  --glow:rgba(193,138,67,.30)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Inter,sans-serif;background:var(--black);color:var(--ivory);overflow-x:hidden}
a{text-decoration:none}
.py-section{padding:8rem 0}
.navbar{transition:.3s;background:linear-gradient(to bottom,rgba(5,5,4,.92),transparent)}
.navbar.scrolled{background:rgba(8,7,5,.96);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line)}
.brand-mark,.footer-brand{font:900 2rem/1 Cinzel,serif;letter-spacing:.03em;color:var(--ivory);text-shadow:0 2px 18px rgba(0,0,0,.55)}
.brand-mark span,.footer-brand span{color:var(--gold)}
.nav-link{font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:rgba(242,234,219,.82)!important}
.nav-link:hover{color:var(--gold-light)!important}
.navbar .btn-outline-light{border-color:var(--gold);color:var(--gold-light)}
.navbar .btn-outline-light:hover{background:var(--gold);border-color:var(--gold);color:#110d08}
.hero-section{position:relative;min-height:100vh;background:url('../img/mzungu-hero.jpg') center/cover no-repeat;background-color:#080705}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,3,2,.84) 0%,rgba(3,3,2,.34) 45%,rgba(3,3,2,.18) 72%,rgba(3,3,2,.48) 100%),linear-gradient(0deg,#080705 0%,rgba(8,7,5,.20) 38%,rgba(8,7,5,.12) 100%)}
.hero-content{filter:drop-shadow(0 8px 22px rgba(0,0,0,.55))}
.eyebrow,.section-number{font:700 .78rem/1 Inter,sans-serif;text-transform:uppercase;letter-spacing:.24em;color:var(--gold-light)}
.display-title{font:900 clamp(5.5rem,16vw,14rem)/.72 Cinzel,serif;letter-spacing:-.055em;margin:1.5rem 0 2rem;text-transform:uppercase;color:var(--ivory);text-shadow:0 3px 0 rgba(116,80,39,.45),0 12px 40px rgba(0,0,0,.8)}
.hero-tagline{font:700 clamp(1.35rem,3vw,2.5rem)/1.1 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.09em;color:var(--gold-light)}
.btn{border-radius:0;text-transform:uppercase;letter-spacing:.09em;font-size:.78rem;font-weight:800;padding:.9rem 1.4rem}
.btn-brand{background:linear-gradient(135deg,var(--gold-light),var(--gold));border-color:var(--gold);color:#120e09;box-shadow:0 10px 28px rgba(0,0,0,.28)}
.btn-brand:hover{background:linear-gradient(135deg,#f0ce8d,#c89045);border-color:var(--gold-light);color:#0b0805;transform:translateY(-1px)}
.btn-ghost{color:var(--ivory);border:1px solid rgba(225,189,121,.58);background:rgba(8,7,5,.22)}
.btn-ghost:hover{background:var(--ivory);border-color:var(--ivory);color:#100c08}
.scroll-cue{display:inline-flex;gap:1rem;align-items:center;color:var(--ivory);text-transform:uppercase;letter-spacing:.18em;font-size:.7rem;writing-mode:vertical-rl}
.scroll-cue i{color:var(--gold-light);animation:bounce 1.5s infinite}
.ticker{background:linear-gradient(90deg,#725029,var(--gold),#8b5a29);color:#100c08;overflow:hidden;padding:1.15rem 0;white-space:nowrap;border-block:1px solid rgba(242,234,219,.18)}
.ticker-track{display:inline-flex;gap:1.5rem;align-items:center;animation:ticker 28s linear infinite;font:900 1rem/1 'Barlow Condensed',sans-serif;letter-spacing:.14em}
.ticker b{color:var(--ivory)}
.section-dark{background:radial-gradient(circle at 75% 15%,rgba(193,138,67,.08),transparent 28%),var(--black)}
.section-title{font:900 clamp(3.5rem,8vw,7rem)/.88 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:-.025em;max-width:900px;color:var(--ivory)}
.section-copy{color:var(--muted)}
.platform-card{min-height:150px;padding:1.6rem;border:1px solid var(--line);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;color:var(--ivory);background:linear-gradient(145deg,var(--black-2),#0c0b09);transition:.3s;position:relative;overflow:hidden}
.platform-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 40%,rgba(225,189,121,.08));opacity:0;transition:.3s}
.platform-card>i:first-child{font-size:2rem;color:var(--gold-light)}
.platform-card small{display:block;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.12em}
.platform-card strong{display:block;font:700 1.5rem 'Barlow Condensed',sans-serif}
.platform-card:hover{background:linear-gradient(135deg,#6e4924,var(--gold));transform:translateY(-5px);border-color:var(--gold-light);color:#fff6e8;box-shadow:0 18px 40px rgba(0,0,0,.35)}
.platform-card:hover:before{opacity:1}
.platform-card:hover small,.platform-card:hover>i:first-child{color:#fff6e8}
.story-section{background:linear-gradient(135deg,#e7dcc7,#cdbb9d);color:#18120d;position:relative}
.story-section:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(83,55,28,.025) 0,rgba(83,55,28,.025) 1px,transparent 1px,transparent 4px);pointer-events:none}
.story-visual{position:relative;border:1px solid rgba(116,80,39,.35);box-shadow:20px 20px 0 rgba(116,80,39,.18)}
.story-visual img{width:100%;display:block;filter:sepia(.26) contrast(1.08) brightness(.88)}
.visual-stamp{position:absolute;right:-1rem;bottom:2rem;background:linear-gradient(145deg,var(--gold-light),var(--gold-dark));color:#120d08;width:130px;height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font:900 3.3rem/.75 'Barlow Condensed',sans-serif;transform:rotate(-4deg);border:2px solid #f0d39a;box-shadow:0 12px 35px rgba(0,0,0,.35)}
.visual-stamp span{font:800 .6rem Inter,sans-serif;letter-spacing:.16em;margin-top:.8rem}
.story-lead{font:600 1.35rem/1.5 Inter,sans-serif}
.story-section .section-number{color:#785022}
.story-section p:not(.section-number){color:#3d2e20;line-height:1.8}
.story-section blockquote{border-left:4px solid var(--gold-dark);padding-left:1.5rem;margin:2rem 0;font:800 1.7rem/1.25 'Barlow Condensed',sans-serif;text-transform:uppercase;color:#25190f}
.tag-list{display:flex;flex-wrap:wrap;gap:.5rem}
.tag-list span{border:1px solid rgba(68,44,22,.45);padding:.55rem .75rem;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:#342417;background:rgba(255,255,255,.12)}
.newsletter-section{position:relative;background:radial-gradient(circle at 50% 100%,rgba(193,138,67,.28),transparent 43%),linear-gradient(180deg,#0c0a08,#080705)}
.newsletter-section:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 35%,rgba(225,189,121,.035) 50%,transparent 65%);pointer-events:none}
.newsletter-copy{max-width:650px;color:var(--muted);font-size:1.1rem}
.newsletter-form{max-width:720px}
.newsletter-form .form-control{border-radius:0;background:var(--ivory);border:1px solid var(--gold-dark);padding-left:1.3rem;font-size:1rem;color:#16100a}
.newsletter-form .form-control:focus{box-shadow:0 0 0 .25rem rgba(193,138,67,.16);border-color:var(--gold)}
.form-message{min-height:1.5rem;color:var(--ivory)}
.privacy-note{font-size:.72rem;color:#7f7567}
.site-footer{border-top:1px solid var(--line);background:#050403;color:#8f8475}
.footer-brand{font-size:3.2rem;color:var(--ivory)}
.social-links{display:flex;justify-content:flex-start;gap:.7rem}
.social-links a{display:inline-grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);color:var(--gold-light);transition:.25s}
.social-links a:hover{background:var(--gold);border-color:var(--gold-light);color:#110d08}
.reveal{opacity:0;transform:translateY(25px);animation:reveal .8s forwards}
.delay-1{animation-delay:.15s}.delay-2{animation-delay:.3s}.delay-3{animation-delay:.45s}
.reveal-on-scroll{opacity:0;transform:translateY(35px);transition:.8s}
.reveal-on-scroll.visible{opacity:1;transform:none}
@keyframes reveal{to{opacity:1;transform:none}}
@keyframes ticker{to{transform:translateX(-50%)}}
@keyframes bounce{50%{transform:translateY(7px)}}
@media(min-width:992px){.social-links{justify-content:flex-end}}
@media(max-width:991px){.py-section{padding:6rem 0}.navbar-collapse{background:rgba(8,7,5,.98);padding:1.5rem;margin-top:1rem;border:1px solid var(--line)}.display-title{font-size:clamp(4.5rem,20vw,9rem)}.visual-stamp{right:1rem}.hero-section{background-position:42% center}}
@media(max-width:575px){.py-section{padding:4.5rem 0}.hero-content .row{padding-bottom:2rem!important}.hero-section{background-position:31% center}.hero-overlay{background:linear-gradient(90deg,rgba(3,3,2,.86),rgba(3,3,2,.32)),linear-gradient(0deg,#080705 0%,transparent 45%)}.display-title{font-size:clamp(4rem,23vw,6.5rem)}.input-group{display:block}.newsletter-form .form-control,.newsletter-form .btn{width:100%;min-height:58px}.newsletter-form .btn{margin-top:.7rem}.section-title{font-size:3.4rem}.platform-card{min-height:120px}.scroll-cue{display:none}}