/* A shared layout and component scale. Brand fonts and royal blue stay unchanged. */
:root {
  --text-display:72px; --text-section:52px; --text-card:26px; --text-body:18px; --text-label:14px;
  --glass-radius:14px; --glass-padding:32px; --glass-border:1px solid #dce3f5;
  --glass-shadow:inset 0 1px 0 #fff,0 16px 40px #274bd808;
  --glass-surface:linear-gradient(140deg,#ffffffc7,#eef2ffad);
  --section-space:72px;
}
.hero {padding:48px 24px 44px}
.hero h1 {font-size:var(--text-display);line-height:1.06;letter-spacing:-.04em;font-weight:400;max-width:1000px;margin-bottom:24px}
.hero p {font-size:20px;max-width:660px;margin:0 auto 28px;line-height:1.5}
.product-showcase {max-width:1240px}
.terminal {border-radius:var(--glass-radius)}
.terminal-bar {height:56px;background:var(--ink)}
.terminal-main {padding:24px}
.dashboard-grid {grid-template-columns:minmax(290px,.85fr) minmax(0,1.4fr);gap:18px}
.panel-head {font-size:14px;font-weight:700;padding:14px 16px}
.watchlist th,.watchlist td {font-size:13px;padding:13px 12px}
.watchlist td small {font-size:11px;margin-top:5px}
.chart-heading {padding:20px;display:flex;gap:16px}
.chart-heading small {font-size:11px}
.chart-heading strong {font-size:30px;font-weight:400}
.chart-heading em,.metric-grid em {font-size:12px;color:var(--muted)}
.chart-labels {font-size:11px}
.chart-line {stroke:var(--blue)}
.chart svg {height:210px}
.metric-grid {padding:20px 12px}
.metric-grid small {font-size:12px}
.metric-grid strong {font-size:24px;font-weight:400}
.watchlist td:last-child {color:var(--muted)}
.watchlist .stock-row.selected {background:var(--periwinkle)}
.periods button.selected {background:var(--blue);color:#fff}
.benefits {padding-top:var(--section-space);padding-bottom:48px}
.benefits h2,.section-intro h2,.security-copy h2,.principles-heading h2,.founders-intro h2,.final-cta h2,.roadmap-copy h2 {
 font-size:var(--text-section);line-height:1.08;letter-spacing:-.035em;font-weight:400;
}
.benefits h2 {margin-bottom:36px}
.benefit-grid article,.principle-panel,.security-preview,.data-principles-card,.capability-visual {
 border-radius:var(--glass-radius);border:var(--glass-border);padding:var(--glass-padding);background:var(--glass-surface);
 box-shadow:var(--glass-shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}
.benefit-grid article:hover,.principle-panel:hover {transform:none;border:var(--glass-border);box-shadow:var(--glass-shadow)}
.benefit-grid article:hover svg {transform:none}
.benefit-grid article {display:flex;flex-direction:column}
.glass-icon {width:72px;height:72px;border-radius:var(--glass-radius);margin-bottom:24px;flex-shrink:0}
.benefit-grid h3,.principle-panel h3,.founder-roles h3,.security-preview h3 {font-size:var(--text-card);line-height:1.18;letter-spacing:-.025em;font-weight:400}
.benefit-grid p,.intro-copy p,.audience-row p,.security-copy>p,.principle-panel p,.founders-intro p,.founder-roles p,.final-cta p,.roadmap-copy>p {font-size:var(--text-body);line-height:1.6;color:var(--muted)}
.eyebrow,.coverage-body .eyebrow,.principles-heading>.eyebrow,.founders-intro .eyebrow {font-size:var(--text-label);line-height:1.4;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.sources-heading h2 {font-size:32px}
.sources-heading p,.source-detail,.principle-signoff,.security-kicker,.security-note,.role-index,.source-index,.principle-card-label {font-size:var(--text-label);color:var(--muted)}
.source-list strong {font-size:24px}
.source-list>a {padding:28px 24px}
.source-index {letter-spacing:.035em}
.winslow-section {margin-top:40px}
.winslow-section h2 {font-size:48px}
.winslow-section>p {font-size:18px;max-width:690px}
.audience-section {padding-top:var(--section-space);grid-template-columns:1fr 2.6fr;gap:48px}
.side-heading h2 {font-size:32px;line-height:1.15;font-weight:400;letter-spacing:-.03em;margin:20px 0 0}
.side-heading .eyebrow {font-size:14px}
.audience-row h3 {font-size:28px;line-height:1.15;letter-spacing:-.025em;font-weight:400}
.audience-row {gap:32px;margin-bottom:48px}
.audience-row:last-child {margin-bottom:0}
.audience-row>img {height:340px}
.audience-row .eyebrow {font-size:14px}
.section-intro {padding-top:var(--section-space);padding-bottom:32px;gap:64px;align-items:end}
.section-intro .intro-copy p {margin-top:0}
.coverage-section {padding-bottom:var(--section-space)}
.coverage-tabs {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-bottom:36px;overflow:visible;border:0}
.coverage-tabs button {position:relative;font-size:16px;min-height:56px;padding:14px 8px;border:0;border-bottom:1px solid #dce3f5;color:var(--ink);text-align:left;white-space:normal;line-height:1.35}
.coverage-tabs button::after {content:"";position:absolute;left:8px;right:8px;bottom:0;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.coverage-tabs button[aria-selected=true] {color:var(--ink);border-color:#dce3f5}
.coverage-tabs button[aria-selected=true]::after {transform:scaleX(1)}
.coverage-tabs button:hover {background:#eef2ff80}
.coverage-body {grid-template-columns:1fr 1fr;gap:64px;align-items:center;min-height:560px}
.coverage-body h3 {font-size:44px;line-height:1.1;letter-spacing:-.035em;font-weight:400;margin-bottom:22px}
.coverage-body p {font-size:18px;line-height:1.6;max-width:none}
.coverage-body .capability-benefit {padding:18px 0 18px 20px;border-left:2px solid var(--blue);margin:24px 0}
.capability-benefit>span {display:block;font-size:14px;color:var(--muted);margin-bottom:6px}
.capability-benefit>strong {display:block;font-size:18px;font-weight:400;color:var(--ink);line-height:1.5}
.coverage-body .data-principles p {font-size:14px;line-height:1.55;margin:16px 0}
.data-principles strong {font-size:18px}
.data-principles-card h4 {font-size:32px;margin:26px 0}
.coverage-body .principle-card-footer {font-size:14px;color:var(--muted)}
.capability-visual {padding:0;overflow:hidden}
.visual-label {display:flex;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:var(--glass-border);font-size:12px;letter-spacing:.05em;color:var(--muted)}
.visual-label>span {font-size:10px;letter-spacing:.08em;align-self:center}
.visual-inner,.report-sheet {padding:28px}
.visual-overline {font-size:12px;letter-spacing:.06em;color:var(--muted)}
.capability-visual h4 {font-size:30px;line-height:1.12;letter-spacing:-.025em;font-weight:400;margin:22px 0 28px}
.report-navigation {display:flex;gap:14px;flex-wrap:wrap;padding-bottom:20px;border-bottom:var(--glass-border);font-size:12px;color:var(--muted)}
.report-navigation span:first-child {color:var(--blue)}
.report-sheet blockquote {font-family:var(--font-serif);font-size:25px;line-height:1.4;margin:28px 0 16px;color:var(--ink)}
.coverage-body .visual-caption {font-size:14px;line-height:1.4;color:var(--muted);margin:16px 0}
.evidence-connection {display:flex;gap:12px;justify-content:space-between;align-items:center;border-top:var(--glass-border);padding-top:20px;margin-top:26px;font-size:14px;color:var(--muted)}
.evidence-connection strong {font-weight:400;color:var(--ink)}
.financial-example {width:100%;border-collapse:collapse;table-layout:auto;font-size:14px}
.financial-example caption {text-align:left;font-size:12px;color:var(--muted);margin:0 0 14px}
.financial-example th,.financial-example td {border-bottom:var(--glass-border);padding:15px 8px;text-align:right;font-weight:400;color:var(--ink);font-variant-numeric:tabular-nums}
.financial-example th:first-child {text-align:left;padding-left:0}
.financial-example thead th {font-size:12px;color:var(--muted)}
.conversation-line,.evidence-row {display:flex;gap:18px;padding:20px 0;border-top:var(--glass-border)}
.conversation-line>span,.evidence-row>span {color:var(--blue);font-size:14px;min-width:20px}
.conversation-line strong,.evidence-row strong {font-size:18px;font-weight:400;line-height:1.35}
.coverage-body .conversation-line p {font-size:16px;margin:8px 0 0;line-height:1.5}
.evidence-row small {display:block;font-size:14px;color:var(--muted);margin-top:6px}
.update-timeline {list-style:none;margin:0;padding:0 0 0 20px;border-left:1px solid #dce3f5}
.update-timeline li {position:relative;padding:0 0 26px;display:grid;grid-template-columns:1fr auto;gap:7px;font-size:18px}
.update-timeline li:last-child {padding-bottom:0}
.update-timeline li::before {content:"";position:absolute;left:-25px;top:7px;width:9px;height:9px;border-radius:50%;background:var(--blue)}
.update-timeline strong {font-size:12px;font-weight:400;color:var(--blue);padding:4px 7px;background:var(--periwinkle);border-radius:4px}
.update-timeline small {grid-column:1/-1;color:var(--muted);font-size:14px;line-height:1.5}
.workspace-steps>div {display:grid;grid-template-columns:28px 1fr;gap:6px 12px;padding:20px 0;border-top:var(--glass-border)}
.workspace-steps span {grid-row:1/3;color:var(--blue);font-size:14px}
.workspace-steps strong {font-size:18px;font-weight:400}
.workspace-steps small {font-size:14px;color:var(--muted)}
.watchlist-example>div {display:flex;align-items:center;gap:14px;border-top:var(--glass-border);padding:22px 0;font-size:14px}
.watchlist-example>div>span:first-child {width:40px;color:var(--blue);flex-shrink:0}
.watchlist-example strong {font-weight:400}
.watchlist-example>div>span:last-child {margin-left:auto;color:var(--blue)}
.roadmap-section {padding-top:0;padding-bottom:var(--section-space)}
.roadmap-layout {border-top:var(--glass-border);padding-top:56px;display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center}
.roadmap-copy h2 {margin:20px 0 22px}
.roadmap-copy>p {max-width:500px;margin-bottom:32px}
.roadmap-layout figure {margin:0;min-width:0}
.roadmap-layout figure svg {display:block;width:100%;height:auto;max-height:380px}
.roadmap-milestones {list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr}
.roadmap-milestones li {position:relative;padding:24px 18px 0 0;border-top:1px solid #dce3f5}
.roadmap-milestones li::before {content:"";position:absolute;left:0;top:-5px;width:9px;height:9px;background:var(--blue);border-radius:50%;box-shadow:0 0 0 5px #eef2ff}
.roadmap-milestones time {font-size:14px;color:var(--blue)}
.roadmap-milestones h3 {font-size:24px;letter-spacing:-.02em;font-weight:400;margin:12px 0 8px}
.roadmap-milestones p,.roadmap-note {font-size:14px;color:var(--muted);margin:0;line-height:1.5}
.roadmap-note {display:block;margin-top:24px}
.mission {padding:56px 0}
.mission h2 {font-size:44px}
.security-section {padding-top:var(--section-space);padding-bottom:48px;gap:64px}
.security-preview h3 {font-family:var(--font-serif);font-size:28px}
.security-row p,.security-note {color:var(--muted);font-size:14px}
.principles-section {padding-top:24px;padding-bottom:var(--section-space)}
.principles-heading {margin-bottom:32px}
.principles-heading>p {font-size:18px;color:var(--muted)}
.principle-panel h3 {margin-top:24px}
.principle-signoff {margin-top:auto}
.founders-section {padding-bottom:var(--section-space)}
.founders-intro {gap:24px 64px}
.founder-roles {margin-top:32px}
.final-cta {padding:40px 32px}
.cta-glass {border-radius:var(--glass-radius);padding:48px 32px}
.text-link,.text-link:hover {color:var(--ink);border-bottom-color:var(--blue)}
.button {border-radius:5px;min-height:52px}
.header .signup {min-height:46px}
@media(max-width:1000px){
 :root {--text-section:48px;--glass-padding:28px;--section-space:56px}
 .hero h1 {font-size:64px}
 .audience-section {gap:32px;grid-template-columns:1fr 3fr}
 .side-heading h2 {font-size:28px}
 .audience-row {gap:24px}
 .coverage-body,.roadmap-layout {gap:32px}
 .coverage-body h3 {font-size:38px}
 .coverage-tabs button {font-size:15px}
 .financial-example th,.financial-example td {padding:14px 4px;font-size:12px}
 .section-intro {gap:36px}
 .security-section {gap:36px}
}
@media(max-width:750px){
 .hero h1 {font-size:54px}
 .hero .wide-break {display:none}
 .hero h1 {max-width:660px}
 .audience-section {display:block}
 .side-heading {position:static;margin-bottom:28px}
 .side-heading h2 {font-size:var(--text-section)}
 .coverage-body {grid-template-columns:1fr;min-height:0;gap:28px}
 .coverage-body>div {min-width:0}
 .coverage-body h3 {font-size:40px}
 .coverage-tabs {grid-template-columns:repeat(2,minmax(0,1fr))}
 .coverage-tabs button {font-size:16px;padding:16px 8px}
 .capability-visual,.data-principles-card {width:100%;max-width:600px}
 .roadmap-layout {grid-template-columns:1fr;gap:24px;padding-top:36px}
 .roadmap-layout figure svg {max-height:330px}
 .financial-example th,.financial-example td {font-size:14px}
 .security-section {grid-template-columns:1fr}
 .principles-grid {grid-template-columns:1fr}
 .principles-heading {grid-template-columns:1fr}
 .principles-heading>p {justify-self:start;margin-top:12px}
 .founders-intro {grid-template-columns:1fr;gap:18px}
 .dashboard-grid {grid-template-columns:minmax(220px,.9fr) minmax(0,1fr);gap:12px}
 .terminal-main {padding:16px}
 .chart-heading {display:block;padding:16px}
 .periods {margin-top:14px}
 .metric-grid {grid-template-columns:1fr;padding:4px 16px}
 .metric-grid>div {padding:12px 0;border-right:0;display:flex;gap:8px;align-items:center;justify-content:space-between}
 .metric-grid strong {font-size:20px;margin:0}
 .metric-grid em {display:none}
}
@media(max-width:560px){
 :root {--text-display:44px;--text-section:38px;--text-card:26px;--glass-padding:28px;--section-space:48px}
 .hero {padding:36px 20px 32px}
 .hero h1 {font-size:var(--text-display);line-height:1.08;letter-spacing:-.04em;margin-bottom:20px}
 .hero p {font-size:18px;margin-bottom:24px}
 .product-showcase {padding-left:16px;padding-right:16px}
 .dashboard-grid {display:block}
 .chart-heading {display:flex;gap:8px;padding:16px 12px}
 .chart-heading small {font-size:10px}
 .chart-heading strong {font-size:26px}
 .chart-heading em {font-size:11px;margin-left:0}
 .periods {margin-top:0;flex-shrink:0}
 .chart svg {height:170px}
 .metric-grid {grid-template-columns:repeat(3,1fr);gap:8px;padding:14px 12px}
 .metric-grid>div {display:block;padding:0}
 .metric-grid small {font-size:10px}
 .metric-grid strong {font-size:20px;margin-top:8px}
 .terminal-bar {height:52px}
 .terminal-main {padding:12px}
 .workspace-heading h2 {font-size:18px}
 .data-note {font-size:9px}
 .benefits {padding-bottom:32px}
 .benefits h2 {margin-bottom:28px}
 .sources-heading h2 {font-size:28px}
 .sources-section {padding-bottom:0}
 .source-list>a {padding:24px 8px}
 .winslow-section {margin-top:32px}
 .winslow-section h2 {font-size:36px}
 .winslow-section>p {font-size:18px}
 .side-heading h2 {font-size:38px}
 .audience-row h3 {font-size:28px}
 .audience-row {margin-bottom:36px}
 .audience-row>img {height:280px}
 .section-intro {padding-bottom:24px;gap:18px}
 .coverage-body h3 {font-size:36px}
 .coverage-tabs {margin-bottom:28px}
 .coverage-tabs button {font-size:15px;min-height:56px}
 .capability-visual h4 {font-size:28px}
 .visual-inner,.report-sheet {padding:24px}
 .visual-label {padding:18px 20px;font-size:10px}
 .visual-label>span {font-size:9px}
 .evidence-connection {font-size:12px;gap:8px}
 .financial-example th,.financial-example td {font-size:12px;padding:14px 3px}
 .watchlist-example>div {gap:10px;font-size:13px}
 .data-principles-card h4 {font-size:30px}
 .mission {padding:40px 0}
 .mission h2 {font-size:32px}
 .security-section {padding-bottom:40px;gap:24px}
 .principles-section {padding-top:8px}
 .founder-roles {gap:36px;padding-top:28px}
 .founder-roles h3 {font-size:26px}
 .final-cta {padding:28px 16px}
 .cta-glass {padding:32px 20px}
 .final-cta h2 {font-size:34px}
 .footer {padding-top:40px}
}
@media(prefers-reduced-motion:reduce){.coverage-tabs button::after{transition:none}}

/* The preview remains clearly labelled at small widths. */
@media(max-width:560px){.workspace-heading{gap:12px;align-items:flex-end}.workspace-heading .data-note{display:block;max-width:72px;text-align:right;font-size:10px;line-height:1.5}}