.beta-hero { position: relative; overflow: hidden; padding: 168px 0 78px; background: linear-gradient(135deg, var(--cream) 0%, #fff 58%, #eee9fa 100%); }
.beta-hero::before, .beta-hero::after { position: absolute; border: 1px solid rgba(110, 97, 168, 0.18); border-radius: 999px; content: ""; pointer-events: none; }
.beta-hero::before, .beta-hero::after { display: none; }
.beta-hero-grid { position: relative; z-index: 1; display: grid; gap: 48px; align-items: center; grid-template-columns: minmax(0, 0.84fr) minmax(0, 1fr); }
.beta-hero h1 { max-width: 760px; font-size: clamp(3rem, 5.4vw, 4.6rem); }
.beta-lead { max-width: 640px; color: var(--muted); font-size: 1.125rem; line-height: 1.75; }
.beta-access-link { margin: 24px 0 0; color: var(--muted); font-size: 0.9rem; }
.beta-access-link a { color: var(--brand-navy); font-weight: 700; text-decoration: none; }

.cohort-console { position: relative; overflow: hidden; padding: 22px; background: rgba(255, 255, 255, 0.86); border: 1px solid rgba(220, 214, 238, 0.9); border-radius: 22px; box-shadow: 0 32px 80px rgba(22, 19, 58, 0.14); backdrop-filter: blur(18px); }
.cohort-console::before { position: absolute; inset: auto -28px -42px auto; width: 170px; height: 170px; background: radial-gradient(circle, rgba(110, 97, 168, 0.3), transparent 70%); content: ""; }
.console-toolbar { display: flex; gap: 8px; align-items: center; color: var(--muted); font-size: 0.76rem; }
.console-toolbar span { width: 10px; height: 10px; background: #d7a23e; border-radius: 50%; }
.console-toolbar span:nth-child(2) { background: #b9a8ec; }
.console-toolbar span:nth-child(3) { background: #8bb99d; }
.console-toolbar strong { margin-left: auto; color: var(--brand-navy); font-weight: 700; }
.console-metric { margin-top: 28px; padding: 28px; background: var(--brand-navy); border-radius: 18px; }
.console-metric span, .console-metric small { display: block; color: #cfc9ee; }
.console-metric strong { display: block; margin: 8px 0; color: white; font-family: var(--font-display); font-size: 4rem; line-height: 1; }
.console-agent-list { display: grid; margin-top: 18px; gap: 12px; }
.console-agent-list article { display: grid; padding: 16px; gap: 14px; align-items: center; background: white; border: 1px solid var(--line); border-radius: 14px; grid-template-columns: 42px 1fr; animation: beta-card-float 7s ease-in-out infinite; }
.console-agent-list article:nth-child(2) { animation-delay: 0.7s; }
.console-agent-list article:nth-child(3) { animation-delay: 1.4s; }
.console-agent-list span { display: grid; width: 34px; height: 34px; color: white; background: var(--brand-violet); border-radius: 10px; place-items: center; font-size: 0.74rem; font-weight: 800; }
.console-agent-list strong, .console-agent-list small { display: block; }
.console-agent-list small { color: var(--muted); }
.console-pulse { position: absolute; right: 28px; bottom: 28px; width: 12px; height: 12px; background: #d7a23e; border-radius: 50%; box-shadow: 0 0 0 0 rgba(215, 162, 62, 0.45); animation: beta-pulse 2.2s ease-out infinite; }
.cohort-platform-preview { --cohort-x: 0px; --cohort-y: 0px; --cohort-progress: 0; padding: 18px; color: var(--ink); background: rgba(255, 255, 255, 0.9); transform-style: preserve-3d; }
.cohort-platform-preview::after { position: absolute; inset: 0; background: linear-gradient(120deg, transparent 0%, rgba(255, 255, 255, 0.46) 46%, transparent 70%); content: ""; opacity: 0; pointer-events: none; transform: translateX(-100%); transition: opacity 0.2s ease; }
.cohort-platform-preview:hover::after { opacity: 1; animation: cohort-panel-sheen 1.4s ease; }
.cohort-live-status { position: relative; z-index: 2; display: flex; min-height: 40px; margin-top: 16px; padding: 0 12px; gap: 9px; align-items: center; color: var(--brand-navy); background: #f8f7fe; border: 1px solid var(--line); border-radius: 13px; font-size: 0.72rem; font-weight: 800; }
.cohort-live-status span { width: 9px; height: 9px; background: #2495e8; border-radius: 999px; box-shadow: 0 0 0 0 rgba(36, 149, 232, 0.42); animation: cohort-live-pulse 2s ease-out infinite; }
.cohort-live-status em { margin-left: auto; color: var(--brand-violet); font-style: normal; }
.cohort-workflow-canvas { position: relative; display: grid; min-height: 278px; margin-top: 12px; padding: 18px; gap: 14px; overflow: hidden; background: radial-gradient(circle at calc(18% + var(--cohort-x) * 0.2) calc(20% + var(--cohort-y) * 0.2), rgba(187, 39, 112, 0.24), transparent 32%), radial-gradient(circle at calc(82% - var(--cohort-x) * 0.2) calc(18% - var(--cohort-y) * 0.2), rgba(37, 42, 120, 0.25), transparent 34%), linear-gradient(rgba(255, 255, 255, 0.055) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.055) 1px, transparent 1px), #1d1b57; background-size: auto, auto, 34px 34px, 34px 34px; border-radius: 18px; grid-template-columns: repeat(2, minmax(0, 1fr)); transform: translate3d(calc(var(--cohort-x) * 0.08), calc(var(--cohort-y) * 0.08), 0); transition: transform 0.18s linear; }
.cohort-workflow-canvas::before { position: absolute; inset: 0; background: linear-gradient(115deg, transparent, rgba(255, 255, 255, 0.12), transparent); content: ""; transform: translateX(-120%); animation: cohort-canvas-scan 6s ease-in-out infinite; }
.cohort-workflow-line { position: absolute; top: 50%; right: 44px; left: 44px; height: 2px; background: linear-gradient(90deg, rgba(255, 255, 255, 0.18), rgba(36, 149, 232, 0.9), rgba(255, 255, 255, 0.18)); transform: translateY(-50%); }
.cohort-workflow-line::after { position: absolute; inset: -2px 0; width: 34%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.9), transparent); content: ""; animation: cohort-line-scan 3.8s ease-in-out infinite; }
.cohort-workflow-progress { position: absolute; z-index: 1; top: 50%; left: 44px; width: calc((100% - 88px) * var(--cohort-progress, 0)); height: 4px; background: linear-gradient(90deg, #2ba4f3, #2495e8, #f0a12f); border-radius: 999px; box-shadow: 0 0 22px rgba(36, 149, 232, 0.48); transform: translateY(-50%); transition: width 0.58s cubic-bezier(0.22, 1, 0.36, 1); }
.cohort-workflow-node { position: relative; z-index: 2; display: flex; min-height: 108px; padding: 15px; background: rgba(255, 255, 255, 0.95); border: 1px solid rgba(231, 225, 247, 0.9); border-radius: 16px; box-shadow: 0 16px 42px rgba(6, 3, 35, 0.2); flex-direction: column; transform: translate3d(0, 0, 0); transition: border-color 0.24s ease, box-shadow 0.24s ease, opacity 0.24s ease, transform 0.24s cubic-bezier(0.22, 1, 0.36, 1); animation: beta-card-float 7s ease-in-out infinite; cursor: pointer; }
.cohort-workflow-node:nth-of-type(3) { animation-delay: 0.4s; }
.cohort-workflow-node:nth-of-type(4) { animation-delay: 0.8s; }
.cohort-workflow-node:nth-of-type(5) { animation-delay: 1.2s; }
.cohort-workflow-node:hover, .cohort-workflow-node.is-active { border-color: rgba(36, 149, 232, 0.72); box-shadow: 0 24px 58px rgba(6, 3, 35, 0.28), 0 0 0 3px rgba(36, 149, 232, 0.18); transform: translateY(-7px) scale(1.015); }
.cohort-workflow-canvas:has(.cohort-workflow-node:hover) .cohort-workflow-node:not(:hover) { opacity: 0.58; }
.cohort-workflow-node span { display: grid; width: 34px; height: 34px; margin-bottom: 16px; color: white; background: var(--brand-violet); border-radius: 10px; place-items: center; font-size: 0.72rem; font-weight: 800; transition: background 0.24s ease, transform 0.24s ease; }
.cohort-workflow-node.is-active span { background: #2495e8; transform: rotate(-5deg) scale(1.06); }
.cohort-workflow-node strong { color: var(--brand-navy); font-size: 0.92rem; line-height: 1.2; }
.cohort-workflow-node small { margin-top: auto; color: var(--muted); font-size: 0.72rem; font-weight: 700; line-height: 1.35; }
.cohort-floating-chip { position: absolute; z-index: 3; display: inline-flex; min-height: 30px; padding: 0 10px; align-items: center; color: var(--brand-navy); background: rgba(255, 255, 255, 0.92); border: 1px solid rgba(231, 225, 247, 0.9); border-radius: 999px; box-shadow: 0 14px 32px rgba(6, 3, 35, 0.2); font-size: 0.66rem; font-weight: 850; animation: cohort-chip-drift 6.5s ease-in-out infinite; }
.cohort-floating-chip::before { width: 7px; height: 7px; margin-right: 7px; background: #2495e8; border-radius: 999px; content: ""; }
.cohort-floating-chip-one { top: 12px; right: 14px; }
.cohort-floating-chip-two { bottom: 14px; left: 18px; animation-delay: 1.1s; }
.cohort-floating-chip-two::before { background: #f0a12f; }
.cohort-review-panel { display: grid; gap: 8px; margin-top: 12px; transform: translate3d(calc(var(--cohort-x) * -0.04), calc(var(--cohort-y) * -0.04), 0); transition: transform 0.18s linear; }
.cohort-review-panel div { display: flex; min-height: 44px; padding: 0 14px; gap: 16px; align-items: center; justify-content: space-between; background: white; border: 1px solid var(--line); border-radius: 13px; transition: background 0.24s ease, border-color 0.24s ease, box-shadow 0.24s ease, transform 0.24s ease; }
.cohort-review-panel div.is-active { background: #eef6ff; border-color: rgba(36, 149, 232, 0.42); box-shadow: 0 12px 30px rgba(22, 19, 58, 0.08); transform: translateX(5px); }
.cohort-review-panel span { color: var(--muted); font-size: 0.68rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; }
.cohort-review-panel strong { color: var(--brand-navy); font-size: 0.82rem; text-align: right; }
.cohort-feedback-strip { display: flex; margin-top: 12px; gap: 8px; flex-wrap: wrap; }
.cohort-feedback-strip span { display: inline-flex; min-height: 30px; padding: 0 10px; align-items: center; color: #1f5fa8; background: #edf6ff; border: 1px solid rgba(36, 149, 232, 0.3); border-radius: 999px; font-size: 0.68rem; font-weight: 800; transition: background 0.24s ease, color 0.24s ease, transform 0.24s ease; }
.cohort-feedback-strip span.is-active { color: white; background: var(--brand-navy); border-color: var(--brand-navy); transform: translateY(-2px); }

.cohort-dashboard-preview { display: grid; overflow: hidden; min-height: 500px; background: #f8f8fb; border: 1px solid rgba(220, 214, 238, 0.96); border-radius: 18px; box-shadow: 0 28px 70px rgba(22, 19, 58, 0.13); grid-template-columns: minmax(148px, 0.32fr) minmax(0, 1fr); }
.cohort-dashboard-sidebar { display: flex; padding: 22px 18px; color: #d4cdf4; background: linear-gradient(180deg, #1f1064, #0d0637); flex-direction: column; }
.cohort-dashboard-brand { display: inline-flex; min-height: 54px; margin-bottom: 38px; padding: 14px; align-items: center; color: white; background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 12px; font-family: var(--font-display); line-height: 1.02; }
.cohort-dashboard-sidebar > span { color: #beb5ef; font-size: 0.66rem; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; }
.cohort-dashboard-sidebar > strong { margin: 4px 0 28px; color: white; font-size: 0.98rem; }
.cohort-dashboard-sidebar nav { display: grid; gap: 10px; margin-top: 8px; }
.cohort-dashboard-sidebar nav span { padding: 12px 12px; border-radius: 10px; font-size: 0.72rem; }
.cohort-dashboard-sidebar nav span.is-active { color: white; background: #082a78; }
.cohort-dashboard-main { min-width: 0; padding: 22px; }
.cohort-dashboard-heading { display: flex; gap: 18px; align-items: start; justify-content: space-between; }
.cohort-dashboard-heading strong { color: var(--brand-navy); font-size: 0.92rem; }
.cohort-dashboard-heading p { margin: 8px 0 0; font-size: 0.8rem; }
.cohort-dashboard-heading > span { display: grid; width: 34px; height: 34px; color: white; background: #aaaab0; border-radius: 8px; place-items: center; }
.cohort-dashboard-body { display: grid; margin-top: 18px; gap: 18px; grid-template-columns: minmax(168px, 0.74fr) minmax(0, 1.26fr); }
.cohort-filter-panel, .cohort-risk-chart-card { background: white; border: 1px solid var(--line); border-radius: 18px; box-shadow: 0 14px 34px rgba(22, 19, 58, 0.06); }
.cohort-filter-panel { padding: 18px; }
.cohort-filter-panel > strong, .cohort-risk-key strong { display: block; color: var(--brand-navy); font-size: 0.72rem; letter-spacing: 0.08em; text-transform: uppercase; }
.cohort-filter-panel label { display: block; margin-top: 15px; color: #7a63de; font-size: 0.72rem; font-weight: 800; }
.cohort-filter-panel label span { display: block; margin-top: 7px; padding: 10px 12px; color: #454150; background: #fbfbfd; border: 1px solid #cfcbdc; border-radius: 999px; font-size: 0.82rem; font-weight: 600; }
.cohort-filter-panel button { width: 100%; min-height: 40px; margin-top: 18px; color: white; background: linear-gradient(90deg, #547be8, #c23ab5); border: 0; border-radius: 999px; font-size: 0.78rem; font-weight: 800; }
.cohort-risk-key { display: grid; margin-top: 20px; gap: 9px; }
.cohort-risk-key span, .cohort-risk-legend span { display: flex; gap: 8px; align-items: center; color: #4c4857; font-size: 0.72rem; font-weight: 700; }
.cohort-risk-key i, .cohort-risk-legend i { display: inline-block; width: 12px; height: 12px; border-radius: 4px; flex: 0 0 auto; }
.risk-one { background: #32ca72; }
.risk-two { background: #d7d858; }
.risk-three { background: #f7aa3d; }
.risk-four { background: #ed6b4f; }
.risk-five { background: #df2229; }
.risk-pending { background: #bdbdc0; }
.cohort-risk-chart-card { display: grid; min-width: 0; padding: 24px; place-items: center; }
.cohort-risk-donut { display: grid; width: min(100%, 270px); aspect-ratio: 1; background: conic-gradient(#32ca72 0deg 90deg, transparent 90deg 96deg, #d7d858 96deg 168deg, transparent 168deg 174deg, #f7aa3d 174deg 228deg, transparent 228deg 234deg, #ed6b4f 234deg 270deg, transparent 270deg 276deg, #df2229 276deg 294deg, transparent 294deg 300deg, #bdbdc0 300deg 360deg); border-radius: 50%; place-items: center; }
.cohort-risk-donut::before { width: 58%; aspect-ratio: 1; background: white; border-radius: 50%; content: ""; grid-area: 1 / 1; }
.cohort-risk-donut div { z-index: 1; display: grid; color: #4a4a50; grid-area: 1 / 1; place-items: center; text-align: center; }
.cohort-risk-donut strong { font-size: 0.78rem; }
.cohort-risk-donut span { color: #34323c; font-size: 1.85rem; font-weight: 800; line-height: 1.1; }
.cohort-risk-legend { display: flex; margin-top: 24px; gap: 12px; justify-content: center; flex-wrap: wrap; }

.beta-proof { padding: 0 0 76px; background: linear-gradient(180deg, #fff 0%, var(--cream) 100%); }
.beta-proof-grid { display: grid; overflow: hidden; margin-top: 0; background: white; border: 1px solid var(--line); border-radius: 16px; box-shadow: 0 24px 55px rgba(22, 19, 58, 0.08); grid-template-columns: repeat(3, 1fr); }
.beta-proof-grid article { position: relative; min-height: 180px; padding: 34px 28px; transition: background 0.24s ease, transform 0.24s ease; }
.beta-proof-grid article:hover { background: #fbfaff; transform: translateY(-3px); }
.beta-proof-grid article::after { position: absolute; right: 28px; bottom: 24px; width: 9px; height: 9px; background: #b9a8ec; border-radius: 999px; content: ""; box-shadow: 0 0 0 0 rgba(185, 168, 236, 0.38); animation: cohort-live-pulse 2.8s ease-out infinite; }
.beta-proof-grid article + article { border-left: 1px solid var(--line); }
.beta-proof-grid span { display: block; margin-bottom: 12px; color: var(--brand-navy); font-family: var(--font-display); font-size: 2rem; }
.beta-proof-grid p { margin: 0; font-size: 0.95rem; }

.beta-problem { background: var(--cream); }
.beta-problem-grid { display: grid; gap: 54px; grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr); }
.beta-pain-grid { display: grid; gap: 18px; }
.beta-pain-grid article { padding: 26px; background: white; border: 1px solid var(--line); border-left: 5px solid #2495e8; border-radius: 8px; box-shadow: 0 14px 32px rgba(22, 19, 58, 0.06); }
.beta-pain-grid article:nth-child(2) { border-left-color: #f0a12f; }
.beta-pain-grid article:nth-child(3) { border-left-color: var(--brand-violet); }
.beta-pain-grid h3, .beta-pain-grid p { margin-bottom: 0; }
.beta-pain-grid p { margin-top: 10px; }

.beta-benefit-grid, .beta-reg-grid, .beta-how-steps { display: grid; gap: 18px; grid-template-columns: repeat(4, 1fr); }
.beta-benefit-grid article, .beta-reg-grid article, .beta-how-steps article { min-height: 250px; padding: 28px; background: white; border: 1px solid var(--line); border-radius: 16px; transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease; }
.beta-benefit-grid article:hover, .beta-reg-grid article:hover, .beta-how-steps article:hover { border-color: rgba(110, 97, 168, 0.42); box-shadow: 0 18px 40px rgba(22, 19, 58, 0.08); transform: translateY(-4px); }
.beta-benefit-grid article > span { display: block; margin-bottom: 52px; color: var(--brand-violet); font-size: 0.75rem; font-weight: 800; letter-spacing: 0.16em; }
.beta-benefit-grid p, .beta-reg-grid p { margin-bottom: 0; }

.beta-included, .beta-workflows, .beta-cohort-tracks, .beta-how, .beta-commitment, .beta-apply { overflow: clip; }

.beta-workflows { color: white; background: var(--brand-navy); }
.beta-workflows h2, .beta-workflows h3 { color: white; }
.beta-workflows p { color: #cfc9ee; }
.beta-workflow-layout { display: grid; gap: 80px; align-items: start; grid-template-columns: 0.86fr 1.14fr; }
.workflow-card-stack { display: grid; gap: 16px; }
.workflow-card-stack article { display: grid; padding: 26px; gap: 28px; align-items: center; background: rgba(255, 255, 255, 0.075); border: 1px solid rgba(185, 168, 236, 0.22); border-radius: 16px; grid-template-columns: minmax(138px, 0.34fr) minmax(0, 1fr); }
.workflow-card-stack span { min-width: 0; color: #d7a23e; font-family: var(--font-display); font-size: clamp(2rem, 3.4vw, 2.7rem); line-height: 1; white-space: nowrap; }
.workflow-card-stack div { min-width: 0; }
.workflow-card-stack p { margin: 0; }

.beta-un-consideration { background: #f8f7fd; }
.beta-un-banner { position: relative; display: grid; overflow: hidden; gap: 42px; align-items: center; padding: clamp(30px, 5vw, 58px); background: white; border: 1px solid rgba(36, 149, 232, 0.24); border-radius: 18px; box-shadow: 0 28px 70px rgba(22, 19, 58, 0.1); grid-template-columns: minmax(260px, 0.4fr) minmax(0, 1fr); }
.beta-un-banner::before { position: absolute; inset: 0 auto 0 0; width: 9px; background: linear-gradient(180deg, #2495e8, #f0a12f); content: ""; }
.beta-un-mark { display: grid; min-height: 180px; padding: 30px; align-items: center; justify-items: center; background: #fff; border: 1px solid rgba(36, 149, 232, 0.18); border-radius: 8px; box-shadow: inset 0 0 0 8px rgba(240, 161, 47, 0.08); }
.beta-un-mark img { width: min(100%, 380px); height: auto; }
.beta-un-copy h2 { max-width: 760px; }
.beta-un-copy > p:not(.eyebrow) { max-width: 780px; }

.beta-regulations { background: var(--cream); }
.beta-regulations .section-heading { margin-bottom: 48px; }
.beta-reg-grid { grid-template-columns: repeat(3, 1fr); }
.beta-reg-grid article { min-height: 220px; }

.beta-cohorts { display: grid; margin-top: 42px; gap: 24px; grid-template-columns: repeat(4, 1fr); }
.beta-cohorts article { min-height: 220px; padding: 28px; background: white; border: 1px solid var(--line); border-radius: 8px; box-shadow: 0 16px 36px rgba(22, 19, 58, 0.08); transition: border-color 0.25s ease, transform 0.25s ease; }
.beta-cohorts article:hover { border-color: rgba(110, 97, 168, 0.4); transform: translateY(-3px); }
.beta-cohorts span { display: block; margin-bottom: 44px; color: var(--brand-violet); font-size: 0.76rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }
.beta-cohorts h3, .beta-cohorts p { margin-bottom: 0; }

.beta-how { background: #fff; }
.beta-how-steps { margin-top: 40px; grid-template-columns: repeat(5, 1fr); }
.beta-how-steps article { min-height: 214px; border-radius: 8px; }
.beta-how-steps span { display: block; margin-bottom: 34px; color: #2495e8; font-size: 0.78rem; font-weight: 850; letter-spacing: 0.12em; }
.beta-how-steps article:nth-child(even) span { color: #f0a12f; }
.beta-how-steps p { margin-bottom: 0; }

.beta-commitment { background: var(--cream); }
.beta-commit-grid { display: grid; gap: 60px; align-items: center; grid-template-columns: 0.82fr 1.18fr; }
.beta-price-card { display: grid; padding: 38px; gap: 24px; align-items: center; background: white; border: 1px solid var(--line); border-radius: 18px; box-shadow: 0 20px 48px rgba(22, 19, 58, 0.08); grid-template-columns: 1fr auto 1fr; }
.beta-price-card div { text-align: center; }
.beta-price-card strong, .beta-price-card div span { display: block; }
.beta-price-card strong { color: var(--brand-navy); font-family: var(--font-display); font-size: 2.25rem; }
.beta-price-card div span { color: var(--muted); font-size: 0.78rem; }
.beta-price-card > p { margin: 0; grid-column: 1 / -1; text-align: center; }
.beta-price-arrow { color: var(--brand-violet); font-size: 1.8rem; }

.beta-apply { color: white; background: #151235; }
.beta-apply-grid { display: grid; gap: 72px; align-items: start; grid-template-columns: 0.74fr 1.26fr; }
.beta-apply h2 { color: white; }
.beta-apply p, .light-list li { color: #cfc9ee; }
.beta-form-card { padding: 36px; background: white; border-radius: 18px; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.16); }
.beta-form-card form { display: grid; gap: 0 18px; grid-template-columns: 1fr 1fr; }
.beta-form-card .form-field { min-width: 0; }
.beta-form-card .form-field:last-of-type { grid-column: 1 / -1; }
.beta-form-card .button { justify-self: start; color: var(--brand-navy); grid-column: 1 / -1; }
.beta-form-card .success-message h2 { color: var(--brand-navy); }
.beta-form-card .success-message p { color: var(--muted); }
.cohort-access-section, .cohort-welcome-section { background: linear-gradient(135deg, var(--cream), #fff 55%, #eee9fa); }
.access-mini-console { display: flex; gap: 10px; flex-wrap: wrap; }
.access-mini-console span { padding: 10px 14px; color: var(--brand-navy); background: white; border: 1px solid var(--line); border-radius: 999px; font-size: 0.82rem; font-weight: 700; box-shadow: 0 12px 30px rgba(22, 19, 58, 0.06); }
.cohort-welcome-grid { display: grid; gap: 72px; align-items: center; grid-template-columns: minmax(0, 0.82fr) minmax(360px, 0.74fr); }
.compact-console .console-metric strong { font-size: 3.4rem; }

@keyframes beta-orbit {
  0% { transform: rotate(0deg) translateX(10px) rotate(0deg); }
  100% { transform: rotate(360deg) translateX(10px) rotate(-360deg); }
}

@keyframes beta-card-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-7px); }
}

@keyframes beta-pulse {
  0% { box-shadow: 0 0 0 0 rgba(215, 162, 62, 0.45); }
  80%, 100% { box-shadow: 0 0 0 22px rgba(215, 162, 62, 0); }
}

@keyframes cohort-panel-sheen {
  from { transform: translateX(-100%); }
  to { transform: translateX(100%); }
}

@keyframes cohort-live-pulse {
  0% { box-shadow: 0 0 0 0 rgba(36, 149, 232, 0.42); }
  80%, 100% { box-shadow: 0 0 0 16px rgba(36, 149, 232, 0); }
}

@keyframes cohort-canvas-scan {
  0%, 54% { transform: translateX(-120%); }
  86%, 100% { transform: translateX(120%); }
}

@keyframes cohort-chip-drift {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}

@keyframes cohort-line-scan {
  0%, 35% { transform: translateX(-80%); }
  80%, 100% { transform: translateX(260%); }
}

@keyframes cohort-line-scan-vertical {
  0%, 35% { transform: translateY(-80%); }
  80%, 100% { transform: translateY(260%); }
}

@media (max-width: 1000px) {
  .beta-hero-grid, .beta-problem-grid, .beta-workflow-layout, .beta-un-banner, .beta-commit-grid, .beta-apply-grid, .cohort-welcome-grid { grid-template-columns: 1fr; }
  .cohort-console { max-width: 640px; }
  .cohort-dashboard-preview { max-width: 760px; }
  .beta-proof-grid { margin-top: 0; grid-template-columns: 1fr; }
  .beta-proof-grid article + article { border-top: 1px solid var(--line); border-left: 0; }
  .beta-benefit-grid, .beta-cohorts, .beta-how-steps { grid-template-columns: 1fr 1fr; }
  .beta-reg-grid { grid-template-columns: 1fr; }
}

@media (max-width: 700px) {
  .beta-hero { padding-top: 128px; padding-bottom: 64px; }
  .beta-benefit-grid, .beta-form-card form, .beta-cohorts, .beta-how-steps { grid-template-columns: 1fr; }
  .workflow-card-stack article, .beta-price-card { grid-template-columns: 1fr; }
  .cohort-dashboard-preview { min-height: auto; grid-template-columns: 1fr; }
  .cohort-dashboard-sidebar { display: none; }
  .cohort-dashboard-main { padding: 16px; }
  .cohort-dashboard-body { grid-template-columns: 1fr; }
  .cohort-risk-chart-card { min-height: 320px; }
  .beta-price-card > p { grid-column: 1; }
  .beta-price-arrow { transform: rotate(90deg); text-align: center; }
  .beta-form-card { padding: 28px 20px; }
  .beta-un-banner { padding: 24px; }
  .beta-un-mark { min-height: 138px; }
  .cohort-workflow-canvas { grid-template-columns: 1fr; }
  .cohort-workflow-line { top: 32px; bottom: 32px; left: 50%; width: 2px; height: auto; transform: translateX(-50%); }
  .cohort-workflow-line::after { width: auto; height: 34%; animation-name: cohort-line-scan-vertical; }
  .cohort-workflow-progress { top: 32px; bottom: auto; left: calc(50% - 2px); width: 4px; height: calc((100% - 64px) * var(--cohort-progress, 0)); transform: none; }
  .cohort-review-panel div { align-items: start; flex-direction: column; justify-content: center; }
  .cohort-review-panel strong { text-align: left; }
}

@media (prefers-reduced-motion: reduce) {
  .beta-hero::before, .beta-hero::after, .console-agent-list article, .console-pulse, .cohort-workflow-line::after, .cohort-workflow-node, .cohort-live-status span, .cohort-workflow-canvas::before, .cohort-floating-chip, .beta-proof-grid article::after { animation: none; }
}