/* Shared styles for about, investors, affiliates, and business pages. */

html {
    scroll-padding-top: 140px;
}

:root {
    --company-dark-panel-bg: linear-gradient(135deg, #3a1654 0%, #2a103f 48%, #1b0b29 100%);
    --company-dark-panel-shadow: 0 22px 54px rgba(108, 0, 168, 0.18);
    --company-dark-panel-glow: radial-gradient(circle, rgba(181, 80, 224, 0.18) 0%, transparent 60%);
}

:is(
    .about-vision,
    .investors-contact-panel,
    .affiliates-contact-panel,
    .affiliates-inquiry-section,
    .business-inquiry-section,
    .guarantee-contact-panel,
    .contact-inquiry-section,
    #affiliate-inquiry,
    #affiliate-inquiry-form,
    #business-inquiry
) {
    scroll-margin-top: 140px;
}

:is(.about-page-hero, .investors-page-hero, .affiliates-page-hero, .business-page-hero, .contact-page-hero) {
    min-height: 430px;
    display: flex;
    align-items: center;
    background: #111;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.about-page-hero {
    min-height: 400px;
}

.affiliates-page-hero {
    min-height: 440px;
}

:is(.about-page-hero, .investors-page-hero, .affiliates-page-hero, .business-page-hero, .contact-page-hero)::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url("/assets/img/bg/bg.webp") center/cover no-repeat;
    opacity: 0.34;
    transform: scale(1.05);
    transition: transform 10s ease;
}

.about-page-hero::before {
    opacity: 0.35;
}

:is(.about-page-hero, .investors-page-hero, .affiliates-page-hero, .business-page-hero, .contact-page-hero):hover::before {
    transform: scale(1);
}

:is(.investors-page-hero, .business-page-hero, .contact-page-hero)::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(17,17,17,0.35) 0%, rgba(108, 0, 168, 0.62) 100%);
}

.about-page-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(17,17,17,0.4) 0%, rgba(108, 0, 168, 0.6) 100%);
}

.affiliates-page-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(17,17,17,0.34) 0%, rgba(108, 0, 168, 0.62) 100%);
}

:is(.about-page-hero, .investors-page-hero, .affiliates-page-hero, .business-page-hero, .contact-page-hero) .container {
    position: relative;
    z-index: 2;
    margin: 0 auto;
}

:is(.about-page-kicker, .investors-page-kicker, .affiliates-page-kicker, .business-page-kicker, .contact-page-kicker) {
    display: inline-block;
    color: #fff;
    background: linear-gradient(90deg, #B00078, #FF589B);
    border: 1px solid rgba(251, 194, 30, 0.72);
    box-shadow: 0 10px 28px rgba(0,0,0,0.28), 0 0 0 1px rgba(255,255,255,0.12) inset;
    padding: 6px 18px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.affiliates-page-kicker {
    font-weight: 800;
}

:is(.about-page-title, .investors-page-title, .affiliates-page-title, .business-page-title, .contact-page-title) {
    color: #ffffff;
    font-size: 56px;
    font-weight: 800;
    line-height: 1.1;
    margin: 0;
    text-shadow: 0 10px 30px rgba(0,0,0,0.5);
}

.affiliates-page-title {
    font-weight: 900;
}

:is(.investors-page-lead, .affiliates-page-lead, .business-page-lead, .contact-page-lead) {
    color: rgba(255,255,255,0.9);
    font-size: 18px;
    line-height: 1.8;
    max-width: 780px;
    margin: 22px auto 0;
}

:is(.affiliates-hero-btn, .business-hero-btn) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    color: #111;
    background: #FBC21E;
    border-radius: 999px;
    padding: 10px 24px;
    font-size: 16px;
    font-weight: 900;
    margin-top: 28px;
}

:is(.affiliates-hero-btn, .business-hero-btn):hover {
    color: #fff;
    background: #FF589B;
}

:is(.about-content-section, .investors-content-section, .affiliates-content-section, .business-content-section, .contact-content-section) {
    background: #fdfdfd;
    color: #4a4e54;
    padding: 100px 0 120px;
}

:is(.about-intro, .investors-intro, .affiliates-intro, .business-intro) {
    margin: 0 auto 60px;
    text-align: center;
}

.about-intro {
    max-width: 850px;
}

.investors-intro {
    max-width: 880px;
}

:is(.affiliates-intro, .business-intro) {
    max-width: 900px;
}

.business-intro {
    margin-bottom: 70px;
}

:is(.about-intro p, .investors-intro p, .affiliates-intro p, .business-intro p, .business-platform-panel p, .business-inquiry-copy p) {
    color: #555;
    font-size: 18px;
    line-height: 1.9;
    margin-bottom: 18px;
}

:is(.about-intro p, .investors-intro p, .affiliates-intro p) {
    margin-bottom: 20px;
}

:is(.about-intro strong, .investors-intro strong, .affiliates-intro strong) {
    color: #111;
    font-weight: 700;
}

:is(.about-stats, .investors-stats, .affiliates-stats) {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 30px;
    margin: 0 auto 80px;
    max-width: 1000px;
}

:is(.about-stat-item, .investors-stat-item, .affiliates-stat-item) {
    background: #ffffff;
    padding: 40px 30px;
    border-radius: 20px;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0,0,0,0.04);
    border: 1px solid rgba(0,0,0,0.03);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

:is(.about-stat-item, .investors-stat-item, .affiliates-stat-item)::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #FF589B, #FBC21E);
    opacity: 0;
    transition: opacity 0.3s ease;
}

:is(.about-stat-item, .investors-stat-item, .affiliates-stat-item):hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 50px rgba(108, 0, 168, 0.08);
}

:is(.about-stat-item, .investors-stat-item, .affiliates-stat-item):hover::after {
    opacity: 1;
}

:is(.about-stat-icon, .investors-stat-icon, .affiliates-stat-icon) {
    font-size: 32px;
    color: #E8AD12;
    font-weight: 700;
    margin-bottom: 15px;
}

:is(.about-stat-number, .investors-stat-number, .affiliates-stat-number) {
    color: #FF589B;
    display: block;
    font-weight: 800;
    line-height: 1;
}

:is(.about-stat-number, .investors-stat-number) {
    font-size: 48px;
    margin-bottom: 10px;
}

.affiliates-stat-number {
    font-size: 38px;
    font-weight: 900;
    margin-bottom: 12px;
}

:is(.about-stat-label, .investors-stat-label, .affiliates-stat-label) {
    color: #888;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.affiliates-stat-label {
    font-weight: 700;
}

:is(.about-section-title, .investors-section-title, .affiliates-section-title, .business-section-title) {
    color: #111;
    font-size: 38px;
    font-weight: 800;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 50px;
}

:is(.affiliates-section-title, .business-section-title) {
    font-weight: 900;
}

.business-section-title {
    margin-bottom: 48px;
}

:is(.about-section-title, .investors-section-title, .affiliates-section-title, .business-section-title) span {
    color: #6C00A8;
    position: relative;
    display: inline-block;
}

:is(.about-section-title, .investors-section-title, .affiliates-section-title, .business-section-title) span::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 8px;
    width: 100%;
    height: 12px;
    background: rgba(108, 0, 168, 0.15);
    z-index: -1;
}

:is(.investors-two-column, .affiliates-two-column) {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
    gap: 32px;
    max-width: 1100px;
    margin: 0 auto 80px;
    align-items: stretch;
}

:is(.investors-copy-block, .investors-market-card, .affiliates-copy-block, .affiliates-market-card) {
    background: #fff;
    border: 1px solid rgba(0,0,0,0.04);
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03);
    padding: 42px;
}

:is(.investors-copy-block .investors-section-title, .affiliates-copy-block .affiliates-section-title, .affiliates-model-section .affiliates-section-title) {
    text-align: left;
    margin-bottom: 24px;
}

:is(.investors-copy-block p, .investors-feature-copy p, .investors-dark-panel p, .investors-contact-panel p, .affiliates-copy-block p, .affiliates-feature-copy p, .affiliates-model-section p, .affiliates-contact-panel p, .affiliates-inquiry-copy p) {
    color: #666;
    font-size: 17px;
    line-height: 1.85;
    margin-bottom: 18px;
}

:is(.investors-market-card, .investors-dark-panel, .investors-contact-panel, .affiliates-market-card, .affiliates-dark-panel, .affiliates-contact-panel, .affiliates-inquiry-section) {
    background: var(--company-dark-panel-bg);
}

:is(.investors-market-card h3, .affiliates-market-card h3) {
    color: #fff;
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 24px;
}

.affiliates-market-card h3 {
    font-weight: 900;
}

:is(.investors-pill-list, .affiliates-pill-list) {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

:is(.investors-pill-list span, .investors-point-grid span, .investors-liquidity-list span, .affiliates-pill-list span, .affiliates-point-grid span) {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    color: #fff;
    background: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.14);
    border-radius: 999px;
    padding: 8px 16px;
    font-size: 15px;
    font-weight: 700;
}

:is(.affiliates-pill-list span, .affiliates-point-grid span) {
    font-weight: 800;
}

:is(.investors-feature-panel, .affiliates-feature-panel) {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 28px;
    max-width: 1100px;
    margin: 0 auto 80px;
}

:is(.investors-feature-copy, .affiliates-feature-copy) {
    background: #fff;
    border-radius: 20px;
    border: 1px solid rgba(0,0,0,0.04);
    box-shadow: 0 10px 30px rgba(0,0,0,0.03);
    padding: 38px;
}

:is(.investors-point-grid, .affiliates-point-grid) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.investors-point-grid {
    align-content: stretch;
}

:is(.investors-point-grid span, .affiliates-point-grid span) {
    justify-content: center;
    text-align: center;
    color: #111;
    background: #fff;
    border: 1px solid rgba(108, 0, 168, 0.1);
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03);
    min-height: 74px;
}

:is(.about-card-grid, .investors-card-grid, .affiliates-card-grid) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px;
    margin: 0 auto 80px;
    max-width: 1100px;
}

:is(.about-card, .investors-card, .affiliates-card, .business-partner-card, .business-service-grid article) {
    background: #ffffff;
    padding: 40px;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03);
    border: 1px solid rgba(0,0,0,0.04);
    transition: all 0.3s ease;
}

:is(.about-card, .investors-card, .affiliates-card, .business-service-grid article) {
    border-left: 5px solid #6C00A8;
}

:is(.business-partner-card, .business-service-grid article) {
    border-radius: 18px;
    padding: 34px 28px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.035);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

:is(.about-card, .investors-card, .affiliates-card):hover {
    box-shadow: 0 15px 40px rgba(108, 0, 168, 0.08);
    transform: translateY(-5px);
    border-color: rgba(108, 0, 168, 0.1);
    border-left-color: #6C00A8;
}

:is(.business-partner-card, .business-service-grid article):hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 40px rgba(108, 0, 168, 0.08);
}

:is(.about-card i, .investors-card i, .affiliates-card i, .business-partner-card i) {
    color: #6C00A8;
    display: inline-block;
    font-size: 36px;
    margin-bottom: 25px;
}

.business-partner-card i {
    font-size: 34px;
    margin-bottom: 22px;
}

:is(.about-card h3, .investors-card h3, .affiliates-card h3, .affiliates-highlight-grid h3, .business-partner-card h3, .business-service-grid h3) {
    color: #111;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 15px;
}

:is(.affiliates-card h3, .affiliates-highlight-grid h3, .business-partner-card h3, .business-service-grid h3) {
    font-weight: 800;
}

:is(.business-partner-card h3, .business-service-grid h3) {
    font-size: 21px;
    line-height: 1.3;
    margin-bottom: 14px;
}

:is(.about-card p, .investors-card p, .affiliates-card p, .affiliates-highlight-grid p, .business-partner-card p, .business-service-grid p) {
    color: #666;
    font-size: 16px;
    line-height: 1.8;
    margin: 0;
}

:is(.business-partner-card p, .business-service-grid p) {
    line-height: 1.75;
}

:is(.about-vision, .investors-dark-panel, .investors-contact-panel, .affiliates-dark-panel, .affiliates-contact-panel, .affiliates-inquiry-section) {
    border-radius: 24px;
    padding: 60px 80px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(108, 0, 168, 0.2);
}

.about-vision {
    background: var(--company-dark-panel-bg);
    text-align: center;
    max-width: 1000px;
    margin: 0 auto;
}

:is(.investors-dark-panel, .investors-contact-panel, .affiliates-dark-panel, .affiliates-contact-panel, .affiliates-inquiry-section) {
    max-width: 1100px;
    margin: 0 auto 80px;
}

:is(.about-vision, .investors-dark-panel, .investors-contact-panel, .affiliates-dark-panel, .affiliates-contact-panel, .affiliates-inquiry-section)::before {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(108, 0, 168, 0.15) 0%, transparent 60%);
    pointer-events: none;
}

:is(.investors-dark-panel, .investors-contact-panel, .affiliates-dark-panel, .affiliates-contact-panel, .affiliates-inquiry-section) > *,
.about-vision > * {
    position: relative;
    z-index: 2;
}

:is(.about-vision .about-section-title, .investors-dark-panel .investors-section-title, .investors-contact-panel .investors-section-title, .affiliates-dark-panel .affiliates-section-title, .affiliates-contact-panel .affiliates-section-title) {
    color: #fff;
    margin-bottom: 30px;
}

:is(.about-vision .about-section-title span, .investors-dark-panel .investors-section-title span, .investors-contact-panel .investors-section-title span, .affiliates-dark-panel .affiliates-section-title span, .affiliates-contact-panel .affiliates-section-title span) {
    color: #FBC21E;
}

:is(.investors-dark-panel .investors-section-title span, .investors-contact-panel .investors-section-title span, .affiliates-dark-panel .affiliates-section-title span, .affiliates-contact-panel .affiliates-section-title span)::after {
    display: none;
}

.about-vision .about-section-title span::after {
    display: none;
}

:is(.about-vision p, .investors-dark-panel p, .investors-contact-panel p, .affiliates-contact-panel p) {
    color: #ddd;
    max-width: 820px;
    margin-left: auto;
    margin-right: auto;
}

.about-vision p {
    font-size: 18px;
    line-height: 1.9;
    max-width: 750px;
    margin-bottom: 20px;
}

:is(.affiliates-highlight-grid, .investors-roadmap) {
    display: grid;
}

.affiliates-highlight-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.affiliates-highlight-grid article {
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 18px;
    padding: 28px;
}

.affiliates-highlight-grid h3 {
    color: #fff;
}

.affiliates-highlight-grid p {
    color: rgba(255,255,255,0.78);
}

:is(.investors-model-section, .affiliates-model-section, .business-model-section) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px;
    max-width: 1100px;
    margin: 0 auto 80px;
}

.business-model-section {
    max-width: 1120px;
    margin-bottom: 90px;
}

:is(.investors-model-section > div, .affiliates-model-section > div, .business-model-section > div) {
    background: #fff;
    border: 1px solid rgba(0,0,0,0.04);
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03);
    padding: 40px;
}

.business-model-section > div {
    box-shadow: 0 10px 30px rgba(0,0,0,0.035);
}

:is(.investors-model-section .investors-section-title, .business-model-section .business-section-title) {
    text-align: left;
    margin-bottom: 26px;
}

:is(.investors-check-list, .affiliates-check-list, .business-check-list) {
    display: grid;
    gap: 14px;
    list-style: none;
    padding: 0;
    margin: 0;
}

:is(.investors-check-list li, .affiliates-check-list li, .business-check-list li) {
    color: #555;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    padding-left: 30px;
    position: relative;
}

:is(.affiliates-check-list li, .business-check-list li) {
    font-weight: 700;
}

.business-check-list li {
    font-weight: 650;
}

:is(.investors-check-list li, .affiliates-check-list li, .business-check-list li)::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: linear-gradient(135deg, #FF589B, #FBC21E);
    box-shadow: 0 0 0 5px rgba(255, 88, 155, 0.1);
}

:is(.investors-liquidity-list, .investors-contact-links, .affiliates-contact-links) {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 30px;
}

:is(.investors-contact-links button, .affiliates-contact-links button) {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    color: #111;
    background: #FBC21E;
    border: 0;
    border-radius: 999px;
    padding: 9px 18px;
    font-size: 15px;
    font-weight: 800;
    text-transform: none !important;
    cursor: pointer;
    user-select: none;
}

.affiliates-contact-links button {
    font-weight: 900;
}

.investors-contact-links button {
    font-variant-caps: normal;
}

:is(.investors-contact-links button, .affiliates-contact-links button):hover {
    color: #fff;
    background: #FF589B;
}

:is(.investors-contact-links button, .affiliates-contact-links button):focus-visible {
    outline: 3px solid rgba(255,255,255,0.45);
    outline-offset: 3px;
}

.investors-roadmap {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
    max-width: 1100px;
    margin: 0 auto 80px;
}

.investors-roadmap-item {
    background: #fff;
    border: 1px solid rgba(0,0,0,0.04);
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03);
    padding: 30px;
    min-height: 210px;
}

.investors-roadmap-item span {
    color: #FF589B;
    display: block;
    font-size: 38px;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 22px;
}

.investors-roadmap-item p {
    color: #666;
    font-size: 16px;
    line-height: 1.75;
    margin: 0;
}

:is(.investors-contact-panel, .affiliates-inquiry-section, .contact-inquiry-section) {
    margin-bottom: 0;
}

.affiliates-inquiry-section {
    display: grid;
    grid-template-columns: minmax(280px, 0.82fr) minmax(0, 1.18fr);
    gap: 44px;
}

:is(.affiliates-inquiry-copy h2, .business-inquiry-copy h2, .contact-inquiry-copy h2) {
    color: #fff;
    font-size: 42px;
    font-weight: 900;
    line-height: 1.2;
    margin-bottom: 22px;
}

:is(.affiliates-inquiry-copy p, .contact-inquiry-copy p) {
    color: rgba(255,255,255,0.78);
}

:is(.affiliate-inquiry-form, .business-inquiry-form, .contact-inquiry-form) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

:is(.affiliate-form-group, .business-form-group, .contact-form-group) {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

:is(.affiliate-form-wide, .affiliate-submit-btn, .business-form-wide, .business-submit-btn, .contact-form-wide, .contact-submit-btn) {
    grid-column: 1 / -1;
}

:is(.affiliate-form-group label, .business-form-group label, .contact-form-group label) {
    color: #fff;
    font-size: 14px;
    font-weight: 800;
}

:is(.affiliate-form-group input, .affiliate-form-group select, .affiliate-form-group textarea, .business-form-group input, .business-form-group select, .business-form-group textarea, .contact-form-group input, .contact-form-group select, .contact-form-group textarea) {
    width: 100%;
    min-height: 48px;
    color: #111;
    background: #fff;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 10px;
    padding: 12px 14px;
    font-size: 15px;
}

:is(.affiliate-form-group textarea, .contact-form-group textarea) {
    min-height: 118px;
    resize: vertical;
}

.business-form-group textarea {
    min-height: 130px;
    resize: vertical;
}

.business-form-group small {
    color: rgba(255,255,255,0.65);
    font-size: 13px;
}

:is(.affiliate-submit-btn, .business-submit-btn) {
    min-height: 52px;
    color: #111;
    background: #FBC21E;
    border: 0;
    border-radius: 999px;
    font-size: 16px;
    font-weight: 900;
    cursor: pointer;
    margin-top: 8px;
}

:is(.affiliate-submit-btn, .business-submit-btn):hover {
    color: #fff;
    background: #FF589B;
}

.business-platform-panel {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 40px;
    align-items: center;
    max-width: 1120px;
    margin: 0 auto 90px;
    background: var(--company-dark-panel-bg);
    border-radius: 24px;
    padding: 56px;
    box-shadow: 0 20px 50px rgba(108, 0, 168, 0.2);
}

.business-platform-panel h2 {
    color: #fff;
    font-size: 36px;
    font-weight: 900;
    line-height: 1.22;
    margin-bottom: 20px;
}

.business-platform-panel p {
    color: rgba(255,255,255,0.82);
    margin: 0;
}

.business-signal-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.business-signal-grid span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 58px;
    color: #fff;
    background: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.16);
    border-radius: 14px;
    font-size: 16px;
    font-weight: 800;
}

:is(.business-partner-grid, .business-service-grid) {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
    max-width: 1120px;
    margin: 0 auto 90px;
}

.business-service-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.business-cta-panel {
    max-width: 1120px;
    margin: 0 auto 90px;
    padding: 64px 70px;
    background: var(--company-dark-panel-bg);
    border-radius: 24px;
    text-align: center;
    color: #fff;
    overflow: hidden;
    position: relative;
}

.business-cta-panel span {
    display: inline-flex;
    color: #111;
    background: #fbc21e;
    border-radius: 999px;
    padding: 7px 18px;
    font-size: 14px;
    font-weight: 900;
    margin-bottom: 22px;
}

.business-cta-panel h2 {
    color: #fff;
    font-size: 44px;
    font-weight: 900;
    line-height: 1.18;
    margin-bottom: 18px;
}

.business-cta-panel p {
    color: rgba(255,255,255,0.88);
    font-size: 18px;
    line-height: 1.8;
    max-width: 760px;
    margin: 0 auto;
}

:is(.business-inquiry-section, .contact-inquiry-section) {
    display: grid;
    grid-template-columns: minmax(280px, 0.85fr) minmax(0, 1.15fr);
    gap: 44px;
    max-width: 1120px;
    margin: 0 auto;
    background: var(--company-dark-panel-bg);
    border-radius: 24px;
    padding: 56px;
    box-shadow: 0 20px 50px rgba(108, 0, 168, 0.2);
}

.business-inquiry-copy p {
    color: rgba(255,255,255,0.78);
}

.guarantee-page-hero {
    min-height: 430px;
    display: flex;
    align-items: center;
    background: #111;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.guarantee-page-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url("/assets/img/bg/bg.webp") center/cover no-repeat;
    opacity: 0.34;
    transform: scale(1.05);
    transition: transform 10s ease;
}

.guarantee-page-hero:hover::before {
    transform: scale(1);
}

.guarantee-page-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(17,17,17,0.35) 0%, rgba(108, 0, 168, 0.62) 100%);
}

.guarantee-page-hero .container {
    position: relative;
    z-index: 2;
    margin: 0 auto;
}

.guarantee-page-kicker {
    display: inline-block;
    color: #fff;
    background: linear-gradient(90deg, #B00078, #FF589B);
    border: 1px solid rgba(251, 194, 30, 0.72);
    box-shadow: 0 10px 28px rgba(0,0,0,0.28), 0 0 0 1px rgba(255,255,255,0.12) inset;
    padding: 6px 18px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.guarantee-page-title {
    color: #ffffff;
    font-size: 56px;
    font-weight: 900;
    line-height: 1.1;
    margin: 0;
    text-shadow: 0 10px 30px rgba(0,0,0,0.5);
}

.guarantee-page-lead {
    color: rgba(255,255,255,0.9);
    font-size: 18px;
    line-height: 1.8;
    max-width: 780px;
    margin: 22px auto 0;
}

.guarantee-content-section {
    background: #fdfdfd;
    color: #4a4e54;
    padding: 100px 0 120px;
}

.guarantee-intro {
    max-width: 900px;
    margin: 0 auto 60px;
    text-align: center;
}

.guarantee-intro p,
.guarantee-platform-panel p,
.guarantee-model-section p,
.guarantee-dark-panel p,
.guarantee-contact-panel p {
    color: #555;
    font-size: 18px;
    line-height: 1.9;
    margin-bottom: 18px;
}

.guarantee-intro strong {
    color: #111;
    font-weight: 700;
}

.guarantee-section-title {
    color: #111;
    font-size: 38px;
    font-weight: 900;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 50px;
}

.guarantee-section-title span {
    color: #6C00A8;
    position: relative;
    display: inline-block;
}

.guarantee-section-title span::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 8px;
    width: 100%;
    height: 12px;
    background: rgba(108, 0, 168, 0.15);
    z-index: -1;
}

.guarantee-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 30px;
    max-width: 1000px;
    margin: 0 auto 80px;
}

.guarantee-stat-item {
    background: #ffffff;
    padding: 40px 30px;
    border-radius: 20px;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0,0,0,0.04);
    border: 1px solid rgba(0,0,0,0.03);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.guarantee-stat-item::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #FF589B, #FBC21E);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.guarantee-stat-item:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 50px rgba(108, 0, 168, 0.08);
}

.guarantee-stat-item:hover::after {
    opacity: 1;
}

.guarantee-stat-icon {
    color: #E8AD12;
    display: inline-block;
    font-size: 32px;
    margin-bottom: 15px;
}

.guarantee-stat-number {
    color: #FF589B;
    display: block;
    font-size: 42px;
    font-weight: 900;
    line-height: 1;
    margin-bottom: 12px;
}

.guarantee-stat-label {
    color: #888;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.guarantee-platform-panel {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 40px;
    align-items: center;
    max-width: 1120px;
    margin: 0 auto 90px;
    background: var(--company-dark-panel-bg);
    border-radius: 24px;
    padding: 56px;
    box-shadow: 0 20px 50px rgba(108, 0, 168, 0.2);
}

.guarantee-platform-panel h2 {
    color: #fff;
    font-size: 36px;
    font-weight: 900;
    line-height: 1.22;
    margin-bottom: 20px;
}

.guarantee-platform-panel p {
    color: rgba(255,255,255,0.82);
}

.guarantee-signal-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.guarantee-signal-grid span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 58px;
    color: #fff;
    background: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.16);
    border-radius: 14px;
    font-size: 16px;
    font-weight: 800;
    text-align: center;
}

.guarantee-card-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 30px;
    max-width: 1120px;
    margin: 0 auto 90px;
}

.guarantee-card {
    background: #fff;
    border: 1px solid rgba(0,0,0,0.04);
    border-left: 5px solid #6C00A8;
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.035);
    padding: 34px 28px;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.guarantee-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 40px rgba(108, 0, 168, 0.08);
}

.guarantee-card i {
    color: #6C00A8;
    display: inline-block;
    font-size: 34px;
    margin-bottom: 22px;
}

.guarantee-card h3,
.guarantee-highlight-grid h3 {
    color: #111;
    font-size: 21px;
    font-weight: 800;
    line-height: 1.3;
    margin-bottom: 14px;
}

.guarantee-card p,
.guarantee-highlight-grid p {
    color: #666;
    font-size: 16px;
    line-height: 1.75;
    margin: 0;
}

.guarantee-model-section {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px;
    max-width: 1120px;
    margin: 0 auto 90px;
}

.guarantee-model-section > div {
    background: #fff;
    border: 1px solid rgba(0,0,0,0.04);
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.035);
    padding: 40px;
}

.guarantee-model-section .guarantee-section-title {
    text-align: left;
    margin-bottom: 26px;
}

.guarantee-check-list {
    display: grid;
    gap: 14px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.guarantee-check-list li {
    color: #555;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    padding-left: 30px;
    position: relative;
}

.guarantee-check-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: linear-gradient(135deg, #FF589B, #FBC21E);
    box-shadow: 0 0 0 5px rgba(255, 88, 155, 0.1);
}

.guarantee-dark-panel,
.guarantee-contact-panel {
    background: var(--company-dark-panel-bg);
    border-radius: 24px;
    padding: 60px 80px;
    text-align: center;
    position: relative;
    overflow: hidden;
    max-width: 1100px;
    margin: 0 auto 80px;
    box-shadow: 0 20px 50px rgba(108, 0, 168, 0.2);
}

.guarantee-contact-panel {
    margin-bottom: 0;
}

.guarantee-dark-panel::before,
.guarantee-contact-panel::before {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(108, 0, 168, 0.15) 0%, transparent 60%);
    pointer-events: none;
}

.guarantee-dark-panel > *,
.guarantee-contact-panel > * {
    position: relative;
    z-index: 2;
}

.guarantee-dark-panel .guarantee-section-title,
.guarantee-contact-panel .guarantee-section-title {
    color: #fff;
    margin-bottom: 30px;
}

.guarantee-dark-panel .guarantee-section-title span,
.guarantee-contact-panel .guarantee-section-title span {
    color: #FBC21E;
}

.guarantee-dark-panel .guarantee-section-title span::after,
.guarantee-contact-panel .guarantee-section-title span::after {
    display: none;
}

.guarantee-dark-panel p,
.guarantee-contact-panel p {
    color: #ddd;
    max-width: 820px;
    margin-left: auto;
    margin-right: auto;
}

.guarantee-highlight-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    margin-top: 32px;
}

.guarantee-highlight-grid article {
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 18px;
    padding: 26px;
}

.guarantee-highlight-grid h3 {
    color: #fff;
}

.guarantee-highlight-grid p {
    color: rgba(255,255,255,0.78);
}

.guarantee-contact-links {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 30px;
}

.guarantee-contact-links button {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    color: #111;
    background: #FBC21E;
    border: 0;
    border-radius: 999px;
    padding: 9px 18px;
    font-size: 15px;
    font-weight: 900;
    cursor: pointer;
    user-select: none;
}

.guarantee-contact-links button:hover {
    color: #fff;
    background: #FF589B;
}

.faq-page-hero {
    min-height: 430px;
    display: flex;
    align-items: center;
    background: #111;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.faq-page-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url("/assets/img/bg/bg.webp") center/cover no-repeat;
    opacity: 0.34;
    transform: scale(1.05);
    transition: transform 10s ease;
}

.faq-page-hero:hover::before {
    transform: scale(1);
}

.faq-page-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(17,17,17,0.35) 0%, rgba(108, 0, 168, 0.62) 100%);
}

.faq-page-hero .container {
    position: relative;
    z-index: 2;
    margin: 0 auto;
}

.faq-page-kicker {
    display: inline-block;
    color: #fff;
    background: linear-gradient(90deg, #B00078, #FF589B);
    border: 1px solid rgba(251, 194, 30, 0.72);
    box-shadow: 0 10px 28px rgba(0,0,0,0.28), 0 0 0 1px rgba(255,255,255,0.12) inset;
    padding: 6px 18px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.faq-page-title {
    color: #ffffff;
    font-size: 56px;
    font-weight: 900;
    line-height: 1.1;
    margin: 0;
    text-shadow: 0 10px 30px rgba(0,0,0,0.5);
}

.faq-page-lead {
    color: rgba(255,255,255,0.9);
    font-size: 18px;
    line-height: 1.8;
    max-width: 780px;
    margin: 22px auto 0;
}

.faq-content-section {
    background: #fdfdfd;
    color: #4a4e54;
    padding: 100px 0 120px;
}

.faq-intro {
    max-width: 900px;
    margin: 0 auto 60px;
    text-align: center;
}

.faq-intro p,
.faq-contact-panel p {
    color: #555;
    font-size: 18px;
    line-height: 1.9;
    margin-bottom: 18px;
}

.faq-intro strong {
    color: #111;
    font-weight: 700;
}

.faq-section-title {
    color: #111;
    font-size: 38px;
    font-weight: 900;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 36px;
}

.faq-section-title span {
    color: #6C00A8;
    position: relative;
    display: inline-block;
}

.faq-section-title span::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 8px;
    width: 100%;
    height: 12px;
    background: rgba(108, 0, 168, 0.15);
    z-index: -1;
}

.faq-topic-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    max-width: 1000px;
    margin: 0 auto 80px;
}

.faq-topic-grid span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 58px;
    color: #fff;
    background: linear-gradient(135deg, #6C00A8, #B00078);
    border: 1px solid rgba(255,255,255,0.14);
    border-radius: 16px;
    box-shadow: 0 14px 32px rgba(108, 0, 168, 0.14);
    font-size: 16px;
    font-weight: 800;
    text-align: center;
}

.faq-layout {
    display: grid;
    gap: 34px;
    max-width: 1100px;
    margin: 0 auto 90px;
}

.faq-group {
    background: #fff;
    border: 1px solid rgba(0,0,0,0.04);
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03);
    padding: 38px;
}

.faq-group .faq-section-title {
    text-align: left;
    margin-bottom: 24px;
}

.faq-item {
    border: 1px solid rgba(108, 0, 168, 0.1);
    border-radius: 14px;
    background: #fdfdfd;
    overflow: hidden;
}

.faq-item + .faq-item {
    margin-top: 14px;
}

.faq-item summary {
    color: #111;
    cursor: pointer;
    font-size: 18px;
    font-weight: 900;
    line-height: 1.4;
    list-style: none;
    padding: 20px 56px 20px 22px;
    position: relative;
}

.faq-item summary::-webkit-details-marker {
    display: none;
}

.faq-item summary::after {
    content: "+";
    position: absolute;
    right: 22px;
    top: 50%;
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #111;
    background: #FBC21E;
    border-radius: 50%;
    font-size: 20px;
    font-weight: 900;
    transform: translateY(-50%);
}

.faq-item[open] summary::after {
    content: "-";
    color: #fff;
    background: #FF589B;
}

.faq-item p {
    color: #666;
    font-size: 16px;
    line-height: 1.85;
    margin: 0;
    padding: 0 22px 22px;
}

.faq-contact-panel {
    background: var(--company-dark-panel-bg);
    border-radius: 24px;
    padding: 60px 80px;
    text-align: center;
    position: relative;
    overflow: hidden;
    max-width: 1100px;
    margin: 0 auto;
    box-shadow: 0 20px 50px rgba(108, 0, 168, 0.2);
}

.faq-contact-panel::before {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(108, 0, 168, 0.15) 0%, transparent 60%);
    pointer-events: none;
}

.faq-contact-panel > * {
    position: relative;
    z-index: 2;
}

.faq-contact-panel .faq-section-title {
    color: #fff;
    margin-bottom: 30px;
}

.faq-contact-panel .faq-section-title span {
    color: #FBC21E;
}

.faq-contact-panel .faq-section-title span::after {
    display: none;
}

.faq-contact-panel p {
    color: #ddd;
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
}

.faq-cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    color: #111;
    background: #FBC21E;
    border-radius: 999px;
    padding: 10px 24px;
    font-size: 16px;
    font-weight: 900;
    margin-top: 18px;
}

.faq-cta-btn:hover {
    color: #fff;
    background: #FF589B;
}

.company-dark-panel,
:is(
    .faq-contact-panel,
    .contact-inquiry-section,
    .affiliates-market-card,
    .affiliates-dark-panel,
    .affiliates-contact-panel,
    .affiliates-inquiry-section,
    .business-platform-panel,
    .business-cta-panel,
    .business-inquiry-section,
    .about-vision,
    .guarantee-platform-panel,
    .guarantee-dark-panel,
    .guarantee-contact-panel,
    .investors-market-card,
    .investors-dark-panel,
    .investors-contact-panel
) {
    background: var(--company-dark-panel-bg);
    box-shadow: var(--company-dark-panel-shadow);
}

.company-dark-panel {
    border-radius: 24px;
    color: #fff;
    overflow: hidden;
    position: relative;
}

.company-dark-panel::before {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    pointer-events: none;
}

.company-dark-panel > * {
    position: relative;
    z-index: 2;
}

.company-dark-panel::before,
:is(
    .faq-contact-panel,
    .contact-inquiry-section,
    .affiliates-dark-panel,
    .affiliates-contact-panel,
    .affiliates-inquiry-section,
    .business-platform-panel,
    .business-cta-panel,
    .business-inquiry-section,
    .about-vision,
    .guarantee-platform-panel,
    .guarantee-dark-panel,
    .guarantee-contact-panel,
    .investors-dark-panel,
    .investors-contact-panel
)::before {
    background: var(--company-dark-panel-glow);
}

:is(.about-seo-headings, .investors-seo-headings, .affiliates-seo-headings, .business-seo-headings, .guarantee-seo-headings, .faq-seo-headings) {
    display: none;
}

@media (max-width: 1199px) {
    .business-partner-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 991px) {
    :is(.investors-stats, .investors-model-section, .investors-feature-panel, .investors-two-column, .affiliates-stats, .affiliates-model-section, .affiliates-feature-panel, .affiliates-two-column, .affiliates-inquiry-section, .business-platform-panel, .business-model-section, .business-inquiry-section) {
        grid-template-columns: 1fr;
    }

    :is(.guarantee-stats, .guarantee-platform-panel, .guarantee-model-section) {
        grid-template-columns: 1fr;
    }

    .guarantee-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .guarantee-highlight-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .faq-topic-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .about-stats {
        grid-template-columns: repeat(2, 1fr);
    }

    .investors-roadmap {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    :is(.investors-page-hero, .affiliates-page-hero, .business-page-hero, .guarantee-page-hero, .faq-page-hero) {
        min-height: 360px;
    }

    .about-page-hero {
        min-height: 320px;
    }

    :is(.investors-page-title, .affiliates-page-title, .business-page-title, .guarantee-page-title, .faq-page-title) {
        font-size: 38px;
    }

    .about-page-title {
        font-size: 40px;
    }

    :is(.investors-page-lead, .affiliates-page-lead, .business-page-lead, .guarantee-page-lead, .faq-page-lead, .contact-page-lead, .about-intro p, .investors-intro p, .investors-copy-block p, .investors-feature-copy p, .investors-dark-panel p, .investors-contact-panel p, .affiliates-intro p, .affiliates-copy-block p, .affiliates-feature-copy p, .affiliates-model-section p, .affiliates-contact-panel p, .affiliates-inquiry-copy p, .guarantee-intro p, .guarantee-platform-panel p, .guarantee-model-section p, .guarantee-dark-panel p, .guarantee-contact-panel p, .faq-intro p, .faq-contact-panel p) {
        font-size: 16px;
    }

    :is(.about-content-section, .investors-content-section, .affiliates-content-section, .business-content-section, .guarantee-content-section, .faq-content-section, .contact-content-section) {
        padding: 60px 20px 80px;
    }

    :is(.about-stats, .about-card-grid, .investors-card-grid, .investors-point-grid, .investors-roadmap, .affiliates-card-grid, .affiliates-point-grid, .affiliates-highlight-grid, .affiliate-inquiry-form, .business-signal-grid, .business-partner-grid, .business-service-grid, .business-inquiry-form, .guarantee-stats, .guarantee-signal-grid, .guarantee-card-grid, .guarantee-highlight-grid, .faq-topic-grid) {
        grid-template-columns: 1fr;
    }

    :is(.about-section-title, .investors-section-title, .affiliates-section-title, .business-section-title, .guarantee-section-title, .faq-section-title) {
        font-size: 32px;
    }

    :is(.investors-copy-block, .investors-market-card, .investors-feature-copy, .investors-card, .investors-model-section > div, .investors-roadmap-item, .affiliates-copy-block, .affiliates-market-card, .affiliates-feature-copy, .affiliates-card, .affiliates-model-section > div) {
        padding: 30px 24px;
    }

    :is(.about-vision, .investors-dark-panel, .investors-contact-panel, .affiliates-dark-panel, .affiliates-contact-panel, .affiliates-inquiry-section) {
        padding: 40px 20px;
    }

    :is(.business-platform-panel, .business-cta-panel, .business-inquiry-section, .business-model-section > div) {
        padding: 34px 24px;
    }

    :is(.guarantee-platform-panel, .guarantee-card, .guarantee-model-section > div) {
        padding: 34px 24px;
    }

    :is(.guarantee-dark-panel, .guarantee-contact-panel) {
        padding: 40px 20px;
    }

    :is(.faq-group, .faq-contact-panel) {
        padding: 34px 24px;
    }

    .faq-item summary {
        font-size: 16px;
        padding: 18px 52px 18px 18px;
    }

    .faq-item p {
        padding: 0 18px 18px;
    }

    :is(.business-cta-panel h2, .business-inquiry-copy h2, .contact-inquiry-copy h2) {
        font-size: 34px;
    }
}