/* AI-forward homepage additions for Sedara. */
:root {
    --sedara-ink: #4b1023;
    --sedara-wine: #800020;
    --sedara-rose: #bb3157;
    --sedara-mist: #f9edf1;
    --sedara-gold: #f7c96a;
    --sedara-white: #ffffff;
}

.main-menu nav ul {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
}

.main-menu nav ul li a {
    font-size: 12px;
    padding-left: 8px;
    padding-right: 8px;
    white-space: nowrap;
}

.ai-eyebrow {
    color: var(--sedara-gold) !important;
    font-size: 11px !important;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1.4;
    margin: 0 0 12px;
    text-transform: uppercase;
}

.ai-hero-copy h1 {
    color: var(--sedara-white);
    font-size: 43px;
    font-weight: 600;
    letter-spacing: -0.8px;
    line-height: 1.14;
    margin: 0 0 20px;
}

.ai-hero-copy .ai-hero-lead {
    color: rgba(255, 255, 255, 0.9);
    font-size: 17px;
    line-height: 1.8;
    margin-bottom: 27px;
    max-width: 650px;
}

.ai-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 22px;
}

.ai-button {
    border: 1px solid transparent;
    border-radius: 3px;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.4px;
    padding: 12px 18px;
    text-transform: uppercase;
}

.ai-button-light {
    background: var(--sedara-white);
    color: var(--sedara-wine);
}

.ai-button-light:hover {
    background: var(--sedara-gold);
    color: var(--sedara-ink);
}

.ai-button-outline {
    border-color: rgba(255, 255, 255, 0.75);
    color: var(--sedara-white);
}

.ai-button-outline:hover {
    background: rgba(255, 255, 255, 0.14);
    color: var(--sedara-white);
}

.ai-trust-line {
    color: rgba(255, 255, 255, 0.82);
    font-size: 12px !important;
    line-height: 1.5;
    margin-bottom: 0 !important;
}

.ai-trust-line i { color: var(--sedara-gold); }

.ai-hero-demo {
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid rgba(247, 201, 106, 0.8);
    border-radius: 8px;
    box-shadow: 0 18px 42px rgba(31, 0, 10, 0.28);
    color: #4c4c4c;
    margin: 24px 0 24px 20px;
    padding: 27px 28px 23px;
}

.ai-hero-demo .ai-demo-label {
    color: var(--sedara-rose);
    font-size: 11px !important;
    font-weight: 700;
    letter-spacing: 1.8px;
    line-height: 1.4 !important;
    margin: 0 0 12px !important;
}

.ai-hero-demo .ai-demo-prompt {
    color: var(--sedara-ink);
    font-size: 16px !important;
    font-style: italic;
    line-height: 1.65 !important;
    margin: 0 0 18px !important;
}

.ai-demo-response {
    border-top: 1px solid #ead7dd;
    display: grid;
    gap: 9px;
    padding-top: 15px;
}

.ai-demo-response span { font-size: 12px; line-height: 1.4; }
.ai-demo-response i { color: #4a9a72; margin-right: 6px; }

.ai-hero-demo .ai-demo-footer {
    border-top: 1px solid #ead7dd;
    color: var(--sedara-rose);
    font-size: 11px !important;
    font-weight: 700;
    line-height: 1.5 !important;
    margin: 18px 0 0 !important;
    padding-top: 14px;
}

.ai-workflow-section { background: #fff; }
.ai-section-heading { margin: 0 auto 46px; max-width: 800px; text-align: center; }
.ai-section-heading .ai-eyebrow { color: var(--sedara-rose) !important; }
.ai-section-heading h2 { color: var(--sedara-ink); font-size: 30px; line-height: 1.3; margin-bottom: 10px; }
.ai-section-heading > p:last-child { color: #6a5960; font-size: 15px; line-height: 1.7; }

.ai-flow {
    align-items: stretch;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    max-width: 1120px;
}

.ai-flow-step {
    background: #fff;
    border: 1px solid #ead8de;
    border-radius: 5px;
    flex: 1 1 0;
    min-height: 208px;
    padding: 23px 18px 18px;
    position: relative;
}

.ai-flow-step span {
    align-items: center;
    background: var(--sedara-wine);
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    font-size: 11px;
    font-weight: 700;
    height: 25px;
    justify-content: center;
    margin-bottom: 13px;
    width: 25px;
}

.ai-flow-step h3 { color: var(--sedara-ink); font-size: 17px; margin: 0 0 8px; }
.ai-flow-step p { color: #6d6266; font-size: 12px; line-height: 1.7; margin: 0; }
.ai-flow-arrow { align-items: center; color: var(--sedara-rose); display: flex; font-size: 24px; padding: 0 10px; }

.ai-example-row {
    background: var(--sedara-mist);
    border-left: 4px solid var(--sedara-rose);
    margin: 45px 0 0;
    padding: 24px 26px;
}

.ai-example-row h3 { color: var(--sedara-ink); font-size: 18px; margin: 0 0 8px; }
.ai-example-row p { color: #5d5558; font-size: 13px; line-height: 1.7; margin: 0; }
.ai-example-note { padding-top: 4px; }
.ai-example-note i { color: #4a9a72; margin-right: 6px; }

.ai-market-problem-section {
    background: #fbf8f9;
    border-bottom: 1px solid #efdee3;
    border-top: 1px solid #efdee3;
    padding: 72px 0;
}

.ai-market-problem-section .ai-eyebrow { color: var(--sedara-rose) !important; }
.ai-market-problem-section h2 { color: var(--sedara-ink); font-size: 30px; line-height: 1.3; margin: 0; }
.ai-market-problem-section p:not(.ai-eyebrow) { color: #5d5558; font-size: 15px; line-height: 1.8; margin: 0 0 16px; }
.ai-market-problem-section p:last-child { margin-bottom: 0; }

.feature-area .section-title { max-width: 800px; }
.feature-area .section-title .ai-eyebrow { color: var(--sedara-gold) !important; }
.feature-area .section-title h2 { color: #fff; font-size: 30px; line-height: 1.3; }
.feature-area .section-title p { color: rgba(255,255,255,0.84); font-size: 14px; line-height: 1.75; }
.feature-area .feature-item h4 { color: var(--sedara-gold); }
.feature-area .feature-item p { color: rgba(255,255,255,0.84); }

.ai-intelligence-band {
    background: #fbf8f9;
    padding: 92px 0 84px;
}

.ai-intelligence-grid article {
    background: #fff;
    border-top: 3px solid var(--sedara-rose);
    box-shadow: 0 7px 19px rgba(75, 16, 35, 0.08);
    min-height: 220px;
    padding: 30px 27px;
    text-align: center;
}

.ai-intelligence-grid article > i { color: var(--sedara-rose); font-size: 30px; }
.ai-intelligence-grid h3 { color: var(--sedara-ink); font-size: 18px; margin: 16px 0 9px; }
.ai-intelligence-grid p { color: #675e62; font-size: 13px; line-height: 1.7; margin: 0; }

#platform .about-content > span { color: var(--sedara-rose) !important; font-size: 11px; font-weight: 700; letter-spacing: 1.5px; }
#platform .about-content > p { font-size: 14px; line-height: 1.8; }
#platform .ft-info h4 { color: var(--sedara-ink); }

.ai-capabilities-section { background: #fff; padding: 92px 0; }
.ai-capabilities-heading { margin: 0 auto 42px; max-width: 820px; text-align: center; }
.ai-capabilities-heading .ai-eyebrow { color: var(--sedara-rose) !important; }
.ai-capabilities-heading h2 { color: var(--sedara-ink); font-size: 30px; line-height: 1.3; }
.ai-capabilities-heading > p:last-child { color: #6a5960; font-size: 15px; line-height: 1.7; }

.ai-capabilities-grid {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ai-capabilities-grid article {
    background: #fbf8f9;
    border: 1px solid #ecdce1;
    border-radius: 5px;
    min-height: 225px;
    padding: 26px 22px;
}

.ai-capabilities-grid article > i { color: var(--sedara-rose); font-size: 27px; }
.ai-capabilities-grid h3 { color: var(--sedara-ink); font-size: 16px; margin: 16px 0 9px; }
.ai-capabilities-grid p { color: #62575b; font-size: 12px; line-height: 1.72; margin: 0; }

@media only screen and (max-width: 991px) {
    .ai-hero-copy { padding-top: 25px; }
    .ai-hero-copy h1 { font-size: 35px; }
    .ai-flow { flex-wrap: wrap; gap: 12px; }
    .ai-flow-step { flex-basis: 40%; min-height: 185px; }
    .ai-flow-arrow { display: none; }
    .ai-intelligence-grid article { margin-bottom: 18px; }
    .ai-capabilities-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media only screen and (max-width: 767px) {
    .ai-hero-copy h1 { font-size: 29px; }
    .ai-hero-copy .ai-hero-lead { font-size: 15px; }
    .ai-section-heading h2, .feature-area .section-title h2 { font-size: 25px; }
    .ai-flow-step { flex-basis: 100%; min-height: 0; }
    .ai-example-row { margin-left: 0; margin-right: 0; }
    .ai-example-row > div + div { margin-top: 15px; }
    .ai-market-problem-section h2, .ai-capabilities-heading h2 { font-size: 25px; }
    .ai-capabilities-section { padding: 70px 0; }
    .ai-capabilities-grid { grid-template-columns: 1fr; }
    .ai-capabilities-grid article { min-height: 0; }
}