/* ==========================================================================
   LeadVector — Home page styles
   Loaded AFTER css/bootstrap.min.css (Bootstrap 5.2.3, unmodified) and
   overrides it to give the page its design.

   1. Bootstrap overrides — undo Bootstrap reboot defaults the design does
      not use and neutralise Bootstrap components whose class names collide
      with page classes (.btn, .nav).
   2. Page styles.
   3. Segment tile charts (Chart.js 4.5.1).
   ========================================================================== */

/* ---------- 1. Bootstrap overrides ---------- */
:root{scroll-behavior:auto}
body{line-height:normal}
img,svg{vertical-align:baseline}
body{-webkit-text-size-adjust:revert;text-size-adjust:revert;-webkit-tap-highlight-color:revert}
h1,h2,h3,h4{font-weight:revert;line-height:revert}
/* Bootstrap's a:hover colour would repaint links whose colour comes from a class */

/* Page classes that collide with Bootstrap components (.btn, .nav).
   Bootstrap's .btn states read these variables, so they are pointed at the
   page's own colours: hover/focus/active look exactly like the design. */
@charset "utf-8";

:root { --font: Onest,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; --fs-nav: 15px; --fs-btn: 15px; --fs-input: 17px; --fs-body: 19px; --fs-hint: 15px; --fs-suggest-section: 15px; --fs-suggest-name: 18px; --fs-suggest-meta: 15px; --fs-h1: clamp(40px,4.85vw,64px); --lh-tight: 1.08; --lh-title: 1.12; --lh-body: 1.58; --lh-ui: 1.32; --fw-regular: 400; --fw-medium: 500; --fw-semibold: 600; --fw-display: 650; --bg0: #060816; --bg1: #0B1230; --primary: #335CFF; --accent: #8A64FF; --r: 6px; --btn-font: 15px; --btn-line: 21px; --auth-h: 38px; --cta-h: 52px; }

* { box-sizing: border-box; }

html { -webkit-font-smoothing: antialiased; text-rendering: geometricprecision; }

html, body { height: 100%; }

body { margin: 0px; font-family: var(--font); background: linear-gradient(180deg,var(--bg0),var(--bg1)); color: rgb(255, 255, 255); overflow-x: hidden; }

.brand { display: flex; align-items: center; height: 42px; cursor: pointer; }

.brandLogo { display: block; width: 168px; height: auto; }

.brandLogo .logoVectorRest, .brandLogo .logoArrow path { fill: color-mix(in srgb,var(--primary)85%,white); transition: fill 0.2s, transform 0.24s cubic-bezier(0.2, 0.8, 0.2, 1); }

.brandLogo .logoArrow { transform-box: fill-box; transform-origin: center center; }

.brandLogo .logoArrowRight { transform-box: fill-box; transform-origin: 50% 100%; }

.brand:hover .brandLogo .logoVectorRest, .brand:hover .brandLogo .logoArrow path { fill: var(--primary); }

h1 { margin: 0px 0px 16px; font-size: var(--fs-h1); font-weight: 650; line-height: var(--lh-title); letter-spacing: -0.035em; }

.brandLogo .logoArrowMoving { transform-box: fill-box; transform-origin: 50% 50%; transition: fill 0.2s, transform 0.28s cubic-bezier(0.16, 1, 0.3, 1); }

.brand:hover .brandLogo .logoArrowMoving { transform: translate(4px, -4px); }

:root { --lv-radius-card: 8px; --lv-radius-inner: 6px; --lv-radius-bar: 6px; }

:root { --fs-h1: clamp(42px,5vw,66px); --fs-body: 20px; --fs-input: 18px; }

h1 { font-size: var(--fs-h1) !important; line-height: 1.08 !important; font-weight: 650 !important; letter-spacing: -0.04em !important; }

a { text-decoration: none; color: rgb(102, 112, 133); }

a:not(.btn):not(.pbtn):hover { color: var(--primary); }
:root{--legal-ink:#182138;--legal-muted:#68738a;--legal-accent:#4f46bb}html{scroll-behavior:smooth}body{margin:0!important;background:#f4f5f9!important;color:var(--legal-ink)!important;font-family:Onest,Inter,system-ui,-apple-system,sans-serif!important;overflow-x:hidden}.legalHeader{background:#0a0e1e;border-bottom:1px solid rgba(255,255,255,.08)}.legalMain{max-width:960px;padding:44px 24px 72px;margin:0 auto;box-sizing:border-box}.legalDocument{background:#fff;border:1px solid #e3e6ef;border-radius:18px;padding:48px 56px;box-shadow:0 8px 30px rgba(25,36,69,.035)}.legalDocument h1{margin:0 0 32px!important;padding:0 0 28px!important;border-bottom:1px solid #e9ebf2;color:#17213a!important;font:600 clamp(27px,3vw,36px)/1.25 Onest,Inter,system-ui,sans-serif!important;letter-spacing:-.035em;text-align:left!important}.legalDocument h1 br{display:none}.legalDocument p{font-size:15px!important;line-height:1.85!important;font-weight:400;margin:0 0 18px!important;color:#465169;text-align:left!important;overflow-wrap:anywhere}.legalDocument h2{font-size:22px;line-height:1.4;font-weight:600;letter-spacing:-.02em;color:#182138;margin:38px 0 18px;text-align:left;scroll-margin-top:24px}.legalDocument h3{font-size:18px;line-height:1.5;font-weight:600;color:#27334b;margin:28px 0 16px}.legalDocument a{color:#4f46bb;text-decoration:underline;text-decoration-color:#d1cdf0;text-underline-offset:3px}.legalDocument a:hover{color:#6b5dd3}a:focus-visible{outline:2px solid #8199ff;outline-offset:4px}@media(max-width:760px){.legalMain{padding:28px 16px 40px}.legalDocument{padding:28px 24px;border-radius:14px}.legalDocument p{font-size:14px!important;line-height:1.8!important}.legalDocument h2{font-size:20px;margin-top:30px}.legalDocument h1{margin-bottom:24px!important;padding-bottom:24px!important}}@media print{body{background:#fff!important}.legalHeader{display:none}.legalMain{padding:0;max-width:none}.legalDocument{border:0;box-shadow:none;padding:0}.legalDocument h2,.legalDocument h3{break-after:avoid}}