:root {
  color-scheme: dark;
  --tm-bg: #000;
  --tm-ink: rgba(245, 245, 247, .96);
  --tm-muted: rgba(245, 245, 247, .64);
  --tm-line: rgba(255, 255, 255, .12);
  --tm-glass: rgba(18, 20, 25, .72);
  --tm-blue: #66c6ff;
  --tm-cyan: #92e7ff;
  --tm-silver: #dbe4ef;
  --tm-font: "Aptos", "Segoe UI Variable Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --tm-display: "Bahnschrift", "Aptos Display", "Segoe UI Variable Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --tm-tech: "Cascadia Code", "SF Mono", Consolas, monospace;
}

@keyframes tmGlassDrift {
  0% { background-position: 0% 0%, 100% 0%, 0% 50%, center; }
  50% { background-position: 82% 20%, 8% 74%, 100% 50%, center; }
  100% { background-position: 0% 0%, 100% 0%, 0% 50%, center; }
}

@keyframes tmAuroraSweep {
  0% { transform: translateX(-42%) rotate(10deg); opacity: .10; }
  45% { opacity: .32; }
  100% { transform: translateX(42%) rotate(10deg); opacity: .12; }
}

@keyframes tmButtonFlow {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

* {
  letter-spacing: 0;
}

html {
  scroll-behavior: smooth;
}

body {
  color: var(--tm-ink);
  font-family: var(--tm-font);
  background:
    linear-gradient(180deg, #000 0%, #04070b 42%, #000 100%) !important;
  overflow-x: hidden;
  position: relative;
}

body:before,
body:after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
}

body:before {
  z-index: 0;
  background-image:
    linear-gradient(rgba(146, 231, 255, .07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(146, 231, 255, .045) 1px, transparent 1px),
    linear-gradient(118deg, transparent 0 46%, rgba(102, 198, 255, .16) 46% 46.28%, transparent 46.28% 100%),
    linear-gradient(242deg, transparent 0 59%, rgba(219, 228, 239, .13) 59% 59.24%, transparent 59.24% 100%);
  background-size: 74px 74px, 74px 74px, 380px 380px, 460px 460px;
  background-position: center top, center top, 6% 14%, 94% 18%;
  mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, .6) 52%, rgba(0, 0, 0, .14) 100%);
  opacity: .74;
}

body:after {
  z-index: 0;
  background-image:
    radial-gradient(circle, rgba(245, 245, 247, .72) 0 1px, transparent 1.35px),
    radial-gradient(circle, rgba(146, 231, 255, .55) 0 1px, transparent 1.45px);
  background-size: 118px 118px, 172px 172px;
  background-position: 18px 28px, 76px 96px;
  mask-image:
    linear-gradient(90deg, transparent 0%, #000 15%, #000 85%, transparent 100%),
    linear-gradient(180deg, transparent 0%, #000 10%, #000 92%, transparent 100%);
  opacity: .25;
}

body > * {
  position: relative;
  z-index: 1;
}

body:not(.no-ai-word) .page:before,
body:not(.no-ai-word) .wrap:before {
  content: "AI";
  position: fixed;
  right: clamp(16px, 7vw, 120px);
  top: 110px;
  z-index: -1;
  color: transparent;
  -webkit-text-stroke: 1px rgba(146, 231, 255, .11);
  font-family: var(--tm-display);
  font-size: clamp(150px, 20vw, 320px);
  font-weight: 900;
  line-height: 1;
  pointer-events: none;
}

h1,
h2,
.brand,
.hero h1,
.hero h2 {
  font-family: var(--tm-display);
}

.topbar,
aside.glass,
.sidebar,
.glass,
.card,
.panel,
.stat,
.phone,
.report-card,
.item,
.action,
.step,
.plan-card,
.settings-section,
.access-item {
  border-color: rgba(190, 239, 255, .18) !important;
  background:
    radial-gradient(circle at 16% 0%, rgba(178, 238, 255, .24), transparent 34%),
    radial-gradient(circle at 86% 14%, rgba(89, 176, 255, .18), transparent 32%),
    linear-gradient(132deg, rgba(255, 255, 255, .10), rgba(102, 198, 255, .075) 34%, rgba(0, 0, 0, .30) 72%),
    rgba(16, 18, 24, .72) !important;
  background-size: 170% 170%, 160% 160%, 220% 220%, auto !important;
  animation: tmGlassDrift 14s ease-in-out infinite;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .18),
    inset 0 -1px 0 rgba(146, 231, 255, .10),
    0 24px 80px rgba(0, 0, 0, .48),
    0 0 42px rgba(102, 198, 255, .10) !important;
  backdrop-filter: blur(24px) saturate(170%);
}

.card,
.panel,
.glass,
.stat,
.phone,
.report-card,
.item,
.action,
.step,
.plan-card,
.settings-section,
.access-item {
  position: relative;
  overflow: hidden;
}

.card:before,
.panel:before,
.glass:before,
.stat:before,
.phone:before,
.report-card:before,
.plan-card:before,
.settings-section:before,
.access-item:before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(146, 231, 255, .038) 1px, transparent 1px),
    linear-gradient(90deg, rgba(146, 231, 255, .028) 1px, transparent 1px);
  background-size: 34px 34px;
  mask-image: linear-gradient(135deg, rgba(0, 0, 0, .82), transparent 72%);
  opacity: .44;
  pointer-events: none;
}

.card:after,
.panel:after,
.glass:after,
.stat:after,
.phone:after,
.report-card:after,
.plan-card:after,
.settings-section:after,
.access-item:after {
  content: "";
  position: absolute;
  inset: -32% -62%;
  background:
    linear-gradient(110deg, transparent 35%, rgba(255, 255, 255, .18) 47%, rgba(146, 231, 255, .16) 52%, transparent 64%);
  mix-blend-mode: screen;
  pointer-events: none;
  animation: tmAuroraSweep 9s ease-in-out infinite;
}

.card > *,
.panel > *,
.glass > *,
.stat > *,
.phone > *,
.report-card > *,
.plan-card > *,
.settings-section > *,
.access-item > * {
  position: relative;
  z-index: 1;
}

.logo,
.avatar,
.send {
  background:
    linear-gradient(135deg, #f7fbff, var(--tm-cyan) 32%, #2b9cff 62%, #061521) !important;
  background-size: 180% 180% !important;
  animation: tmButtonFlow 7s ease-in-out infinite;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .42),
    0 0 32px rgba(102, 198, 255, .28) !important;
}

.eyebrow,
.pill,
.badge,
.chip,
.plan-badge,
.status-chip {
  border-color: rgba(190, 239, 255, .24) !important;
  background:
    linear-gradient(115deg, rgba(255, 255, 255, .12), rgba(146, 231, 255, .12) 48%, rgba(5, 16, 27, .34)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .16),
    0 10px 30px rgba(0, 0, 0, .18),
    0 0 20px rgba(102, 198, 255, .08) !important;
  backdrop-filter: blur(16px) saturate(150%);
}

.button,
.cta,
.plan-button,
.tg-button {
  border-color: rgba(190, 239, 255, .22) !important;
  background:
    linear-gradient(115deg, rgba(255, 255, 255, .12), rgba(146, 231, 255, .14) 48%, rgba(5, 16, 27, .34)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .18),
    0 14px 34px rgba(0, 0, 0, .22),
    0 0 24px rgba(102, 198, 255, .10) !important;
  backdrop-filter: blur(16px) saturate(150%);
}

.button.primary,
button.primary,
.primary,
.featured .plan-button {
  color: #03111c !important;
  border-color: rgba(222, 248, 255, .58) !important;
  background:
    linear-gradient(105deg, #f7fbff 0%, #bfeeff 26%, #6ecfff 52%, #d9f8ff 76%, #8be8ff 100%) !important;
  background-size: 240% 240% !important;
  animation: tmButtonFlow 6s ease-in-out infinite;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .75),
    inset 0 -1px 0 rgba(7, 58, 97, .18),
    0 18px 44px rgba(102, 198, 255, .25),
    0 0 0 1px rgba(255, 255, 255, .08) !important;
}

input,
select,
textarea,
.custom-select-button,
.list li,
.result-list li,
.hero-list li,
.mini-list li {
  border-color: rgba(190, 239, 255, .15) !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .075), rgba(146, 231, 255, .055) 48%, rgba(0, 0, 0, .18)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .10),
    0 10px 28px rgba(0, 0, 0, .16) !important;
}

nav a,
.nav a,
.chip,
.pill,
.badge,
.hero-links a,
.tg-button,
.button,
.primary,
.cta {
  transition: transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease;
}

nav a:hover,
.nav a:hover,
.chip:hover,
.tg-button:hover,
.button:hover,
.primary:hover,
.cta:hover {
  transform: translateY(-1px);
}

.nav a.active,
nav a.active,
.chip.active {
  color: #fff !important;
  border-color: rgba(146, 231, 255, .54) !important;
  background:
    linear-gradient(90deg, rgba(102, 198, 255, .20), rgba(255, 255, 255, .055)) !important;
  box-shadow: 0 0 28px rgba(102, 198, 255, .12) !important;
}

@media (prefers-reduced-motion: reduce) {
  .topbar,
  aside.glass,
  .sidebar,
  .glass,
  .card,
  .panel,
  .stat,
  .phone,
  .report-card,
  .item,
  .action,
  .step,
  .plan-card,
  .settings-section,
  .access-item,
  .logo,
  .avatar,
  .send,
  .button.primary,
  button.primary,
  .primary,
  .featured .plan-button {
    animation: none !important;
  }
}

.tm-signature,
.tm-page-map {
  width: min(1220px, calc(100% - 32px));
  margin: 0 auto;
}

.tm-signature {
  display: grid;
  grid-template-columns: .86fr 1.14fr;
  gap: 16px;
  align-items: stretch;
}

.tm-signal {
  min-height: 330px;
  padding: clamp(24px, 4vw, 48px);
  display: grid;
  align-content: end;
}

.tm-signal h2 {
  margin: 0;
  max-width: 700px;
  font-size: clamp(34px, 5.2vw, 76px);
  line-height: .96;
}

.tm-signal p,
.tm-page-map p {
  margin: 14px 0 0;
  color: var(--tm-muted);
  line-height: 1.5;
  font-size: 17px;
}

.tm-signal-visual {
  min-height: 330px;
  display: grid;
  place-items: center;
  padding: 24px;
}

.tm-orbit {
  width: min(420px, 76vw);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  background:
    conic-gradient(from 210deg, transparent 0 16%, rgba(146, 231, 255, .88) 20%, transparent 30% 48%, rgba(219, 228, 239, .82) 54%, transparent 62% 100%);
  filter: drop-shadow(0 0 46px rgba(102, 198, 255, .22));
}

.tm-orbit:before {
  content: "";
  position: absolute;
  inset: 11%;
  border-radius: 50%;
  background:
    radial-gradient(circle at 48% 45%, rgba(245, 245, 247, .9), rgba(146, 231, 255, .40) 28%, rgba(3, 9, 16, .94) 59%, #000 72%);
  box-shadow:
    inset 28px 30px 80px rgba(255, 255, 255, .12),
    inset -36px -38px 90px rgba(0, 0, 0, .86);
}

.tm-orbit:after {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(circle, rgba(255, 255, 255, .90) 0 1px, transparent 1.4px),
    radial-gradient(circle, rgba(102, 198, 255, .75) 0 1px, transparent 1.5px);
  background-size: 12px 12px, 18px 18px;
  mask-image: linear-gradient(90deg, transparent 0%, #000 36%, #000 72%, transparent 100%);
  opacity: .28;
}

.tm-page-map {
  display: grid;
  gap: 16px;
}

.tm-page-map-head {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 18px;
}

.tm-page-map h2 {
  margin: 0;
  font-size: clamp(32px, 4.2vw, 58px);
  line-height: 1;
}

.tm-pages {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.tm-page-link {
  min-height: 250px;
  padding: 22px;
  display: grid;
  align-content: space-between;
  color: var(--tm-ink);
  text-decoration: none;
}

.tm-page-link small {
  font-family: var(--tm-tech);
  color: var(--tm-cyan);
}

.tm-page-link strong {
  display: block;
  margin-top: 18px;
  font-size: 25px;
  line-height: 1.05;
}

.tm-page-link span {
  color: var(--tm-muted);
  line-height: 1.42;
}

.tm-page-link:hover {
  transform: translateY(-4px);
  border-color: rgba(146, 231, 255, .45) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .16),
    0 28px 90px rgba(0, 0, 0, .56),
    0 0 42px rgba(102, 198, 255, .16) !important;
}

.tm-details {
  margin-top: 14px;
  border-radius: 18px;
  border: 1px solid rgba(190, 239, 255, .16);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .075), rgba(146, 231, 255, .055), rgba(3, 12, 22, .18));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .12),
    0 12px 34px rgba(0, 0, 0, .18);
  overflow: hidden;
  backdrop-filter: blur(14px) saturate(150%);
}

.tm-details summary {
  min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 14px;
  color: rgba(216, 246, 255, .92);
  font-family: var(--tm-tech);
  font-size: 12px;
  cursor: default;
  list-style: none;
  user-select: none;
}

.tm-details summary::-webkit-details-marker {
  display: none;
}

.tm-details summary:after {
  content: "";
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  border-radius: 50%;
  border: 1px solid rgba(146, 231, 255, .30);
  background:
    linear-gradient(135deg, rgba(245, 245, 247, .34), rgba(146, 231, 255, .22), rgba(3, 12, 22, .36));
  box-shadow: 0 0 22px rgba(102, 198, 255, .14);
}

.tm-details[data-locked-open="true"] summary:after {
  content: "открыто";
  width: auto;
  min-width: 64px;
  height: 24px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  color: rgba(4, 18, 28, .86);
  font-size: 10px;
  background: linear-gradient(90deg, rgba(245, 245, 247, .92), rgba(146, 231, 255, .86));
}

.tm-details[open] summary {
  border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.tm-details[open] summary:after {
  background:
    linear-gradient(135deg, rgba(146, 231, 255, .86), rgba(245, 245, 247, .62), rgba(3, 12, 22, .32));
}

.tm-details > p,
.tm-details > span,
.tm-details > ul,
.tm-details > div {
  margin: 0;
  padding: 14px;
  color: rgba(245, 245, 247, .72);
  line-height: 1.48;
}

.tm-details > ul {
  display: grid;
  gap: 9px;
  list-style: none;
}

.tm-details > ul li {
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, .075);
  background: rgba(255, 255, 255, .035);
}

.tm-compact-card {
  min-height: auto !important;
  align-content: start !important;
}

.hero > div,
.mini-card {
  display: flex !important;
  flex-direction: column;
}

.hero > div > .tm-details,
.mini-card > .tm-details {
  margin-top: auto;
  width: 100%;
}

@media (max-width: 980px) {
  .tm-signature,
  .tm-pages {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 680px) {
  .tm-signature,
  .tm-pages,
  .tm-page-map-head {
    grid-template-columns: 1fr;
    display: grid;
  }

  .tm-signal,
  .tm-signal-visual,
  .tm-page-link {
    min-height: auto;
  }
}

/* Premium Apple-inspired art direction layer */
:root {
  --tm-bg: #14171c;
  --tm-bg-2: #1b2028;
  --tm-ink: #f5f7fa;
  --tm-muted: #b7bec9;
  --tm-soft: rgba(245, 247, 250, .82);
  --tm-line: rgba(255, 255, 255, .12);
  --tm-glass: rgba(255, 255, 255, .07);
  --tm-glass-soft: rgba(255, 255, 255, .05);
  --tm-accent: #9adfff;
  --tm-glow: rgba(154, 223, 255, .35);
  --tm-shadow: rgba(0, 0, 0, .25);
  --tm-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI Variable Text", "Segoe UI", Aptos, Arial, sans-serif;
  --tm-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI Variable Display", "Segoe UI", Aptos, Arial, sans-serif;
  --tm-tech: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI Variable Text", Aptos, Arial, sans-serif;
}

@keyframes aliciaFloatIn {
  from {
    opacity: 0;
    transform: translateY(22px);
    filter: blur(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}

@keyframes aliciaAmbient {
  0%, 100% { transform: translate3d(0, 0, 0) scale(1); opacity: .82; }
  50% { transform: translate3d(1.8vw, -1.4vh, 0) scale(1.04); opacity: 1; }
}

html {
  background: #14171c !important;
}

body {
  color: var(--tm-ink) !important;
  font-family: var(--tm-font) !important;
  background:
    radial-gradient(circle at 18% 8%, rgba(154, 223, 255, .18), transparent 31%),
    radial-gradient(circle at 80% 4%, rgba(255, 255, 255, .10), transparent 28%),
    radial-gradient(circle at 70% 72%, rgba(119, 155, 190, .15), transparent 36%),
    linear-gradient(180deg, #1b2028 0%, #14171c 46%, #171b22 100%) !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

body:before {
  opacity: .18 !important;
  background-image:
    linear-gradient(120deg, transparent 0 47%, rgba(255, 255, 255, .08) 47% 47.08%, transparent 47.08% 100%),
    linear-gradient(240deg, transparent 0 58%, rgba(154, 223, 255, .09) 58% 58.08%, transparent 58.08% 100%) !important;
  background-size: 720px 720px, 860px 860px !important;
  background-position: 8% 18%, 92% 10% !important;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, .72), rgba(0, 0, 0, .08) 78%, transparent) !important;
}

body:after {
  opacity: .95 !important;
  background:
    radial-gradient(circle at 14% 18%, rgba(154, 223, 255, .22), transparent 28%),
    radial-gradient(circle at 78% 16%, rgba(245, 247, 250, .10), transparent 26%),
    radial-gradient(circle at 66% 88%, rgba(154, 223, 255, .12), transparent 32%) !important;
  filter: blur(18px);
  animation: aliciaAmbient 18s ease-in-out infinite;
  mask-image: none !important;
}

body:not(.no-ai-word) .page:before,
body:not(.no-ai-word) .wrap:before {
  color: rgba(245, 247, 250, .035) !important;
  -webkit-text-stroke: 1px rgba(255, 255, 255, .055) !important;
  font-size: clamp(160px, 24vw, 360px) !important;
  right: clamp(18px, 5vw, 84px) !important;
  top: 96px !important;
  letter-spacing: 0 !important;
}

.page,
.wrap {
  width: min(1240px, calc(100% - 48px)) !important;
  gap: clamp(42px, 7vw, 112px) !important;
  padding-top: clamp(64px, 8vw, 116px) !important;
}

.topbar {
  position: sticky !important;
  top: 14px !important;
  z-index: 80 !important;
  width: min(1180px, calc(100% - 32px)) !important;
  min-height: 64px !important;
  margin: 14px auto 0 !important;
  padding: 0 clamp(18px, 3vw, 34px) !important;
  border: 1px solid rgba(255, 255, 255, .12) !important;
  border-radius: 999px !important;
  background: rgba(27, 32, 40, .62) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .14),
    0 18px 60px rgba(0, 0, 0, .24) !important;
  backdrop-filter: blur(30px) saturate(180%) !important;
  animation: none !important;
}

.topbar:before,
.topbar:after {
  display: none !important;
}

.brand {
  font-family: var(--tm-display) !important;
  font-size: 15px !important;
  font-weight: 760 !important;
  letter-spacing: -.01em !important;
}

.logo,
.avatar,
.send {
  border-radius: 10px !important;
  background:
    radial-gradient(circle at 26% 18%, rgba(255, 255, 255, .96), transparent 24%),
    linear-gradient(135deg, #dff8ff 0%, #9adfff 42%, #6fb4dc 74%, #4d5c70 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .56),
    0 10px 26px rgba(154, 223, 255, .18) !important;
  animation: none !important;
}

.nav {
  gap: clamp(18px, 2.4vw, 34px) !important;
  color: rgba(245, 247, 250, .64) !important;
}

.nav a {
  font-weight: 620 !important;
  transition: opacity .28s ease, color .28s ease, transform .28s ease !important;
}

.nav a:hover,
.nav a.active {
  color: #f5f7fa !important;
  transform: translateY(-1px);
}

.hero {
  min-height: clamp(700px, 82vh, 920px) !important;
  gap: clamp(38px, 7vw, 92px) !important;
  align-items: center !important;
}

h1,
.hero h1 {
  max-width: 920px !important;
  margin-top: 24px !important;
  font-family: var(--tm-display) !important;
  font-size: clamp(68px, 10.4vw, 154px) !important;
  font-weight: 800 !important;
  line-height: .91 !important;
  letter-spacing: -.055em !important;
  background: linear-gradient(96deg, #ffffff 0%, #f5f7fa 28%, #ccefff 54%, #9adfff 68%, #eef7fb 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  text-wrap: balance;
}

h2,
.section-title h2,
.card h2 {
  font-family: var(--tm-display) !important;
  font-weight: 780 !important;
  letter-spacing: -.04em !important;
  color: #f5f7fa !important;
  text-wrap: balance;
}

h3,
.card h3,
.mini-card strong,
.plan-name {
  font-family: var(--tm-display) !important;
  font-weight: 760 !important;
  letter-spacing: -.025em !important;
  color: #f5f7fa !important;
}

p,
.hero p,
.card p,
.muted,
.section-title p,
.mini-card span,
.stat span,
.plan-card p,
.plan-list,
.tm-details > p,
.tm-details > span,
.tm-details > ul,
.tm-details > div {
  color: var(--tm-muted) !important;
  line-height: 1.52 !important;
}

.hero p {
  max-width: 760px !important;
  font-size: clamp(22px, 2.2vw, 29px) !important;
  line-height: 1.28 !important;
  letter-spacing: -.015em !important;
}

.section-title {
  margin-top: 0 !important;
  align-items: end !important;
}

.section-title h2 {
  font-size: clamp(44px, 6.2vw, 92px) !important;
  line-height: .96 !important;
}

.section-title p {
  max-width: 620px !important;
  font-size: 18px !important;
}

.card,
.panel,
.glass,
aside.glass,
.stat,
.phone,
.report-card,
.item,
.action,
.step,
.plan-card,
.settings-section,
.access-item,
.login-card,
.source-card,
.metric-card,
.chart-card,
.insight-card,
.action-card,
.upgrade-card,
.check-card {
  border-radius: clamp(28px, 3vw, 36px) !important;
  border: 1px solid rgba(255, 255, 255, .12) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .105), rgba(255, 255, 255, .044) 42%, rgba(255, 255, 255, .022)),
    rgba(255, 255, 255, .07) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .16),
    inset 0 -1px 0 rgba(255, 255, 255, .04),
    0 10px 40px rgba(0, 0, 0, .25),
    0 2px 8px rgba(255, 255, 255, .03) inset !important;
  backdrop-filter: blur(30px) saturate(170%) !important;
  transition:
    transform .3s ease,
    scale .3s ease,
    border-color .3s ease,
    box-shadow .3s ease,
    background .3s ease !important;
  animation: aliciaFloatIn .75s ease both !important;
}

.card:hover,
.panel:hover,
.glass:hover,
.stat:hover,
.report-card:hover,
.item:hover,
.action:hover,
.step:hover,
.plan-card:hover,
.settings-section:hover,
.access-item:hover,
.login-card:hover,
.source-card:hover,
.metric-card:hover,
.chart-card:hover,
.insight-card:hover,
.action-card:hover,
.upgrade-card:hover {
  transform: translateY(-4px) !important;
  scale: 1.01;
  border-color: rgba(255, 255, 255, .18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .22),
    inset 0 -1px 0 rgba(255, 255, 255, .05),
    0 22px 70px rgba(0, 0, 0, .30),
    0 0 44px rgba(154, 223, 255, .10) !important;
}

.card:before,
.panel:before,
.glass:before,
.stat:before,
.phone:before,
.report-card:before,
.plan-card:before,
.settings-section:before,
.access-item:before {
  background:
    linear-gradient(122deg, rgba(255, 255, 255, .22), transparent 28%),
    radial-gradient(circle at 16% 0%, rgba(154, 223, 255, .16), transparent 38%) !important;
  background-size: auto !important;
  opacity: .72 !important;
  mask-image: none !important;
}

.card:after,
.panel:after,
.glass:after,
.stat:after,
.phone:after,
.report-card:after,
.plan-card:after,
.settings-section:after,
.access-item:after {
  opacity: .28 !important;
  animation-duration: 16s !important;
  background: linear-gradient(112deg, transparent 38%, rgba(255, 255, 255, .18) 48%, rgba(154, 223, 255, .10) 54%, transparent 66%) !important;
}

.eyebrow,
.pill,
.badge,
.chip,
.plan-badge,
.status,
.status-chip {
  min-height: 34px !important;
  border-radius: 999px !important;
  border-color: rgba(255, 255, 255, .14) !important;
  background: rgba(255, 255, 255, .07) !important;
  color: rgba(245, 247, 250, .76) !important;
  font-family: var(--tm-font) !important;
  font-weight: 680 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12) !important;
  backdrop-filter: blur(22px) saturate(160%) !important;
  text-transform: none !important;
}

.button,
button,
.cta,
.plan-button,
.tg-button,
.button-link {
  min-height: 54px !important;
  padding-inline: 24px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 255, 255, .16) !important;
  color: #f5f7fa !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .13), rgba(255, 255, 255, .055)),
    rgba(255, 255, 255, .07) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .18),
    0 12px 30px rgba(0, 0, 0, .22) !important;
  backdrop-filter: blur(24px) saturate(170%) !important;
  transition: transform .28s ease, filter .28s ease, box-shadow .28s ease !important;
}

.button:hover,
button:hover,
.cta:hover,
.plan-button:hover,
.tg-button:hover,
.button-link:hover {
  transform: translateY(-2px) !important;
  filter: brightness(1.08);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .24),
    0 18px 44px rgba(0, 0, 0, .26),
    0 0 30px rgba(154, 223, 255, .13) !important;
}

.button.primary,
button.primary,
.primary,
.featured .plan-button,
.button-link {
  color: #0d141b !important;
  border-color: rgba(255, 255, 255, .44) !important;
  background: linear-gradient(135deg, #f7fbff 0%, #d7f3ff 42%, #9adfff 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .58),
    0 18px 42px rgba(154, 223, 255, .18) !important;
}

input,
select,
textarea {
  border-radius: 20px !important;
  border-color: rgba(255, 255, 255, .13) !important;
  background: rgba(255, 255, 255, .07) !important;
  color: #f5f7fa !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08) !important;
  backdrop-filter: blur(20px) saturate(160%) !important;
}

input:focus,
select:focus,
textarea:focus {
  border-color: rgba(154, 223, 255, .48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .12),
    0 0 0 4px rgba(154, 223, 255, .10) !important;
}

.list li,
.result-list li,
.fact-row,
.explain,
.count-item,
.access-item,
.check-card,
.tm-details {
  border-color: rgba(255, 255, 255, .10) !important;
  background: rgba(255, 255, 255, .055) !important;
  border-radius: 22px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}

.tm-details {
  overflow: hidden !important;
  backdrop-filter: blur(24px) saturate(160%) !important;
}

.tm-details summary {
  color: rgba(245, 247, 250, .76) !important;
  font-family: var(--tm-font) !important;
  font-weight: 720 !important;
}

.tm-details[data-locked-open="true"] summary:after {
  content: "открыто" !important;
  color: #0d141b !important;
  background: linear-gradient(135deg, #f7fbff, #9adfff) !important;
}

.price,
.plan-price,
.score,
.metric-value,
.radial strong,
.donut strong,
.count-item strong {
  letter-spacing: -.04em !important;
}

.bar-fill {
  background: linear-gradient(90deg, #f7fbff, #ccefff 42%, #9adfff) !important;
  box-shadow: 0 0 24px rgba(154, 223, 255, .22) !important;
}

.radial,
.donut {
  box-shadow:
    inset 0 0 34px rgba(255, 255, 255, .04),
    0 0 54px rgba(154, 223, 255, .16) !important;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *:before,
  *:after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
}

@media (max-width: 920px) {
  .topbar {
    top: 8px !important;
    width: min(100% - 20px, 1180px) !important;
    min-height: 58px !important;
  }

  h1,
  .hero h1 {
    font-size: clamp(54px, 15vw, 82px) !important;
    letter-spacing: -.045em !important;
  }

  .hero {
    min-height: auto !important;
    padding-top: 34px !important;
  }
}

@media (max-width: 680px) {
  .page,
  .wrap {
    width: min(100% - 28px, 1240px) !important;
    gap: 54px !important;
  }

  .section-title h2 {
    font-size: clamp(38px, 12vw, 58px) !important;
  }
}

/* Readability and inner-panel refinement */
:root {
  --tm-inner-light: linear-gradient(135deg, rgba(247, 251, 255, .94) 0%, rgba(215, 243, 255, .88) 44%, rgba(154, 223, 255, .82) 100%);
  --tm-inner-ink: #101923;
  --tm-inner-muted: rgba(16, 25, 35, .72);
}

h1,
.hero h1 {
  max-width: 820px !important;
  font-size: clamp(50px, 7.6vw, 112px) !important;
  line-height: .96 !important;
  letter-spacing: -.045em !important;
}

.hero {
  min-height: clamp(600px, 72vh, 760px) !important;
  grid-template-columns: minmax(0, 1.02fr) minmax(340px, .82fr) !important;
  gap: clamp(28px, 5.5vw, 76px) !important;
}

.hero p {
  max-width: 650px !important;
  font-size: clamp(18px, 1.65vw, 23px) !important;
  line-height: 1.38 !important;
}

.section-title h2 {
  font-size: clamp(34px, 4.6vw, 68px) !important;
  line-height: 1.02 !important;
}

.section-title p {
  max-width: 560px !important;
  font-size: 16px !important;
}

.card h2 {
  font-size: clamp(28px, 3.2vw, 44px) !important;
}

.card h3,
.mini-card strong {
  font-size: clamp(22px, 2.1vw, 30px) !important;
}

.page,
.wrap {
  gap: clamp(34px, 5.8vw, 86px) !important;
}

.grid-4,
.grid,
.two,
.chart-grid,
.action-grid,
.upgrade-grid,
.insight-strip {
  gap: clamp(16px, 2vw, 24px) !important;
}

.mini-card,
.stat,
.plan-card {
  min-height: clamp(190px, 24vw, 280px) !important;
}

.card,
.panel,
.glass,
.stat,
.mini-card,
.plan-card,
.metric-card,
.chart-card,
.insight-card,
.action-card,
.upgrade-card {
  padding: clamp(22px, 2.6vw, 32px) !important;
}

.tm-details,
.list li,
.result-list li,
.hero-list li,
.mini-list li,
.fact-row,
.explain,
.count-item,
.access-item,
.settings-section .check-card,
.custom-select-button {
  border-color: rgba(255, 255, 255, .46) !important;
  background: var(--tm-inner-light) !important;
  color: var(--tm-inner-ink) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .72),
    0 12px 32px rgba(0, 0, 0, .14),
    0 0 28px rgba(154, 223, 255, .12) !important;
  backdrop-filter: blur(24px) saturate(150%) !important;
}

.card.check-card,
aside.check-card {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .105), rgba(255, 255, 255, .044) 42%, rgba(255, 255, 255, .022)),
    rgba(255, 255, 255, .07) !important;
  color: var(--tm-ink) !important;
}

.tm-details summary,
.tm-details > p,
.tm-details > span,
.tm-details > ul,
.tm-details > div,
.list li,
.result-list li,
.hero-list li,
.mini-list li,
.fact-row b,
.fact-row span,
.explain b,
.explain span,
.count-item span,
.access-item,
.settings-section .check-card,
.custom-select-button {
  color: var(--tm-inner-ink) !important;
}

.tm-details > p,
.tm-details > span,
.tm-details > div,
.list li,
.result-list li,
.hero-list li,
.mini-list li,
.fact-row span,
.explain span,
.count-item span {
  color: var(--tm-inner-muted) !important;
}

.tm-details summary {
  min-height: 42px !important;
  border-bottom-color: rgba(16, 25, 35, .12) !important;
}

.tm-details[data-locked-open="true"] summary:after {
  color: #0d141b !important;
  background: rgba(255, 255, 255, .74) !important;
  border-color: rgba(16, 25, 35, .08) !important;
}

.tm-details > ul li {
  color: var(--tm-inner-muted) !important;
  border-color: rgba(16, 25, 35, .10) !important;
  background: rgba(255, 255, 255, .42) !important;
}

.hero > div > .tm-details {
  max-width: 560px !important;
  margin-top: clamp(22px, 3vw, 34px) !important;
}

.mini-card > .tm-details {
  margin-top: clamp(18px, 2vw, 26px) !important;
}

.check-card > p {
  max-width: 100% !important;
  font-size: clamp(16px, 1.45vw, 20px) !important;
}

.check-card form {
  margin-top: 4px !important;
}

.check-card input {
  min-height: 56px !important;
}

.check-card .button,
.check-card button {
  min-height: 56px !important;
}

@media (max-width: 920px) {
  .hero {
    grid-template-columns: 1fr !important;
    min-height: auto !important;
  }

  h1,
  .hero h1 {
    font-size: clamp(44px, 11.5vw, 76px) !important;
    line-height: .98 !important;
  }
}

@media (max-width: 680px) {
  h1,
  .hero h1 {
    font-size: clamp(40px, 13vw, 62px) !important;
  }

  .section-title h2 {
    font-size: clamp(30px, 10vw, 48px) !important;
  }
}

/* Apple light landing redesign */
body.landing-light {
  --tm-landing-bg: #f5f5f7;
  --tm-landing-bg-soft: #fbfbfd;
  --tm-landing-ink: #1d1d1f;
  --tm-landing-muted: #86868b;
  --tm-landing-blue: #0066cc;
  --tm-landing-card: rgba(255, 255, 255, .65);
  --tm-landing-border: rgba(0, 0, 0, .08);
  --tm-landing-pill: rgba(0, 0, 0, .05);
  --tm-landing-shadow: 0 18px 50px rgba(29, 29, 31, .08), 0 2px 8px rgba(255, 255, 255, .55) inset;
  color: var(--tm-landing-ink) !important;
  background:
    radial-gradient(circle at 16% 12%, rgba(154, 223, 255, .42), transparent 30%),
    radial-gradient(circle at 72% 8%, rgba(190, 168, 255, .28), transparent 28%),
    radial-gradient(circle at 78% 68%, rgba(255, 207, 139, .30), transparent 30%),
    linear-gradient(180deg, #fbfbfd 0%, #f5f5f7 48%, #f1f2f5 100%) !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Arial, sans-serif !important;
}

body.landing-light:before {
  opacity: .78 !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(123, 211, 255, .36), transparent 28%),
    radial-gradient(circle at 50% 4%, rgba(213, 188, 255, .22), transparent 30%),
    radial-gradient(circle at 84% 54%, rgba(255, 214, 153, .26), transparent 34%) !important;
  filter: blur(52px);
  mask-image: none !important;
  animation: aliciaAmbient 20s ease-in-out infinite;
}

body.landing-light:after {
  opacity: .52 !important;
  background:
    linear-gradient(120deg, transparent 0 44%, rgba(255, 255, 255, .40) 44% 44.12%, transparent 44.12% 100%),
    linear-gradient(240deg, transparent 0 64%, rgba(0, 102, 204, .08) 64% 64.1%, transparent 64.1% 100%) !important;
  background-size: 760px 760px, 920px 920px !important;
  filter: blur(1px);
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, .45), transparent 80%) !important;
  animation: none !important;
}

body.landing-light:not(.no-ai-word) .page:before {
  color: rgba(29, 29, 31, .025) !important;
  -webkit-text-stroke: 1px rgba(29, 29, 31, .035) !important;
  top: 90px !important;
}

body.landing-light .page {
  width: min(1180px, calc(100% - 48px)) !important;
  padding-top: clamp(54px, 7vw, 96px) !important;
  gap: clamp(42px, 6vw, 88px) !important;
}

body.landing-light .topbar {
  width: min(1120px, calc(100% - 40px)) !important;
  min-height: 58px !important;
  margin-top: 16px !important;
  border: 1px solid rgba(0, 0, 0, .08) !important;
  background: rgba(255, 255, 255, .62) !important;
  box-shadow: 0 16px 38px rgba(29, 29, 31, .08), 0 1px 0 rgba(255, 255, 255, .75) inset !important;
  backdrop-filter: blur(24px) saturate(170%) !important;
}

body.landing-light .brand,
body.landing-light .nav a {
  color: var(--tm-landing-ink) !important;
}

body.landing-light .nav {
  color: rgba(29, 29, 31, .58) !important;
}

body.landing-light .nav a:not(.active) {
  opacity: .62;
}

body.landing-light .nav a:hover,
body.landing-light .nav a.active {
  opacity: 1;
  color: var(--tm-landing-blue) !important;
}

body.landing-light .logo {
  background:
    radial-gradient(circle at 28% 22%, rgba(255, 255, 255, .95), transparent 24%),
    linear-gradient(135deg, #e9fbff 0%, #9adfff 45%, #7d78ff 100%) !important;
  box-shadow: 0 8px 22px rgba(0, 102, 204, .16), inset 0 1px 0 rgba(255, 255, 255, .9) !important;
}

body.landing-light .hero {
  min-height: clamp(560px, 68vh, 720px) !important;
  grid-template-columns: minmax(0, 1fr) minmax(340px, 430px) !important;
  gap: clamp(34px, 6vw, 78px) !important;
  align-items: center !important;
}

body.landing-light h1,
body.landing-light .hero h1 {
  max-width: 720px !important;
  margin-top: 20px !important;
  color: var(--tm-landing-ink) !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: clamp(46px, 6.8vw, 88px) !important;
  font-weight: 780 !important;
  line-height: .98 !important;
  letter-spacing: -.045em !important;
  background: linear-gradient(100deg, #1d1d1f 0%, #30353d 48%, #0066cc 78%, #6f63ff 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

body.landing-light h2,
body.landing-light .section-title h2,
body.landing-light .card h2 {
  color: var(--tm-landing-ink) !important;
  font-size: clamp(30px, 4vw, 52px) !important;
  letter-spacing: -.035em !important;
}

body.landing-light .hero p {
  max-width: 620px !important;
  color: var(--tm-landing-muted) !important;
  font-size: clamp(17px, 1.65vw, 22px) !important;
  line-height: 1.42 !important;
  letter-spacing: -.01em !important;
}

body.landing-light .section-title {
  align-items: end !important;
  margin-top: 0 !important;
}

body.landing-light .section-title p {
  max-width: 540px !important;
  color: var(--tm-landing-muted) !important;
  font-size: 15px !important;
}

body.landing-light .card,
body.landing-light .stat,
body.landing-light .mini-card,
body.landing-light .plan-card,
body.landing-light .check-card {
  border-radius: 18px !important;
  border: 1px solid var(--tm-landing-border) !important;
  background: var(--tm-landing-card) !important;
  box-shadow: var(--tm-landing-shadow) !important;
  backdrop-filter: blur(20px) saturate(170%) !important;
  color: var(--tm-landing-ink) !important;
  animation: aliciaFloatIn .62s ease both !important;
}

body.landing-light .card:before,
body.landing-light .card:after,
body.landing-light .stat:before,
body.landing-light .stat:after,
body.landing-light .mini-card:before,
body.landing-light .mini-card:after,
body.landing-light .plan-card:before,
body.landing-light .plan-card:after {
  display: none !important;
}

body.landing-light .card:hover,
body.landing-light .stat:hover,
body.landing-light .mini-card:hover,
body.landing-light .plan-card:hover {
  transform: translateY(-4px) !important;
  scale: 1.01;
  box-shadow: 0 24px 70px rgba(29, 29, 31, .11), 0 2px 8px rgba(255, 255, 255, .65) inset !important;
}

body.landing-light .check-card {
  min-height: 390px !important;
  padding: clamp(22px, 2.8vw, 30px) !important;
}

body.landing-light .check-card h2 {
  font-size: clamp(28px, 3vw, 38px) !important;
}

body.landing-light .check-card > p {
  color: var(--tm-landing-muted) !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
}

body.landing-light label {
  color: rgba(29, 29, 31, .72) !important;
}

body.landing-light input {
  min-height: 52px !important;
  border: 1px solid rgba(0, 0, 0, .08) !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, .72) !important;
  color: var(--tm-landing-ink) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset !important;
}

body.landing-light input::placeholder {
  color: rgba(29, 29, 31, .35) !important;
}

body.landing-light input:focus {
  border-color: rgba(0, 102, 204, .34) !important;
  box-shadow: 0 0 0 4px rgba(0, 102, 204, .10), 0 1px 0 rgba(255, 255, 255, .8) inset !important;
}

body.landing-light .button,
body.landing-light button,
body.landing-light .button.primary {
  min-height: 52px !important;
  border-radius: 999px !important;
  border: 0 !important;
  color: #fff !important;
  background: linear-gradient(135deg, #0071e3, #0066cc) !important;
  box-shadow: 0 12px 30px rgba(0, 102, 204, .20), inset 0 1px 0 rgba(255, 255, 255, .24) !important;
}

body.landing-light .button:hover,
body.landing-light button:hover {
  filter: brightness(1.04);
  transform: translateY(-2px) !important;
}

body.landing-light .grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
  align-items: stretch !important;
}

body.landing-light .mini-card {
  min-height: 172px !important;
  padding: 22px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  gap: 18px !important;
}

body.landing-light .mini-card strong {
  color: var(--tm-landing-ink) !important;
  font-size: clamp(19px, 1.6vw, 24px) !important;
  line-height: 1.1 !important;
  letter-spacing: -.02em !important;
}

body.landing-light .mini-card span,
body.landing-light .card p,
body.landing-light .stat span,
body.landing-light .price small {
  color: var(--tm-landing-muted) !important;
}

body.landing-light .price {
  color: var(--tm-landing-ink) !important;
  font-size: 34px !important;
}

body.landing-light .featured {
  border-color: rgba(0, 102, 204, .18) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .72), rgba(235, 247, 255, .62)),
    rgba(255, 255, 255, .65) !important;
}

body.landing-light .eyebrow,
body.landing-light .pill,
body.landing-light .tm-details summary,
body.landing-light .tm-details[data-locked-open="true"] summary:after {
  min-height: 30px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(0, 0, 0, .06) !important;
  background: var(--tm-landing-pill) !important;
  color: rgba(29, 29, 31, .72) !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  box-shadow: none !important;
}

body.landing-light .tm-details {
  max-width: 560px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(0, 0, 0, .08) !important;
  background: rgba(255, 255, 255, .64) !important;
  box-shadow: 0 18px 50px rgba(29, 29, 31, .08), 0 1px 0 rgba(255, 255, 255, .75) inset !important;
  backdrop-filter: blur(20px) saturate(170%) !important;
}

body.landing-light .tm-details > p,
body.landing-light .tm-details > span,
body.landing-light .tm-details > ul,
body.landing-light .tm-details > div {
  color: var(--tm-landing-muted) !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
}

body.landing-light .tm-details[open] summary {
  border-bottom: 1px solid rgba(0, 0, 0, .06) !important;
}

body.landing-light .hero > div > .tm-details,
body.landing-light .mini-card > .tm-details {
  margin-top: auto !important;
}

@media (max-width: 1040px) {
  body.landing-light .grid-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 920px) {
  body.landing-light .hero {
    grid-template-columns: 1fr !important;
    min-height: auto !important;
  }

  body.landing-light h1,
  body.landing-light .hero h1 {
    font-size: clamp(42px, 10vw, 72px) !important;
  }
}

@media (max-width: 680px) {
  body.landing-light .page {
    width: min(100% - 28px, 1180px) !important;
  }

  body.landing-light .grid-4 {
    grid-template-columns: 1fr !important;
  }
}

/* Screenshot-matched Alicia-AI landing art direction */
body.landing-light {
  background:
    radial-gradient(circle at 6% 16%, rgba(175, 219, 244, .48), transparent 31%),
    radial-gradient(circle at 88% 18%, rgba(245, 229, 209, .72), transparent 34%),
    radial-gradient(circle at 46% 50%, rgba(202, 248, 240, .36), transparent 29%),
    linear-gradient(112deg, #dfe8f0 0%, #f3f5f6 42%, #f6efe8 100%) !important;
}

body.landing-light:before {
  opacity: 1 !important;
  background:
    linear-gradient(103deg,
      transparent 0 10%,
      rgba(114, 187, 255, .10) 16%,
      rgba(99, 229, 215, .40) 23%,
      rgba(255, 226, 161, .34) 31%,
      rgba(93, 167, 255, .28) 40%,
      transparent 52%),
    linear-gradient(101deg,
      transparent 0 14%,
      rgba(116, 205, 255, .22) 21%,
      rgba(91, 230, 212, .46) 28%,
      rgba(255, 218, 145, .38) 36%,
      rgba(106, 161, 255, .48) 48%,
      transparent 66%),
    linear-gradient(108deg,
      transparent 0 18%,
      rgba(117, 211, 255, .30) 25%,
      rgba(89, 226, 209, .52) 34%,
      rgba(233, 198, 120, .36) 43%,
      rgba(106, 151, 240, .52) 55%,
      transparent 73%) !important;
  background-size: 165% 18%, 178% 23%, 190% 28% !important;
  background-position: -48vw 64%, -40vw 70%, -54vw 77% !important;
  filter: blur(8px) saturate(1.22);
  transform: rotate(-3deg);
  mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .85) 36%, rgba(0, 0, 0, .96) 83%, transparent 100%) !important;
  animation: aliciaAmbient 22s ease-in-out infinite;
}

body.landing-light:after {
  opacity: .82 !important;
  background:
    radial-gradient(ellipse at 48% 69%, rgba(93, 232, 217, .36), transparent 24%),
    radial-gradient(ellipse at 70% 66%, rgba(251, 209, 128, .30), transparent 24%),
    radial-gradient(ellipse at 86% 60%, rgba(101, 155, 255, .34), transparent 28%),
    radial-gradient(circle at 96% 92%, rgba(255, 255, 255, .72) 0 2.5%, transparent 2.7%) !important;
  filter: blur(18px);
  mask-image: none !important;
}

body.landing-light .page {
  width: min(1320px, calc(100% - 72px)) !important;
  padding-top: clamp(34px, 4.6vw, 66px) !important;
  gap: clamp(42px, 5vw, 70px) !important;
}

body.landing-light .topbar {
  top: 0 !important;
  width: 100% !important;
  min-height: 64px !important;
  margin: 0 !important;
  padding: 0 clamp(38px, 5vw, 72px) !important;
  border-radius: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(29, 29, 31, .08) !important;
  background: rgba(251, 251, 253, .66) !important;
  box-shadow: 0 12px 34px rgba(29, 29, 31, .035) !important;
}

body.landing-light .brand {
  font-size: 17px !important;
  font-weight: 760 !important;
}

body.landing-light .logo {
  width: 24px !important;
  height: 24px !important;
  border-radius: 8px !important;
}

body.landing-light .nav {
  gap: clamp(12px, 1.7vw, 24px) !important;
}

body.landing-light .nav a {
  color: #1d1d1f !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  opacity: .88 !important;
}

body.landing-light .nav a.active,
body.landing-light .nav a:hover {
  color: #1d1d1f !important;
  opacity: 1 !important;
}

body.landing-light .hero {
  min-height: clamp(470px, 55vh, 620px) !important;
  grid-template-columns: minmax(0, 1.1fr) minmax(360px, 440px) !important;
  gap: clamp(34px, 5vw, 80px) !important;
  align-items: start !important;
}

body.landing-light h1,
body.landing-light .hero h1 {
  max-width: 760px !important;
  margin-top: 0 !important;
  color: #232323 !important;
  font-size: clamp(56px, 7.2vw, 112px) !important;
  font-weight: 800 !important;
  line-height: .95 !important;
  letter-spacing: -.055em !important;
  background: none !important;
  -webkit-text-fill-color: #232323 !important;
}

body.landing-light .hero .eyebrow {
  display: none !important;
}

body.landing-light .hero > div > .tm-details {
  max-width: 760px !important;
  margin-top: 8px !important;
}

body.landing-light .tm-details {
  border-radius: 18px !important;
  border: 1px solid rgba(78, 58, 49, .34) !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .58), rgba(224, 252, 250, .34) 42%, rgba(255, 236, 212, .34)),
    rgba(255, 255, 255, .44) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .74),
    0 24px 54px rgba(50, 42, 38, .12) !important;
  backdrop-filter: blur(22px) saturate(170%) !important;
}

body.landing-light .tm-details summary {
  min-height: 44px !important;
  padding: 0 16px !important;
  color: #1d1d1f !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  background: transparent !important;
}

body.landing-light .tm-details[data-locked-open="true"] summary:after {
  content: "" !important;
  width: 72px !important;
  height: 28px !important;
  min-width: 72px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  border: 1px solid rgba(68, 58, 72, .26) !important;
  background:
    radial-gradient(circle at 82% 50%, #f5f5f7 0 11px, rgba(255, 255, 255, .66) 12px 14px, transparent 15px),
    linear-gradient(90deg, rgba(86, 224, 199, .74), rgba(139, 166, 255, .62) 58%, rgba(255, 226, 196, .80)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .72),
    0 3px 8px rgba(38, 33, 41, .18) !important;
}

body.landing-light .tm-details > p,
body.landing-light .tm-details > span,
body.landing-light .tm-details > ul,
body.landing-light .tm-details > div {
  padding: clamp(22px, 2.4vw, 32px) 18px 24px !important;
  color: #1d1d1f !important;
  font-size: clamp(19px, 1.75vw, 28px) !important;
  line-height: 1.28 !important;
  letter-spacing: -.035em !important;
}

body.landing-light .check-card {
  min-height: 330px !important;
  margin-top: 0 !important;
  border: 0 !important;
  border-radius: 0 0 22px 22px !important;
  background: rgba(255, 255, 255, .44) !important;
  box-shadow:
    inset 1px 0 0 rgba(255, 255, 255, .68),
    0 32px 70px rgba(50, 42, 38, .10) !important;
  backdrop-filter: blur(22px) saturate(160%) !important;
}

body.landing-light .check-card h2 {
  color: #1d1d1f !important;
  font-size: clamp(30px, 2.6vw, 42px) !important;
  line-height: 1.16 !important;
  letter-spacing: -.045em !important;
}

body.landing-light .check-card > p {
  order: 1 !important;
  color: #1d1d1f !important;
  font-size: clamp(20px, 1.9vw, 31px) !important;
  line-height: 1.34 !important;
  letter-spacing: -.035em !important;
}

body.landing-light .check-card > h2 {
  order: 0 !important;
}

body.landing-light .check-card > form {
  order: 2 !important;
  margin-top: auto !important;
}

body.landing-light label {
  color: rgba(29, 29, 31, .62) !important;
  font-size: 12px !important;
}

body.landing-light input {
  min-height: 54px !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, .45) !important;
}

body.landing-light .button,
body.landing-light button,
body.landing-light .button.primary {
  color: #1d1d1f !important;
  background: linear-gradient(135deg, rgba(237, 249, 255, .96), rgba(138, 213, 255, .86)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .78),
    0 10px 24px rgba(32, 132, 197, .18) !important;
}

body.landing-light .section-title {
  margin-top: -18px !important;
}

body.landing-light .section-title h2 {
  color: #232323 !important;
  font-size: clamp(42px, 5.4vw, 76px) !important;
  line-height: .95 !important;
  letter-spacing: -.052em !important;
}

body.landing-light .section-title > p {
  max-width: 470px !important;
}

body.landing-light .section-title .tm-details,
body.landing-light .section-title > .tm-details {
  max-width: 460px !important;
}

body.landing-light .grid-4:first-of-type,
body.landing-light .section-title + .grid-4 {
  position: relative;
  z-index: 2;
  gap: 14px !important;
}

body.landing-light .mini-card {
  min-height: 252px !important;
  padding: 24px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(78, 58, 49, .30) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .56), rgba(221, 250, 248, .30) 50%, rgba(255, 231, 207, .34)),
    rgba(255, 255, 255, .44) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .78),
    0 22px 50px rgba(50, 42, 38, .13) !important;
}

body.landing-light .grid-4 .mini-card:nth-child(1) {
  background:
    linear-gradient(145deg, rgba(225, 249, 252, .72), rgba(255, 255, 255, .50) 55%, rgba(230, 255, 250, .44)) !important;
}

body.landing-light .grid-4 .mini-card:nth-child(2) {
  background:
    linear-gradient(145deg, rgba(255, 247, 226, .74), rgba(255, 255, 255, .52) 58%, rgba(255, 232, 180, .34)) !important;
}

body.landing-light .grid-4 .mini-card:nth-child(3) {
  background:
    linear-gradient(145deg, rgba(239, 237, 255, .72), rgba(255, 255, 255, .52) 58%, rgba(216, 206, 255, .35)) !important;
}

body.landing-light .grid-4 .mini-card:nth-child(4) {
  background:
    linear-gradient(145deg, rgba(255, 237, 224, .72), rgba(255, 255, 255, .52) 58%, rgba(255, 214, 196, .34)) !important;
}

body.landing-light .mini-card strong {
  color: #1d1d1f !important;
  font-size: clamp(22px, 1.7vw, 30px) !important;
  line-height: 1.08 !important;
}

body.landing-light .mini-card .tm-details {
  margin-top: 18px !important;
  width: 100% !important;
}

body.landing-light .mini-card .tm-details summary {
  min-height: 42px !important;
  padding-inline: 14px !important;
}

body.landing-light .mini-card .tm-details > span,
body.landing-light .mini-card .tm-details > p,
body.landing-light .mini-card .tm-details > div {
  padding: 10px 14px 14px !important;
  font-size: clamp(15px, 1.22vw, 19px) !important;
  line-height: 1.32 !important;
  letter-spacing: -.025em !important;
}

body.landing-light .price {
  color: #1d1d1f !important;
}

@media (max-width: 1040px) {
  body.landing-light .page {
    width: min(100% - 44px, 1320px) !important;
  }

  body.landing-light .grid-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  body.landing-light .hero {
    grid-template-columns: 1fr !important;
  }

  body.landing-light .check-card {
    border-radius: 20px !important;
  }
}

/* Site-wide light pages alignment */
body.landing-light .hero-card,
body.landing-light .login-card,
body.landing-light .score-card,
body.landing-light .metric-card,
body.landing-light .chart-card,
body.landing-light .insight-card,
body.landing-light .action-card,
body.landing-light .upgrade-card,
body.landing-light .source-card,
body.landing-light .item,
body.landing-light .step,
body.landing-light .settings-section,
body.landing-light .access-item,
body.landing-light .panel,
body.landing-light .glass {
  border-radius: 20px !important;
  border: 1px solid rgba(78, 58, 49, .22) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .62), rgba(224, 252, 250, .26) 46%, rgba(255, 236, 212, .30)),
    rgba(255, 255, 255, .50) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .76),
    0 22px 52px rgba(50, 42, 38, .11) !important;
  color: #1d1d1f !important;
  backdrop-filter: blur(22px) saturate(165%) !important;
}

body.landing-light .hero-card:before,
body.landing-light .hero-card:after,
body.landing-light .login-card:before,
body.landing-light .login-card:after,
body.landing-light .score-card:before,
body.landing-light .score-card:after,
body.landing-light .metric-card:before,
body.landing-light .metric-card:after,
body.landing-light .chart-card:before,
body.landing-light .chart-card:after,
body.landing-light .insight-card:before,
body.landing-light .insight-card:after,
body.landing-light .action-card:before,
body.landing-light .action-card:after,
body.landing-light .upgrade-card:before,
body.landing-light .upgrade-card:after,
body.landing-light .source-card:before,
body.landing-light .source-card:after,
body.landing-light .settings-section:before,
body.landing-light .settings-section:after {
  display: none !important;
}

body.landing-light .hero-card:hover,
body.landing-light .login-card:hover,
body.landing-light .score-card:hover,
body.landing-light .metric-card:hover,
body.landing-light .chart-card:hover,
body.landing-light .insight-card:hover,
body.landing-light .action-card:hover,
body.landing-light .upgrade-card:hover,
body.landing-light .source-card:hover,
body.landing-light .settings-section:hover {
  transform: translateY(-4px) !important;
  scale: 1.01;
}

body.landing-light h3,
body.landing-light .card h3,
body.landing-light .metric-title,
body.landing-light .plan-name,
body.landing-light .section-kicker strong,
body.landing-light .item strong {
  color: #1d1d1f !important;
}

body.landing-light p,
body.landing-light .card p,
body.landing-light .muted,
body.landing-light .metric-source,
body.landing-light .chart-note,
body.landing-light .section-kicker,
body.landing-light .plan-list,
body.landing-light .hero-list,
body.landing-light .mini-list,
body.landing-light .item,
body.landing-light .source-card p {
  color: #5f636b !important;
}

body.landing-light .score,
body.landing-light .metric-value,
body.landing-light .plan-price,
body.landing-light .count-item strong,
body.landing-light .radial strong,
body.landing-light .donut strong {
  color: #1d1d1f !important;
}

body.landing-light .pricing-grid,
body.landing-light .chart-grid,
body.landing-light .insight-strip,
body.landing-light .action-grid,
body.landing-light .upgrade-grid,
body.landing-light .grid-3,
body.landing-light .grid-4 {
  gap: 16px !important;
}

body.landing-light .plan-card {
  min-height: auto !important;
  align-content: space-between !important;
}

body.landing-light .pricing-grid .plan-card:nth-child(1),
body.landing-light .upgrade-grid .upgrade-card:nth-child(1),
body.landing-light .chart-grid .chart-card:nth-child(1) {
  background: linear-gradient(145deg, rgba(225, 249, 252, .72), rgba(255, 255, 255, .50) 55%, rgba(230, 255, 250, .44)) !important;
}

body.landing-light .pricing-grid .plan-card:nth-child(2),
body.landing-light .upgrade-grid .upgrade-card:nth-child(2),
body.landing-light .chart-grid .chart-card:nth-child(2) {
  background: linear-gradient(145deg, rgba(255, 247, 226, .74), rgba(255, 255, 255, .52) 58%, rgba(255, 232, 180, .34)) !important;
}

body.landing-light .pricing-grid .plan-card:nth-child(3),
body.landing-light .upgrade-grid .upgrade-card:nth-child(3),
body.landing-light .chart-grid .chart-card:nth-child(3) {
  background: linear-gradient(145deg, rgba(239, 237, 255, .72), rgba(255, 255, 255, .52) 58%, rgba(216, 206, 255, .35)) !important;
}

body.landing-light .pricing-grid .plan-card:nth-child(4),
body.landing-light .upgrade-grid .upgrade-card:nth-child(4),
body.landing-light .chart-grid .chart-card:nth-child(4) {
  background: linear-gradient(145deg, rgba(255, 237, 224, .72), rgba(255, 255, 255, .52) 58%, rgba(255, 214, 196, .34)) !important;
}

body.landing-light .status,
body.landing-light .status.good,
body.landing-light .status.mid,
body.landing-light .status.bad,
body.landing-light .status.source,
body.landing-light .plan-badge,
body.landing-light .badge,
body.landing-light .chip {
  min-height: 30px !important;
  color: #1d1d1f !important;
  border: 1px solid rgba(0, 0, 0, .06) !important;
  background: rgba(255, 255, 255, .46) !important;
  box-shadow: none !important;
}

body.landing-light .list li,
body.landing-light .result-list li,
body.landing-light .hero-list li,
body.landing-light .mini-list li,
body.landing-light .fact-row,
body.landing-light .explain,
body.landing-light .count-item {
  border: 1px solid rgba(0, 0, 0, .07) !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .60), rgba(224, 252, 250, .22) 52%, rgba(255, 236, 212, .22)) !important;
  color: #1d1d1f !important;
}

body.landing-light .explain b,
body.landing-light .fact-row b {
  color: #1d1d1f !important;
}

body.landing-light .explain span,
body.landing-light .fact-row span {
  color: #5f636b !important;
}

body.landing-light .radial,
body.landing-light .donut {
  background:
    radial-gradient(circle at center, rgba(255, 255, 255, .88) 0 55%, transparent 56%),
    conic-gradient(from -90deg, #0066cc calc(var(--value, var(--visible, 0)) * 1%), rgba(29, 29, 31, .10) 0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .78),
    0 20px 46px rgba(0, 102, 204, .10) !important;
}

body.landing-light .bar-track {
  border-color: rgba(29, 29, 31, .08) !important;
  background: rgba(29, 29, 31, .08) !important;
}

body.landing-light .bar-fill {
  background: linear-gradient(90deg, #7ee8d6, #9adfff 48%, #7d78ff) !important;
}

body.landing-light .legend-row {
  color: #5f636b !important;
}

body.landing-light .legend-dot {
  background: #0066cc !important;
}

body.landing-light .legend-dot.muted {
  background: rgba(29, 29, 31, .22) !important;
}

body.landing-light .cta-card {
  background:
    linear-gradient(145deg, rgba(225, 249, 252, .72), rgba(255, 255, 255, .54) 48%, rgba(255, 232, 180, .34)) !important;
}

body.landing-light .button-link {
  color: #fff !important;
  background: linear-gradient(135deg, #0071e3, #0066cc) !important;
}

.brand-logo-img {
  display: block;
  width: auto;
  height: 46px;
  max-width: min(270px, 46vw);
  object-fit: contain;
  object-position: left center;
}

body.landing-light .brand {
  min-width: 0 !important;
  gap: 0 !important;
}

body.landing-light .brand-logo-img {
  height: 52px;
  max-height: 56px;
  max-width: min(300px, 48vw);
  filter: drop-shadow(0 8px 16px rgba(29, 29, 31, .08));
}

@media (max-width: 760px) {
  body.landing-light .brand-logo-img {
    height: 40px;
    max-height: 44px;
    max-width: 210px;
  }
}

body.landing-light .tm-details {
  background:
    linear-gradient(135deg, rgba(86, 224, 199, .50), rgba(139, 166, 255, .42) 55%, rgba(255, 226, 196, .62)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .76),
    0 20px 46px rgba(38, 33, 41, .12) !important;
}

body.landing-light .tm-details summary,
body.landing-light .tm-details summary:after,
body.landing-light .tm-details[data-locked-open="true"] summary:after {
  content: none !important;
  display: none !important;
}

body.landing-light .hero h1.hero-long-title {
  width: min(1160px, 100%) !important;
  max-width: none !important;
  margin: 0 auto !important;
  text-align: center !important;
  font-size: clamp(42px, 5.05vw, 78px) !important;
  font-weight: 740 !important;
  line-height: 1.02 !important;
  letter-spacing: -.038em !important;
}

body.landing-light .hero {
  grid-template-columns: 1fr !important;
  min-height: auto !important;
  padding-bottom: clamp(20px, 4vw, 46px) !important;
}

body.landing-light .hero > div {
  width: 100% !important;
  max-width: none !important;
  text-align: center !important;
}

body.landing-light .check-band {
  margin: clamp(10px, 2vw, 22px) 0 clamp(52px, 7vw, 92px) !important;
  display: flex !important;
  justify-content: center !important;
}

body.landing-light .check-band .check-card {
  width: min(1040px, 100%) !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(260px, .9fr) minmax(360px, 1.1fr) !important;
  align-items: end !important;
  gap: clamp(22px, 4vw, 52px) !important;
  padding: clamp(24px, 3vw, 34px) !important;
  border-radius: 28px !important;
}

body.landing-light .check-band-copy h2 {
  margin: 0 0 12px !important;
  font-size: clamp(28px, 3vw, 42px) !important;
  line-height: 1.08 !important;
}

body.landing-light .check-band-copy p {
  margin: 0 !important;
  color: rgba(29, 29, 31, .72) !important;
  font-size: clamp(16px, 1.35vw, 19px) !important;
  line-height: 1.45 !important;
  transform: translateY(-10px) !important;
}

body.landing-light .check-band form {
  display: grid !important;
  grid-template-columns: minmax(240px, 1fr) auto !important;
  align-items: end !important;
  gap: 14px !important;
  margin: 0 !important;
}

body.landing-light .check-band label {
  margin: 0 !important;
}

body.landing-light .check-band input,
body.landing-light .check-band .button {
  min-height: 56px !important;
}

@media (max-width: 760px) {
  body.landing-light .hero h1.hero-long-title {
    font-size: clamp(32px, 8.8vw, 52px) !important;
    font-weight: 740 !important;
    line-height: 1.08 !important;
    letter-spacing: -.035em !important;
  }

  body.landing-light .check-band .check-card,
  body.landing-light .check-band form {
    grid-template-columns: 1fr !important;
  }
}

body.landing-light main.page .card,
body.landing-light main.page .stat,
body.landing-light main.page .mini-card,
body.landing-light main.page .check-card,
body.landing-light main.page .result,
body.landing-light main.page .cta-card {
  border: 1px solid rgba(78, 58, 49, .26) !important;
  background:
    linear-gradient(135deg, rgba(86, 224, 199, .50), rgba(139, 166, 255, .42) 55%, rgba(255, 226, 196, .62)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .76),
    0 22px 52px rgba(38, 33, 41, .12) !important;
  backdrop-filter: blur(22px) saturate(170%) !important;
}

body.landing-light main.page .pill,
body.landing-light main.page .eyebrow,
body.landing-light main.page .list li,
body.landing-light main.page .result-list li,
body.landing-light main.page .fact-row,
body.landing-light main.page .explain {
  border: 1px solid rgba(78, 58, 49, .18) !important;
  background:
    linear-gradient(135deg, rgba(86, 224, 199, .34), rgba(139, 166, 255, .26) 55%, rgba(255, 226, 196, .42)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .66),
    0 10px 24px rgba(38, 33, 41, .06) !important;
}

body.landing-light main.page .stat > span {
  display: block !important;
  margin-top: 12px !important;
  color: rgba(29, 29, 31, .72) !important;
  font-size: clamp(15px, 1.2vw, 18px) !important;
  line-height: 1.38 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.landing-light main.page .mini-card > span,
body.landing-light main.page .section-title > p {
  display: block !important;
  color: rgba(29, 29, 31, .72) !important;
  font-size: clamp(15px, 1.18vw, 18px) !important;
  line-height: 1.42 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.landing-light main.page .mini-card > span {
  margin-top: 16px !important;
}

body.landing-light .inline-check-link {
  display: inline-block !important;
  color: #142234 !important;
  font-weight: 780 !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(20, 34, 52, .32) !important;
  transition: color .22s ease, border-color .22s ease, transform .22s ease !important;
}

body.landing-light .inline-check-link:hover {
  color: #0066cc !important;
  border-color: rgba(0, 102, 204, .54) !important;
  transform: translateY(-1px) !important;
}

body.landing-light main.page .section-title > p {
  max-width: 620px !important;
  margin: 0 !important;
}

body.landing-light .topbar {
  border: 1px solid rgba(78, 58, 49, .18) !important;
  background:
    linear-gradient(135deg, rgba(86, 224, 199, .42), rgba(139, 166, 255, .34) 55%, rgba(255, 226, 196, .52)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .76),
    0 14px 34px rgba(38, 33, 41, .09) !important;
  backdrop-filter: blur(24px) saturate(175%) !important;
}

body.landing-light .section-title + .grid-4 .mini-card {
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  border: 1px solid rgba(78, 58, 49, .26) !important;
  background:
    linear-gradient(135deg, rgba(86, 224, 199, .50), rgba(139, 166, 255, .42) 55%, rgba(255, 226, 196, .62)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .76),
    0 22px 52px rgba(38, 33, 41, .12) !important;
  backdrop-filter: blur(22px) saturate(170%) !important;
}

body.landing-light .section-title + .grid-4 .mini-card > div,
body.landing-light .section-title + .grid-4 .mini-card strong,
body.landing-light .section-title + .grid-4 .mini-card span,
body.landing-light .section-title + .grid-4 .price {
  width: 100% !important;
  text-align: center !important;
}

body.landing-light .section-title + .grid-4 .mini-card > div {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
}

body.landing-light .section-title + .grid-4 .mini-card .price {
  display: block !important;
  margin-inline: auto !important;
  color: #1d1d1f !important;
}

body.landing-light .section-title + .grid-4 .mini-card .price small {
  display: none !important;
}

body.landing-light #plans + .grid-4 {
  width: min(1040px, 100%) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  grid-template-columns: repeat(3, minmax(240px, 1fr)) !important;
  justify-content: center !important;
}

body.landing-light #plans + .grid-4 .mini-card {
  min-height: 250px !important;
}

body.landing-light .bottom-logo {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: clamp(54px, 8vw, 110px) 0 clamp(28px, 5vw, 70px) !important;
}

body.landing-light .bottom-logo img {
  display: block !important;
  width: min(960px, 88vw) !important;
  height: auto !important;
  max-height: 224px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 24px 46px rgba(29, 29, 31, .10)) !important;
}

@media (max-width: 900px) {
  body.landing-light #plans + .grid-4 {
    width: 100% !important;
    grid-template-columns: 1fr !important;
  }

  body.landing-light .bottom-logo img {
    width: min(720px, 92vw) !important;
    max-height: 176px !important;
  }
}

/* Report page: align visual system with the main landing page */
body.landing-light #app {
  width: min(1180px, calc(100% - 44px)) !important;
  padding-top: clamp(42px, 7vw, 84px) !important;
  gap: clamp(22px, 3vw, 34px) !important;
}

body.landing-light #app .hero {
  min-height: auto !important;
  grid-template-columns: 1fr !important;
  gap: clamp(22px, 4vw, 42px) !important;
  align-items: center !important;
  text-align: center !important;
}

body.landing-light #app .hero .stack {
  justify-items: center !important;
}

body.landing-light #app .hero h1 {
  width: min(1080px, 100%) !important;
  max-width: none !important;
  margin-inline: auto !important;
  color: #1d1d1f !important;
  -webkit-text-fill-color: #1d1d1f !important;
  background: none !important;
  font-size: clamp(42px, 5.2vw, 80px) !important;
  font-weight: 740 !important;
  line-height: 1.03 !important;
  letter-spacing: -.04em !important;
  text-align: center !important;
}

body.landing-light #app .hero p {
  max-width: 760px !important;
  margin-inline: auto !important;
  color: rgba(29, 29, 31, .72) !important;
  font-size: clamp(16px, 1.35vw, 20px) !important;
  line-height: 1.48 !important;
  text-align: center !important;
}

body.landing-light #app .score-card {
  width: min(900px, 100%) !important;
  min-height: 0 !important;
  margin-inline: auto !important;
  text-align: center !important;
  justify-items: center !important;
}

body.landing-light #app .card,
body.landing-light #app .score-card,
body.landing-light #app .metric-card,
body.landing-light #app .chart-card,
body.landing-light #app .insight-card,
body.landing-light #app .action-card,
body.landing-light #app .upgrade-card,
body.landing-light #app .source-card,
body.landing-light #app .cta-card {
  border: 1px solid rgba(78, 58, 49, .26) !important;
  background:
    linear-gradient(135deg, rgba(86, 224, 199, .50), rgba(139, 166, 255, .42) 55%, rgba(255, 226, 196, .62)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .76),
    0 22px 52px rgba(38, 33, 41, .12) !important;
  backdrop-filter: blur(22px) saturate(170%) !important;
  color: #1d1d1f !important;
}

body.landing-light #app .section-title {
  display: grid !important;
  grid-template-columns: minmax(0, .9fr) minmax(260px, .8fr) !important;
  align-items: end !important;
  gap: clamp(18px, 4vw, 46px) !important;
  margin-top: clamp(24px, 5vw, 62px) !important;
}

body.landing-light #app .section-title h2,
body.landing-light #app .card h2,
body.landing-light #app .chart-card h3,
body.landing-light #app .metric-title,
body.landing-light #app .insight-card strong,
body.landing-light #app .action-card h3 {
  color: #1d1d1f !important;
  -webkit-text-fill-color: #1d1d1f !important;
}

body.landing-light #app .section-title p,
body.landing-light #app p,
body.landing-light #app .chart-note,
body.landing-light #app .metric-source,
body.landing-light #app .legend-row,
body.landing-light #app .fact-row span {
  color: rgba(29, 29, 31, .68) !important;
}

body.landing-light #app .score,
body.landing-light #app .metric-value,
body.landing-light #app .radial strong,
body.landing-light #app .donut strong {
  color: #1d1d1f !important;
  -webkit-text-fill-color: #1d1d1f !important;
}

body.landing-light #app .eyebrow,
body.landing-light #app .pill,
body.landing-light #app .status,
body.landing-light #app .list li,
body.landing-light #app .result-list li,
body.landing-light #app .explain,
body.landing-light #app .fact-row,
body.landing-light #app .count-item {
  border: 1px solid rgba(78, 58, 49, .18) !important;
  background:
    linear-gradient(135deg, rgba(86, 224, 199, .34), rgba(139, 166, 255, .26) 55%, rgba(255, 226, 196, .42)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .66),
    0 10px 24px rgba(38, 33, 41, .06) !important;
  color: rgba(29, 29, 31, .78) !important;
}

body.landing-light #app .explain b,
body.landing-light #app .fact-row b,
body.landing-light #app .bar-head b {
  color: #1d1d1f !important;
}

body.landing-light #app .explain span,
body.landing-light #app .bar-head {
  color: rgba(29, 29, 31, .66) !important;
}

body.landing-light #app .chart-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.landing-light #app .grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body.landing-light #app .insight-strip,
body.landing-light #app .action-grid,
body.landing-light #app .upgrade-grid {
  gap: 16px !important;
}

body.landing-light #app .insight-strip .insight-card {
  align-items: center !important;
  justify-items: center !important;
  text-align: center !important;
}

body.landing-light #app .insight-strip .insight-card p {
  max-width: 680px !important;
  margin-inline: auto !important;
}

body.landing-light #app .radial,
body.landing-light #app .donut {
  background:
    radial-gradient(circle at center, rgba(255, 255, 255, .88) 0 55%, transparent 56%),
    conic-gradient(from -90deg, #0066cc calc(var(--value, var(--visible, 0)) * 1%), rgba(29, 29, 31, .10) 0) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .78),
    0 20px 46px rgba(0, 102, 204, .10) !important;
}

body.landing-light #app .bar-track {
  border-color: rgba(29, 29, 31, .08) !important;
  background: rgba(29, 29, 31, .08) !important;
}

body.landing-light #app .bar-fill {
  background: linear-gradient(90deg, #7ee8d6, #9adfff 48%, #7d78ff) !important;
}

body.landing-light #app .risk-list {
  gap: 14px !important;
}

body.landing-light #app .risk-list li {
  padding: clamp(16px, 2vw, 22px) !important;
}

body.landing-light #app .risk-item {
  display: grid !important;
  gap: 10px !important;
}

body.landing-light #app .risk-item strong {
  color: #1d1d1f !important;
  font-size: clamp(18px, 1.45vw, 23px) !important;
  line-height: 1.16 !important;
  letter-spacing: -.02em !important;
}

body.landing-light #app .risk-item span,
body.landing-light #app .risk-item em {
  color: rgba(29, 29, 31, .68) !important;
  font-size: clamp(15px, 1.12vw, 17px) !important;
  line-height: 1.45 !important;
  font-style: normal !important;
}

body.landing-light #app .risk-item em {
  width: fit-content !important;
  max-width: 100% !important;
  margin-top: 2px !important;
  padding: 10px 13px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(78, 58, 49, .16) !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .38), rgba(86, 224, 199, .22) 46%, rgba(255, 226, 196, .30)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .62) !important;
}

body.landing-light #app .metric-pagespeed-unavailable .explain,
body.landing-light #app .metric-pagespeed-performance .explain,
body.landing-light #app .metric-pagespeed-seo .explain {
  background: rgba(255, 255, 255, .36) !important;
  border-color: rgba(78, 58, 49, .14) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .60) !important;
}

body.landing-light #app .metric-pagespeed-unavailable .metric-value {
  font-size: clamp(25px, 2.15vw, 34px) !important;
  line-height: 1.05 !important;
}

body.landing-light #app .metric-pagespeed-unavailable .explain span {
  overflow-wrap: anywhere !important;
}

@media (max-width: 980px) {
  body.landing-light #app {
    width: min(100% - 28px, 1180px) !important;
  }

  body.landing-light #app .section-title,
  body.landing-light #app .chart-grid,
  body.landing-light #app .two {
    grid-template-columns: 1fr !important;
  }

  body.landing-light #app .grid-4,
  body.landing-light #app .grid-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  body.landing-light #app .grid-4,
  body.landing-light #app .grid-3 {
    grid-template-columns: 1fr !important;
  }

  body.landing-light #app .hero h1 {
    font-size: clamp(34px, 9vw, 52px) !important;
  }
}

/* Deeper premium ambient background across the whole Alicia-AI site */
body.landing-light {
  background:
    radial-gradient(circle at 4% 12%, rgba(103, 224, 211, .58), transparent 34%),
    radial-gradient(circle at 34% 42%, rgba(92, 166, 255, .44), transparent 37%),
    radial-gradient(circle at 82% 18%, rgba(255, 225, 190, .78), transparent 36%),
    radial-gradient(circle at 84% 78%, rgba(151, 177, 255, .38), transparent 34%),
    linear-gradient(112deg, #d9e8f2 0%, #f3f6f8 42%, #f8eee4 100%) !important;
  background-attachment: fixed !important;
}

body.landing-light:before {
  opacity: 1 !important;
  background:
    linear-gradient(103deg,
      transparent 0 8%,
      rgba(102, 198, 255, .18) 15%,
      rgba(86, 224, 199, .56) 24%,
      rgba(255, 226, 196, .42) 34%,
      rgba(139, 166, 255, .42) 45%,
      transparent 58%),
    linear-gradient(101deg,
      transparent 0 13%,
      rgba(116, 205, 255, .30) 21%,
      rgba(91, 230, 212, .54) 29%,
      rgba(255, 218, 145, .46) 38%,
      rgba(106, 161, 255, .56) 50%,
      transparent 68%),
    linear-gradient(108deg,
      transparent 0 17%,
      rgba(117, 211, 255, .38) 26%,
      rgba(89, 226, 209, .58) 35%,
      rgba(233, 198, 120, .42) 45%,
      rgba(106, 151, 240, .58) 57%,
      transparent 76%) !important;
  filter: blur(9px) saturate(1.34) contrast(1.04) !important;
}

body.landing-light:after {
  opacity: .96 !important;
  background:
    radial-gradient(ellipse at 18% 20%, rgba(255, 255, 255, .54), transparent 28%),
    radial-gradient(ellipse at 50% 70%, rgba(93, 232, 217, .44), transparent 25%),
    radial-gradient(ellipse at 70% 64%, rgba(251, 209, 128, .38), transparent 24%),
    radial-gradient(ellipse at 88% 58%, rgba(101, 155, 255, .42), transparent 30%),
    radial-gradient(circle at 96% 92%, rgba(255, 255, 255, .82) 0 2.5%, transparent 2.7%) !important;
  filter: blur(20px) saturate(1.15) !important;
}

body.landing-light:not(.no-ai-word) .page:before,
body.landing-light:not(.no-ai-word) .wrap:before {
  color: rgba(29, 56, 87, .060) !important;
  -webkit-text-stroke: 1px rgba(29, 56, 87, .090) !important;
  text-shadow:
    0 22px 58px rgba(92, 166, 255, .16),
    0 0 1px rgba(255, 255, 255, .28) !important;
  font-size: clamp(180px, 26vw, 390px) !important;
}

/* Tariffs page: same premium system as report */
body.landing-light #tariffs-page {
  width: min(1180px, calc(100% - 44px)) !important;
  padding-top: clamp(42px, 7vw, 84px) !important;
  gap: clamp(28px, 4vw, 54px) !important;
}

body.landing-light #tariffs-page .hero {
  min-height: auto !important;
  grid-template-columns: 1fr !important;
  gap: clamp(22px, 4vw, 42px) !important;
  align-items: center !important;
  justify-items: center !important;
  text-align: center !important;
}

body.landing-light #tariffs-page .hero > div,
body.landing-light #tariffs-page .hero-card {
  width: min(980px, 100%) !important;
  max-width: none !important;
  text-align: center !important;
  justify-items: center !important;
}

body.landing-light #tariffs-page .hero h1 {
  width: min(1080px, 100%) !important;
  max-width: none !important;
  margin: 18px auto 0 !important;
  color: #1d1d1f !important;
  -webkit-text-fill-color: #1d1d1f !important;
  background: none !important;
  font-size: clamp(42px, 5.2vw, 80px) !important;
  font-weight: 740 !important;
  line-height: 1.03 !important;
  letter-spacing: -.04em !important;
  text-align: center !important;
}

body.landing-light #tariffs-page .hero p {
  max-width: 820px !important;
  margin: 18px auto 0 !important;
  color: rgba(29, 29, 31, .68) !important;
  font-size: clamp(16px, 1.35vw, 20px) !important;
  line-height: 1.48 !important;
  text-align: center !important;
}

body.landing-light #tariffs-page .hero .tariff-subtitle {
  display: block !important;
  max-width: 900px !important;
  margin: clamp(16px, 2.4vw, 26px) auto 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(29, 29, 31, .82) !important;
  font-family: var(--tm-display) !important;
  font-size: clamp(28px, 3.4vw, 52px) !important;
  font-weight: 680 !important;
  line-height: 1.08 !important;
  letter-spacing: -.035em !important;
}

body.landing-light #tariffs-page .hero > div > .tm-details {
  width: min(820px, 100%) !important;
  margin: 22px auto 0 !important;
  justify-self: center !important;
  text-align: center !important;
}

body.landing-light #tariffs-page .hero > div > .tm-details > p {
  max-width: 760px !important;
  margin-inline: auto !important;
  text-align: center !important;
}

body.landing-light #tariffs-page .hero-card,
body.landing-light #tariffs-page .plan-card,
body.landing-light #tariffs-page .card {
  border-radius: 28px !important;
  border: 1px solid rgba(78, 58, 49, .22) !important;
  background:
    linear-gradient(135deg, rgba(86, 224, 199, .50), rgba(139, 166, 255, .42) 55%, rgba(255, 226, 196, .62)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .76),
    0 22px 52px rgba(50, 42, 38, .11) !important;
  color: #1d1d1f !important;
  backdrop-filter: blur(22px) saturate(165%) !important;
}

body.landing-light #tariffs-page .hero-card {
  min-height: 0 !important;
  padding: clamp(22px, 3vw, 34px) !important;
}

body.landing-light #tariffs-page .pricing-grid {
  width: 100% !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
  align-items: stretch !important;
}

body.landing-light #tariffs-page .plan-card {
  min-height: 0 !important;
  padding: clamp(18px, 2.1vw, 24px) !important;
  display: grid !important;
  align-content: space-between !important;
  gap: 14px !important;
  border-radius: 24px !important;
}

body.landing-light #tariffs-page .plan-card.featured {
  transform: translateY(-8px) !important;
  border-color: rgba(0, 102, 204, .32) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .82),
    0 28px 64px rgba(0, 102, 204, .14) !important;
}

body.landing-light #tariffs-page .plan-topline {
  justify-content: center !important;
  flex-wrap: wrap !important;
  text-align: center !important;
}

body.landing-light #tariffs-page .plan-name {
  width: 100% !important;
  color: #1d1d1f !important;
  font-size: clamp(21px, 1.8vw, 27px) !important;
  text-align: center !important;
}

body.landing-light #tariffs-page .plan-badge,
body.landing-light #tariffs-page .eyebrow {
  margin-inline: auto !important;
  border: 1px solid rgba(78, 58, 49, .18) !important;
  background:
    linear-gradient(135deg, rgba(86, 224, 199, .34), rgba(139, 166, 255, .26) 55%, rgba(255, 226, 196, .42)) !important;
  color: rgba(29, 29, 31, .78) !important;
  font-size: 12px !important;
  padding: 6px 10px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .66) !important;
}

body.landing-light #tariffs-page .plan-price {
  justify-content: center !important;
  align-items: baseline !important;
  margin-top: 12px !important;
  color: #1d1d1f !important;
  -webkit-text-fill-color: #1d1d1f !important;
  font-size: clamp(34px, 3.6vw, 48px) !important;
  text-align: center !important;
}

body.landing-light #tariffs-page .plan-price span {
  color: rgba(29, 29, 31, .56) !important;
  font-size: 12px !important;
}

body.landing-light #tariffs-page .plan-card p,
body.landing-light #tariffs-page .card p {
  color: rgba(29, 29, 31, .68) !important;
  text-align: center !important;
  font-size: clamp(14px, 1.15vw, 16px) !important;
  line-height: 1.42 !important;
}

body.landing-light #tariffs-page .hero-list,
body.landing-light #tariffs-page .mini-list {
  width: min(760px, 100%) !important;
  margin-inline: auto !important;
}

body.landing-light #tariffs-page .plan-list {
  display: grid !important;
  gap: 7px !important;
  margin-top: 14px !important;
  padding: 0 !important;
  list-style: none !important;
}

body.landing-light #tariffs-page .plan-list li,
body.landing-light #tariffs-page .hero-list li,
body.landing-light #tariffs-page .mini-list li {
  padding: 9px 12px !important;
  border-radius: 15px !important;
  border: 1px solid rgba(78, 58, 49, .18) !important;
  background:
    linear-gradient(135deg, rgba(86, 224, 199, .34), rgba(139, 166, 255, .26) 55%, rgba(255, 226, 196, .42)) !important;
  color: rgba(29, 29, 31, .72) !important;
  font-size: clamp(14px, 1.12vw, 16px) !important;
  line-height: 1.34 !important;
  text-align: center !important;
}

body.landing-light #tariffs-page .plan-list li {
  padding-left: 12px !important;
}

body.landing-light #tariffs-page .plan-list li:before {
  content: none !important;
}

body.landing-light #tariffs-page .plan-card .tm-details {
  margin-top: 10px !important;
}

body.landing-light #tariffs-page .plan-card .tm-details summary {
  min-height: 40px !important;
  padding: 9px 12px !important;
  border-radius: 15px !important;
  font-size: 14px !important;
}

body.landing-light #tariffs-page .plan-button {
  width: 100% !important;
  min-height: 48px !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #102336 !important;
  background: linear-gradient(135deg, rgba(237, 249, 255, .96), rgba(138, 213, 255, .86)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .80),
    0 16px 36px rgba(0, 102, 204, .12) !important;
}

body.landing-light #tariffs-page .two {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

body.landing-light #tariffs-page .two .card {
  text-align: center !important;
}

@media (max-width: 980px) {
  body.landing-light #tariffs-page .pricing-grid,
  body.landing-light #tariffs-page .two {
    grid-template-columns: 1fr !important;
  }

  body.landing-light #tariffs-page .plan-card.featured {
    transform: none !important;
  }
}

@media (max-width: 640px) {
  body.landing-light #tariffs-page {
    width: min(100% - 28px, 1180px) !important;
  }

  body.landing-light #tariffs-page .hero h1 {
    font-size: clamp(34px, 9vw, 52px) !important;
  }
}