@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;500;600;700;800&display=swap');

/* ============ SHARED LEGAL PAGE STYLES ============ */

.ibph-legal-page {
    max-width: 800px;
    margin: 0 auto;
    font-family: 'Inter', Arial, sans-serif;
    color: #1a1a2e;
    line-height: 1.7;
    padding: 20px 0 60px;
}

.ibph-legal-page h2 {
    font-size: 20px;
    font-weight: 800;
    margin: 36px 0 12px;
    color: #14141f;
    border-bottom: 2px solid #c9a85c;
    padding-bottom: 8px;
}

.ibph-legal-page h3 {
    font-size: 16px;
    font-weight: 700;
    margin: 24px 0 8px;
    color: #14141f;
}

.ibph-legal-page p,
.ibph-legal-page li {
    font-size: 15px;
    color: #333;
    line-height: 1.7;
}

.ibph-legal-page ul {
    padding-left: 20px;
    margin-bottom: 16px;
}

.ibph-legal-page li {
    margin-bottom: 6px;
}

.ibph-legal-updated {
    font-size: 13px;
    color: #888;
    font-style: italic;
    margin-bottom: 32px;
}

.ibph-legal-page a {
    color: #b02a2a;
}

/* ============ ABOUT PAGE ============ */

.ibph-about-page {
    max-width: 900px;
    margin: 0 auto;
    font-family: 'Inter', Arial, sans-serif;
    color: #1a1a2e;
}

.ibph-about-hero {
    background: #14141f;
    color: #fff;
    padding: 70px 40px;
    text-align: center;
    margin-bottom: 0;
}

.ibph-about-headline {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 48px;
    font-weight: 400;
    margin: 0 0 16px 0;
    color: #fff;
    line-height: 1.1;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.ibph-about-sub {
    font-size: 18px;
    color: #b8b8c8;
    font-style: italic;
    margin: 0;
}

.ibph-about-section {
    padding: 56px 40px;
    border-bottom: 1px solid #eee;
}

.ibph-about-section h2 {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 32px;
    font-weight: 400;
    margin: 0 0 20px 0;
    color: #14141f;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 3px solid #c9a85c;
    padding-bottom: 10px;
    display: inline-block;
}

.ibph-about-section p {
    font-size: 16px;
    line-height: 1.75;
    color: #333;
    margin-bottom: 16px;
}

.ibph-about-section p:last-child {
    margin-bottom: 0;
}

.ibph-about-dark {
    background: #14141f;
}

.ibph-about-dark h2 {
    color: #fff;
    border-bottom-color: #c9a85c;
}

.ibph-about-dark p {
    color: #c8c8d8;
}

.ibph-about-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    margin-top: 8px;
}

.ibph-about-card {
    background: #1f1f30;
    border-radius: 8px;
    padding: 24px;
    border: 1px solid rgba(201,168,92,0.2);
}

.ibph-about-card-icon {
    font-size: 28px;
    display: block;
    margin-bottom: 10px;
}

.ibph-about-card h3 {
    font-size: 16px;
    font-weight: 800;
    color: #c9a85c;
    margin: 0 0 8px 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.ibph-about-card p {
    font-size: 14px;
    color: #b8b8c8;
    line-height: 1.6;
    margin: 0;
}

.ibph-about-list {
    padding-left: 0;
    list-style: none;
    margin-bottom: 24px;
}

.ibph-about-list li {
    font-size: 15px;
    color: #333;
    padding: 10px 0 10px 28px;
    border-bottom: 1px solid #eee;
    position: relative;
}

.ibph-about-list li::before {
    content: "✗";
    position: absolute;
    left: 0;
    color: #b02a2a;
    font-weight: 900;
}

.ibph-about-list li:last-child {
    border-bottom: none;
}

.ibph-about-fine {
    background: #f5f3ee;
    padding: 28px 40px;
}

.ibph-about-fine p {
    font-size: 13px;
    color: #888;
    font-style: italic;
    line-height: 1.6;
    margin: 0;
}

/* ============ THE BROTHERHOOD PAGE ============ */

.ibph-brotherhood-page {
    max-width: 900px;
    margin: 0 auto;
    font-family: 'Inter', Arial, sans-serif;
    color: #1a1a2e;
}

.ibph-bh-hero {
    background: linear-gradient(160deg, #14141f 0%, #1f1f30 100%);
    color: #fff;
    padding: 80px 40px;
    text-align: center;
}

.ibph-bh-eyebrow {
    display: inline-block;
    font-family: 'Bebas Neue', sans-serif;
    font-size: 13px;
    letter-spacing: 4px;
    color: #c9a85c;
    margin-bottom: 16px;
    text-transform: uppercase;
    border: 1px solid rgba(201,168,92,0.4);
    padding: 6px 16px;
    border-radius: 30px;
}

.ibph-bh-headline {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 56px;
    font-weight: 400;
    margin: 0 0 16px 0;
    color: #fff;
    line-height: 1;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.ibph-bh-sub {
    font-size: 18px;
    color: #b8b8c8;
    font-style: italic;
    margin: 0;
    line-height: 1.6;
}

.ibph-bh-section {
    padding: 56px 40px;
    border-bottom: 1px solid #eee;
}

.ibph-bh-section h2 {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 30px;
    font-weight: 400;
    margin: 0 0 20px 0;
    color: #14141f;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 3px solid #c9a85c;
    padding-bottom: 10px;
    display: inline-block;
}

.ibph-bh-section p {
    font-size: 16px;
    line-height: 1.75;
    color: #333;
    margin-bottom: 16px;
}

.ibph-bh-dark {
    background: #14141f;
}

.ibph-bh-dark h2 {
    color: #fff;
}

.ibph-bh-dark p {
    color: #c8c8d8;
}

.ibph-bh-flow {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
    gap: 0;
    align-items: center;
    margin-top: 8px;
}

.ibph-bh-flow-step {
    background: #1f1f30;
    border: 1px solid rgba(201,168,92,0.2);
    border-radius: 8px;
    padding: 20px;
}

.ibph-bh-flow-arrow {
    color: #c9a85c;
    font-size: 22px;
    font-weight: 900;
    text-align: center;
    padding: 0 10px;
}

.ibph-bh-step-num {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 28px;
    color: #c9a85c;
    display: block;
    margin-bottom: 6px;
}

.ibph-bh-flow-step h3 {
    font-size: 14px;
    font-weight: 800;
    color: #fff;
    margin: 0 0 6px 0;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.ibph-bh-flow-step p {
    font-size: 13px;
    color: #b8b8c8;
    line-height: 1.5;
    margin: 0;
}

.ibph-bh-criteria {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-top: 8px;
}

.ibph-bh-criterion {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    padding: 20px 0;
    border-bottom: 1px solid #eee;
}

.ibph-bh-criterion:last-child {
    border-bottom: none;
}

.ibph-bh-criterion-icon {
    font-size: 22px;
    font-weight: 900;
    flex-shrink: 0;
    width: 32px;
    text-align: center;
    margin-top: 2px;
}

.ibph-bh-pass .ibph-bh-criterion-icon { color: #2a7a2a; }
.ibph-bh-fail .ibph-bh-criterion-icon { color: #b02a2a; }

.ibph-bh-criterion h3 {
    font-size: 16px;
    font-weight: 800;
    margin: 0 0 6px 0;
    color: #14141f;
}

.ibph-bh-criterion p {
    font-size: 14px;
    color: #555;
    line-height: 1.6;
    margin: 0;
}

.ibph-bh-cta {
    display: inline-block;
    background: #c9a85c;
    color: #14141f;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 14px 30px;
    border-radius: 6px;
    text-decoration: none;
    font-size: 14px;
    margin-top: 8px;
    transition: transform 0.2s ease;
}

.ibph-bh-cta:hover {
    transform: translateY(-2px);
    color: #14141f;
}

.ibph-bh-link {
    display: inline-block;
    font-weight: 700;
    font-size: 14px;
    color: #c9a85c;
    text-decoration: none;
    border-bottom: 2px solid #c9a85c;
    padding-bottom: 3px;
    margin-top: 8px;
}

.ibph-bh-link:hover { color: #fff; }

.ibph-bh-transparency { background: #f5f3ee; }
.ibph-bh-transparency h2 { color: #14141f; }

.ibph-bh-breakdown {
    border: 2px solid #14141f;
    border-radius: 8px;
    overflow: hidden;
    margin: 16px 0;
}

.ibph-bh-breakdown-row {
    display: flex;
    justify-content: space-between;
    padding: 14px 20px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 15px;
}

.ibph-bh-breakdown-row:last-child { border-bottom: none; }
.ibph-bh-breakdown-label { color: #333; }
.ibph-bh-breakdown-value { font-weight: 700; color: #14141f; }

.ibph-bh-breakdown-highlight { background: #14141f; }
.ibph-bh-breakdown-highlight .ibph-bh-breakdown-label { color: #fff; font-weight: 700; }
.ibph-bh-breakdown-highlight .ibph-bh-breakdown-value { color: #c9a85c; font-size: 18px; }

.ibph-bh-breakdown-total { background: #f0ece4; }
.ibph-bh-breakdown-total .ibph-bh-breakdown-label,
.ibph-bh-breakdown-total .ibph-bh-breakdown-value { font-weight: 800; color: #14141f; font-size: 16px; }

.ibph-bh-breakdown-note {
    font-size: 14px;
    color: #666;
    font-style: italic;
    text-align: center;
    margin: 0;
}

/* ============ MOBILE ============ */

@media (max-width: 720px) {
    .ibph-about-hero, .ibph-bh-hero { padding: 50px 20px; }
    .ibph-about-headline { font-size: 32px; }
    .ibph-bh-headline { font-size: 36px; }
    .ibph-about-section, .ibph-bh-section { padding: 36px 20px; }
    .ibph-about-grid { grid-template-columns: 1fr; }
    .ibph-about-fine { padding: 24px 20px; }
    .ibph-bh-flow { grid-template-columns: 1fr; }
    .ibph-bh-flow-arrow { transform: rotate(90deg); padding: 6px 0; text-align: center; }
}