.fo-ai-page{background:radial-gradient(circle at top,#1a1710 0,#0a0a0a 45%,#050505 100%);min-height:70vh}.fo-ai-hero{text-align:center;max-width:850px;margin:0 auto 35px}.fo-ai-eyebrow{font-size:11px;letter-spacing:.18em;font-weight:900;color:#f4b400}.fo-ai-hero h1{font-size:clamp(36px,5vw,68px);margin:10px 0}.fo-ai-hero p{color:#aaa;font-size:18px}.fo-ai-form{max-width:1000px;margin:auto;padding:28px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#101010;box-shadow:0 20px 60px rgba(0,0,0,.35)}.fo-ai-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.fo-ai-form label{display:block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#aaa;margin:0 0 7px}.fo-ai-form input,.fo-ai-form textarea{width:100%;box-sizing:border-box;background:#080808;color:#fff;border:1px solid #292929;border-radius:9px;padding:13px 14px}.fo-ai-form textarea{margin-top:2px;resize:vertical}.fo-ai-submit{margin-top:18px}.fo-ai-results{margin-top:55px}.fo-ai-result-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.fo-ai-result-head h2{margin:5px 0}.fo-ai-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.fo-ai-card{position:relative;background:#111;border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden}.fo-ai-card>img,.fo-ai-placeholder{width:100%;height:230px;object-fit:cover}.fo-ai-placeholder{display:flex;align-items:center;justify-content:center;background:#1a1a1a;font-size:80px;font-weight:900}.fo-ai-score{position:absolute;right:12px;top:12px;z-index:2;background:#f4b400;color:#080808;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:900}.fo-ai-card-body{padding:18px}.fo-ai-card-body h3{margin:4px 0;font-size:22px}.fo-ai-card-body p{color:#999}.fo-ai-card-body ul{padding-left:18px;color:#ccc;font-size:13px;min-height:70px}.fo-ai-card-actions{display:flex;gap:8px;flex-wrap:wrap}.fo-ai-card-actions .btn{font-size:12px}.fo-ai-home-cta{display:inline-flex;gap:8px;align-items:center;margin-top:14px;color:#f4b400;text-decoration:none;font-size:14px}.fo-ai-home-cta strong{color:#fff}.fo-trending-section{background:#090909}.fo-trending-grid .artist-card{position:relative}.fo-trending-grid .artist-card-body b{display:block;color:#f4b400;margin-top:8px;font-size:12px}.seo-score{font-weight:900}.seo-score.good{color:#35d07f}.seo-score.warn{color:#f4b400}.seo-score.bad{color:#ff6b6b}@media(max-width:900px){.fo-ai-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.fo-ai-grid,.fo-ai-cards{grid-template-columns:1fr}.fo-ai-form{padding:18px}.fo-ai-result-head{align-items:start;flex-direction:column}}

/* Phase 5 homepage category tabs + responsive search */
.fo-home-search-actions{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}
.fo-category-tabs{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:22px}
.fo-category-tab{display:inline-flex;align-items:center;gap:9px;padding:12px 18px;border:1px solid rgba(244,180,0,.32);border-radius:999px;background:#111;color:#fff;text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.fo-category-tab:hover{transform:translateY(-2px);border-color:#f4b400;background:#181818}
.fo-category-tab span{font-weight:800}
.fo-category-tab small{color:#aaa;font-size:11px}
@media(max-width:900px){.hero .search-bar{grid-template-columns:1fr 1fr}.hero .search-bar .btn{grid-column:1/-1}.fo-category-tabs{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding:4px 2px 12px;scrollbar-width:thin}.fo-category-tab{flex:0 0 auto}}
@media(max-width:640px){.hero .search-bar{grid-template-columns:1fr}.hero .search-bar .btn{grid-column:auto}.fo-category-tab{padding:10px 14px}.fo-home-search-actions{justify-content:flex-start}.fo-ai-home-cta{font-size:13px}}


/* Final AI card normalization: same Artist Card component size as site. */
.fo-ai-cards{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
.fo-ai-cards .artist-card{height:100%!important;min-width:0!important}
.fo-ai-cards .artist-image{height:240px!important;flex:0 0 240px!important}
.fo-ai-cards .artist-body{min-height:315px!important}
@media(max-width:1100px){.fo-ai-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){.fo-ai-cards{grid-template-columns:1fr!important}}

/* AI Artist Finder — pill fields (Event Type, Artist Type, Gender, Style, Touring To) */
.fo-ai-grid{align-items:start}
.fo-pill-field{min-width:0}
.fo-span-2{grid-column:span 2}
.fo-pill-group{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}
.fo-pill-group--quick{margin-top:8px}
.fo-pill{appearance:none;cursor:pointer;background:#080808;color:#ddd;border:1px solid #292929;border-radius:999px;padding:9px 16px;font-size:13px;font-weight:700;line-height:1.2;transition:transform .15s ease,border-color .15s ease,background .15s ease,color .15s ease}
.fo-pill:hover{border-color:#f4b400;color:#fff;transform:translateY(-1px)}
.fo-pill.active{background:#f4b400;border-color:#f4b400;color:#080808}
.fo-pill-sm{padding:6px 12px;font-size:11.5px;background:transparent;color:#999}
.fo-pill-sm:hover{color:#f4b400}
.fo-field-hint{margin:8px 0 0;font-size:12px;color:#888;line-height:1.4}
@media(max-width:640px){.fo-span-2{grid-column:span 1}.fo-pill{padding:8px 13px;font-size:12.5px}}

/* Header floats absolutely over page content on this site (same as
   the homepage/category hero pattern) — the AI page needs enough top
   clearance so its heading never sits underneath the logo/nav bar.
   The actual fix lives in style.css (search "FINAL FIX — AI Artist
   Finder header/logo overlap") since it has to win against several
   older !important rules there — don't re-add padding here, it
   would just be dead weight. */