/* SiteYatra brand overlay — loaded after style.css */ /* fonts loaded non-blocking in */ :root{ --sy-navy:#0B1220; --sy-navy-2:#101a2e; --sy-teal:#14B8A6; --sy-emerald:#34D399; --sy-coral:#FB7185; } /* Display font for headings, refined body */ h1,h2,h3,.sy-ai-title{font-family:'Space Grotesk','Plus Jakarta Sans',system-ui,sans-serif !important;letter-spacing:-0.01em;} body{font-family:'Plus Jakarta Sans',system-ui,sans-serif;} /* ===== Meet your AI agents (custom dark section) ===== */ .sy-ai-section{background:radial-gradient(1100px 460px at 50% -12%, rgba(20,184,166,.14), transparent 62%), var(--sy-navy);padding:96px 0;position:relative;overflow:hidden;} .sy-eyebrow{display:inline-block;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--sy-emerald);font-weight:600;margin-bottom:14px;} .sy-ai-title{color:#fff;font-size:clamp(1.9rem,4vw,2.7rem);font-weight:700;line-height:1.08;margin-bottom:14px;} .sy-ai-sub{color:rgba(255,255,255,.62);font-size:1.05rem;line-height:1.6;} .sy-ai-card{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:30px 22px;text-align:center;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;} .sy-ai-card:hover{transform:translateY(-6px);border-color:rgba(20,184,166,.5);box-shadow:0 20px 44px -20px rgba(20,184,166,.55);} .sy-ai-avatar{width:98px;height:98px;margin:0 auto 18px;border-radius:50%;overflow:hidden;border:2px solid rgba(52,211,153,.45);background:var(--sy-navy-2);box-shadow:0 0 0 6px rgba(20,184,166,.08);} .sy-ai-avatar img{width:100%;height:100%;object-fit:cover;} .sy-ai-name{color:#fff;font-weight:700;font-size:1.16rem;margin-bottom:4px;} .sy-ai-role{color:var(--sy-emerald);font-weight:600;font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;margin-bottom:12px;} .sy-ai-desc{color:rgba(255,255,255,.6);font-size:.92rem;line-height:1.55;margin-bottom:18px;} .sy-ai-status{display:inline-flex;align-items:center;gap:7px;font-size:.8rem;color:rgba(255,255,255,.75);} .sy-dot{width:8px;height:8px;border-radius:50%;background:var(--sy-emerald);box-shadow:0 0 0 3px rgba(52,211,153,.2);animation:syPulse 2.2s infinite;} @keyframes syPulse{0%,100%{opacity:1}50%{opacity:.35}} /* ===== Branded dark footer (white logo needs dark bg) ===== */ #footer{background-color:var(--sy-navy) !important;background-image:radial-gradient(900px 380px at 80% 0%, rgba(20,184,166,.10), transparent 60%) !important;} #footer, #footer p, #footer li, #footer a, #footer span{color:rgba(255,255,255,.66);} #footer h1,#footer h2,#footer h3,#footer h4,#footer h5{color:#fff !important;} #footer a:hover{color:var(--sy-emerald);} #footer .border-t,#footer .border-gray-200{border-color:rgba(255,255,255,.10) !important;} .sy-footer-logo,.sy-footer-logo img{height:40px;width:auto;} /* ===== Small global polish ===== */ .sy-hero-glow{position:relative;} @media (prefers-reduced-motion: reduce){.sy-dot{animation:none}.sy-ai-card,.sy-ai-card:hover{transition:none}} /* ===== Consistent dark header site-wide (fixes invisible white logo/links on light inner pages) ===== */ #mainNav{background-color:rgba(11,18,32,.92) !important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08) !important;box-shadow:0 8px 28px -16px rgba(0,0,0,.7) !important;} #mainNav .nav-link{color:rgba(255,255,255,.82) !important;} #mainNav .nav-link:hover{color:#34D399 !important;} #mainNav .site-white-logo{display:none !important;} #mainNav .site-dark-logo{display:inline-block !important;} #mainNav .mobileMenuBtn,#mainNav #mobileMenuBtn{color:#fff !important;} #mainNav .signup{background:#14B8A6 !important;color:#0B1220 !important;border-color:#14B8A6 !important;} #mainNav .community{color:#fff !important;border-color:rgba(255,255,255,.35) !important;}