/* Landing page revamp (home only) Scopes styles using the data-page attribute set on . */ html[data-page='home'] body { background: #f6f7f9; color: rgba(0, 0, 0, 0.78); } html[data-page='home'] .navbar { margin-bottom: 0; border: 0; border-radius: 0; background: rgba(255, 255, 255, 0.92); backdrop-filter: blur(10px); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); } html[data-page='home'] .navbar-default .navbar-brand, html[data-page='home'] .navbar-default .navbar-nav > li > a { color: rgba(0, 0, 0, 0.72); } html[data-page='home'] .navbar-default .navbar-nav > li > a:hover, html[data-page='home'] .navbar-default .navbar-brand:hover { color: rgba(0, 0, 0, 0.92); } html[data-page='home'] a { color: #6fa237; } html[data-page='home'] a:hover { color: #5b8b2c; } html[data-page='home'] .dt-hero { padding: 72px 0 44px; background: radial-gradient(900px 520px at 20% 10%, rgba(139, 195, 74, 0.18), transparent 60%), radial-gradient(700px 420px at 85% 0%, rgba(0, 0, 0, 0.06), transparent 55%), linear-gradient(180deg, #ffffff 0%, #f6f7f9 80%); border-bottom: 1px solid rgba(0, 0, 0, 0.06); } html[data-page='home'] .dt-hero h1 { font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; font-weight: 300; letter-spacing: -0.02em; line-height: 1.05; margin: 0 0 16px; color: rgba(0, 0, 0, 0.86); font-size: 44px; } html[data-page='home'] .dt-hero p.lead { font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; font-weight: 300; color: rgba(0, 0, 0, 0.64); font-size: 18px; line-height: 1.55; margin-bottom: 22px; } html[data-page='home'] .dt-hero .dt-cta-row { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; margin-top: 12px; } html[data-page='home'] .btn-dt-primary { background: #8bc34a; border-color: #8bc34a; color: #ffffff; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; letter-spacing: 0.03em; padding: 12px 18px; box-shadow: 0 10px 22px rgba(139, 195, 74, 0.22); } html[data-page='home'] .btn-dt-primary:hover { background: #7fb33f; border-color: #7fb33f; color: #ffffff; } html[data-page='home'] .btn-dt-ghost { background: rgba(255, 255, 255, 0.8); border: 1px solid rgba(0, 0, 0, 0.14); color: rgba(0, 0, 0, 0.72); font-family: 'Roboto Condensed', sans-serif; font-weight: 700; letter-spacing: 0.03em; padding: 12px 18px; } html[data-page='home'] .btn-dt-ghost:hover { background: rgba(255, 255, 255, 1); border-color: rgba(0, 0, 0, 0.22); color: rgba(0, 0, 0, 0.88); } html[data-page='home'] .dt-badges { margin-top: 18px; display: flex; gap: 10px; flex-wrap: wrap; } html[data-page='home'] .dt-trusted { margin-top: 22px; padding-top: 18px; border-top: 1px solid rgba(0, 0, 0, 0.06); } html[data-page='home'] .dt-trusted-sub { margin: 0 0 12px; color: rgba(0, 0, 0, 0.52); font-weight: 300; } html[data-page='home'] .dt-trusted-logo { height: 64px; width: 64px; border-radius: 999px; overflow: hidden; border: 1px solid rgba(0, 0, 0, 0.08); background: #fff; display: inline-block; } html[data-page='home'] .dt-trusted-logos { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; } html[data-page='home'] .dt-trusted-logos img { height: 100%; width: 100%; object-fit: cover; display: block; } html[data-page='home'] .dt-badge { display: inline-flex; align-items: center; gap: 8px; padding: 8px 10px; border: 1px solid rgba(0, 0, 0, 0.10); border-radius: 10px; background: rgba(255, 255, 255, 0.9); color: rgba(0, 0, 0, 0.66); font-size: 13px; } html[data-page='home'] .dt-badge i.material-icons { font-size: 18px; color: #8bc34a; } html[data-page='home'] .dt-hero-media { margin-top: 24px; border-radius: 16px; border: 1px solid rgba(0, 0, 0, 0.08); background: rgba(255, 255, 255, 1); padding: 16px; box-shadow: 0 20px 55px rgba(0, 0, 0, 0.08); } html[data-page='home'] .dt-hero-media img { width: 100%; border-radius: 12px; } html[data-page='home'] .dt-section { padding: 52px 0; } /* Bootstrap rows with .vAlign use flex in the legacy CSS. On small screens we need wrapping/stacking so content doesn’t squeeze horizontally. */ html[data-page='home'] .vAlign { flex-wrap: wrap; } html[data-page='home'] .dt-section h2 { font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; font-weight: 300; margin: 0 0 10px; font-size: 30px; } html[data-page='home'] .dt-section p { color: rgba(0, 0, 0, 0.62); } html[data-page='home'] .dt-card { height: 100%; border-radius: 14px; background: rgba(255, 255, 255, 1); border: 1px solid rgba(0, 0, 0, 0.08); padding: 18px; box-shadow: 0 16px 40px rgba(0, 0, 0, 0.06); } html[data-page='home'] .dt-card h3 { margin-top: 6px; font-size: 16px; font-weight: 700; font-family: 'Roboto Condensed', sans-serif; letter-spacing: 0.03em; color: rgba(0, 0, 0, 0.82); } html[data-page='home'] .dt-card p { margin-bottom: 0; font-size: 14px; color: rgba(0, 0, 0, 0.62); } html[data-page='home'] .dt-card i.material-icons { font-size: 26px; color: #8bc34a; } html[data-page='home'] .dt-split-media { border-radius: 16px; border: 1px solid rgba(0, 0, 0, 0.08); background: rgba(255, 255, 255, 1); padding: 16px; box-shadow: 0 20px 55px rgba(0, 0, 0, 0.08); } html[data-page='home'] .dt-split-media img { width: 100%; border-radius: 12px; } html[data-page='home'] .dt-cta { padding: 44px 0; background: #ffffff; border-top: 1px solid rgba(0, 0, 0, 0.06); border-bottom: 1px solid rgba(0, 0, 0, 0.06); } html[data-page='home'] .dt-cta .dt-cta-inner { display: flex; gap: 16px; flex-wrap: wrap; align-items: center; justify-content: space-between; } html[data-page='home'] footer { background: #f6f7f9; } html[data-page='home'] #footer_simple_text a { color: rgba(0, 0, 0, 0.60); } html[data-page='home'] #footer_brand { color: rgba(0, 0, 0, 0.78); } @media (max-width: 767px) { html[data-page='home'] .dt-hero { padding: 48px 0 28px; } html[data-page='home'] .dt-hero h1 { font-size: 34px; line-height: 1.12; } html[data-page='home'] .dt-section { padding: 40px 0; } html[data-page='home'] .dt-trusted-logo { height: 54px; width: 54px; } html[data-page='home'] .vAlign { flex-direction: column; align-items: stretch; } html[data-page='home'] .dt-split-media, html[data-page='home'] .dt-hero-media { margin-top: 14px; } }