/* Ticketor marketing page: brand colors, scoped to avoid changing the shared shell. */
.aiLanding { color:#221f1f; background:#fff; font-size:16px; line-height:1.65; }
.aiLanding *, .aiLanding *::before, .aiLanding *::after { box-sizing:border-box; }
.aiLanding [hidden] { display:none !important; }
.aiLanding h1, .aiLanding h2, .aiLanding h3, .aiLanding p, .aiLanding figure { margin:0; }
.aiLanding h1, .aiLanding h2, .aiLanding h3 { font-family:inherit; font-weight:700; letter-spacing:-.035em; color:inherit; }
.aiLanding h1 { font-size:clamp(36px,4.15vw,62px); line-height:1.09; }
.aiLanding h2 { font-size:clamp(28px,3vw,42px); line-height:1.17; }
.aiLanding h3 { font-size:21px; line-height:1.3; letter-spacing:-.02em; }
.aiLanding p { text-wrap:pretty; }
.aiLanding a { color:inherit; }
.aiLanding button { font:inherit; cursor:pointer; }
.aiLanding :is(a,button,summary):focus-visible { outline:3px solid #ab3218; outline-offset:5px; }
.aiLanding .aiWrap { width:calc(100% - 64px); max-width:1240px; margin-inline:auto; }
.aiLanding .aiSection { padding-block:88px; scroll-margin-top:100px; }
.aiLanding .aiEyebrow { font-size:12px; line-height:1.6; letter-spacing:.12em; font-weight:700; margin-block-end:18px; color:#9c3319; }
.aiLanding .aiHero { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:64px; padding-block:70px 84px; }
.aiLanding .aiSpark { font-size:20px; vertical-align:middle; margin-inline-end:6px; }
.aiLanding h1 em { display:block; color:#c1411d; font-style:normal; }
.aiLanding .aiLead { color:#514c47; font-size:19px; line-height:1.65; margin-block:24px 28px; max-width:560px; }
.aiLanding .aiCtas { display:flex; align-items:center; flex-wrap:wrap; gap:18px 24px; }
.aiLanding .btn { display:inline-flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:10px; min-height:52px; height:auto; padding:14px 20px; margin:0; border-radius:8px; font-size:16px; font-weight:700; line-height:1.4; white-space:normal; text-align:center; text-decoration:none; }
.aiLanding .btn_primary { background:#c7431c; color:#fff; border:1px solid #c7431c; box-shadow:0 6px 14px #c7431c1a; }
.aiLanding .btn_primary:hover { background:#a93615; color:#fff; }
.aiLanding .aiTextLink { display:inline-flex; gap:7px; align-items:center; flex-wrap:wrap; min-height:44px; font-size:14px; line-height:1.5; font-weight:700; text-decoration:underline; text-underline-offset:4px; }
.aiLanding .aiSmall { font-size:12px; color:#625a53; line-height:1.6; margin-block-start:14px; }
.aiLanding .aiHeroVisual { border:1px solid #e5dcd3; border-radius:16px; background:#fbf7f1; box-shadow:0 22px 50px #3420120f; padding:0 22px 16px; transform:rotate(1deg); }
.aiLanding .aiWindowBar { display:flex; align-items:center; justify-content:space-between; gap:8px; padding-block:16px; font-size:11px; color:#71655c; border-block-end:1px solid #e8dfd5; }
.aiLanding .aiWindowBar > span:first-child { display:flex; gap:4px; }
.aiLanding .aiWindowBar i { width:6px; height:6px; background:#c5b9aa; border-radius:50%; }
.aiLanding .aiHeroPrompt { background:#fff; border:1px solid #e7ded3; border-radius:9px; padding:16px; margin-block:18px; }
.aiLanding .aiMiniLabel { font-size:10px; line-height:1.6; font-weight:700; letter-spacing:.1em; color:#766453; display:block; }
.aiLanding .aiHeroPrompt p { font-size:14px; line-height:1.6; margin-block-start:8px; }
.aiLanding .aiEventExample { display:grid; grid-template-columns:42% 1fr; gap:20px; padding:14px; background:#fff; border:1px solid #e7ded3; border-radius:10px; }
.aiLanding .aiEventExample img { width:100%; height:auto; align-self:center; object-fit:contain; border-radius:5px; }
.aiLanding .aiEventExample h2 { font-size:24px; margin-block:12px 8px; }
.aiLanding .aiEventExample p { color:#675d53; font-size:12px; }
.aiLanding .aiEventFacts { font-size:11px; display:grid; gap:5px; margin-block:14px; }
.aiLanding .aiTicketExample { display:flex; gap:8px; justify-content:space-between; padding-block:9px; border-block-start:1px solid #eee7df; font-size:11px; }
.aiLanding .aiReady { display:block; color:#27553e; font-size:10px; font-weight:700; margin-block-start:9px; }
.aiLanding figcaption { font-size:10px; color:#6d6358; margin-block-start:12px; line-height:1.6; }
.aiLanding .aiHeroVisual figcaption { text-align:center; }
.aiLanding .aiBenefitStrip { background:#f8f6f2; border-block:1px solid #eee9e2; }
.aiLanding .aiBenefitStrip > div { display:flex; justify-content:space-between; gap:24px; flex-wrap:wrap; padding-block:24px; font-size:13px; font-weight:600; }
.aiLanding .aiBenefitStrip img { width:20px; height:20px; vertical-align:middle; margin-inline-end:8px; }
.aiLanding .aiSectionHead { max-width:760px; margin-block-end:36px; }
.aiLanding .aiSectionHead > p:last-child { color:#645d56; font-size:17px; margin-block-start:18px; }
.aiLanding .aiDemoChoices { display:flex; gap:8px; flex-wrap:wrap; margin-block-end:22px; }
.aiLanding .aiDemoChoices button { min-height:44px; border:1px solid #dfd9d2; border-radius:30px; padding:10px 20px; color:#51463c; background:#fff; font-size:14px; font-weight:600; }
.aiLanding .aiDemoChoices button[aria-pressed=true] { color:#fff; background:#221f1f; border-color:#221f1f; }
.aiLanding .aiSeatingDemo { display:grid; grid-template-columns:34% 1fr; border:1px solid #e4dcd2; border-radius:14px; overflow:hidden; }
.aiLanding .aiDemoBrief { background:#fbf7f1; padding:32px; display:flex; flex-direction:column; gap:18px; }
.aiLanding .aiDemoBrief h3 { font-size:25px; margin-block-end:22px; }
.aiLanding .aiDemoBrief blockquote { font-size:22px; line-height:1.5; margin:0 0 20px; font-weight:500; letter-spacing:-.02em; }
.aiLanding .aiDemoBrief blockquote::before { content:'“'; color:#c7431c; }
.aiLanding .aiDemoBrief blockquote::after { content:'”'; color:#c7431c; }
.aiLanding .aiDemoBrief p { font-size:13px; color:#6a5e52; }
.aiLanding .aiDemoBrief > a { margin-block-start:auto; }
.aiLanding .aiDemoResult { min-width:0; padding:26px; background:#fff; }
.aiLanding .aiDemoResultBar { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.aiLanding #aiReplay { min-width:80px; min-height:44px; border:0; color:#69584b; background:transparent; padding:8px; border-radius:5px; font-size:12px; }
.aiLanding #aiReplay:hover { background:#f8f3ec; }
.aiLanding .aiChartSvg { width:100%; height:auto; display:block; margin-block:8px; }
.aiLanding .aiSeat { fill:#ed7442; stroke:#bc431d; stroke-width:1; }
.aiLanding .aiDemoItem:nth-of-type(n+6) .aiSeat { fill:#f6bc7d; stroke:#b46a25; }
.aiLanding .aiTable { fill:#f9f5ee; stroke:#d7c5ad; stroke-width:1.3; }
.aiLanding .aiTableNumber { fill:#6a5441; font-size:13px; font-family:inherit; }
.aiLanding .aiRowName { font-size:12px; fill:#6a5441; font-family:inherit; }
.aiLanding .aiStage { fill:#302922; }
.aiLanding .aiStageLabel { fill:#fff; font-family:inherit; font-size:11px; letter-spacing:2px; }
.aiLanding .aiChartStats { display:flex; justify-content:center; gap:12px 24px; flex-wrap:wrap; font-size:12px; border-block-start:1px solid #eee7df; padding-block-start:16px; }
.aiLanding .aiChartStats strong { color:#a63617; }
.aiLanding .aiPdfExample { display:flex; gap:12px; padding:20px 14px; border:1px dashed #cbb6a0; border-radius:8px; align-items:center; background:#fff; margin-block:10px 20px; font-size:14px; }
.aiLanding .aiPdfExample img { width:30px; height:30px; }
.aiLanding .aiPdfExample small { display:block; font-size:11px; color:#7b6b5c; margin-block-start:4px; }
.aiLanding .aiSectionFoot { margin-block-start:20px; color:#655e56; font-size:13px; }
.aiLanding .aiSectionFoot a { display:inline; color:#9c3319; text-decoration:underline; text-underline-offset:3px; }
.aiLanding .aiCreativeSection { background:#fbf7f1; border-block:1px solid #eee7df; }
.aiLanding .aiCreativeGrid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.aiLanding .aiCreativeCard { min-width:0; padding:24px; border:1px solid #e4dcd2; border-radius:12px; background:#fff; }
.aiLanding .aiCreativeCard > h3 { margin-block:24px 12px; }
.aiLanding .aiCreativeCard > p { font-size:14px; color:#655d55; }
.aiLanding .aiWritingExample, .aiLanding .aiFlyerExample, .aiLanding .aiSetupExample { height:330px; margin-block-start:20px; border-radius:8px; background:#f6f4f0; overflow:hidden; }
.aiLanding .aiWritingExample { padding:20px; height:auto; min-height:330px; }
.aiLanding .aiQuoteLabel { font-size:9px; letter-spacing:.1em; font-weight:700; color:#8a5b40; }
.aiLanding .aiWritingExample p { font-size:12px; line-height:1.6; margin-block:6px 16px; color:#65594f; }
.aiLanding .aiWritingExample > div { padding:16px; background:#fff; border-inline-start:2px solid #de6e38; }
.aiLanding .aiWritingExample h3 { font-size:17px; margin-block-start:8px; }
.aiLanding .aiFlyerExample { display:flex; position:relative; align-items:center; justify-content:center; background:#e5d7c4; }
.aiLanding .aiFlyerExample img { width:190px; height:285px; object-fit:cover; transform:rotate(-5deg); box-shadow:0 10px 20px #3e281c30; }
.aiLanding .aiFlyerPrompt { position:absolute; inset-inline:10px; inset-block-end:12px; padding:9px 12px; border-radius:6px; background:#fff; font-size:11px; font-weight:600; text-align:center; box-shadow:0 3px 12px #3e281c14; }
.aiLanding .aiSetupExample { padding:24px; }
.aiLanding .aiSetupExample > p { font-size:15px; margin-block:8px 22px; line-height:1.6; }
.aiLanding .aiSetupTicket { display:flex; justify-content:space-between; gap:10px; background:#fff; padding:13px; border-radius:5px; border:1px solid #e7dfd5; margin-block:8px; font-size:12px; }
.aiLanding .aiSetupExample > small { font-size:10px; color:#726356; }
.aiLanding .aiSteps { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; }
.aiLanding .aiSteps li > span { display:block; color:#bc401d; border-block-start:1px solid #dfd2c3; padding-block:16px 20px; font-size:14px; font-weight:700; }
.aiLanding .aiSteps h3 { margin-block-end:12px; }
.aiLanding .aiSteps p { font-size:14px; color:#665e56; }
.aiLanding .aiPlatformSection { background:#25211e; color:#fff; }
.aiLanding .aiPlatformSection .aiEyebrow { color:#ffa574; }
.aiLanding .aiPlatformSection .aiSectionHead > p:last-child { color:#c6bdb5; }
.aiLanding .aiPlatformGrid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:38px 46px; }
.aiLanding .aiPlatformGrid article > img { width:32px; height:32px; margin-block-end:18px; }
.aiLanding .aiPlatformGrid h3 { font-size:20px; margin-block-end:12px; }
.aiLanding .aiPlatformGrid p { color:#c6bdb5; font-size:14px; margin-block-end:12px; }
.aiLanding .aiPlatformGrid a { display:inline-block; font-size:12px; min-height:44px; padding-block:8px; text-decoration:underline; text-underline-offset:4px; color:#ffc1a0; }
.aiLanding .aiFaq { display:grid; grid-template-columns:1fr 1.65fr; gap:72px; }
.aiLanding .aiFaq > div:first-child p:not(.aiEyebrow) { color:#6a6057; margin-block:20px; }
.aiLanding .aiFaq details { border-block-end:1px solid #e4dcd3; padding-block:18px; }
.aiLanding .aiFaq details:first-child { border-block-start:1px solid #e4dcd3; }
.aiLanding .aiFaq summary { cursor:pointer; font-size:16px; font-weight:600; min-height:44px; padding-block:8px; line-height:1.6; }
.aiLanding .aiFaq details p { font-size:14px; color:#645a51; margin-block:8px 10px; }
.aiLanding .aiFinalCta { padding-block:68px; background:#fbefe4; border-block:1px solid #f0d7c1; }
.aiLanding .aiFinalCta h2 { font-size:clamp(36px,4vw,52px); }
.aiLanding .aiFinalCta .aiWrap > p:not(.aiEyebrow):not(.aiSmall) { max-width:620px; font-size:18px; margin-block:18px 26px; color:#675546; }
@keyframes aiSeatReveal { from { opacity:0; } to { opacity:1; } }
.aiLanding .aiDemoAnimating [data-ai-chart]:not([hidden]) .aiDemoItem { animation-name:aiSeatReveal; animation-duration:.45s; animation-fill-mode:both; }
.aiLanding .aiDemoAnimating .aiDemoItem:nth-of-type(2) { animation-delay:.12s; }
.aiLanding .aiDemoAnimating .aiDemoItem:nth-of-type(3) { animation-delay:.24s; }
.aiLanding .aiDemoAnimating .aiDemoItem:nth-of-type(4) { animation-delay:.36s; }
.aiLanding .aiDemoAnimating .aiDemoItem:nth-of-type(5) { animation-delay:.48s; }
.aiLanding .aiDemoAnimating .aiDemoItem:nth-of-type(6) { animation-delay:.6s; }
.aiLanding .aiDemoAnimating .aiDemoItem:nth-of-type(7) { animation-delay:.72s; }
.aiLanding .aiDemoAnimating .aiDemoItem:nth-of-type(8) { animation-delay:.84s; }
.aiLanding .aiDemoAnimating .aiDemoItem:nth-of-type(9) { animation-delay:.96s; }
.aiLanding .aiDemoAnimating .aiDemoItem:nth-of-type(10) { animation-delay:1.08s; }
@media (prefers-reduced-motion:reduce) { .aiLanding .aiDemoAnimating .aiDemoItem { animation:none !important; } }
@media (max-width:1100px) {
    .aiLanding .aiHero { gap:30px; }
    .aiLanding .aiEventExample { gap:12px; grid-template-columns:38% 1fr; }
    .aiLanding .aiEventExample h2 { font-size:20px; }
    .aiLanding .aiCreativeCard { padding:18px; }
    .aiLanding .aiCreativeGrid { gap:16px; }
    .aiLanding .aiWritingExample { padding:14px; }
    .aiLanding .aiWritingExample > div { padding:12px; }
    .aiLanding .aiDemoBrief { padding:24px; }
    .aiLanding .aiSeatingDemo { grid-template-columns:38% 1fr; }
    .aiLanding .aiFaq { gap:40px; }
}
@media (max-width:800px) {
    .aiLanding .aiWrap { width:calc(100% - 40px); }
    .aiLanding .aiHero { grid-template-columns:1fr; gap:44px; padding-block:40px 52px; }
    .aiLanding .aiHeroCopy { max-width:600px; }
    .aiLanding .aiHeroVisual { max-width:580px; transform:none; }
    .aiLanding .aiHeroVisual .aiEventExample { grid-template-columns:38% 1fr; }
    .aiLanding .aiHeroVisual .aiEventExample h2 { font-size:27px; }
    .aiLanding .aiBenefitStrip > div { justify-content:start; gap:14px 24px; }
    .aiLanding .aiSection { padding-block:56px; }
    .aiLanding .aiSeatingDemo { grid-template-columns:1fr; }
    .aiLanding .aiDemoBrief { padding:24px; }
    .aiLanding .aiDemoBrief h3 { margin-block-end:12px; }
    .aiLanding .aiDemoBrief blockquote { max-width:580px; }
    .aiLanding .aiDemoResult { padding:20px; }
    .aiLanding .aiCreativeGrid { grid-template-columns:1fr; gap:22px; }
    .aiLanding .aiCreativeCard { display:grid; grid-template-columns:1fr 1fr; column-gap:28px; padding:24px; }
    .aiLanding .aiCreativeCard > .aiMiniLabel { grid-column:1/-1; }
    .aiLanding .aiCreativeCard > :nth-child(2) { grid-row:2/4; }
    .aiLanding .aiCreativeCard > h3 { margin-block-start:20px; align-self:end; }
    .aiLanding .aiCreativeCard > p { align-self:start; }
    .aiLanding .aiPlatformGrid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px; }
    .aiLanding .aiSteps { gap:24px; }
    .aiLanding .aiFaq { grid-template-columns:1fr; gap:24px; }
}
@media (max-width:540px) {
    .aiLanding h1 { font-size:40px; }
    .aiLanding .aiHero { padding-block-start:30px; }
    .aiLanding .aiLead { font-size:17px; }
    .aiLanding .aiEyebrow { font-size:10px; }
    .aiLanding .aiCtas { align-items:stretch; flex-direction:column; gap:12px; }
    .aiLanding .aiCtas .aiTextLink { justify-content:center; }
    .aiLanding .aiHeroVisual { padding-inline:14px; }
    .aiLanding .aiHeroPrompt { padding:12px; }
    .aiLanding .aiHeroPrompt p { font-size:12px; }
    .aiLanding .aiEventExample { padding:10px; gap:12px; }
    .aiLanding .aiHeroVisual .aiEventExample h2 { font-size:21px; margin-block:8px; }
    .aiLanding .aiEventExample .aiMiniLabel { font-size:8px; }
    .aiLanding .aiEventFacts { margin-block:10px; }
    .aiLanding .aiHeroVisual .aiEventExample { grid-template-columns:40% 1fr; }
    .aiLanding .aiBenefitStrip > div { display:grid; gap:14px; padding-block:20px; }
    .aiLanding .aiDemoChoices { gap:6px; }
    .aiLanding .aiDemoChoices button { padding:9px 12px; font-size:12px; }
    .aiLanding .aiDemoBrief { padding:22px; }
    .aiLanding .aiDemoBrief blockquote { font-size:20px; }
    .aiLanding .aiDemoResult { padding:16px 10px; }
    .aiLanding .aiDemoResultBar { padding-inline:6px; }
    .aiLanding .aiDemoResultBar .aiMiniLabel { font-size:8px; }
    .aiLanding .aiChartStats { gap:8px 12px; font-size:11px; }
    .aiLanding .aiDemoResult figcaption { padding-inline:6px; }
    .aiLanding .aiCreativeCard { display:block; padding:22px; }
    .aiLanding .aiCreativeCard > h3 { margin-block-start:24px; }
    .aiLanding .aiWritingExample, .aiLanding .aiFlyerExample, .aiLanding .aiSetupExample { height:auto; min-height:300px; }
    .aiLanding .aiFlyerExample { min-height:330px; }
    .aiLanding .aiSteps, .aiLanding .aiPlatformGrid { grid-template-columns:1fr; gap:28px; }
    .aiLanding .aiFinalCta { padding-block:52px; }
}
@media (forced-colors:active) { .aiLanding .aiSeat, .aiLanding .aiStage { fill:CanvasText; stroke:CanvasText; } .aiLanding .aiStageLabel { fill:Canvas; } .aiLanding .aiTable { fill:Canvas; stroke:CanvasText; } }
