/* ================================================================== frontier.css — shared DARK "frontier" theme for the sub-pages. Loads AFTER styles.css and applies only when . Keeps the homepage's funded-deep-tech look consistent site-wide. ================================================================== */ body.theme-dark { --f-bg: #060910; --f-bg-2: #0a1020; --f-panel: rgba(255,255,255,0.035); --f-panel-hover: rgba(255,255,255,0.06); --f-line: rgba(255,255,255,0.09); --f-line-strong: rgba(255,255,255,0.16); --f-text: #eaf1fb; --f-muted: #93a4bf; --f-dim: #64748b; --f-blue: #3b82f6; --f-blue-bright: #60a5fa; --f-signal: #a3e635; background: var(--f-bg); color: var(--f-text); } /* Glowing math-canvas + ambient aurora behind content */ body.theme-dark #math-canvas { opacity: 0.5; } body.theme-dark .main-content::before { content: ''; position: fixed; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(60rem 40rem at 15% -5%, rgba(59,130,246,0.14), transparent 60%), radial-gradient(55rem 40rem at 100% 0%, rgba(163,230,53,0.07), transparent 55%), radial-gradient(70rem 50rem at 50% 120%, rgba(37,99,235,0.10), transparent 60%); } /* ---------- Navigation (dark glass, override forced-white .scrolled) ---------- */ body.theme-dark .header, body.theme-dark .header.scrolled { background: rgba(6,9,16,0.72) !important; box-shadow: inset 0 -1px 0 var(--f-line) !important; -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); } body.theme-dark .nav-links a, body.theme-dark .header.scrolled .nav-links a { color: rgba(234,241,251,0.82) !important; } body.theme-dark .nav-links a:hover, body.theme-dark .nav-links a.active { color: #ffffff !important; } body.theme-dark .nav-links a::after { background: var(--f-signal); } body.theme-dark .mobile-menu-toggle, body.theme-dark .header.scrolled .mobile-menu-toggle { color: var(--f-text) !important; } body.theme-dark .nav-links.active { background: #0a1020; box-shadow: 0 12px 30px rgba(0,0,0,0.6); } body.theme-dark .nav-links.active a { color: var(--f-text) !important; } body.theme-dark .nav-cta.btn-primary { background: linear-gradient(135deg, var(--f-blue), #1d4ed8) !important; border: 1px solid rgba(96,165,250,0.5) !important; } /* ---------- Page-header banner ---------- */ body.theme-dark .page-header { background: linear-gradient(180deg, #0a1020 0%, #060910 100%); border-bottom: 1px solid var(--f-line); position: relative; overflow: hidden; } body.theme-dark .page-header::before { content: ''; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px); background-size: 56px 56px; -webkit-mask-image: radial-gradient(circle at 50% 25%, #000, transparent 70%); mask-image: radial-gradient(circle at 50% 25%, #000, transparent 70%); } body.theme-dark .page-header .container { position: relative; z-index: 1; } body.theme-dark .page-header h1 { color: #ffffff; } body.theme-dark .page-header p { color: var(--f-muted); } /* ---------- Sections + headers + badges ---------- */ body.theme-dark .section { background: transparent; } body.theme-dark .section.bg-alt, body.theme-dark .bg-alt { background: rgba(255,255,255,0.02); border-top: 1px solid var(--f-line); border-bottom: 1px solid var(--f-line); } body.theme-dark .section-header h2 { color: #ffffff; } body.theme-dark .section-header p { color: var(--f-muted); } body.theme-dark .section-badge { color: var(--f-signal); border-color: rgba(163,230,53,0.35); background: rgba(163,230,53,0.06); } /* ---------- Buttons ---------- */ body.theme-dark .btn-outline { border-color: var(--f-line-strong); color: var(--f-text); } body.theme-dark .btn-outline:hover { background: rgba(255,255,255,0.08); color: #fff; border-color: var(--f-blue-bright); } /* ---------- Feature / initiative / program / service / capability cards ---------- */ body.theme-dark .feature-content h2 { color: #fff; } body.theme-dark .feature-content > p, body.theme-dark .feature-list li { color: var(--f-muted); } body.theme-dark .feature-list i { color: var(--f-signal); } body.theme-dark .initiative-card, body.theme-dark .service-card, body.theme-dark .program-card, body.theme-dark .capability-card { background: var(--f-panel); border: 1px solid var(--f-line); box-shadow: none; } body.theme-dark .initiative-card:hover, body.theme-dark .service-card:hover, body.theme-dark .program-card:hover { border-color: var(--f-blue); background: var(--f-panel-hover); box-shadow: 0 20px 50px -20px rgba(0,0,0,0.8); } body.theme-dark .capability-card { border-left: 4px solid var(--f-blue); } body.theme-dark .capability-card:hover { box-shadow: 0 20px 50px -20px rgba(0,0,0,0.8); } body.theme-dark .initiative-card h3, body.theme-dark .service-card h3, body.theme-dark .program-card h3, body.theme-dark .capability-card h3 { color: #fff; } body.theme-dark .initiative-card p, body.theme-dark .service-card p, body.theme-dark .program-card > p, body.theme-dark .capability-card p { color: var(--f-muted); } body.theme-dark .capability-card h3 i, body.theme-dark .service-icon i { color: var(--f-blue-bright); } body.theme-dark .program-header i { color: var(--f-blue-bright); -webkit-text-fill-color: var(--f-blue-bright); } body.theme-dark .program-badge { background: rgba(255,255,255,0.06); color: var(--f-muted); border: 1px solid var(--f-line); } body.theme-dark .program-features li { color: var(--f-muted); } body.theme-dark .program-features i, body.theme-dark .initiative-card .fa-check { color: var(--f-signal); } body.theme-dark .service-icon { background: rgba(96,165,250,0.1); border: 1px solid var(--f-line-strong); } /* ---------- Timeline ---------- */ body.theme-dark .timeline::before { background: var(--f-line); } body.theme-dark .timeline-item::before { background: var(--f-blue); } body.theme-dark .timeline-item h4 { color: #fff; } body.theme-dark .timeline-item p { color: var(--f-muted); } /* ---------- Contact ---------- */ body.theme-dark .contact-info-card { background: var(--f-panel); border: 1px solid var(--f-line); } body.theme-dark .contact-info-card i { color: var(--f-blue-bright); } body.theme-dark .contact-info-card h4 { color: #fff; } body.theme-dark .contact-info-card p { color: var(--f-muted); } /* ---------- Registration info / tables ---------- */ body.theme-dark .registration-info { background: rgba(255,255,255,0.02); border: 1px solid var(--f-line); } body.theme-dark .registration-info h3 { color: #fff; } body.theme-dark .info-item span:first-child { color: var(--f-dim); } body.theme-dark .info-item span:last-child { color: #fff; } /* ---------- Forms ---------- */ body.theme-dark .form-group label { color: var(--f-text); } body.theme-dark .form-group input, body.theme-dark .form-group textarea, body.theme-dark .form-group select { background: rgba(255,255,255,0.03); border: 1px solid var(--f-line-strong); color: var(--f-text); } body.theme-dark .form-group input::placeholder, body.theme-dark .form-group textarea::placeholder { color: var(--f-dim); } body.theme-dark .form-group input:focus, body.theme-dark .form-group textarea:focus, body.theme-dark .form-group select:focus { border-color: var(--f-blue); box-shadow: 0 0 0 3px rgba(59,130,246,0.18); } body.theme-dark .form-group select option { background: #0a1020; color: var(--f-text); } /* ---------- Footer ---------- */ body.theme-dark .footer { background: #04070d; border-top: 1px solid var(--f-line); } /* ---------- Generic neutralization of inline light-theme colors ---------- */ body.theme-dark [style*="var(--dark)"] { color: var(--f-text) !important; } body.theme-dark [style*="var(--text-light)"] { color: var(--f-muted) !important; } body.theme-dark [style*="var(--gray-100)"], body.theme-dark [style*="var(--gray-50)"] { background: rgba(255,255,255,0.05) !important; color: var(--f-text) !important; border: 1px solid var(--f-line); } /* keep inline --primary links legible on dark */ body.theme-dark a[style*="var(--primary)"] { color: var(--f-blue-bright) !important; } /* ================================================================== CAPABILITIES ( .cap-* document ) ================================================================== */ body.theme-dark .cap-page { background: rgba(255,255,255,0.02); border: 1px solid var(--f-line); } body.theme-dark .cap-hero { border-bottom-color: var(--f-blue); } body.theme-dark .cap-hero-left { border-right-color: var(--f-line); } body.theme-dark .cap-hero-left .doc-title { color: #fff; } body.theme-dark .cap-hero-left .doc-subtitle { color: var(--f-muted); border-bottom-color: var(--f-line); } body.theme-dark .cap-hero-left .meta-row strong { color: #fff; } body.theme-dark .cap-hero-left .meta-row span { color: var(--f-muted); } body.theme-dark .cap-hero-right { background: rgba(255,255,255,0.03); } body.theme-dark .cap-section p, body.theme-dark .cap-section li { color: var(--f-muted); } body.theme-dark .cap-section strong { color: #fff; } body.theme-dark .cap-section a { color: var(--f-blue-bright); } body.theme-dark .cap-page .platform-card { background: var(--f-panel); border-color: var(--f-line); border-left: 4px solid var(--f-blue); } body.theme-dark .cap-page .platform-card h3 { color: #fff; } body.theme-dark .cap-table td { color: var(--f-muted); border-bottom-color: var(--f-line); } body.theme-dark .cap-table tr:nth-child(even) td { background: rgba(255,255,255,0.03); } body.theme-dark .cap-reg-strip { background: rgba(255,255,255,0.03); border-top-color: var(--f-line); } body.theme-dark .cap-reg-strip strong { color: #fff; } body.theme-dark .cap-reg-strip span { color: var(--f-muted); } /* ================================================================== PRODUCT PAGES (VerdantaIQ + AvidRAG) — dark the light sections ================================================================== */ body.theme-dark .trust-bar { background: rgba(255,255,255,0.02); border-bottom-color: var(--f-line); } body.theme-dark .trust-item { color: var(--f-muted); } body.theme-dark .feature-card { background: var(--f-panel); border: 1px solid var(--f-line); } body.theme-dark .feature-card:hover { background: var(--f-panel-hover); box-shadow: 0 20px 50px -20px rgba(0,0,0,0.8); } body.theme-dark .feature-card h3 { color: #fff; } body.theme-dark .feature-card p { color: var(--f-muted); } body.theme-dark .how-section { background: rgba(255,255,255,0.02); } body.theme-dark .how-step h3 { color: #fff; } body.theme-dark .how-step p { color: var(--f-muted); } body.theme-dark .usecase-card { background: var(--f-panel); border-left-color: var(--f-signal); } body.theme-dark .usecase-card h3 { color: #fff; } body.theme-dark .usecase-card p { color: var(--f-muted); } body.theme-dark .usecase-stat span { color: var(--f-dim); } /* AvidRAG pricing */ body.theme-dark .pricing-section { background: rgba(255,255,255,0.02); } body.theme-dark .pricing-card { background: var(--f-panel); border: 2px solid var(--f-line); } body.theme-dark .pricing-card.featured { border-color: var(--f-blue); } body.theme-dark .pricing-tier { color: var(--f-muted); } body.theme-dark .pricing-tier.featured { color: var(--f-blue-bright); } body.theme-dark .pricing-price .amount, body.theme-dark .pricing-price .currency { color: #fff; } body.theme-dark .pricing-price .period { color: var(--f-dim); } body.theme-dark .pricing-desc { color: var(--f-muted); } body.theme-dark .pricing-divider { background: var(--f-line); } body.theme-dark .pricing-features li { color: var(--f-muted); } body.theme-dark .pricing-features li i { color: var(--f-blue-bright); }