/* /ai page (use NYC Limousine in AI assistants) — scoped with .ai- prefix. Luxury Executive design system.
   Uses px sizing on purpose: the site root font-size is reduced, so rem units render tiny. */

/* Dark hero band — backs the transparent overlay site header and clears its height. */
.ai-hero {
    background: #251f25;
    color: #f3ecdf;
    text-align: center;
    padding: 132px 20px 52px;
    font-family: 'Montserrat', 'Raleway', Arial, sans-serif;
}
.ai-hero-inner { max-width: 800px; margin: 0 auto; }
.ai-hero-badge {
    display: inline-block;
    font-size: 12px;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: #d4b86a;
    border: 1px solid rgba(212, 184, 106, .45);
    border-radius: 999px;
    padding: 6px 16px;
    margin-bottom: 18px;
}
.ai-hero h1 {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 42px;
    color: #fff;
    margin: 0 0 16px;
    line-height: 1.12;
}
.ai-hero-sub {
    font-size: 17px;
    color: #d8d2c7;
    max-width: 720px;
    margin: 0 auto 12px;
    line-height: 1.6;
}
.ai-hero-sub strong { color: #fff; }
.ai-hero-note { font-size: 14px; color: #d4b86a; letter-spacing: .03em; margin: 8px 0 0; }

.ai-wrap {
    max-width: 960px;
    margin: 0 auto;
    padding: 24px 20px 72px;
    font-family: 'Montserrat', 'Raleway', Arial, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #1a1a1a;
}
.ai-wrap * { box-sizing: border-box; }

.ai-section { margin: 40px 0 0; }
.ai-section h2 {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 30px;
    color: #251f25;
    margin: 0 0 16px;
    line-height: 1.2;
}
.ai-section h3 {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 22px;
    color: #251f25;
    margin: 0 0 10px;
    line-height: 1.25;
}
.ai-section p { margin: 0 0 12px; }
.ai-section a { color: #936807; text-decoration: underline; }
.ai-section a:hover { color: #7d5806; }

/* Bulleted lists with gold check icons */
.ai-list { list-style: none; margin: 0 0 12px; padding: 0; }
.ai-list li { position: relative; padding: 0 0 10px 30px; }
.ai-list li > i {
    position: absolute;
    left: 0;
    top: 5px;
    font-size: 15px;
    color: #a67c00;
}

/* Example questions */
.ai-examples { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 0 0 14px; }
.ai-example {
    background: #f7f4ee;
    border-left: 4px solid #a67c00;
    padding: 16px 18px;
    font-size: 15px;
    font-style: italic;
    color: #333;
}
.ai-tip { font-size: 15px; color: #555; }

/* Setup cards */
.ai-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.ai-card {
    background: #fff;
    border: 1px solid #e6e0d4;
    border-radius: 10px;
    padding: 22px 22px 16px;
}
.ai-card-wide { grid-column: 1 / -1; }
.ai-card ol { margin: 0 0 12px; padding-left: 22px; }
.ai-card ol li { padding-bottom: 6px; }
.ai-card-note { font-size: 14px; color: #666; }
.ai-soon {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #7d5806;
    background: #f3ead2;
    border-radius: 999px;
    padding: 2px 10px;
    vertical-align: 1px;
}
.ai-url {
    font-family: Consolas, 'Courier New', monospace;
    font-size: 15px;
    background: #f3efe7;
    color: #251f25;
    border-radius: 4px;
    padding: 2px 6px;
    word-break: break-all;
}

@media (max-width: 768px) {
    .ai-hero { padding: 112px 16px 40px; }
    .ai-hero h1 { font-size: 30px; }
    .ai-hero-sub { font-size: 16px; }
    .ai-wrap { padding: 16px 16px 56px; }
    .ai-section h2 { font-size: 25px; }
    .ai-examples, .ai-cards { grid-template-columns: 1fr; }
}