/* Leveraged Investments - bright blue/white theme for the main (all-businesses) site. Loads AFTER custom.css on pages with . Same components, remapped tokens: blue sections where the dark site is dark, white/ice sections where it is cream. */ body.theme-blue{ --bg: #0A47C0; --bg-raised: #0B4FD0; --bg-card: #1156D2; --ink: #FFFFFF; --body: #DCE8FF; --dim: #AFC8F5; --accent: #A8CCFF; --accent-bright: #D6E7FF; --accent-deep: #6FA5FA; --line: rgba(255,255,255,0.28); --line-soft: rgba(255,255,255,0.15); --shadow-card: 0 24px 60px -24px rgba(4,20,60,0.5); --shadow-lift: 0 34px 80px -28px rgba(4,20,60,0.6); background: var(--bg); } body.theme-blue ::selection{ background: rgba(61,139,255,0.4); color: #FFFFFF; } /* blue "raised" sections get a vivid gradient */ body.theme-blue .section-raised{ background: linear-gradient(180deg, #0D5BE0 0%, #0A3FA8 100%); border-block: 1px solid rgba(255,255,255,0.12); } /* white/ice light sections */ body.theme-blue .section-light{ background: linear-gradient(180deg, #FFFFFF 0%, #EFF5FF 100%); --ink: #0D1B36; --body: #3E4E6B; --dim: #56668A; --accent: #0A54D6; --accent-bright: #0A54D6; --accent-deep: #0846B0; --line: rgba(10,84,214,0.32); --line-soft: rgba(13,27,54,0.1); --bg-card: #FFFFFF; --shadow-card: 0 24px 50px -28px rgba(13,40,90,0.18); --shadow-lift: 0 32px 70px -30px rgba(13,40,90,0.28); } body.theme-blue .section-light .card{ background: linear-gradient(170deg, rgba(11,95,232,0.05), rgba(11,95,232,0.01) 40%), var(--bg-card); border-color: rgba(13,27,54,0.08); } body.theme-blue .section-light .faq-item{ border-color: rgba(13,27,54,0.1); } body.theme-blue .section-light .card-icon{ background: rgba(11,95,232,0.09); } body.theme-blue .section-light .step-num{ -webkit-text-stroke: 1px rgba(10,70,176,0.5); } /* cards on blue sections */ body.theme-blue .card{ background: linear-gradient(170deg, rgba(255,255,255,0.1), rgba(255,255,255,0.03) 40%), var(--bg-card); border-color: rgba(255,255,255,0.16); } body.theme-blue .card::before{ background: linear-gradient(90deg, transparent, rgba(255,255,255,0.55), transparent); } body.theme-blue .card-icon{ background: rgba(255,255,255,0.12); } body.theme-blue .step-num{ -webkit-text-stroke: 1px rgba(214,231,255,0.6); } /* spotlight hover in blue */ @media (hover: hover) and (pointer: fine){ body.theme-blue .card::after{ background: radial-gradient(260px circle at var(--mx) var(--my), rgba(160,200,255,0.16), transparent 65%); } body.theme-blue .section-light .card::after{ background: radial-gradient(260px circle at var(--mx) var(--my), rgba(11,95,232,0.08), transparent 65%); } } /* buttons */ body.theme-blue .btn-primary, body.theme-blue .section-light .btn-primary{ background: linear-gradient(135deg, #4D9AFF, #0B5FE8 55%, #0847B5); color: #FFFFFF; box-shadow: 0 12px 34px -12px rgba(11,95,232,0.6); } @media (hover: hover) and (pointer: fine){ body.theme-blue .btn-primary:hover{ box-shadow: 0 18px 44px -12px rgba(11,95,232,0.75); } body.theme-blue .btn-ghost:hover{ background: rgba(120,170,255,0.12); border-color: rgba(120,170,255,0.5); } } body.theme-blue .btn-glow::after{ background: conic-gradient(from var(--glow-angle,0deg), transparent 0%, rgba(140,190,255,0.9) 12%, transparent 30%); } /* header: always a bright glass bar so the navy wordmark stays readable */ body.theme-blue .site-header{ background: rgba(255,255,255,0.9); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border-bottom: 1px solid rgba(13,27,54,0.08); } body.theme-blue .site-header.scrolled{ background: rgba(255,255,255,0.96); border-bottom-color: rgba(13,27,54,0.12); } body.theme-blue .nav-links a{ color: #3E4E6B; } body.theme-blue .nav-links a:hover, body.theme-blue .nav-links a.active{ color: #0D1B36; } body.theme-blue .nav-links a.active::after{ background: #0B5FE8; } body.theme-blue .nav-toggle{ color: #0D1B36; border-color: rgba(13,27,54,0.2); } /* mobile menu: white sheet */ body.theme-blue .mobile-menu{ background: rgba(255,255,255,0.98); } body.theme-blue .mobile-menu a{ color: #0D1B36; border-bottom-color: rgba(13,27,54,0.1); } /* hero: deep blue stage for video with navy scrim */ body.theme-blue .hero{ background: #082B66; } body.theme-blue .hero-poster{ background: radial-gradient(120% 90% at 78% 8%, rgba(77,154,255,0.35), transparent 55%), radial-gradient(90% 70% at 12% 92%, rgba(11,95,232,0.4), transparent 60%), linear-gradient(160deg, #0D50CE 0%, #082B66 55%, #051D49 100%); } body.theme-blue .hero-poster::after{ background-image: repeating-linear-gradient(90deg, rgba(150,195,255,0.09) 0 1px, transparent 1px 120px), repeating-linear-gradient(0deg, rgba(150,195,255,0.07) 0 1px, transparent 1px 120px); } body.theme-blue .hero-scrim{ background: linear-gradient(to top, rgba(5,18,45,0.94) 0%, rgba(5,18,45,0.6) 45%, rgba(5,18,45,0.28) 78%, rgba(5,18,45,0.35) 100%); } /* directional scrim: deep blue where the copy sits, lighter over the footage */ body.theme-blue .hero-scrim.strong{ background: linear-gradient(100deg, rgba(6,34,84,0.94) 0%, rgba(6,34,84,0.86) 38%, rgba(6,34,84,0.5) 68%, rgba(6,34,84,0.34) 100%), linear-gradient(to top, rgba(5,24,60,0.9) 0%, rgba(5,24,60,0.42) 42%, rgba(5,24,60,0.2) 74%, rgba(5,24,60,0.46) 100%); } @media (max-width: 900px){ body.theme-blue .hero-scrim.strong{ background: linear-gradient(to top, rgba(5,24,60,0.95) 0%, rgba(6,34,84,0.86) 45%, rgba(6,34,84,0.72) 78%, rgba(6,34,84,0.8) 100%); } } body.theme-blue .hero h1, body.theme-blue .hero-sub, body.theme-blue .hero .eyebrow{ text-shadow: 0 2px 24px rgba(5,18,45,0.85), 0 1px 3px rgba(5,18,45,0.6); } body.theme-blue .hero .eyebrow{ color: #9CC5FF; } body.theme-blue .hero h1 em{ color: #A9CFFF; } body.theme-blue .chip{ background: rgba(5,18,45,0.5); } /* stats + steps + motion accents */ body.theme-blue .step-line{ background: linear-gradient(90deg, #7FB4FF, #2F7BF0); } body.theme-blue .mock-spark i{ background: linear-gradient(to top, rgba(47,123,240,0.75), rgba(150,197,255,0.95)); } body.theme-blue .mock-bar.fill{ background: linear-gradient(90deg, #2F7BF0, #8FC0FF); } body.theme-blue .scroll-progress{ background: linear-gradient(90deg, #0847B5, #4D9AFF); } body.theme-blue .plan-tag{ background: #0B5FE8; color: #FFFFFF; } body.theme-blue .plan.featured{ background: linear-gradient(165deg, rgba(255,255,255,0.14), rgba(255,255,255,0.04) 45%), var(--bg-card); border-color: rgba(255,255,255,0.4); } body.theme-blue .section-light .plan{ border-color: rgba(13,27,54,0.1); } body.theme-blue .section-light .plan.featured{ background: linear-gradient(165deg, rgba(11,95,232,0.1), rgba(11,95,232,0.02) 45%), #FFFFFF; border-color: rgba(11,95,232,0.45); } /* mockups: deep navy device frames on any section */ body.theme-blue .mock-frame, body.theme-blue .mock-phone{ background: #0B1B3C; --ink: #F2F7FF; --body: #C3D5F5; --dim: #8FA6D0; --accent: #6FB0FF; --accent-bright: #A9CFFF; --line: rgba(140,185,255,0.25); --line-soft: rgba(214,231,255,0.1); color: var(--body); } body.theme-blue .mock-pill{ background: rgba(111,176,255,0.18); color: #A9CFFF; } body.theme-blue .mock-pill.green{ background: rgba(112,200,140,0.2); color: #9FDCB2; } body.theme-blue .mock-msg.out{ background: rgba(80,145,245,0.3); } body.theme-blue .mock-stars{ color: #FFD37A; } /* marquee + founder + final CTA */ body.theme-blue .marquee{ border-color: rgba(255,255,255,0.12); } body.theme-blue .founder-card{ background: linear-gradient(160deg, rgba(255,255,255,0.14), rgba(255,255,255,0.03) 60%), var(--bg-card); border-color: rgba(255,255,255,0.3); } body.theme-blue .cta-final::before{ background: radial-gradient(60% 55% at 50% 60%, rgba(120,175,255,0.2), transparent 70%); } body.theme-blue .cta-video h2, body.theme-blue .cta-video p, body.theme-blue .cta-video .eyebrow{ text-shadow: 0 2px 24px rgba(5,18,45,0.85), 0 1px 3px rgba(5,18,45,0.6); } /* footer: deep navy, gold attribution stays */ body.theme-blue .site-footer{ background: #061635; --accent: #7FB4FF; --body: #C3D5F5; --dim: #8FA6D0; --ink: #FFFFFF; --line-soft: rgba(214,231,255,0.1); } body.theme-blue .site-footer .brand-logo{ background: #FFFFFF; padding: 12px 18px; border-radius: 14px; box-shadow: 0 10px 30px -14px rgba(0,0,0,0.5); } body.theme-blue .sticky-cta .btn-call{ background: #FFFFFF; border-color: rgba(13,27,54,0.15); color: #0B5FE8; } /* legal pages under blue theme */ body.theme-blue .legal-light{ background: linear-gradient(180deg, #FFFFFF 0%, #EFF5FF 100%); --ink: #0D1B36; --body: #3E4E6B; --dim: #56668A; --accent: #0A54D6; --accent-bright: #0A54D6; --line: rgba(10,84,214,0.32); --line-soft: rgba(13,27,54,0.1); }