:root {
  --navy: #002144;
  --navy-2: #00152c;
  --blue: #0a3a66;
  --ink: #f3f6f8;
  --mute: #9eb4c8;
  --dim: #7a93a8;
  --line: #d7e0e8;
  --card: #eef3f8;
  --white: #ffffff;
  --body: #1c2c3a;
}
* { box-sizing: border-box; }
html, body { margin: 0; }
body {
  background: #f4f7fb;
  color: var(--body);
  font-family: "Source Sans 3", ui-sans-serif, system-ui, sans-serif;
  font-size: 17px;
  line-height: 1.5;
  padding-bottom: 76px;
  -webkit-font-smoothing: antialiased;
}
a { color: var(--navy); }
.wrap { max-width: 980px; margin: 0 auto; padding: 0 18px; }

.hero {
  background: linear-gradient(135deg, #00152c 0%, #002144 42%, #0a3a66 100%);
  color: #e8eef4;
  padding: 18px 0 40px;
  position: relative;
  overflow: hidden;
}
.hero::after {
  content: "";
  position: absolute;
  left: -15%;
  right: -15%;
  bottom: -40px;
  height: 90px;
  background: radial-gradient(ellipse at center, rgba(255,255,255,.14), transparent 70%);
  pointer-events: none;
}
.hero .wrap { position: relative; z-index: 1; }
.brand {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #9eb4c8;
  margin: 10px 0 14px;
}
.kicker { margin: 0 0 12px; color: #b7c9d8; font-weight: 600; font-size: 14px; }
h1 {
  font-family: Newsreader, Georgia, serif;
  font-weight: 500;
  font-size: 32px;
  line-height: 1.12;
  letter-spacing: -.03em;
  color: #fff;
  margin: 0 0 14px;
}
.lede { margin: 0 0 22px; color: #dce6ee; font-size: 18px; max-width: 34em; }
.hero-grid { display: grid; gap: 20px; }
.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: var(--navy);
  text-decoration: none;
  font-weight: 700;
  height: 52px;
  border-radius: 999px;
}
.hero .btn {
  background: linear-gradient(90deg, #1a6ea8, #4a90c8);
  color: #fff;
  box-shadow: 0 8px 24px rgba(0,0,0,.22);
}
.fine { margin: 12px 0 0; color: #b7c9d8; font-size: 14px; }

.phone {
  background: rgba(255,255,255,.08);
  border: 0;
  border-radius: 28px;
  padding: 12px;
  display: grid;
  gap: 10px;
  box-shadow: 0 16px 40px rgba(0,0,0,.25);
}
.ui {
  background: rgba(255,255,255,.1);
  border-radius: 22px;
  padding: 16px 18px;
  color: #e8eef4;
}
.ft { margin: 0 0 10px; font-weight: 700; font-size: 13px; color: #fff; letter-spacing: .04em; }
.form span { display: block; font-size: 11px; color: #9eb4c8; margin: 8px 0 4px; }
.form b { display: block; height: 32px; background: rgba(0,0,0,.28); border: 0; border-radius: 14px; }
.cta {
  display: none;
}
.product,
.phone,
.board,
.form {
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
}
.form .mock {
  margin: 12px 0 0;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  text-align: left;
  letter-spacing: .01em;
}
.from { font-size: 11px; color: #9eb4c8; margin: 0 0 4px; }
.sub { font-weight: 700; font-size: 14px; margin: 0 0 6px; color: #fff; }
.mail p { margin: 0; font-size: 14px; color: #d0dce6; }

main { padding: 16px 18px 56px; }
.block {
  background: none;
  border-radius: 0;
  box-shadow: none;
  padding: 28px 0;
  margin: 0;
  border-top: 0;
}
body:not(.how) .block {
  background: #fff;
  border-radius: 28px;
  box-shadow: 0 16px 48px rgba(0,33,68,.12);
  padding: 26px 22px;
  margin: 14px 0;
}
h2 {
  font-family: Newsreader, Georgia, serif;
  font-weight: 500;
  font-size: 26px;
  margin: 0 0 10px;
  color: var(--navy);
  letter-spacing: -.02em;
}
.block p { margin: 0; color: #3a4d5e; font-size: 17px; }
.pack { display: grid; gap: 14px; padding: 8px 0 22px; }
.pack article {
  background: #fff;
  border: 0;
  border-radius: 28px;
  padding: 22px 20px;
  box-shadow: 0 16px 48px rgba(0,33,68,.12);
}
.pack h3 {
  margin: 0 0 8px;
  font-size: 17px;
  color: var(--navy);
  display: flex;
  align-items: center;
  gap: 10px;
}
.pack h3::before {
  content: "";
  width: 22px;
  height: 22px;
  border-radius: 50%;
  flex: 0 0 22px;
  background-color: #2e7d6b;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='M3.2 8.4l3.1 3.1L12.8 4.6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px;
}
.pack article:nth-child(2) h3::before { background-color: #4a90c8; }
.pack article:nth-child(3) h3::before { background-color: #1a8a6a; }
.pack.four article:nth-child(4) h3::before { background-color: #0a3a66; }
.pack p { margin: 0; color: #4a5d6e; font-size: 15px; line-height: 1.45; }
.buy {
  background: #fff;
  color: var(--navy);
  border-radius: 28px;
  padding: 0 0 8px;
  margin: 8px 0 18px;
  overflow: hidden;
  box-shadow: 0 16px 48px rgba(0,33,68,.14);
}
.buy-head {
  background: linear-gradient(135deg, #00152c 0%, #002144 42%, #0a3a66 100%);
  color: #fff;
  padding: 28px 24px 24px;
  position: relative;
}
.buy-head::before {
  content: "";
  position: absolute;
  inset: auto -20% -30px -20%;
  height: 70px;
  background: radial-gradient(ellipse at center, rgba(255,255,255,.16), transparent 68%);
  pointer-events: none;
}
.buy-head .plan {
  margin: 0 0 8px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #9eb4c8;
}
.buy .price {
  margin: 0 0 8px;
  font-size: 44px;
  font-weight: 700;
  letter-spacing: -.03em;
  color: #fff;
  line-height: 1;
}
.buy .price span {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  color: #9eb4c8;
  margin-left: 6px;
}
.buy-head p { margin: 0 0 16px; color: #c5d2de; font-size: 15px; }
.buy-head .plan, .buy-head .price { margin-bottom: 8px; }
.btn.dark { background: #fff; color: var(--navy); }
.buy .btn {
  display: inline-flex;
  width: 100%;
  max-width: 280px;
  height: 52px;
  border-radius: 999px;
  background: linear-gradient(90deg, #0a3a66, #1a6ea8);
  color: #fff;
}
.buy ul {
  list-style: none;
  margin: 0;
  padding: 6px 22px 0;
}
.buy li {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 14px 0;
  border-bottom: 1px solid #e8eef4;
  font-size: 15px;
  font-weight: 600;
  color: var(--navy);
}
.buy li:last-child { border-bottom: 0; }
.buy li::before {
  content: "";
  width: 22px;
  height: 22px;
  border-radius: 50%;
  flex: 0 0 22px;
  background-color: #2e7d6b;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='M3.2 8.4l3.1 3.1L12.8 4.6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px;
}
.buy li:nth-child(2)::before { background-color: #4a90c8; }
.buy li:nth-child(3)::before { background-color: #1a8a6a; }
.buy li:nth-child(4)::before { background-color: #0a3a66; }
.buy li:nth-child(5)::before { background-color: #3d9b7a; }
.buy .note {
  margin: 4px 22px 16px;
  color: #6a7d8e;
  font-size: 13px;
}
.btn.navy {
  display: inline-flex;
  width: auto;
  min-width: 200px;
  height: 48px;
  padding: 0 22px;
  font-size: 16px;
  background: linear-gradient(90deg, #0a3a66, #1a6ea8);
  color: #fff;
  margin-top: 14px;
  border-radius: 999px;
}
.hero .subnav { margin: 10px 0 0; font-size: 14px; color: #9eb4c8; }
.hero .subnav a { color: #fff; font-weight: 600; }
.dim h2 { color: var(--blue); }
.dim p { color: #4a5d6e; }
.dim .fine { color: #6a7d8e; }
footer { padding: 28px 0 12px; color: #6a7d8e; font-size: 13px; line-height: 1.5; border-top: 0; }
footer a { color: var(--navy); }

.dock {
  position: fixed;
  left: 12px; right: 12px; bottom: 12px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  border-radius: 999px;
  background: linear-gradient(90deg, #002144, #0a3a66);
  z-index: 20;
}

@media (max-width: 859px) {
  .form span:nth-of-type(n+3),
  .form b:nth-of-type(n+3) { display: none; }
  .hero { padding: 14px 0 28px; }
  .hero-grid { gap: 28px; }
  .hero .copy { order: 1; }
  .hero .product { order: 2; margin-top: 6px; }
  .hero .btn { position: relative; z-index: 5; }
  .phone, .board { max-width: 100%; transform: none; }
  .phone { padding: 10px; border-radius: 22px; }
  h1 { font-size: 28px; }
  .lede { font-size: 16px; }
  .wrap { padding: 0 16px; overflow-x: hidden; }
  body { overflow-x: hidden; }
  .form .mock { font-size: 12px; }
}
@media (min-width: 860px) {
  .hero { padding: 12px 0 48px; }
  .hero-grid { grid-template-columns: 1.1fr .9fr; align-items: center; gap: 40px; }
  h1 { font-size: 42px; }
  .btn { display: inline-flex; width: 220px; }
  .lede { font-size: 19px; }
  .pack { grid-template-columns: 1fr 1fr 1fr; }
  .pack.four { grid-template-columns: 1fr 1fr; }
  .dock { display: none; }
  body { padding-bottom: 0; }
}

.hero .btn.wide { width: auto; padding: 0 22px; min-width: 220px; }
.steps { display: grid; gap: 8px; padding: 4px 0 8px; }
.steps article { background: #fff; border: 0; border-radius: 28px; padding: 18px; box-shadow: 0 16px 48px rgba(0,33,68,.12); }
.steps .n { display: block; font-size: 12px; font-weight: 700; letter-spacing: .12em; color: #6a7d8e; margin-bottom: 6px; }
.block p + p { margin-top: 10px; }
.faq { padding: 4px 0 8px; }
.faq details { background: #fff; border: 0; border-radius: 20px; padding: 14px 16px; margin-bottom: 10px; box-shadow: 0 12px 36px rgba(0,33,68,.1); }
.faq summary { cursor: pointer; font-weight: 700; color: var(--navy); }
.faq details p { margin: 8px 0 0; }
.cal {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  overflow: hidden;
  margin: 8px 0 18px;
}
.quiet { margin-top: 14px; font-size: 14px; color: #6a7d8e; }
.quiet a { font-weight: 600; }
body.info { padding-bottom: 76px; }
@media (min-width: 860px) {
  .steps { grid-template-columns: 1fr 1fr; }
  body.info { padding-bottom: 0; }
}

.scans { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 18px 0 4px; }
.scans p {
  margin: 0;
  background: #fff;
  border: 0;
  border-radius: 20px;
  padding: 14px;
  box-shadow: 0 12px 36px rgba(0,33,68,.1);
  font-weight: 700;
  color: var(--navy);
  font-size: 15px;
}
.compare { width: 100%; border-collapse: collapse; font-size: 15px; margin: 10px 0 0; }
.compare th, .compare td { text-align: left; padding: 10px 8px; border-bottom: 1px solid var(--line); vertical-align: top; }
.compare th { color: var(--navy); font-size: 13px; }
.compare td:first-child { color: #6a7d8e; width: 34%; }
.bio { background: #fff; border: 1px solid var(--line); border-radius: 12px; padding: 16px; }
.bio h3 { margin: 0 0 6px; color: var(--navy); font-size: 16px; }
.bio p { margin: 0; color: #4a5d6e; font-size: 15px; }

body.dfy .hero { padding: 16px 0 28px; }
body.dfy .hero .wrap { max-width: 1100px; }
body.dfy .brand { margin: 0 0 12px; }
body.dfy .lede,
body.how.sys .lede {
  max-width: none;
  display: flex;
  flex-direction: column;
  gap: 0;
}
body.dfy .lede span,
body.how.sys .lede span { display: block; }
body.dfy .clock {
  margin-top: 20px;
  padding: 22px 18px 18px;
  background: rgba(255,255,255,.08);
  border-radius: 28px;
  box-shadow: 0 16px 40px rgba(0,0,0,.2);
}
body.sys .clock {
  margin-top: 22px;
  padding: 0;
  background: none;
  border-radius: 0;
  box-shadow: none;
}
body.dfy .clock .ft,
body.sys .clock .ft { margin: 0 0 14px; }
body.dfy .clock ol,
body.sys .clock ol {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 8px;
  position: relative;
}
body.dfy .clock ol::before,
body.sys .clock ol::before {
  content: "";
  position: absolute;
  left: 16%;
  right: 16%;
  top: 6px;
  height: 2px;
  background: rgba(255,255,255,.35);
}
body.dfy .clock li,
body.sys .clock li {
  position: relative;
  margin: 0;
  padding: 22px 8px 0;
  color: #d0dce6;
  font-size: 15px;
  line-height: 1.3;
  text-align: center;
}
body.dfy .clock li::before,
body.sys .clock li::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 12px;
  height: 12px;
  margin-left: -6px;
  border-radius: 50%;
  background: #4a90c8;
  box-shadow: 0 0 0 4px rgba(74,144,200,.28);
}
body.dfy .clock li:nth-child(1)::before,
body.sys .clock li:nth-child(1)::before { background: #9eb4c8; box-shadow: 0 0 0 4px rgba(158,180,200,.25); }
body.dfy .clock li:nth-child(2)::before,
body.sys .clock li:nth-child(2)::before { background: #4a90c8; }
body.dfy .clock li:nth-child(3)::before,
body.sys .clock li:nth-child(3)::before { background: #2e7d6b; box-shadow: 0 0 0 4px rgba(46,125,107,.28); }
body.dfy .clock i,
body.sys .clock i {
  display: block;
  width: fit-content;
  margin: 0 auto 8px;
  font-style: normal;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  padding: 4px 9px;
  border-radius: 999px;
  background: rgba(255,255,255,.16);
}
body.dfy .clock b,
body.sys .clock b { color: #fff; font-weight: 700; }
@media (min-width: 860px) {
  body.dfy .hero { padding: 18px 0 32px; }
  body.dfy .lede { font-size: 18px; }
  body.dfy .clock { margin-top: 22px; }
  body.dfy .clock li,
  body.sys .clock li { font-size: 16px; padding-top: 26px; }
  body.how.sys .hero .clock { margin-top: 0; }
}

body.sys .nums {
  display: grid;
  gap: 28px;
  padding: 4px 0 28px;
}
body.sys .nums p { margin: 0; color: #4a5d6e; font-size: 15px; line-height: 1.45; }
body.sys .nums b {
  display: block;
  font-family: Newsreader, Georgia, serif;
  font-weight: 500;
  font-size: 32px;
  color: var(--navy);
  letter-spacing: -.03em;
  margin-bottom: 6px;
}
@media (min-width: 860px) {
  body.sys .nums { grid-template-columns: 1fr 1fr 1fr; gap: 40px; }
}

body.how .split {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 12px;
  align-items: stretch;
}
body.how .split .vs {
  margin: 0;
  align-self: center;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #fff;
  background: rgba(255,255,255,.14);
  border-radius: 999px;
  padding: 8px 10px;
}
body.how .split .ui {
  min-height: 100%;
  border-radius: 22px;
  padding: 18px 16px;
  box-shadow: none;
}
body.how .split ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
body.how .split li {
  margin: 0;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255,255,255,.1);
  font-size: 14px;
  color: #d0dce6;
  line-height: 1.3;
  display: flex;
  align-items: center;
  gap: 8px;
}
body.how .split li:last-child { border-bottom: 0; }
body.how .split li::before {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  flex: 0 0 16px;
  background: #4a5d6e;
}
body.how .split .live li::before {
  background-color: #2e7d6b;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='M3.2 8.4l3.1 3.1L12.8 4.6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px;
}
body.how .split .live li:nth-child(2)::before { background-color: #4a90c8; }
body.how .split .live li:nth-child(3)::before { background-color: #1a8a6a; }
body.how .split .dead { opacity: .78; }
body.how .split .dead li { color: #9eb4c8; }
body.how .split .dead li::before { background: #4a5d6e; }
body.how .split .tag {
  margin: 12px 0 0;
  font-size: 12px;
  font-weight: 700;
  color: #9eb4c8;
}
body.how .split .tag.on { color: #fff; }
@media (max-width: 859px) {
  body.how .split { grid-template-columns: 1fr; }
  body.how .split .vs { text-align: center; padding: 4px 0; }
}

body.how .quiz,
body.dfy .quiz {
  background: #002144;
  color: #e8eef4;
  border-radius: 24px;
  padding: 0;
  overflow: hidden;
  min-height: 640px;
  margin: 8px 0 18px;
}
body.dfy .buy .quiz {
  margin: 12px 0 0;
  border-radius: 12px;
}
body.how .quiz [data-tf-widget],
body.dfy .quiz [data-tf-widget],
body.how .quiz [data-tf-live],
body.dfy .quiz [data-tf-live],
body.how .quiz iframe,
body.dfy .quiz iframe {
  display: block;
  width: 100%;
  height: 640px;
  border: 0;
  background: #002144;
}
body.how .quiz[data-cal="1"] iframe.quiz-cal,
body.dfy .quiz[data-cal="1"] iframe.quiz-cal {
  height: 720px;
  background: #fff;
}
body.how .quiz[data-cal="1"],
body.dfy .quiz[data-cal="1"] {
  min-height: 720px;
  background: #fff;
}

body.dfy .buy {
  padding: 0;
  background: transparent;
  box-shadow: none;
  color: inherit;
  overflow: visible;
  border-radius: 16px;
}
body.dfy .buy .quiz { margin: 0; }
body.dfy .wrap { max-width: 1100px; }
body.dfy .block { padding: 28px 0; }
body.dfy h2 { font-size: 26px; margin: 0 0 10px; }
body.dfy .block p { font-size: 17px; line-height: 1.5; }
body.dfy .block p + p { margin-top: 10px; }
body.how,
body.sys { padding-bottom: 0; }
body.how .dock,
body.sys .dock { display: none; }
.stackline { font-size: 16px; line-height: 1.5; }
.stackline a { font-weight: 700; white-space: nowrap; }

body.dfy .flow {
  padding: 26px 0 8px;
  border-top: 1px solid var(--line);
  display: grid;
  gap: 22px;
}
body.dfy .flow .n {
  margin: 0 0 4px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .14em;
  color: #6a7d8e;
}
body.dfy .flow h3 {
  margin: 0 0 6px;
  font-family: Newsreader, Georgia, serif;
  font-weight: 500;
  font-size: 22px;
  color: var(--navy);
}
body.dfy .flow p { margin: 0; color: #3a4d5e; }

body.sys .board {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
body.sys .board .ui {
  margin: 0;
  border-radius: 22px;
  padding: 16px 16px 14px;
  box-shadow: none;
}
body.sys .board .ui p { margin: 0; font-size: 13px; color: #d0dce6; }
body.sys .board .bar {
  display: block;
  height: 6px;
  margin-top: 10px;
  border-radius: 99px;
  background: rgba(0,0,0,.28);
  position: relative;
  overflow: hidden;
}
body.sys .board .bar::after {
  content: "";
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 72%;
  background: linear-gradient(90deg, #1a6ea8, #4a90c8);
  border-radius: 99px;
}
body.sys .board .form span:nth-of-type(n+3),
body.sys .board .form b:nth-of-type(n+3) { display: none; }
body.dfy .block.bare,
body.sys .block.bare {
  background: none;
  border-radius: 0;
  box-shadow: none;
  padding: 28px 0;
  margin: 0;
}
body.sys .block.card {
  background: #fff;
  border-radius: 28px;
  box-shadow: 0 16px 48px rgba(0,33,68,.12);
  padding: 26px 22px;
  margin: 14px 0;
}
.ticks {
  list-style: none;
  margin: 14px 0 0;
  padding: 0;
  display: grid;
  gap: 12px;
}
.ticks li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 0;
  color: var(--navy);
  font-weight: 600;
  font-size: 16px;
  line-height: 1.35;
}
.ticks li::before {
  content: "";
  width: 22px;
  height: 22px;
  border-radius: 50%;
  flex: 0 0 22px;
  margin-top: 1px;
  background-color: #2e7d6b;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='M3.2 8.4l3.1 3.1L12.8 4.6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px;
}
.ticks li:nth-child(2)::before { background-color: #4a90c8; }
.ticks li:nth-child(3)::before { background-color: #1a8a6a; }
.ticks li:nth-child(4)::before { background-color: #0a3a66; }
.ticks li:nth-child(5)::before { background-color: #3d9b7a; }
.block.bare .ticks + p { margin-top: 14px; }
body.dfy .block.shift {
  padding-left: 36px;
}

body.start { padding-bottom: 0; }
body.start .dock { display: none; }
body.start .block {
  background: none;
  border-radius: 0;
  box-shadow: none;
  padding: 26px 0;
  margin: 0;
}
body.start .panels {
  display: grid;
  gap: 10px;
  padding: 12px;
  background: rgba(255,255,255,.08);
  border-radius: 28px;
  box-shadow: 0 16px 40px rgba(0,0,0,.25);
}
body.start .panels .ui {
  border-radius: 22px;
  padding: 16px 18px;
  box-shadow: none;
}
body.start .panels .ft {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 0 0 4px;
}
body.start .panels .ft span {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  padding: 4px 9px;
  border-radius: 999px;
}
body.start .panels .locked { opacity: .78; }
body.start .panels .locked .ft span { background: rgba(255,255,255,.14); color: #cbd8e4; }
body.start .panels .live .ft span { background: #2e7d6b; color: #fff; }
body.start .panels ul { list-style: none; margin: 0; padding: 0; }
body.start .panels li {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 9px 0;
  border-bottom: 1px solid rgba(255,255,255,.1);
  font-size: 14px;
  line-height: 1.3;
  color: #d0dce6;
}
body.start .panels li:last-child { border-bottom: 0; }
body.start .panels li::before {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  flex: 0 0 16px;
  background-color: #4a5d6e;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 9px;
}
body.start .panels .locked li { color: #9eb4c8; }
body.start .panels .locked li::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='1.9' d='M5 7.4V5.3a3 3 0 016 0v2.1'/%3E%3Crect x='3.4' y='7.2' width='9.2' height='6.4' rx='1.7' fill='%23fff'/%3E%3C/svg%3E");
}
body.start .panels .live li::before {
  background-color: #2e7d6b;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='M3.2 8.4l3.1 3.1L12.8 4.6'/%3E%3C/svg%3E");
  background-size: 10px;
}
body.start .panels .live li:nth-child(2)::before { background-color: #4a90c8; }
body.start .panels .hit {
  margin: 12px 0 0;
  font-size: 12px;
  color: #9eb4c8;
}
body.start .panels .tag {
  margin: 10px 0 0;
  font-size: 12px;
  font-weight: 700;
  color: #9eb4c8;
}
body.start .panels .tag.on { color: #fff; }
body.start .strip { display: grid; gap: 14px; padding: 18px 0 2px; }
body.start .strip p { margin: 0; color: #4a5d6e; font-size: 15px; line-height: 1.45; }
body.start .strip b {
  display: block;
  margin-bottom: 6px;
  color: var(--navy);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}
body.start .block .quiet { margin-top: 14px; font-size: 14px; color: #6a7d8e; }
@media (min-width: 860px) {
  body.start .strip { grid-template-columns: 1fr 1fr 1fr; gap: 26px; padding-top: 22px; }
}

body.privacy { padding-bottom: 40px; }
body.privacy .block { padding-top: 28px; }
body.privacy .block p { max-width: 36em; }