/* Blocksky Enterprise AI Blue — public marketing theme for seoai.space UI-only. Load LAST in . Does not affect Streamlit /dashboard. */ :root { --eab-bg: #f7f8fa; --eab-surface: #ffffff; --eab-ink: #111827; /* ~20% darker than prior #49505b for readable grey copy */ --eab-muted: #49505b; --eab-cobalt: #3157f6; --eab-cobalt-hover: #2546d4; --eab-pale: #dde6ff; --eab-border: #d7dce5; --eab-shadow: 0 1px 2px rgba(17, 24, 39, 0.04), 0 4px 16px rgba(17, 24, 39, 0.04); /* Remap legacy SEOAI dark tokens used by directory/proof pages */ --seoai-purple: #3157f6; --seoai-cyan: #3157f6; --seoai-bg: #f7f8fa; --seoai-surface: #ffffff; --seoai-surface2: #f7f8fa; --seoai-border: #d7dce5; --seoai-border-soft: #d7dce5; --seoai-text: #111827; --seoai-muted: #49505b; --seoai-muted2: #49505b; } html, body { background: var(--eab-bg) !important; color: var(--eab-ink) !important; } /* Kill dark stage / purple orbs */ .theatre-wrap::before, .theatre-wrap::after, .hero::before, .pages-showcase::before, .faq.faq-v2::before, .bg-glow, .ambient-glow { opacity: 0.08 !important; background: radial-gradient(circle, rgba(49, 87, 246, 0.18) 0%, transparent 70%) !important; filter: blur(80px) !important; box-shadow: none !important; } .theatre-wrap { /* Solid page canvas — hero photo lives only on the first-screen section */ background-color: #f7f8fa !important; background-image: none !important; } /* Hero title sits ON the photo — no capped white section box */ .hero:not(.hero-theatre) { background: transparent !important; background-image: none !important; max-width: none !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } /* Homepage first-screen hero plate (matches compare/public height, no page stretch) */ .theatre-wrap > section.hero.hero-theatre, section.hero.hero-theatre { max-width: none !important; width: 100% !important; min-height: min(88vh, 920px) !important; margin-left: 0 !important; margin-right: 0 !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; background-color: #f7f8fa !important; background-image: radial-gradient(ellipse 50% 38% at 50% 40%, rgba(255, 255, 255, 0.42) 0%, rgba(255, 255, 255, 0.12) 55%, rgba(255, 255, 255, 0) 78%), linear-gradient( 180deg, rgba(247, 248, 250, 0.12) 0%, rgba(247, 248, 250, 0.04) 45%, rgba(247, 248, 250, 0.72) 88%, #f7f8fa 100% ), url("/seoai-hero-home.webp?v=20260805x") !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; } .hero h1, .hero.hero-theatre h1, .section-title, h1, h2, h3 { color: var(--eab-ink) !important; text-shadow: none !important; } .hero h1 span, .hero.hero-theatre h1 span, .hero.hero-theatre h1 .grad, .hero.hero-theatre h1 .hero-glow, .price-card .price { background: none !important; -webkit-background-clip: unset !important; background-clip: unset !important; -webkit-text-fill-color: var(--eab-cobalt) !important; color: var(--eab-cobalt) !important; animation: none !important; filter: none !important; } .hero p, .hero.hero-theatre > p:not(.hero-blockchain):not(.patent-notice), .section-sub, .feature-card p, .problem-card p, .step p, .how-path-card p, .price-card ul li, .faq-acc-body p { color: var(--eab-muted) !important; text-shadow: none !important; } .hero .hero-blockchain, .hero.hero-theatre .hero-blockchain, .how-path-tag, .preview-link:hover, footer a:hover { color: var(--eab-cobalt) !important; text-shadow: none !important; } /* Header — exclude directory page hero (

) */ header:not(.dir-hero), .site-header { background: rgba(255, 255, 255, 0.72) !important; background-color: rgba(255, 255, 255, 0.72) !important; border-bottom: 1px solid rgba(215, 220, 229, 0.65) !important; box-shadow: 0 1px 0 rgba(17, 24, 39, 0.04) !important; backdrop-filter: blur(14px) saturate(1.2) !important; -webkit-backdrop-filter: blur(14px) saturate(1.2) !important; overflow: visible !important; } header nav a:not(.cta), header nav .nav-dd-btn { color: #000000 !important; -webkit-text-fill-color: #000000 !important; } header nav a:not(.cta):hover, header nav .nav-dd-btn:hover, header nav a:not(.cta).active { color: #000000 !important; -webkit-text-fill-color: #000000 !important; } header nav a.cta, .lang-btn { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } header nav a.cta { background: var(--eab-cobalt) !important; border: 1px solid var(--eab-cobalt) !important; color: #fff !important; box-shadow: none !important; } header nav a.cta:hover { background: var(--eab-cobalt-hover) !important; border-color: var(--eab-cobalt-hover) !important; box-shadow: 0 4px 14px rgba(49, 87, 246, 0.22) !important; } .lang-switch { position: relative !important; overflow: visible !important; } .lang-btn { background: rgba(255, 255, 255, 0.72) !important; border: 1px solid #d7dce5 !important; color: #111827 !important; -webkit-text-fill-color: #111827 !important; box-shadow: none !important; } .lang-btn:hover { border-color: rgba(49, 87, 246, 0.35) !important; color: #000000 !important; -webkit-text-fill-color: #000000 !important; } .lang-menu, #lang-menu { top: 100% !important; margin-top: 2px !important; right: 0 !important; left: auto !important; transform: none !important; background: #ffffff !important; border: 1px solid #d7dce5 !important; box-shadow: 0 8px 24px rgba(17, 24, 39, 0.12) !important; z-index: 400 !important; } .lang-option { color: #000000 !important; -webkit-text-fill-color: #000000 !important; } .lang-option:hover { background: #eef2ff !important; color: #000000 !important; -webkit-text-fill-color: #000000 !important; } .lang-option.active { color: #3157f6 !important; -webkit-text-fill-color: #3157f6 !important; } .discover-menu, .nav-dropdown, .dropdown-menu { background: var(--eab-surface) !important; border: 1px solid var(--eab-border) !important; box-shadow: var(--eab-shadow) !important; color: var(--eab-ink) !important; } .discover-menu a, .nav-dropdown a, .dropdown-menu a { color: var(--eab-muted) !important; } .discover-menu a:hover, .nav-dropdown a:hover, .dropdown-menu a:hover { color: var(--eab-ink) !important; background: var(--eab-pale) !important; } /* Badges / pills */ .hero.hero-theatre .ai-badges span, .ai-badges span, .badge, .pill { color: var(--eab-muted) !important; background: var(--eab-pale) !important; border: 1px solid #c5d0f0 !important; box-shadow: none !important; } .hero.hero-theatre .ai-badges span:hover { color: var(--eab-ink) !important; border-color: rgba(49, 87, 246, 0.35) !important; box-shadow: none !important; } .hero.hero-theatre .patent-notice, .patent-notice { color: var(--eab-ink) !important; background: var(--eab-surface) !important; border: 1px solid var(--eab-border) !important; box-shadow: none !important; } /* CTAs — kill purple/cyan gradients + glow */ .hero .btn, .theatre-ctas .btn, .how-path-cta a, .pages-cta a, .price-card a.btn-gradient, .btn-gradient, a.btn-gradient, .cta-primary, .btn.primary { background: var(--eab-cobalt) !important; color: #fff !important; -webkit-text-fill-color: #fff !important; border: 1px solid var(--eab-cobalt) !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; text-shadow: none !important; filter: none !important; } .hero .btn:hover, .theatre-ctas .btn:hover, .how-path-cta a:hover, .pages-cta a:hover, .price-card a.btn-gradient:hover, .btn-gradient:hover { background: var(--eab-cobalt-hover) !important; border-color: var(--eab-cobalt-hover) !important; box-shadow: 0 6px 18px rgba(49, 87, 246, 0.22) !important; filter: none !important; } .hero .btn-secondary, .theatre-ctas .btn-secondary, .btn-secondary, a.btn-outline, .price-card a.btn-outline { background: var(--eab-surface) !important; border: 1.5px solid var(--eab-cobalt) !important; color: var(--eab-cobalt) !important; -webkit-text-fill-color: var(--eab-cobalt) !important; box-shadow: none !important; } .hero .btn-secondary:hover, .theatre-ctas .btn-secondary:hover, .btn-secondary:hover, .price-card a.btn-outline:hover { background: var(--eab-pale) !important; box-shadow: none !important; } .step-number { background: var(--eab-cobalt) !important; color: #fff !important; box-shadow: none !important; } /* Score checker */ .score-card, .score.score-theatre .score-card, .feature-card, .problem-card, .price-card, .how-path-card, .faq-shell, .card, .panel { background: var(--eab-surface) !important; border: 1px solid var(--eab-border) !important; box-shadow: var(--eab-shadow) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; color: var(--eab-ink) !important; } .score.score-theatre .score-card > h2, .feature-card h3, .problem-card h3, .price-card h3, .step h3, .how-path-card h3 { color: var(--eab-ink) !important; background: none !important; -webkit-text-fill-color: var(--eab-ink) !important; } .score-card p.sub, .score.score-theatre .score-card > p.sub { color: var(--eab-muted) !important; } .score.score-theatre .score-form, .score-form { background: var(--eab-bg) !important; border: 1px solid var(--eab-border) !important; box-shadow: none !important; } .score-form input, .score.score-theatre .score-form input { background: transparent !important; color: var(--eab-ink) !important; } .score-form input::placeholder { color: #7b828e !important; } .score-form button, .score.score-theatre .score-form button { background: var(--eab-cobalt) !important; border: 1px solid var(--eab-cobalt) !important; color: #fff !important; box-shadow: none !important; text-shadow: none !important; backdrop-filter: none !important; } .score-form button:hover, .score.score-theatre .score-form button:hover { background: var(--eab-cobalt-hover) !important; border-color: var(--eab-cobalt-hover) !important; } .score-result { background: var(--eab-bg) !important; border: 1px solid var(--eab-border) !important; } .score-result.score-result--flash { animation: none !important; box-shadow: 0 0 0 3px var(--eab-pale) !important; } .dual-scores--theatre .dual-card.ai-card, .dual-scores--theatre .dual-card.web-card { --ring-color: #3157f6 !important; --ring-glow: rgba(49, 87, 246, 0.16) !important; } .dual-scores--theatre.is-live .dual-card, .dual-card.ai-card, .dual-card.web-card { background: var(--eab-surface) !important; border-color: var(--eab-border) !important; box-shadow: var(--eab-shadow) !important; } .dual-card.ai-card .dual-label, .dual-card.web-card .dual-label, .rubric-cat.ai .rubric-cat-pts, .rubric-cat.web .rubric-cat-pts, .cat-row.locked .cat-pts, .cat-row.locked .cat-lock, .price-card .price small { color: var(--eab-cobalt) !important; -webkit-text-fill-color: var(--eab-cobalt) !important; } .dual-card.ai-card .dual-number, .dual-card.web-card .dual-number, .dual-scores--theatre.is-live .dual-number { -webkit-text-fill-color: var(--eab-ink) !important; color: var(--eab-ink) !important; } .ai-card .cat-bar-fill, .web-card .cat-bar-fill { background: var(--eab-cobalt) !important; } .cat-bar-bg { background: #e8ecf4 !important; } .cat-row { color: var(--eab-muted) !important; } .icon-purple, .icon-cyan, .icon-green, .icon-pink, .problem-card .card-icon, .feature-card .card-icon { background: var(--eab-pale) !important; color: var(--eab-cobalt) !important; box-shadow: none !important; } .feature-card:hover, .problem-card:hover, .price-card:hover { border-color: rgba(49, 87, 246, 0.35) !important; box-shadow: var(--eab-shadow) !important; transform: none !important; } .price-card.featured { border-color: var(--eab-cobalt) !important; box-shadow: 0 8px 28px rgba(49, 87, 246, 0.1) !important; } .price-card.featured::before, .trial-badge { background: var(--eab-cobalt) !important; border-color: var(--eab-cobalt) !important; color: #fff !important; -webkit-text-fill-color: #fff !important; box-shadow: none !important; animation: none !important; } .features, .problem, .pricing, .how, .pages-showcase, .faq, section { border-color: var(--eab-border) !important; } .faq-shell { box-shadow: var(--eab-shadow) !important; } .faq-acc { border-bottom-color: var(--eab-border) !important; } .faq-acc > summary { color: var(--eab-ink) !important; } .faq-acc[open] > summary { background: var(--eab-pale) !important; } .faq-num { color: var(--eab-cobalt) !important; background: var(--eab-pale) !important; border-color: #c5d0f0 !important; } .faq-acc[open] .faq-num { background: var(--eab-cobalt) !important; color: #fff !important; } /* Footer — one shared ink bar across marketing pages */ footer, footer.pub-site-footer, .pub-site-footer { background: #111827 !important; border-top: 1px solid #111827 !important; color: #e5eaf2 !important; text-align: center !important; padding: 36px 24px 28px !important; margin: 0 !important; font-size: 0.88rem !important; line-height: 1.6 !important; } footer > p, .pub-site-footer > p { margin: 0 !important; color: #7b828e !important; font-size: 0.84rem !important; } footer a, .pub-site-footer a, .footer-ecosystem a, .footer-ecosystem .eco-label { color: #c5cdd9 !important; text-decoration: none !important; font-weight: 500 !important; } footer a:hover, .pub-site-footer a:hover, .footer-ecosystem a:hover { color: #93a9ff !important; } .footer-ecosystem { margin: 0 auto 18px !important; max-width: 920px !important; } .footer-ecosystem .eco-label { display: block !important; margin-bottom: 10px !important; font-size: 0.72rem !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; color: #7b828e !important; } .footer-ecosystem a { margin: 0 4px !important; font-size: 0.86rem !important; } .footer-ecosystem .eco-dot, .footer-ecosystem .eco-backed { color: #7b828e !important; } .footer-ecosystem .eco-backed { display: block !important; margin-top: 12px !important; font-size: 0.72rem !important; line-height: 1.5 !important; } .footer-ecosystem .eco-backed a { color: #93a9ff !important; } .pub-site-footer-links { display: flex !important; flex-wrap: wrap !important; gap: 16px !important; justify-content: center !important; margin-bottom: 10px !important; } /* Directory / compare / public-page / proof common surfaces */ .dir-card, .profile-card, .compare-card, .proof-card, .hero-panel, .glass, .surface { background: var(--eab-surface) !important; border: 1px solid var(--eab-border) !important; box-shadow: var(--eab-shadow) !important; color: var(--eab-ink) !important; backdrop-filter: none !important; } a { color: var(--eab-cobalt); } a:hover { color: var(--eab-cobalt-hover); } /* Neutralize leftover purple/cyan glows */ [style*="BC42FF"], [style*="14B4E6"], [style*="8B5CF6"] { /* can't override inline style attrs globally; covered by class rules above */ } /* Help widget (public) */ .seoai-help, .seoai-help-btn, #seoai-help, .help-fab { --help-accent: #3157f6; } /* ═══════════════════════════════════════════════════════════════ EA Blue v20260804b — kill remaining dark/purple inline !important (landing mobile shell, compare, public-page, directory, proof) ═══════════════════════════════════════════════════════════════ */ :root { /* Landing mobile shell tokens (seoai-mobile-shell) */ --m-bg: #f7f8fa !important; --m-fg: #111827 !important; --m-muted: #49505b !important; --m-line: #d7dce5 !important; --m-surface: #ffffff !important; --m-surface-2: #f7f8fa !important; --m-accent: #3157f6 !important; /* Directory / proof pages redefine these in earlier