:root {
  --lp-navy: #07111f;
  --lp-navy-2: #0b192a;
  --lp-navy-3: #132943;
  --lp-red: #d42f24;
  --lp-red-2: #ad2118;
  --lp-blue: #4b9cff;
  --lp-ink: #0d192a;
  --lp-muted: #68788d;
  --lp-line: #dfe6ee;
  --lp-paper: #f4f7fa;
}

body.lp-page { overflow-x: hidden; background: var(--lp-paper); color: var(--lp-ink); }
.lp-page * { box-sizing: border-box; }
.lp-shell { width: min(1220px, calc(100% - 48px)); margin-inline: auto; }

.lp-header {
  position: absolute;
  z-index: 60;
  top: 0;
  right: 0;
  left: 0;
  border-bottom: 1px solid rgb(255 255 255 / 9%);
  transition: background .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.lp-header.scrolled {
  position: fixed;
  border-color: rgb(255 255 255 / 7%);
  background: rgb(7 17 31 / 92%);
  box-shadow: 0 16px 44px rgb(0 0 0 / 20%);
  backdrop-filter: blur(18px) saturate(145%);
}
.lp-header-inner { display: flex; align-items: center; gap: 42px; min-height: 82px; }
.lp-brand { display: inline-flex; flex: 0 0 auto; align-items: center; }
.lp-brand img { display: block; width: 172px; height: auto; }
.lp-nav { display: flex; align-items: center; gap: 31px; margin-left: 16px; }
.lp-nav a, .lp-text-link { color: #a9b8ca; font-size: 12px; font-weight: 730; transition: color .18s ease; }
.lp-nav a:hover, .lp-text-link:hover { color: #fff; }
.lp-nav-signin { display: none; }
.lp-header-actions { display: flex; align-items: center; gap: 22px; margin-left: auto; }
.lp-menu-toggle { display: none; width: 42px; height: 42px; padding: 10px; border: 1px solid rgb(255 255 255 / 14%); border-radius: 12px; background: rgb(255 255 255 / 5%); }
.lp-menu-toggle span { display: block; width: 19px; height: 2px; margin: 4px auto; border-radius: 99px; background: #fff; }

.lp-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  min-height: 52px;
  padding: 12px 21px;
  border: 1px solid transparent;
  border-radius: 13px;
  font-size: 12px;
  font-weight: 820;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
}
.lp-button:hover { transform: translateY(-2px); }
.lp-button-primary { background: linear-gradient(135deg, #e03a2e 0%, #b32017 100%); color: #fff; box-shadow: 0 13px 28px rgb(177 31 23 / 31%), inset 0 1px rgb(255 255 255 / 20%); }
.lp-button-primary:hover { box-shadow: 0 18px 38px rgb(177 31 23 / 40%), inset 0 1px rgb(255 255 255 / 20%); }
.lp-button-small { min-height: 42px; padding: 9px 15px; border-radius: 11px; font-size: 11px; }
.lp-button-ghost { border-color: rgb(255 255 255 / 15%); background: rgb(255 255 255 / 5%); color: #e7eef6; box-shadow: inset 0 1px rgb(255 255 255 / 4%); }
.lp-button-ghost:hover { border-color: rgb(255 255 255 / 27%); background: rgb(255 255 255 / 9%); }
.lp-button-outline { border-color: rgb(255 255 255 / 20%); background: transparent; color: #fff; }
.lp-play { display: grid; place-items: center; width: 24px; height: 24px; border: 1px solid rgb(255 255 255 / 18%); border-radius: 50%; font-size: 11px; }

.lp-hero {
  position: relative;
  isolation: isolate;
  min-height: 870px;
  overflow: hidden;
  background:
    radial-gradient(circle at 84% 25%, rgb(43 105 173 / 17%), transparent 31rem),
    linear-gradient(137deg, #07111f 0%, #091725 44%, #0d2137 100%);
  color: #fff;
}
.lp-hero::after { position: absolute; z-index: -1; right: -210px; bottom: -530px; width: 900px; height: 900px; border: 150px solid rgb(255 255 255 / 2.5%); border-radius: 50%; content: ""; }
.lp-hero-grid { position: absolute; z-index: -1; inset: 0; background-image: linear-gradient(rgb(255 255 255 / 2.8%) 1px, transparent 1px), linear-gradient(90deg, rgb(255 255 255 / 2.8%) 1px, transparent 1px); background-size: 68px 68px; mask-image: linear-gradient(90deg, black, transparent 86%); }
.lp-hero-glow { position: absolute; z-index: -1; border-radius: 50%; filter: blur(1px); }
.lp-hero-glow-red { top: -250px; left: -240px; width: 600px; height: 600px; background: radial-gradient(circle, rgb(220 48 36 / 19%), transparent 66%); }
.lp-hero-glow-blue { right: 6%; bottom: 5%; width: 540px; height: 540px; background: radial-gradient(circle, rgb(50 122 210 / 11%), transparent 67%); }
.lp-hero-layout { display: grid; grid-template-columns: minmax(430px, .88fr) minmax(600px, 1.12fr); align-items: center; gap: 70px; min-height: 790px; padding-top: 102px; padding-bottom: 75px; }
.lp-hero-copy { position: relative; z-index: 2; padding-top: 12px; }
.lp-kicker { display: flex; align-items: center; gap: 10px; color: #ff9a91; font-size: 10px; font-weight: 900; letter-spacing: .18em; text-transform: uppercase; }
.lp-kicker > span { width: 22px; height: 2px; border-radius: 99px; background: #ef5146; box-shadow: 0 0 16px rgb(239 81 70 / 65%); }
.lp-kicker.dark { color: var(--lp-red); }
.lp-kicker.light { color: #ffaaa3; }
.lp-hero-copy h1 { max-width: 610px; margin: 22px 0 0; font-size: clamp(56px, 5.6vw, 80px); line-height: .98; letter-spacing: -.065em; }
.lp-hero-copy h1 em { display: block; color: #f3574b; font-family: Georgia, "Times New Roman", serif; font-weight: 500; letter-spacing: -.055em; }
.lp-hero-copy > p { max-width: 570px; margin: 29px 0 0; color: #a8b7c8; font-size: 16px; line-height: 1.76; }
.lp-hero-actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 33px; }
.lp-hero-proof { display: grid; grid-template-columns: repeat(3, 1fr); max-width: 590px; margin-top: 45px; padding-top: 22px; border-top: 1px solid rgb(255 255 255 / 11%); }
.lp-hero-proof > div { display: grid; gap: 5px; padding-right: 16px; }
.lp-hero-proof > div + div { padding-left: 18px; border-left: 1px solid rgb(255 255 255 / 9%); }
.lp-hero-proof span { color: #ed756c; font-size: 8px; font-weight: 900; letter-spacing: .12em; }
.lp-hero-proof strong { color: #c1ccda; font-size: 10px; line-height: 1.45; }

.lp-product-stage { position: relative; z-index: 2; min-width: 0; padding: 42px 0 56px; }
.lp-product-halo { position: absolute; inset: 4% -14% -3% 7%; border: 1px solid rgb(115 177 247 / 10%); border-radius: 50%; background: radial-gradient(circle, rgb(78 141 215 / 9%), transparent 65%); }
.lp-product-window { position: relative; overflow: hidden; border: 1px solid rgb(255 255 255 / 13%); border-radius: 24px; background: #f4f7fb; box-shadow: 0 45px 110px rgb(0 0 0 / 40%), 0 0 0 8px rgb(255 255 255 / 3%); transform: perspective(1500px) rotateY(-2.2deg) rotateX(1deg); transform-origin: center; }
.lp-product-topbar { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 17px; min-height: 57px; padding: 9px 13px; border-bottom: 1px solid #dce4ee; background: #fff; color: #213147; }
.lp-product-brand { display: flex; align-items: center; gap: 8px; font-size: 9px; font-weight: 850; white-space: nowrap; }
.lp-product-brand img { width: 30px; height: 30px; }
.lp-product-search { width: min(250px, 100%); justify-self: center; padding: 8px 11px; border: 1px solid #e0e6ed; border-radius: 9px; background: #f7f9fc; color: #9aa6b5; font-size: 8px; }
.lp-product-search span { margin-right: 7px; color: #697a8f; font-size: 11px; }
.lp-product-user { display: grid; place-items: center; width: 29px; height: 29px; border-radius: 9px; background: #0d1e33; color: #fff; font-size: 8px; font-weight: 850; }
.lp-product-body { display: grid; grid-template-columns: 47px 1fr; min-height: 485px; }
.lp-product-nav { display: flex; flex-direction: column; align-items: center; gap: 9px; padding: 17px 7px; background: #0a1727; color: #75879d; }
.lp-product-nav span { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 9px; font-size: 11px; }
.lp-product-nav span.active { background: #d63227; color: #fff; box-shadow: 0 7px 15px rgb(196 40 30 / 25%); }
.lp-account-view { min-width: 0; padding: 14px; color: #18263a; }
.lp-account-alert { display: flex; align-items: center; gap: 7px; min-height: 30px; padding: 7px 10px; border: 1px solid #dceae3; border-radius: 9px; background: #f0faf5; color: #367457; font-size: 7.5px; }
.lp-account-alert i { width: 6px; height: 6px; border-radius: 50%; background: #1aaa68; box-shadow: 0 0 0 4px rgb(26 170 104 / 10%); }
.lp-account-alert b { margin-left: auto; color: #1a6b46; font-size: 7px; }
.lp-account-head { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 10px; padding: 15px 2px 12px; }
.lp-account-avatar { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: linear-gradient(145deg, #e5edf6, #cdd9e7); color: #36516f; font-size: 10px; font-weight: 900; }
.lp-account-head small { display: block; color: #9a271f; font-size: 6.5px; font-weight: 900; letter-spacing: .1em; }
.lp-account-head h2 { margin: 3px 0 0; font-size: 18px; letter-spacing: -.035em; }
.lp-account-head p { margin: 2px 0 0; color: #7d8b9d; font-size: 7.5px; }
.lp-current-pill { padding: 6px 8px; border-radius: 999px; background: #e9fbf2; color: #087a4a; font-size: 6.8px; font-weight: 850; }
.lp-account-tabs { display: flex; gap: 17px; padding: 0 4px 8px; overflow: hidden; border-bottom: 1px solid #dce4ed; color: #7b899b; font-size: 7px; font-weight: 760; white-space: nowrap; }
.lp-account-tabs span { padding-bottom: 7px; }
.lp-account-tabs span.active { margin-bottom: -9px; border-bottom: 2px solid #cf3025; color: #a52219; }
.lp-metric-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 10px; }
.lp-metric-row article { padding: 11px; border: 1px solid #dde4ec; border-radius: 10px; background: #fff; box-shadow: 0 2px 5px rgb(21 34 51 / 3%); }
.lp-metric-row span, .lp-metric-row small { display: block; color: #8491a2; font-size: 6.5px; }
.lp-metric-row span { font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.lp-metric-row strong { display: block; margin: 6px 0 3px; font-size: 13px; }
.lp-account-grid { display: grid; grid-template-columns: 1.42fr .83fr; gap: 8px; margin-top: 8px; }
.lp-mini-panel { min-width: 0; overflow: hidden; border: 1px solid #dde4ec; border-radius: 11px; background: #fff; }
.lp-mini-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; padding: 10px 11px; border-bottom: 1px solid #e6ebf1; }
.lp-mini-head strong, .lp-mini-head small { display: block; }
.lp-mini-head strong { font-size: 8px; }
.lp-mini-head small { margin-top: 2px; color: #8b98a9; font-size: 6.3px; }
.lp-mini-head > span { padding: 4px 6px; border-radius: 6px; background: #f2f5f8; color: #6b7a8d; font-size: 5.8px; font-weight: 800; }
.lp-mini-head .lp-live-dot { background: #eaf9f1; color: #087a4a; }
.lp-schedule-row { display: grid; grid-template-columns: 1fr .85fr .85fr .9fr; align-items: center; gap: 5px; min-height: 36px; padding: 6px 10px; border-bottom: 1px solid #edf0f4; font-size: 6.8px; }
.lp-schedule-row:last-child { border-bottom: 0; }
.lp-schedule-row.head { min-height: 26px; background: #f8fafc; color: #8a97a8; font-size: 5.7px; font-weight: 800; text-transform: uppercase; }
.lp-schedule-row b { font-size: 7px; }
.lp-schedule-row em { padding: 4px 5px; border-radius: 999px; background: #edf5ff; color: #2964a5; font-size: 5.6px; font-style: normal; font-weight: 800; text-align: center; }
.lp-panel-actions button { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 8px; width: 100%; min-height: 49px; padding: 7px 10px; border: 0; border-bottom: 1px solid #edf0f4; background: #fff; color: #1d2b3e; text-align: left; }
.lp-panel-actions button:last-child { border-bottom: 0; }
.lp-panel-actions button > i { display: grid; place-items: center; width: 25px; height: 25px; border-radius: 8px; font-size: 8px; font-style: normal; font-weight: 850; }
.lp-panel-actions i.green { background: #e9f9f1; color: #087a4a; }
.lp-panel-actions i.blue { background: #edf5ff; color: #236bbd; }
.lp-panel-actions i.amber { background: #fff4df; color: #a66109; }
.lp-panel-actions button b, .lp-panel-actions button small { display: block; }
.lp-panel-actions button b { font-size: 7px; }
.lp-panel-actions button small { margin-top: 2px; color: #8c99a8; font-size: 6px; }
.lp-panel-actions button > strong { color: #8390a1; font-size: 9px; }
.lp-float-card { position: absolute; display: flex; align-items: center; gap: 9px; padding: 10px 13px; border: 1px solid rgb(255 255 255 / 50%); border-radius: 12px; background: rgb(255 255 255 / 95%); color: #17263a; box-shadow: 0 18px 44px rgb(0 0 0 / 27%); backdrop-filter: blur(12px); }
.lp-float-card i { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: #eaf9f1; color: #087a4a; font-size: 8px; font-style: normal; font-weight: 900; }
.lp-float-card small, .lp-float-card strong { display: block; }
.lp-float-card small { color: #8491a2; font-size: 6.5px; font-weight: 750; }
.lp-float-card strong { margin-top: 2px; font-size: 8px; }
.lp-float-card-a { right: -27px; bottom: 25px; }
.lp-float-card-b { top: 17px; left: -28px; }
.lp-float-card-b i { background: #fff0ee; color: #c32d22; }
.lp-hero-foot { position: absolute; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: space-between; min-height: 82px; border-top: 1px solid rgb(255 255 255 / 9%); }
.lp-hero-foot > span { color: #6f839c; font-size: 8px; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
.lp-hero-foot > div { display: flex; align-items: center; gap: 24px; color: #9caabd; }
.lp-hero-foot b { font-size: 8px; letter-spacing: .08em; text-transform: uppercase; }
.lp-hero-foot i { width: 4px; height: 4px; border-radius: 50%; background: #de4438; box-shadow: 0 0 0 5px rgb(222 68 56 / 10%); }

.lp-intro { padding: 120px 0 126px; background: linear-gradient(180deg, #f4f7fa 0%, #eef3f7 100%); }
.lp-section-heading { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(330px, .58fr); align-items: end; gap: 80px; margin-bottom: 56px; }
.lp-section-heading h2 { margin: 18px 0 0; color: #0c1829; font-size: clamp(43px, 5vw, 64px); line-height: 1.04; letter-spacing: -.058em; }
.lp-section-heading h2 em { color: var(--lp-red); font-family: Georgia, "Times New Roman", serif; font-weight: 500; }
.lp-section-heading > p { margin: 0 0 5px; color: var(--lp-muted); font-size: 14px; line-height: 1.8; }
.lp-value-grid { display: grid; grid-template-columns: 1.18fr .91fr .91fr; gap: 15px; }
.lp-value-card { position: relative; min-height: 410px; padding: 30px; overflow: hidden; border: 1px solid #dde4ec; border-radius: 22px; background: #fff; box-shadow: 0 14px 34px rgb(16 33 53 / 7%); }
.lp-value-card::after { position: absolute; right: -80px; bottom: -100px; width: 230px; height: 230px; border: 42px solid #f4f7fa; border-radius: 50%; content: ""; }
.lp-value-card-primary { background: linear-gradient(145deg, #fff, #f9fbfd); }
.lp-value-card-dark { border-color: #1d3858; background: linear-gradient(145deg, #0a1728, #173552); color: #fff; }
.lp-value-card-dark::after { border-color: rgb(255 255 255 / 4%); }
.lp-card-index { position: absolute; top: 27px; right: 28px; color: #a9b5c3; font-size: 8px; font-weight: 900; letter-spacing: .13em; }
.lp-value-card-dark .lp-card-index { color: #69829e; }
.lp-value-icon { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 13px; background: #edf5ff; color: #246fc4; font-size: 17px; font-weight: 900; }
.lp-value-icon.red { background: #fff0ee; color: #c22d22; }
.lp-value-icon.blue { background: rgb(86 161 246 / 13%); color: #77b6ff; }
.lp-value-card h3 { max-width: 340px; margin: 30px 0 0; color: #142238; font-size: 24px; line-height: 1.16; letter-spacing: -.035em; }
.lp-value-card-dark h3 { color: #fff; }
.lp-value-card > p { position: relative; z-index: 1; margin: 13px 0 0; color: #728096; font-size: 12px; line-height: 1.7; }
.lp-value-card-dark > p { color: #9cadc1; }
.lp-snapshot-demo { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin-top: 34px; }
.lp-snapshot-demo > div { padding: 13px 11px; border: 1px solid #e1e7ee; border-radius: 10px; background: #fff; }
.lp-snapshot-demo small, .lp-snapshot-demo strong { display: block; }
.lp-snapshot-demo small { color: #9aa6b5; font-size: 6.5px; font-weight: 780; text-transform: uppercase; }
.lp-snapshot-demo strong { margin-top: 6px; color: #203047; font-size: 9px; }
.lp-queue-demo { position: relative; z-index: 1; display: grid; gap: 7px; margin-top: 30px; }
.lp-queue-demo span { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 7px; min-height: 34px; padding: 8px 9px; border: 1px solid #e4e9ef; border-radius: 9px; background: #fafbfd; color: #657488; font-size: 7.5px; }
.lp-queue-demo i { width: 7px; height: 7px; border-radius: 50%; }
.lp-queue-demo i.urgent { background: #e54438; }
.lp-queue-demo i.warning { background: #e7a33a; }
.lp-queue-demo i.calm { background: #4288d4; }
.lp-queue-demo b { color: #1e2c40; font-size: 8px; }
.lp-history-demo { position: relative; z-index: 1; display: grid; gap: 17px; margin-top: 28px; }
.lp-history-demo::before { position: absolute; top: 8px; bottom: 8px; left: 4px; width: 1px; background: rgb(255 255 255 / 14%); content: ""; }
.lp-history-demo span { position: relative; display: grid; grid-template-columns: auto 1fr; column-gap: 10px; padding-left: 0; }
.lp-history-demo i { z-index: 1; width: 9px; height: 9px; margin-top: 1px; border: 2px solid #18334f; border-radius: 50%; background: #67aaf6; box-shadow: 0 0 0 3px rgb(103 170 246 / 10%); }
.lp-history-demo b { color: #eaf0f7; font-size: 8px; }
.lp-history-demo small { grid-column: 2; margin-top: 3px; color: #7990aa; font-size: 6.7px; }

.lp-focus { position: relative; overflow: hidden; padding: 125px 0; background: #071423; color: #fff; }
.lp-focus::before { position: absolute; top: -230px; right: -240px; width: 660px; height: 660px; border: 110px solid rgb(255 255 255 / 2.5%); border-radius: 50%; content: ""; }
.lp-focus::after { position: absolute; bottom: -300px; left: -250px; width: 600px; height: 600px; border-radius: 50%; background: radial-gradient(circle, rgb(205 45 35 / 12%), transparent 67%); content: ""; }
.lp-focus-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(550px, 1.05fr) minmax(390px, .78fr); align-items: center; gap: 98px; }
.lp-focus-visual { position: relative; padding: 27px 30px 52px 0; }
.lp-queue-card { overflow: hidden; border: 1px solid rgb(255 255 255 / 13%); border-radius: 22px; background: #f7f9fc; color: #19283d; box-shadow: 0 35px 80px rgb(0 0 0 / 38%); }
.lp-queue-card-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 22px 23px 18px; }
.lp-queue-card-head span { color: #ba2b21; font-size: 7px; font-weight: 900; letter-spacing: .14em; }
.lp-queue-card-head h3 { margin: 5px 0 0; font-size: 20px; letter-spacing: -.035em; }
.lp-queue-card-head > b { padding: 7px 9px; border-radius: 8px; background: #fff0ee; color: #ae261d; font-size: 8px; }
.lp-queue-filter { display: flex; gap: 5px; padding: 0 22px 15px; border-bottom: 1px solid #e2e7ed; color: #748397; font-size: 7px; font-weight: 780; }
.lp-queue-filter span { padding: 7px 9px; border-radius: 7px; }
.lp-queue-filter span.active { background: #12263e; color: #fff; }
.lp-queue-item { display: grid; grid-template-columns: auto 1fr auto auto; align-items: center; gap: 11px; min-height: 69px; padding: 11px 22px; border-bottom: 1px solid #e6eaf0; background: #fff; }
.lp-queue-item:last-child { border-bottom: 0; }
.lp-queue-item.hot { background: #fffdfd; box-shadow: inset 3px 0 #d93a2f; }
.lp-queue-initials { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: #eaf0f6; color: #42566e; font-size: 8px; font-weight: 900; }
.lp-queue-item strong, .lp-queue-item small { display: block; }
.lp-queue-item strong { font-size: 9px; }
.lp-queue-item small { margin-top: 3px; color: #8996a6; font-size: 6.7px; }
.lp-queue-item > b { font-size: 9px; }
.lp-queue-item em { min-width: 47px; padding: 5px 7px; border-radius: 999px; background: #fff0ee; color: #b62b21; font-size: 6px; font-style: normal; font-weight: 850; text-align: center; }
.lp-queue-item:not(.hot) em { background: #eef5fd; color: #2f6ead; }
.lp-promise-card { position: absolute; right: -22px; bottom: 0; width: 270px; padding: 18px; border: 1px solid rgb(255 255 255 / 10%); border-radius: 16px; background: linear-gradient(135deg, #1d3a5c, #10253d); box-shadow: 0 24px 55px rgb(0 0 0 / 34%); }
.lp-promise-card > div { display: flex; align-items: center; gap: 8px; }
.lp-promise-card > div span { display: grid; place-items: center; width: 29px; height: 29px; border-radius: 9px; background: #d9382d; color: #fff; font-size: 7px; font-weight: 900; }
.lp-promise-card > div small { color: #89a0ba; font-size: 6.5px; font-weight: 850; letter-spacing: .1em; }
.lp-promise-card > strong { display: block; margin-top: 15px; font-size: 14px; }
.lp-promise-card p { margin: 5px 0 0; color: #8fa4bb; font-size: 8px; }
.lp-promise-card > b { display: inline-flex; margin-top: 13px; padding: 5px 7px; border-radius: 999px; background: rgb(29 185 111 / 13%); color: #63d49b; font-size: 6.5px; }
.lp-focus-copy h2 { margin: 20px 0 0; font-size: clamp(42px, 4.8vw, 61px); line-height: 1.04; letter-spacing: -.057em; }
.lp-focus-copy > p { margin: 24px 0 0; color: #9dacc0; font-size: 14px; line-height: 1.8; }
.lp-focus-copy ul { display: grid; gap: 0; margin: 37px 0 0; padding: 0; border-top: 1px solid rgb(255 255 255 / 10%); list-style: none; }
.lp-focus-copy li { display: grid; grid-template-columns: 35px 1fr; gap: 17px; padding: 19px 0; border-bottom: 1px solid rgb(255 255 255 / 9%); }
.lp-focus-copy li > span { color: #f0746a; font-size: 8px; font-weight: 900; }
.lp-focus-copy li strong { font-size: 12px; }
.lp-focus-copy li p { margin: 5px 0 0; color: #8193a9; font-size: 10px; line-height: 1.55; }

.lp-lifecycle { padding: 124px 0 116px; background: #fff; }
.lp-section-heading-centered { display: block; max-width: 810px; margin: 0 auto 64px; text-align: center; }
.lp-section-heading-centered .lp-kicker { justify-content: center; }
.lp-section-heading-centered h2 { margin-top: 18px; }
.lp-section-heading-centered > p { max-width: 690px; margin: 20px auto 0; color: var(--lp-muted); font-size: 14px; line-height: 1.8; }
.lp-lifecycle-track { position: relative; display: grid; grid-template-columns: repeat(5, 1fr); gap: 0; }
.lp-lifecycle-track::before { position: absolute; top: 55px; right: 9%; left: 9%; height: 1px; background: linear-gradient(90deg, #d83b30, #7faee3, #d83b30); content: ""; }
.lp-lifecycle-track article { position: relative; z-index: 1; min-height: 265px; padding: 25px 20px 20px; border-top: 1px solid var(--lp-line); border-bottom: 1px solid var(--lp-line); border-left: 1px solid var(--lp-line); background: #fff; }
.lp-lifecycle-track article:first-child { border-radius: 20px 0 0 20px; }
.lp-lifecycle-track article:last-child { border-right: 1px solid var(--lp-line); border-radius: 0 20px 20px 0; }
.lp-lifecycle-track article > span { position: absolute; top: 19px; right: 18px; color: #a5b0be; font-size: 7px; font-weight: 900; }
.lp-lifecycle-track article > i { display: grid; place-items: center; width: 61px; height: 61px; margin: 0 auto; border: 7px solid #fff; border-radius: 50%; background: linear-gradient(145deg, #e33c31, #a91f17); color: #fff; box-shadow: 0 0 0 1px #dfe5ec, 0 10px 25px rgb(179 36 26 / 18%); font-size: 17px; font-style: normal; font-weight: 800; }
.lp-lifecycle-track article:nth-child(even) > i { background: linear-gradient(145deg, #397fc8, #1d538d); box-shadow: 0 0 0 1px #dfe5ec, 0 10px 25px rgb(31 91 151 / 18%); }
.lp-lifecycle-track h3 { margin: 29px 0 0; text-align: center; font-size: 17px; letter-spacing: -.02em; }
.lp-lifecycle-track p { margin: 10px 0 0; color: #78869a; font-size: 10px; line-height: 1.65; text-align: center; }
.lp-modules { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 22px; }
.lp-modules > div { padding: 17px 18px; border: 1px solid var(--lp-line); border-radius: 12px; background: #f8fafc; }
.lp-modules span, .lp-modules b { display: block; }
.lp-modules span { color: #9d2c24; font-size: 7px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.lp-modules b { margin-top: 7px; color: #35455a; font-size: 9px; }

.lp-final { padding: 0 0 100px; background: #fff; }
.lp-final-card { position: relative; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 28px; min-height: 270px; padding: 48px 58px; overflow: hidden; border-radius: 27px; background: linear-gradient(125deg, #071422 0%, #0e253d 58%, #183b60 100%); color: #fff; box-shadow: 0 28px 70px rgb(9 27 48 / 20%); }
.lp-final-card::after { position: absolute; right: -120px; width: 460px; height: 460px; border: 75px solid rgb(255 255 255 / 4%); border-radius: 50%; content: ""; }
.lp-final-mark { position: relative; z-index: 1; display: grid; place-items: center; width: 70px; height: 70px; border: 1px solid rgb(255 255 255 / 10%); border-radius: 20px; background: rgb(255 255 255 / 5%); }
.lp-final-mark img { width: 56px; height: 56px; }
.lp-final-card > div { position: relative; z-index: 1; }
.lp-final-card h2 { margin: 15px 0 0; font-size: clamp(35px, 4vw, 52px); line-height: 1.04; letter-spacing: -.052em; }
.lp-final-actions { display: flex; gap: 9px; }

.lp-footer { border-top: 1px solid var(--lp-line); background: #f7f9fb; }
.lp-footer-inner { display: flex; align-items: center; gap: 36px; min-height: 112px; }
.lp-footer .lp-brand img { width: 158px; }
.lp-footer p { margin: 0; color: #7a889b; font-size: 10px; }
.lp-footer-inner > div { display: flex; align-items: center; gap: 23px; margin-left: auto; color: #8b97a7; font-size: 9px; }
.lp-footer-inner a { color: #283b53; font-weight: 800; }

@media (max-width: 1120px) {
  .lp-header-inner { gap: 25px; }
  .lp-nav { gap: 20px; margin-left: 0; }
  .lp-hero { min-height: 1130px; }
  .lp-hero-layout { grid-template-columns: 1fr; gap: 16px; padding-top: 155px; padding-bottom: 130px; }
  .lp-hero-copy { max-width: 760px; }
  .lp-hero-copy h1 { max-width: 720px; }
  .lp-product-stage { width: min(760px, 100%); margin: 0 auto; }
  .lp-hero-foot { position: absolute; }
  .lp-value-grid { grid-template-columns: 1fr 1fr; }
  .lp-value-card-primary { grid-column: span 2; }
  .lp-focus-grid { grid-template-columns: 1fr; gap: 70px; }
  .lp-focus-visual { width: min(740px, 100%); margin: 0 auto; }
  .lp-focus-copy { max-width: 750px; }
  .lp-lifecycle-track { grid-template-columns: repeat(5, minmax(175px, 1fr)); overflow-x: auto; padding-bottom: 8px; }
  .lp-lifecycle-track::before { width: 760px; right: auto; left: 80px; }
  .lp-modules { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 820px) {
  .lp-shell { width: min(100% - 30px, 680px); }
  .lp-header-inner { min-height: 72px; }
  .lp-brand img { width: 158px; }
  .lp-menu-toggle { display: block; margin-left: auto; }
  .lp-nav { position: absolute; top: 72px; right: 15px; left: 15px; display: none; gap: 0; padding: 8px; border: 1px solid rgb(255 255 255 / 12%); border-radius: 15px; background: rgb(10 24 40 / 98%); box-shadow: 0 22px 55px rgb(0 0 0 / 35%); }
  .lp-nav.open { display: grid; }
  .lp-nav a { padding: 13px; border-radius: 9px; }
  .lp-nav a:hover { background: rgb(255 255 255 / 7%); }
  .lp-nav-signin { display: block; }
  .lp-header-actions { display: none; }
  .lp-hero { min-height: auto; padding-bottom: 90px; }
  .lp-hero-layout { min-height: 0; padding-top: 135px; padding-bottom: 46px; }
  .lp-hero-copy h1 { font-size: clamp(52px, 11vw, 72px); }
  .lp-product-window { transform: none; }
  .lp-float-card-a { right: -5px; }
  .lp-float-card-b { left: -5px; }
  .lp-hero-foot { position: static; display: grid; gap: 13px; min-height: 0; padding: 20px 0 0; }
  .lp-hero-foot > div { width: 100%; overflow-x: auto; padding: 13px 0; white-space: nowrap; scrollbar-width: none; }
  .lp-intro, .lp-focus, .lp-lifecycle { padding-block: 88px; }
  .lp-section-heading { grid-template-columns: 1fr; gap: 24px; margin-bottom: 38px; }
  .lp-section-heading h2 { font-size: clamp(40px, 9vw, 56px); }
  .lp-value-grid { grid-template-columns: 1fr; }
  .lp-value-card-primary { grid-column: auto; }
  .lp-value-card { min-height: 365px; }
  .lp-focus { padding-bottom: 100px; }
  .lp-focus-copy h2 { font-size: clamp(41px, 9vw, 58px); }
  .lp-final { padding-bottom: 65px; }
  .lp-final-card { grid-template-columns: auto 1fr; padding: 40px; }
  .lp-final-actions { grid-column: span 2; }
  .lp-footer-inner { flex-wrap: wrap; gap: 20px; padding-block: 28px; }
  .lp-footer-inner > div { width: 100%; margin-left: 0; justify-content: space-between; }
}

@media (max-width: 560px) {
  .lp-shell { width: calc(100% - 24px); }
  .lp-header-inner { min-height: 68px; }
  .lp-brand img { width: 145px; }
  .lp-nav { top: 68px; right: 12px; left: 12px; }
  .lp-hero { padding-bottom: 46px; }
  .lp-hero-layout { padding-top: 116px; padding-bottom: 28px; }
  .lp-kicker { font-size: 8px; letter-spacing: .14em; }
  .lp-hero-copy h1 { margin-top: 18px; font-size: clamp(46px, 13.2vw, 62px); }
  .lp-hero-copy > p { margin-top: 22px; font-size: 14px; line-height: 1.7; }
  .lp-hero-actions { display: grid; margin-top: 27px; }
  .lp-button { width: 100%; }
  .lp-hero-proof { grid-template-columns: 1fr; gap: 12px; margin-top: 30px; }
  .lp-hero-proof > div { grid-template-columns: 26px 1fr; align-items: center; }
  .lp-hero-proof > div + div { padding-top: 10px; padding-left: 0; border-top: 1px solid rgb(255 255 255 / 8%); border-left: 0; }
  .lp-product-stage { margin-top: 18px; padding: 14px 0 8px; }
  .lp-product-window { border-radius: 17px; }
  .lp-product-topbar { min-height: 49px; grid-template-columns: 1fr auto; }
  .lp-product-brand img { width: 27px; height: 27px; }
  .lp-product-search { display: none; }
  .lp-product-body { grid-template-columns: 36px 1fr; min-height: 420px; }
  .lp-product-nav { gap: 6px; padding-inline: 3px; }
  .lp-product-nav span { width: 27px; height: 27px; }
  .lp-account-view { padding: 9px; overflow: hidden; }
  .lp-account-alert b { display: none; }
  .lp-account-avatar { width: 34px; height: 34px; }
  .lp-account-head h2 { font-size: 15px; }
  .lp-account-head p { max-width: 150px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
  .lp-account-tabs { gap: 13px; }
  .lp-account-tabs span:nth-child(n+4) { display: none; }
  .lp-metric-row { grid-template-columns: 1fr 1fr; }
  .lp-metric-row article:last-child { display: none; }
  .lp-account-grid { grid-template-columns: 1fr; }
  .lp-panel-actions { display: none; }
  .lp-float-card { display: none; }
  .lp-hero-foot > span { display: none; }
  .lp-intro, .lp-focus, .lp-lifecycle { padding-block: 72px; }
  .lp-section-heading h2, .lp-focus-copy h2 { font-size: 39px; }
  .lp-section-heading > p, .lp-section-heading-centered > p { font-size: 12.5px; }
  .lp-value-card { min-height: 355px; padding: 24px; border-radius: 18px; }
  .lp-value-card h3 { margin-top: 24px; font-size: 22px; }
  .lp-snapshot-demo { grid-template-columns: 1fr; margin-top: 22px; }
  .lp-snapshot-demo > div { display: flex; justify-content: space-between; }
  .lp-focus-grid { gap: 54px; }
  .lp-focus-visual { padding: 0 0 54px; }
  .lp-queue-card { border-radius: 18px; }
  .lp-queue-card-head { padding: 18px; }
  .lp-queue-filter { padding-inline: 17px; overflow-x: auto; white-space: nowrap; }
  .lp-queue-item { grid-template-columns: auto 1fr auto; gap: 8px; padding: 10px 14px; }
  .lp-queue-item > b { display: none; }
  .lp-queue-item em { min-width: 44px; }
  .lp-promise-card { right: 10px; width: 235px; }
  .lp-focus-copy ul { margin-top: 29px; }
  .lp-section-heading-centered { margin-bottom: 42px; }
  .lp-section-heading-centered h2 { font-size: 39px; }
  .lp-lifecycle-track { grid-template-columns: 1fr 1fr; gap: 8px; margin-inline: 0; padding: 0; overflow: visible; }
  .lp-lifecycle-track::before { display: none; }
  .lp-lifecycle-track article,
  .lp-lifecycle-track article:first-child,
  .lp-lifecycle-track article:last-child { min-height: 215px; padding: 20px 14px; border: 1px solid var(--lp-line); border-radius: 15px; }
  .lp-lifecycle-track article:last-child { grid-column: span 2; }
  .lp-lifecycle-track article > i { width: 52px; height: 52px; }
  .lp-lifecycle-track h3 { margin-top: 20px; }
  .lp-modules { grid-template-columns: 1fr; }
  .lp-final-card { grid-template-columns: 1fr; gap: 22px; padding: 30px 24px; border-radius: 21px; }
  .lp-final-mark { width: 58px; height: 58px; }
  .lp-final-mark img { width: 48px; height: 48px; }
  .lp-final-card h2 { font-size: 36px; }
  .lp-final-actions { grid-column: auto; display: grid; }
  .lp-footer-inner { display: grid; }
  .lp-footer p { line-height: 1.6; }
}

@media (prefers-reduced-motion: reduce) {
  .lp-page *, .lp-page *::before, .lp-page *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}