/* Public product experience */
.marketing-body {
  --marketing-ink: #16191b;
  --marketing-ink-soft: #202631;
  --marketing-blue: #216ff3;
  --marketing-blue-dark: #1555c7;
  --marketing-pink: #fa225b;
  --marketing-ice: #deeffd;
  --marketing-paper: #f7f8fc;
  --marketing-muted: #687386;
  --marketing-line: #e2e6ed;
  min-width: 320px;
  overflow-x: hidden;
  background: #fff;
  color: var(--marketing-ink);
  font-family: Inter, "IBM Plex Sans", "Segoe UI", ui-sans-serif, system-ui, sans-serif;
  font-feature-settings: "cv02", "cv03", "cv04", "cv11";
  text-rendering: optimizeLegibility;
}

.marketing-body h1,
.marketing-body h2,
.marketing-body h3 { text-wrap: balance; }
.marketing-body p { text-wrap: pretty; }
.marketing-body a { color: inherit; }
.marketing-shell { width: min(1280px, calc(100% - 48px)); margin-inline: auto; }

.marketing-header {
  position: absolute;
  z-index: 80;
  inset: 0 0 auto;
  border-bottom: 1px solid rgb(255 255 255 / 12%);
  color: #fff;
  transition: background-color .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.marketing-header.is-scrolled {
  position: fixed;
  border-color: rgb(255 255 255 / 8%);
  background: rgb(22 25 27 / 92%);
  box-shadow: 0 16px 40px rgb(4 8 16 / 18%);
  backdrop-filter: blur(18px) saturate(150%);
}
.marketing-nav-shell { display: flex; width: min(1380px, calc(100% - 48px)); min-height: 82px; margin-inline: auto; align-items: center; gap: 2rem; }
.marketing-brand { display: inline-flex; flex: 0 0 auto; align-items: center; gap: .72rem; color: inherit; text-decoration: none; }
.marketing-brand:hover { text-decoration: none; }
.marketing-brand-mark { width: 46px; height: 46px; border-radius: 13px; box-shadow: 0 10px 30px rgb(0 0 0 / 20%); }
.marketing-brand-copy { display: grid; line-height: 1; }
.marketing-brand-copy strong { font-size: 1rem; letter-spacing: -.025em; }
.marketing-brand-copy small { margin-top: .25rem; color: #aebbd0; font-size: .68rem; font-weight: 750; letter-spacing: .18em; text-transform: uppercase; }
.marketing-nav { display: flex; margin-inline: auto; align-items: center; gap: clamp(1rem, 2vw, 2.15rem); }
.marketing-nav a,
.marketing-login { position: relative; color: #d9e0ec; font-size: .88rem; font-weight: 680; text-decoration: none; }
.marketing-nav a::after { content: ""; position: absolute; inset: auto 0 -.5rem; height: 2px; transform: scaleX(0); transform-origin: left; background: var(--marketing-pink); transition: transform .2s ease; }
.marketing-nav a:hover::after { transform: scaleX(1); }
.marketing-nav-actions { display: flex; flex: 0 0 auto; align-items: center; gap: 1rem; }
.marketing-login:hover { color: #fff; text-decoration: none; }
.marketing-menu-button { display: none; width: 44px; height: 44px; place-items: center; border: 1px solid rgb(255 255 255 / 20%); border-radius: 12px; background: transparent; color: #fff; }
.marketing-menu-button span { display: block; width: 18px; height: 2px; margin: 3px auto; border-radius: 99px; background: currentColor; transition: transform .2s ease, opacity .2s ease; }

.marketing-button {
  display: inline-flex;
  min-height: 52px;
  align-items: center;
  justify-content: center;
  gap: .65rem;
  border: 1px solid transparent;
  border-radius: 14px;
  padding: .82rem 1.2rem;
  font-size: .92rem;
  font-weight: 780;
  text-decoration: none;
  transition: transform .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.marketing-button:hover { transform: translateY(-2px); text-decoration: none; }
.marketing-button-primary { border-color: var(--marketing-blue); background: var(--marketing-blue); color: #fff; box-shadow: 0 14px 38px rgb(33 111 243 / 30%); }
.marketing-button-primary:hover { border-color: #3e82f5; background: #3e82f5; box-shadow: 0 18px 45px rgb(33 111 243 / 38%); }
.marketing-button-small { min-height: 42px; border-radius: 11px; padding: .62rem .95rem; font-size: .82rem; }
.marketing-button-ghost { border-color: rgb(255 255 255 / 24%); background: rgb(255 255 255 / 5%); color: #fff; backdrop-filter: blur(8px); }
.marketing-button-ghost:hover { border-color: rgb(255 255 255 / 45%); background: rgb(255 255 255 / 10%); }
.marketing-button-outline { border-color: #cfd6e1; background: #fff; color: var(--marketing-ink); }
.marketing-button-outline:hover { border-color: var(--marketing-ink); }
.marketing-button-light { background: #fff; color: var(--marketing-ink); box-shadow: 0 16px 42px rgb(0 0 0 / 20%); }

.marketing-hero {
  position: relative;
  min-height: 890px;
  overflow: hidden;
  padding-top: 82px;
  color: #fff;
  background:
    radial-gradient(circle at 78% 28%, rgb(33 111 243 / 24%), transparent 30%),
    radial-gradient(circle at 16% 72%, rgb(250 34 91 / 10%), transparent 24%),
    linear-gradient(135deg, #111417 0%, #171b22 52%, #11151d 100%);
}
.marketing-hero::before { content: ""; position: absolute; inset: 0; opacity: .16; background-image: linear-gradient(rgb(255 255 255 / 8%) 1px, transparent 1px), linear-gradient(90deg, rgb(255 255 255 / 8%) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to bottom, black, transparent 84%); }
.marketing-hero::after { content: ""; position: absolute; width: 620px; height: 620px; top: 11%; right: -280px; border: 1px solid rgb(222 239 253 / 12%); border-radius: 50%; box-shadow: 0 0 0 90px rgb(255 255 255 / 1.7%), 0 0 0 180px rgb(255 255 255 / 1.1%); }
.marketing-hero-grid { position: relative; z-index: 2; display: grid; min-height: 730px; grid-template-columns: minmax(0, .9fr) minmax(560px, 1.1fr); align-items: center; gap: clamp(2rem, 5vw, 6rem); padding-block: 64px 100px; }
.marketing-hero-copy { position: relative; z-index: 4; }
.marketing-kicker { display: inline-flex; align-items: center; gap: .62rem; margin-bottom: 1.5rem; border: 1px solid rgb(222 239 253 / 18%); border-radius: 999px; background: rgb(255 255 255 / 5%); padding: .48rem .75rem; color: #bed0e6; font-size: .73rem; font-weight: 780; letter-spacing: .075em; text-transform: uppercase; backdrop-filter: blur(10px); }
.marketing-kicker span { width: 7px; height: 7px; border-radius: 50%; background: var(--marketing-pink); box-shadow: 0 0 0 5px rgb(250 34 91 / 14%); }
.marketing-hero h1 { max-width: 13ch; margin: 0 0 1.4rem; font-size: clamp(3.2rem, 5.6vw, 6.15rem); line-height: .96; letter-spacing: -.065em; }
.marketing-hero h1 em { color: var(--marketing-pink); font-style: normal; }
.marketing-hero-lead { max-width: 63ch; margin-bottom: 2rem; color: #c3cfde; font-size: clamp(1.02rem, 1.35vw, 1.2rem); line-height: 1.75; }
.marketing-hero-actions { display: flex; flex-wrap: wrap; gap: .75rem; }
.marketing-trust-list { display: flex; flex-wrap: wrap; gap: .8rem 1.25rem; margin: 1.6rem 0 0; padding: 0; list-style: none; color: #aab8cb; font-size: .78rem; font-weight: 620; }
.marketing-trust-list span { color: #7eb0ff; font-weight: 900; }

.marketing-product-stage { position: relative; min-height: 610px; perspective: 1400px; }
.portal-preview { position: absolute; z-index: 4; top: 50%; left: 50%; width: min(720px, 100%); overflow: hidden; border: 1px solid rgb(255 255 255 / 16%); border-radius: 22px; transform: translate(-48%, -50%) rotateY(-3deg) rotateX(1deg); background: #f7f8fb; color: var(--marketing-ink); box-shadow: 0 50px 100px rgb(0 0 0 / 42%), 0 0 0 1px rgb(255 255 255 / 5%) inset; }
.portal-preview-header { display: flex; min-height: 58px; align-items: center; justify-content: space-between; gap: 1rem; border-bottom: 1px solid #e3e8ef; background: #fff; padding: .75rem 1rem; }
.portal-preview-brand { display: grid; grid-template-columns: auto auto; align-items: center; column-gap: .55rem; }
.portal-preview-brand small { grid-column: 2; color: #8490a2; font-size: .65rem; }
.portal-preview-dot { grid-row: 1 / 3; width: 28px; height: 28px; border-radius: 9px; background: conic-gradient(from 210deg, var(--marketing-blue), var(--marketing-pink), var(--marketing-blue)); box-shadow: inset 0 0 0 7px #fff; }
.portal-live { display: inline-flex; align-items: center; gap: .45rem; border: 1px solid #cfe8dc; border-radius: 999px; background: #f0faf5; padding: .34rem .6rem; color: #167253; font-size: .68rem; font-weight: 760; }
.portal-live i { width: 6px; height: 6px; border-radius: 50%; background: #16a06f; box-shadow: 0 0 0 4px rgb(22 160 111 / 12%); animation: marketingPulse 1.8s ease-in-out infinite; }
.portal-preview-body { display: grid; grid-template-columns: .76fr 1.24fr; gap: .72rem; padding: .82rem; }
.portal-score-card,
.portal-chart-card,
.portal-action-row,
.portal-metrics { border: 1px solid #e2e6ed; border-radius: 14px; background: #fff; }
.portal-score-card { display: flex; min-height: 142px; align-items: center; gap: 1rem; padding: 1rem; }
.portal-score-ring { display: grid; flex: 0 0 auto; width: 88px; height: 88px; place-items: center; border-radius: 50%; background: conic-gradient(var(--marketing-blue) 0 82%, #e8edf5 82% 100%); }
.portal-score-ring::before { content: ""; grid-area: 1 / 1; width: 68px; height: 68px; border-radius: 50%; background: #fff; }
.portal-score-ring span { z-index: 1; grid-area: 1 / 1; text-align: center; }
.portal-score-ring strong, .portal-score-ring small { display: block; }
.portal-score-ring strong { font-size: 1.45rem; line-height: 1; }
.portal-score-ring small { color: #8390a1; font-size: .58rem; }
.portal-score-card > div:last-child { display: grid; gap: .2rem; }
.portal-score-card > div:last-child > strong { font-size: .92rem; }
.portal-score-card > div:last-child > small { color: #738095; font-size: .68rem; }
.portal-label { color: #7b8799; font-size: .65rem; }
.portal-metrics { display: grid; grid-column: 2; grid-row: 1; grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: hidden; }
.portal-metrics div { display: grid; align-content: center; gap: .28rem; padding: .85rem; border-right: 1px solid #e2e6ed; }
.portal-metrics div:last-child { border: 0; }
.portal-metrics span { color: #788599; font-size: .62rem; }
.portal-metrics strong { font-size: 1rem; }
.portal-metrics small { color: #778499; font-size: .6rem; }
.portal-metrics .metric-positive { color: #14825d; }
.portal-metrics .metric-alert { color: #c61046; }
.portal-chart-card { grid-column: 1 / -1; padding: .9rem; }
.portal-chart-heading { display: flex; align-items: flex-start; justify-content: space-between; color: #7c899c; font-size: .62rem; }
.portal-chart-heading div { display: grid; gap: .2rem; }
.portal-chart-heading strong { color: var(--marketing-ink); font-size: .85rem; }
.portal-chart-card svg { display: block; width: 100%; height: 160px; margin-top: .35rem; overflow: visible; }
.portal-chart-grid { fill: none; stroke: #edf0f4; stroke-width: 1; }
.portal-chart-area { fill: url(#hero-area); }
.portal-chart-line { fill: none; stroke: var(--marketing-blue); stroke-width: 4; stroke-linecap: round; stroke-dasharray: 1; stroke-dashoffset: 1; animation: marketingDraw 2s .45s ease forwards; }
.portal-chart-point { fill: #fff; stroke: var(--marketing-blue); stroke-width: 4; }
.portal-action-row { display: flex; grid-column: 1 / -1; align-items: center; justify-content: space-between; gap: 1rem; padding: .8rem .9rem; }
.portal-action-row > div { display: flex; min-width: 0; align-items: center; gap: .7rem; }
.portal-action-row > div > span:last-child { display: grid; min-width: 0; }
.portal-action-row strong { font-size: .73rem; }
.portal-action-row small { overflow: hidden; color: #7b8798; font-size: .6rem; text-overflow: ellipsis; white-space: nowrap; }
.portal-action-icon { display: grid; width: 32px; height: 32px; flex: 0 0 auto; place-items: center; border-radius: 10px; background: #ffe8ef; color: var(--marketing-pink); }
.portal-action-row button { border: 0; border-radius: 9px; background: var(--marketing-ink); color: #fff; padding: .55rem .72rem; font-size: .63rem; font-weight: 750; }
.portal-floating-card { position: absolute; z-index: 7; display: flex; align-items: center; gap: .65rem; border: 1px solid rgb(255 255 255 / 13%); border-radius: 13px; background: rgb(28 33 42 / 90%); box-shadow: 0 18px 45px rgb(0 0 0 / 32%); backdrop-filter: blur(16px); }
.portal-floating-card strong, .portal-floating-card small, .portal-floating-card span { display: block; }
.portal-floating-top { top: 7%; right: -2%; padding: .75rem .85rem; }
.portal-floating-top > span { color: #9eacc0; font-size: .62rem; }
.portal-floating-top strong { font-size: .72rem; }
.portal-floating-top i { color: var(--marketing-pink); font-size: 1.25rem; font-style: normal; }
.portal-floating-bottom { bottom: 5%; left: -3%; padding: .72rem .85rem; }
.portal-floating-bottom > i { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 50%; background: #197f5d; color: #fff; font-style: normal; }
.portal-floating-bottom strong { font-size: .72rem; }
.portal-floating-bottom small { margin-top: .1rem; color: #9eacc0; font-size: .6rem; }
.marketing-orbit { position: absolute; border: 1px solid rgb(255 255 255 / 8%); border-radius: 50%; }
.marketing-orbit-one { inset: 4% -8% 7% 4%; animation: marketingSpin 35s linear infinite; }
.marketing-orbit-two { inset: 17% 4% 19% -6%; border-style: dashed; animation: marketingSpin 25s linear infinite reverse; }
.marketing-signal-strip { position: absolute; z-index: 3; inset: auto 0 0; overflow: hidden; border-top: 1px solid rgb(255 255 255 / 10%); background: rgb(0 0 0 / 14%); }
.marketing-signal-strip > div { display: flex; width: max-content; min-height: 62px; align-items: center; gap: 2rem; padding-inline: 2rem; color: #aeb9c9; font-size: .72rem; font-weight: 760; letter-spacing: .08em; text-transform: uppercase; animation: marketingTicker 28s linear infinite; }
.marketing-signal-strip i { width: 5px; height: 5px; border-radius: 50%; background: var(--marketing-pink); }

.marketing-facts { border-bottom: 1px solid var(--marketing-line); background: #fff; }
.marketing-facts-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.marketing-facts-grid > div { display: grid; min-height: 136px; align-content: center; gap: .35rem; border-right: 1px solid var(--marketing-line); padding: 1.5rem 2rem; }
.marketing-facts-grid > div:first-child { border-left: 1px solid var(--marketing-line); }
.marketing-facts strong { font-size: clamp(1.45rem, 2.5vw, 2.1rem); letter-spacing: -.045em; }
.marketing-facts span { color: var(--marketing-muted); font-size: .78rem; }

.marketing-section { padding-block: clamp(5rem, 9vw, 9rem); }
.marketing-section-heading { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(300px, .72fr); align-items: end; gap: 4rem; margin-bottom: 3.4rem; }
.marketing-section-heading h2,
.verification-copy h2,
.intelligence-grid h2,
.faq-grid h2 { max-width: 15ch; margin: .5rem 0 0; font-size: clamp(2.25rem, 4.4vw, 4.6rem); line-height: 1.02; letter-spacing: -.055em; }
.marketing-section-heading > p { max-width: 58ch; margin: 0; color: var(--marketing-muted); font-size: 1rem; line-height: 1.75; }
.marketing-overline { color: var(--marketing-blue-dark); font-size: .72rem; font-weight: 820; letter-spacing: .12em; text-transform: uppercase; }
.marketing-intro-section { background: #fff; }
.benefit-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.benefit-card { position: relative; min-height: 390px; overflow: hidden; border: 1px solid var(--marketing-line); border-radius: 24px; background: #fff; padding: clamp(1.5rem, 3vw, 2.25rem); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.benefit-card:hover { transform: translateY(-5px); border-color: #cbd4e0; box-shadow: 0 25px 65px rgb(22 25 27 / 10%); }
.benefit-card-featured { background: linear-gradient(145deg, #f2f7ff, #fff 66%); }
.benefit-index { position: absolute; top: 1.8rem; right: 2rem; color: #c8d0dc; font-size: .7rem; font-weight: 800; letter-spacing: .12em; }
.benefit-icon { display: grid; width: 50px; height: 50px; place-items: center; margin-bottom: 2.2rem; border-radius: 15px; background: #f0f2f6; font-size: 1.45rem; font-weight: 800; }
.benefit-icon-blue { background: #e5efff; color: var(--marketing-blue); }
.benefit-icon-pink { background: #ffe8ef; color: var(--marketing-pink); }
.benefit-icon-ice { background: var(--marketing-ice); color: #156caa; }
.benefit-card h3 { max-width: 18ch; margin-bottom: .8rem; font-size: clamp(1.4rem, 2.4vw, 2rem); letter-spacing: -.035em; }
.benefit-card > p { max-width: 58ch; color: var(--marketing-muted); line-height: 1.7; }
.benefit-visual { margin-top: 2rem; }
.mini-crawl-visual { display: flex; position: relative; align-items: center; gap: .35rem; }
.mini-crawl-visual > span { border: 1px solid #cad8ee; border-radius: 9px; background: #fff; padding: .48rem .62rem; color: #425169; font-size: .66rem; font-weight: 720; }
.mini-crawl-visual > i { width: 18px; height: 1px; background: #b9c5d6; }
.mini-crawl-visual > b { position: absolute; right: 0; bottom: -2rem; color: #187e5c; font-size: .65rem; }
.benefit-list { display: grid; gap: .7rem; margin: 2rem 0 0; padding: 0; list-style: none; color: #4d596a; font-size: .78rem; font-weight: 650; }
.benefit-list span { display: inline-block; width: 8px; height: 8px; margin-right: .5rem; border-radius: 50%; }
.severity-high { background: var(--marketing-pink); }.severity-medium { background: #ff9e2b; }.severity-low { background: var(--marketing-blue); }
.approval-visual { display: flex; margin-top: 2.4rem; align-items: center; gap: .7rem; color: #7e8998; font-size: .7rem; font-weight: 760; }
.approval-visual span { border: 1px solid #d4dae3; border-radius: 9px; padding: .55rem .7rem; }
.approval-visual .is-done { border-color: #b5e2d1; background: #effaf5; color: #167653; }
.benefit-card-dark { border-color: #262c35; background: var(--marketing-ink); color: #fff; }
.benefit-card-dark > p { color: #acb8c8; }
.benefit-card-dark .benefit-index { color: #5e6876; }
.benefit-card-dark .benefit-icon { background: #28303b; color: #86b6ff; }
.impact-bars { display: flex; height: 96px; margin-top: 1.8rem; align-items: flex-end; gap: .7rem; }
.impact-bars span { display: flex; width: 50px; height: 100%; flex-direction: column; justify-content: flex-end; gap: .4rem; }
.impact-bars i { display: block; height: var(--bar); border-radius: 8px 8px 3px 3px; background: #465366; }
.impact-bars span:last-child i { background: linear-gradient(to top, var(--marketing-blue), #66a0ff); }
.impact-bars small { color: #909cac; font-size: .58rem; }

.workflow-section { position: relative; overflow: hidden; color: #fff; background: var(--marketing-ink); }
.workflow-section::before { content: ""; position: absolute; inset: 0; opacity: .18; background-image: radial-gradient(circle at 1px 1px, rgb(255 255 255 / 20%) 1px, transparent 0); background-size: 32px 32px; mask-image: linear-gradient(90deg, black, transparent 75%); }
.workflow-section .marketing-shell { position: relative; z-index: 1; }
.marketing-section-heading-light > p { color: #aeb9c8; }
.marketing-section-heading-light .marketing-overline { color: #7eafff; }
.workflow-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid rgb(255 255 255 / 14%); border-bottom: 1px solid rgb(255 255 255 / 14%); }
.workflow-grid article { position: relative; min-height: 330px; border-right: 1px solid rgb(255 255 255 / 14%); padding: 2rem 1.5rem; }
.workflow-grid article:first-child { border-left: 1px solid rgb(255 255 255 / 14%); }
.workflow-number { color: #748196; font-size: .67rem; font-weight: 800; letter-spacing: .14em; }
.workflow-icon { display: grid; width: 52px; height: 52px; place-items: center; margin: 2rem 0 3.3rem; border: 1px solid rgb(255 255 255 / 15%); border-radius: 16px; background: rgb(255 255 255 / 5%); color: #88b7ff; font-size: 1.5rem; }
.workflow-grid article:nth-child(3) .workflow-icon { color: var(--marketing-pink); }
.workflow-grid h3 { margin-bottom: .7rem; font-size: 1.15rem; }
.workflow-grid p { color: #aeb9c8; font-size: .82rem; line-height: 1.65; }
.workflow-grid small { position: absolute; bottom: 1.7rem; color: #738094; font-size: .65rem; font-weight: 700; text-transform: uppercase; }
.workflow-loop { display: flex; width: max-content; margin: 2.1rem auto 0; align-items: center; gap: 1rem; border: 1px solid rgb(255 255 255 / 12%); border-radius: 999px; background: rgb(255 255 255 / 4%); padding: .7rem 1rem; color: #a9b5c5; font-size: .67rem; font-weight: 760; letter-spacing: .08em; text-transform: uppercase; }
.workflow-loop i { color: var(--marketing-pink); font-style: normal; }

.verification-section { background: #f5f7fb; }
.verification-grid { display: grid; grid-template-columns: minmax(0, .83fr) minmax(520px, 1.17fr); align-items: center; gap: clamp(3rem, 8vw, 8rem); }
.verification-copy h2 { max-width: 13ch; }
.verification-copy > p { max-width: 57ch; margin: 1.3rem 0 1.7rem; color: var(--marketing-muted); line-height: 1.75; }
.verification-tabs { display: flex; flex-wrap: wrap; gap: .5rem; }
.verification-tabs button { border: 1px solid #d3d9e3; border-radius: 999px; background: #fff; padding: .55rem .85rem; color: #596577; font-size: .75rem; font-weight: 750; cursor: pointer; }
.verification-tabs button[aria-selected="true"] { border-color: var(--marketing-blue); background: var(--marketing-blue); color: #fff; }
.verification-note { display: flex; max-width: 520px; align-items: flex-start; gap: .85rem; margin-top: 2rem; border-top: 1px solid #dce1e8; padding-top: 1.2rem; }
.verification-note > span { display: grid; width: 28px; height: 28px; flex: 0 0 auto; place-items: center; border-radius: 50%; background: #e7f7f0; color: #147754; font-weight: 850; }
.verification-note p, .verification-note strong { display: block; margin: 0; }
.verification-note p { color: #6f7b8c; font-size: .74rem; line-height: 1.55; }
.verification-note strong { margin-bottom: .12rem; color: var(--marketing-ink); font-size: .78rem; }
.verification-console { overflow: hidden; border: 1px solid #303743; border-radius: 22px; background: #15191f; color: #fff; box-shadow: 0 35px 80px rgb(22 25 27 / 22%); }
.console-top { display: grid; grid-template-columns: 1fr auto 1fr; min-height: 56px; align-items: center; border-bottom: 1px solid #2c333e; padding: .75rem 1rem; }
.console-top > span { display: flex; gap: .35rem; }
.console-top i { width: 8px; height: 8px; border-radius: 50%; background: #4c5665; }
.console-top i:first-child { background: var(--marketing-pink); }.console-top i:nth-child(2) { background: #ffae35; }.console-top i:last-child { background: #36bd86; }
.console-top strong { font-size: .72rem; }.console-top small { justify-self: end; color: #707b8b; font-size: .65rem; }
.console-body { padding: clamp(1.2rem, 3vw, 2rem); }
.console-path { display: flex; justify-content: space-between; color: #8d99aa; font-size: .66rem; }
.console-path b { color: #73a7f7; font-weight: 750; }
.console-body pre { min-height: 135px; overflow: auto; border: 1px solid #323b47; border-radius: 13px; background: #0e1115; padding: 1.2rem; color: #b9d4ff; font-size: clamp(.68rem, 1vw, .8rem); line-height: 1.75; white-space: pre-wrap; }
.console-checks { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5rem; margin: 1rem 0; color: #8f9bad; font-size: .62rem; }
.console-checks span { display: flex; align-items: center; gap: .35rem; }.console-checks i { color: #44c38f; font-style: normal; }
.console-body > button { display: inline-flex; width: 100%; min-height: 46px; align-items: center; justify-content: center; gap: .55rem; border: 0; border-radius: 11px; background: var(--marketing-blue); color: #fff; font-size: .72rem; font-weight: 780; }
.console-spinner { display: inline-block; animation: marketingSpin 2.5s linear infinite; }

.intelligence-section { overflow: hidden; background: #fff; }
.intelligence-grid { display: grid; grid-template-columns: minmax(500px, 1fr) minmax(0, .85fr); align-items: center; gap: clamp(3rem, 8vw, 8rem); }
.intelligence-grid > div:last-child > p { margin: 1.3rem 0 2rem; color: var(--marketing-muted); line-height: 1.8; }
.intelligence-board { position: relative; min-height: 500px; border: 1px solid var(--marketing-line); border-radius: 28px; background: radial-gradient(circle at center, #eef5ff 0, #f8faff 32%, #fff 68%); }
.intelligence-board::before { content: ""; position: absolute; inset: 9%; border: 1px dashed #d2dbe8; border-radius: 50%; animation: marketingSpin 45s linear infinite; }
.intelligence-board svg { position: absolute; inset: 8%; width: 84%; height: 84%; fill: none; stroke: #cbd7e8; stroke-width: 1.4; stroke-dasharray: 5 7; }
.intelligence-core { position: absolute; z-index: 4; top: 50%; left: 50%; display: grid; width: 126px; height: 126px; place-items: center; align-content: center; border: 10px solid #fff; border-radius: 36px; transform: translate(-50%, -50%) rotate(45deg); background: var(--marketing-ink); color: #fff; box-shadow: 0 24px 50px rgb(22 25 27 / 22%); }
.intelligence-core span, .intelligence-core small { transform: rotate(-45deg); }.intelligence-core span { color: #83b4ff; font-size: 2rem; font-weight: 850; }.intelligence-core small { margin-top: -.2rem; color: #aeb9c9; font-size: .56rem; }
.intelligence-node { position: absolute; z-index: 3; display: flex; width: 110px; height: 78px; flex-direction: column; align-items: center; justify-content: center; gap: .35rem; border: 1px solid #dce2eb; border-radius: 18px; background: #fff; box-shadow: 0 14px 32px rgb(22 25 27 / 9%); color: #667286; font-size: .66rem; font-weight: 740; }
.intelligence-node i { color: var(--marketing-blue); font-size: 1.2rem; font-style: normal; }.node-two i { color: var(--marketing-pink); }
.node-one { top: 9%; left: 8%; }.node-two { top: 8%; right: 7%; }.node-three { bottom: 8%; left: 7%; }.node-four { right: 7%; bottom: 8%; }
.intelligence-list { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.intelligence-list li { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: .7rem; border-top: 1px solid var(--marketing-line); padding: 1rem 0; }
.intelligence-list > li > span { color: var(--marketing-blue); font-size: .66rem; font-weight: 800; }
.intelligence-list div { display: grid; gap: .2rem; }.intelligence-list strong { font-size: .84rem; }.intelligence-list small { color: var(--marketing-muted); font-size: .73rem; line-height: 1.55; }

.pricing-section { background: #f5f7fb; }
.pricing-heading h2 { max-width: 16ch; }
.pricing-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; gap: 1rem; }
.pricing-card { position: relative; display: flex; min-width: 0; flex-direction: column; border: 1px solid #dde2e9; border-radius: 24px; background: #fff; padding: 2rem; box-shadow: 0 12px 35px rgb(22 25 27 / 4%); }
.pricing-card-recommended { border: 2px solid var(--marketing-blue); box-shadow: 0 22px 60px rgb(33 111 243 / 15%); }
.pricing-recommendation { position: absolute; top: -14px; left: 50%; width: max-content; transform: translateX(-50%); border-radius: 999px; background: var(--marketing-blue); color: #fff; padding: .42rem .8rem; font-size: .64rem; font-weight: 820; letter-spacing: .04em; text-transform: uppercase; }
.pricing-card-top > span { color: var(--marketing-blue-dark); font-size: .66rem; font-weight: 800; text-transform: uppercase; }
.pricing-card h3 { margin: .65rem 0 .75rem; font-size: 1.55rem; letter-spacing: -.035em; }
.pricing-card-top p { min-height: 76px; margin-bottom: 1rem; color: var(--marketing-muted); font-size: .78rem; line-height: 1.65; }
.pricing-price { display: flex; align-items: center; gap: .55rem; margin: .7rem 0 1.4rem; }
.pricing-price > strong { font-size: 3.25rem; line-height: 1; letter-spacing: -.065em; }
.pricing-price > span { display: grid; color: #7a8697; font-size: .7rem; }.pricing-price b { color: var(--marketing-ink); }
.pricing-card .marketing-button { width: 100%; }
.pricing-card ul { display: grid; gap: .72rem; margin: 1.6rem 0 0; padding: 1.4rem 0 0; border-top: 1px solid var(--marketing-line); list-style: none; color: #536073; font-size: .75rem; }
.pricing-card li { display: flex; gap: .55rem; }.pricing-card li span { color: #157b59; font-weight: 900; }
.pricing-footnote { margin: 1.4rem 0 0; color: #7c8797; font-size: .7rem; text-align: center; }
.marketing-empty-pricing { border: 1px solid var(--marketing-line); border-radius: 22px; background: #fff; padding: 2rem; text-align: center; }.marketing-empty-pricing p { margin: .4rem 0 0; color: var(--marketing-muted); }

.faq-section { background: #fff; }
.faq-grid { display: grid; grid-template-columns: minmax(300px, .72fr) minmax(0, 1.28fr); align-items: start; gap: clamp(3rem, 8vw, 8rem); }
.faq-grid > div:first-child > p { max-width: 48ch; margin-top: 1.2rem; color: var(--marketing-muted); line-height: 1.75; }
.faq-list { border-top: 1px solid var(--marketing-line); }
.faq-list details { border-bottom: 1px solid var(--marketing-line); }
.faq-list summary { display: flex; min-height: 76px; align-items: center; justify-content: space-between; gap: 1rem; cursor: pointer; font-size: .92rem; font-weight: 760; list-style: none; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary span { display: grid; width: 30px; height: 30px; flex: 0 0 auto; place-items: center; border: 1px solid #d6dce5; border-radius: 50%; color: var(--marketing-blue); transition: transform .2s ease; }
.faq-list details[open] summary span { transform: rotate(45deg); }
.faq-list details p { max-width: 68ch; margin: -.3rem 0 1.5rem; color: var(--marketing-muted); font-size: .8rem; line-height: 1.75; }

.marketing-final-cta { padding: 0 24px 24px; background: #fff; }
.marketing-final-card { position: relative; display: grid; overflow: hidden; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 3rem; border-radius: 28px; background: var(--marketing-blue); color: #fff; padding: clamp(2rem, 5vw, 4.5rem); box-shadow: 0 30px 80px rgb(33 111 243 / 22%); }
.marketing-final-card::before { content: ""; position: absolute; width: 360px; height: 360px; top: -190px; right: 20%; border: 1px solid rgb(255 255 255 / 18%); border-radius: 50%; box-shadow: 0 0 0 60px rgb(255 255 255 / 5%), 0 0 0 120px rgb(255 255 255 / 3%); }
.marketing-final-card > * { position: relative; z-index: 1; }
.marketing-final-card .marketing-overline { color: #d7e6ff; }
.marketing-final-card h2 { max-width: 18ch; margin: .6rem 0 .8rem; font-size: clamp(2rem, 4vw, 4rem); line-height: 1; letter-spacing: -.05em; }
.marketing-final-card p { margin: 0; color: #d8e7ff; }
.marketing-final-card > div:last-child { display: grid; justify-items: center; gap: .8rem; }.marketing-final-card small { color: #d7e5fb; font-size: .65rem; }

.marketing-footer { margin-top: 5rem; color: #d5ddea; background: var(--marketing-ink); padding: 4.5rem 24px 1.5rem; }
.marketing-footer-grid { display: grid; width: min(1280px, 100%); grid-template-columns: minmax(280px, 1.6fr) repeat(3, minmax(130px, .65fr)); gap: 3rem; margin-inline: auto; }
.marketing-brand-footer { color: #fff; }.marketing-footer-grid > div { display: flex; flex-direction: column; align-items: flex-start; gap: .7rem; }.marketing-footer-grid > div:first-child p { max-width: 38ch; color: #91a0b4; font-size: .78rem; line-height: 1.7; }
.marketing-footer-grid > div > strong { margin-bottom: .45rem; color: #fff; font-size: .75rem; }.marketing-footer-grid a:not(.marketing-brand) { color: #9eacbf; font-size: .72rem; text-decoration: none; }.marketing-footer-grid a:hover { color: #fff; }
.marketing-footer-bottom { display: flex; width: min(1280px, 100%); justify-content: space-between; gap: 1rem; margin: 3rem auto 0; border-top: 1px solid rgb(255 255 255 / 10%); padding-top: 1.3rem; color: #718095; font-size: .65rem; }

/* Authentication receives the same visual system. */
.auth-body-premium .auth-brand { background: radial-gradient(circle at 85% 20%, rgb(33 111 243 / 27%), transparent 28%), linear-gradient(145deg, #111417, #1b2028); }
.auth-body-premium .auth-brand::before { content: ""; position: absolute; inset: 0; opacity: .14; background-image: linear-gradient(rgb(255 255 255 / 9%) 1px, transparent 1px), linear-gradient(90deg, rgb(255 255 255 / 9%) 1px, transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(to bottom right, black, transparent 80%); }
.auth-product-brand { display: inline-flex; align-items: center; gap: .8rem; margin-bottom: clamp(3rem, 8vh, 6rem); color: #fff; text-decoration: none; }
.auth-product-brand > span:last-child { display: grid; line-height: 1; }.auth-product-brand strong { font-size: 1.05rem; }.auth-product-brand small { margin-top: .28rem; color: #9eacc0; font-size: .68rem; font-weight: 760; letter-spacing: .16em; text-transform: uppercase; }
.auth-body-premium .auth-eyebrow { color: #82b2ff; }
.auth-body-premium .auth-brand h1 { max-width: 11ch; font-size: clamp(2.6rem, 5vw, 5.1rem); line-height: .98; letter-spacing: -.06em; }
.auth-body-premium .auth-brand > div > p:not(.eyebrow) { max-width: 58ch; font-size: 1rem; line-height: 1.75; }
.auth-security-line { display: flex; align-items: center; gap: .55rem; font-size: .72rem; }.auth-security-line span { color: #43c690; font-size: .55rem; }
.auth-card-wide { width: min(540px, 100%); }
.auth-back-link { display: inline-block; margin-bottom: 1.3rem; color: var(--slate-600); font-size: .76rem; font-weight: 700; text-decoration: none; }
.auth-back-link:hover { color: var(--blue-750); }
.auth-plan-field { border: 1px solid #c9dcfb; border-radius: 14px; background: #f3f7ff; padding: .9rem; }
.auth-consents { display: grid; gap: .7rem; border-top: 1px solid var(--line-200); padding-top: 1rem; }

.marketing-ready [data-reveal] { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s cubic-bezier(.22,1,.36,1); transition-delay: var(--reveal-delay, 0ms); }
.marketing-ready [data-reveal].is-visible { opacity: 1; transform: none; }

@keyframes marketingPulse { 0%,100% { opacity: .55; transform: scale(.85); } 50% { opacity: 1; transform: scale(1.08); } }
@keyframes marketingDraw { to { stroke-dashoffset: 0; } }
@keyframes marketingSpin { to { transform: rotate(360deg); } }
@keyframes marketingTicker { to { transform: translateX(-50%); } }

@media (max-width: 1120px) {
  .marketing-nav { gap: 1rem; }.marketing-nav a { font-size: .8rem; }
  .marketing-hero-grid { grid-template-columns: minmax(0, .82fr) minmax(500px, 1.18fr); gap: 2rem; }
  .portal-preview { transform: translate(-50%, -50%) scale(.9); }
  .marketing-section-heading { gap: 2rem; }
  .verification-grid, .intelligence-grid { gap: 3rem; }
}

@media (max-width: 960px) {
  .marketing-nav-shell { width: min(100% - 32px, 1280px); }
  .marketing-nav-actions { margin-left: auto; }.marketing-nav-actions .marketing-login { display: none; }.marketing-nav-actions .marketing-button { display: none; }
  .marketing-menu-button { display: block; }
  .marketing-nav { position: absolute; top: 74px; right: 16px; left: 16px; display: grid; visibility: hidden; transform: translateY(-8px); border: 1px solid rgb(255 255 255 / 12%); border-radius: 16px; background: rgb(22 25 27 / 97%); padding: 1rem; opacity: 0; box-shadow: 0 24px 60px rgb(0 0 0 / 28%); transition: opacity .2s ease, transform .2s ease, visibility .2s; backdrop-filter: blur(20px); }
  .marketing-header.menu-open .marketing-nav { visibility: visible; transform: none; opacity: 1; }
  .marketing-header.menu-open .marketing-menu-button span:first-child { transform: translateY(5px) rotate(45deg); }.marketing-header.menu-open .marketing-menu-button span:nth-child(2) { opacity: 0; }.marketing-header.menu-open .marketing-menu-button span:last-child { transform: translateY(-5px) rotate(-45deg); }
  .marketing-nav a { padding: .7rem; font-size: .9rem; }
  .marketing-hero { min-height: auto; }
  .marketing-hero-grid { min-height: auto; grid-template-columns: 1fr; padding-block: 90px 110px; }
  .marketing-hero-copy { max-width: 720px; }
  .marketing-product-stage { min-height: 640px; }
  .portal-preview { width: min(760px, 96%); transform: translate(-50%, -50%); }
  .marketing-section-heading { grid-template-columns: 1fr; align-items: start; }
  .workflow-grid { grid-template-columns: repeat(2, 1fr); }.workflow-grid article:nth-child(2) { border-right: 1px solid rgb(255 255 255 / 14%); }.workflow-grid article:nth-child(-n+2) { border-bottom: 1px solid rgb(255 255 255 / 14%); }
  .verification-grid, .intelligence-grid, .faq-grid { grid-template-columns: 1fr; }
  .verification-copy h2, .intelligence-grid h2, .faq-grid h2 { max-width: 18ch; }
  .verification-console { width: min(720px, 100%); }
  .intelligence-board { width: min(680px, 100%); }
  .pricing-grid { grid-template-columns: 1fr; max-width: 680px; margin-inline: auto; }.pricing-card-top p { min-height: auto; }
  .marketing-final-card { grid-template-columns: 1fr; }
  .marketing-final-card > div:last-child { justify-items: start; }
  .marketing-footer-grid { grid-template-columns: 1.5fr repeat(2, 1fr); }.marketing-footer-grid > div:last-child { grid-column: 2; }
}

@media (max-width: 700px) {
  .marketing-shell { width: min(100% - 32px, 1280px); }
  .marketing-nav-shell { min-height: 72px; }
  .marketing-brand-mark { width: 42px; height: 42px; }.marketing-brand-copy strong { font-size: .9rem; }
  .marketing-hero { padding-top: 72px; }
  .marketing-hero-grid { padding-block: 68px 96px; }
  .marketing-hero h1 { font-size: clamp(2.75rem, 13vw, 4.2rem); }
  .marketing-hero-lead { font-size: .96rem; }
  .marketing-hero-actions { display: grid; }.marketing-hero-actions .marketing-button { width: 100%; }
  .marketing-trust-list { display: grid; gap: .55rem; }
  .marketing-product-stage { min-height: 525px; margin-inline: -16px; }
  .portal-preview { width: 720px; left: 0; transform: translate(-7%, -50%) scale(.7); transform-origin: left center; }
  .portal-floating-top { right: 2%; }.portal-floating-bottom { left: 3%; }
  .marketing-facts-grid { grid-template-columns: repeat(2, 1fr); }.marketing-facts-grid > div { min-height: 110px; border-bottom: 1px solid var(--marketing-line); padding: 1rem; }.marketing-facts-grid > div:nth-child(odd) { border-left: 1px solid var(--marketing-line); }
  .marketing-section { padding-block: 5rem; }
  .marketing-section-heading { margin-bottom: 2rem; }
  .marketing-section-heading h2, .verification-copy h2, .intelligence-grid h2, .faq-grid h2 { font-size: clamp(2.2rem, 11vw, 3.5rem); }
  .benefit-grid { grid-template-columns: 1fr; }.benefit-card { min-height: 350px; }
  .workflow-grid { grid-template-columns: 1fr; }.workflow-grid article { min-height: 280px; border-left: 1px solid rgb(255 255 255 / 14%); border-bottom: 1px solid rgb(255 255 255 / 14%); }.workflow-grid article:last-child { border-bottom: 0; }.workflow-grid article:nth-child(2) { border-bottom: 1px solid rgb(255 255 255 / 14%); }
  .workflow-icon { margin-bottom: 2rem; }.workflow-loop { display: none; }
  .verification-grid { gap: 2.5rem; }.verification-tabs { display: grid; grid-template-columns: repeat(3, 1fr); }.verification-tabs button { padding-inline: .35rem; font-size: .68rem; }
  .console-checks { grid-template-columns: 1fr; }
  .intelligence-board { min-height: 420px; }.intelligence-node { width: 88px; height: 66px; }.intelligence-core { width: 106px; height: 106px; }
  .pricing-card { padding: 1.5rem; }
  .faq-list summary { font-size: .84rem; }
  .marketing-final-cta { padding-inline: 12px; }.marketing-final-card { padding: 2rem; }.marketing-final-card > div:last-child { width: 100%; }.marketing-final-card .marketing-button { width: 100%; }
  .marketing-footer { padding-inline: 16px; }.marketing-footer-grid { grid-template-columns: 1fr 1fr; }.marketing-footer-grid > div:first-child { grid-column: 1 / -1; }.marketing-footer-grid > div:last-child { grid-column: auto; }.marketing-footer-bottom { flex-direction: column; }
  .auth-body-premium .auth-brand { padding-bottom: 2rem; }.auth-product-brand { margin-bottom: 2.5rem; }.auth-body-premium .auth-brand h1 { font-size: 2.7rem; }.auth-body-premium .auth-main { padding-inline: 1rem; }
}

@media (max-width: 430px) {
  .marketing-brand-copy strong { font-size: .78rem; }
  .marketing-brand-copy small { font-size: .54rem; letter-spacing: .12em; }
  .marketing-product-stage { min-height: 455px; }
  .portal-preview { transform: translate(-8%, -50%) scale(.61); }
  .portal-floating-card { transform: scale(.88); }.portal-floating-top { transform-origin: right top; }.portal-floating-bottom { transform-origin: left bottom; }
  .mini-crawl-visual > span:nth-of-type(3), .mini-crawl-visual > i:nth-of-type(2) { display: none; }
  .approval-visual { gap: .35rem; }.approval-visual span { padding-inline: .5rem; }
  .intelligence-board { min-height: 360px; }.intelligence-node { width: 76px; height: 60px; }.intelligence-core { width: 92px; height: 92px; }.node-one { left: 4%; }.node-two { right: 4%; }.node-three { left: 4%; }.node-four { right: 4%; }
}

@media (prefers-reduced-motion: reduce) {
  .marketing-signal-strip > div,
  .marketing-orbit,
  .portal-live i,
  .portal-chart-line,
  .intelligence-board::before,
  .console-spinner { animation: none !important; }
  .portal-chart-line { stroke-dashoffset: 0; }
  .marketing-ready [data-reveal] { opacity: 1; transform: none; }
}