/* styles-conference.css - minimal custom layer on top of Bootstrap 5 */
:root {
    --feu-bg: #292E87;
    --feu-ink: #101418;
    --feu-yellow: #ffcb00;
    --feu-muted: #5b6773;
    --feu-brand: #d73727;
    --feu-soft: #f4f6f8;
    --feu-ring: #e5eaf0;
    --tier-diamond: #ff3131; /* subtle diamond */
    --tier-platinum: #ff7415; /* cool platinum */
    --tier-gold: #fcc901; /* muted gold */
    --tier-silver: #00bf02; /* light silver */
}
body{color:#334155}
.header-hero{
  background: var(--feu-bg);
  color:#eaf2ff;
}
.header-hero .lead{color:#c7d2e2}
.badge-feu{text-transform:uppercase;letter-spacing:.04em}
.header-brand img{height:150px;filter: drop-shadow(0 2px 6px rgba(0,0,0,.15));}
@media (max-width: 575.98px){ .header-brand img{height:48px} }

/* Card tier accents */
.card-head{height:10px;border-top-left-radius:.75rem;border-top-right-radius:.75rem;margin:0 0 1rem 0}
.tier-diamond .card-head{background:var(--tier-diamond)}
.tier-platinum .card-head{background:var(--tier-platinum)}
.tier-gold .card-head{background:var(--tier-gold)}
.tier-silver .card-head{background:var(--tier-silver)}

.feu-yellow {
    color: var(--feu-yellow)!important;
}

.feu-button-yellow {
    background: var(--feu-yellow) !important;
    color: black !important;
    border: none;
    color: #111111;
    border: 1px solid #ffcb00;
}

.feu-button {
    font-size: 16px !important;
    font-weight: 700 !important;
    padding: 12px 40px;
    text-transform: uppercase;
}

    
    /* Utility tweaks */
    .kicker {
        font-size: .75rem;
        text-transform: uppercase;
        color: var(--feu-muted);
        font-weight: 700;
        letter-spacing: .04em
    }
.price{font-size:1.6rem; font-weight:800; color:#0f172a}
.pill{display:block; width:100%; padding:.35rem .6rem; border:1px solid #dce6ff; background:#f0f4ff; border-radius:999px; font-size:.8rem}
.footer-feu{background:#0e1117;color:#c9d3df}
.footer-feu a{color:#fff;text-decoration:underline}

/* Readability */
section p{max-width:75ch}

/* ----- Section heading rail (tier-colored underline) ------------------- */
.section-head{margin-bottom:.75rem}
.section-head .kicker-right{font-size:.75rem; text-transform:uppercase; letter-spacing:.05em; color:#5b6773}
.heading-rail{height:12px; border-radius:12px; background:#eef2f7; position:relative; overflow:hidden}
.heading-rail .rail{position:absolute; inset:0; display:flex}
.heading-rail .rail span{flex:1}
.heading-rail .rail .rail-diamond{background:linear-gradient(90deg, var(--tier-diamond), rgba(142,202,230,.45))}
.heading-rail .rail .rail-platinum{background:linear-gradient(90deg, var(--tier-platinum), rgba(214,214,222,.55))}
.heading-rail .rail .rail-gold{background:linear-gradient(90deg, var(--tier-gold), rgba(244,196,48,.55))}
.heading-rail .rail .rail-silver{background:linear-gradient(90deg, var(--tier-silver), rgba(229,231,235,.55))}
@media (max-width: 575.98px){
  .heading-rail{height:10px}
}

/* clip cards to rounded corners */
.card{overflow:hidden}