/* Supplied template, adapted to TrueOpen's approved content. */
:root { --bg:#05070d; --bg-2:#070a12; --surface:#0b0f19; --surface-2:#0e1320; --surface-3:#11172699; --text:#eef2f8; --text-dim:#98a3b5; --text-faint:#6b7688; --hairline:#ffffff20; --hairline-2:#ffffff38; --ink:#eef2f8; --muted:#98a3b5; --line:#ffffff26; --paper:#05070d; --blue-deep:#05070d; --blue-mid:#0e1320; --cyan:#22cad6; --green:#4fce7c; --violet:#8a75ff; --max:1200px; }
body { background:var(--bg); color:var(--text); overflow-x:clip; }
h1,h2,h3 { text-wrap:balance; letter-spacing:-.015em; }
p { text-wrap:pretty; }
.site-header, .detail-page .site-header { display:grid; grid-template-columns:auto 1fr auto; gap:24px; height:76px; background:#05070ded; padding:0 var(--gutter); }
.site-header.is-scrolled,.site-header.is-open { height:76px; background:#05070df5; border-bottom:1px solid var(--hairline-2); }
.main-nav { justify-content:center; margin:0; gap:clamp(12px,1.5vw,24px); font-size:.875rem; }
.main-nav a { padding:12px 0; }
.brand { color:#fff; font-weight:800; }
.wallet-trigger { border-radius:100px; padding:10px 18px; border-color:#72ddeb88; background:#5fdbe717; color:#eaffff; min-height:44px; }
.hero { min-height:740px; padding:150px var(--page-edge) 104px; background:var(--bg); }
.hero-content { width:100%; }
.hero h1 { font-size:clamp(5rem,11vw,10rem); letter-spacing:-.045em; }
.hero-eyebrow { font-size:.875rem; letter-spacing:.08em; color:#d6e9fa; }
.hero-vignette { background:linear-gradient(95deg,#05070d 0%,#05070d 24%,#05070ddf 40%,#05070d44 60%,transparent 75%),linear-gradient(to top,#05070d,transparent 24%); }
.hero-statement { max-width:710px; display:flex; gap:10px 20px; font-size:clamp(1.125rem,1.8vw,1.6rem); line-height:1.55; }
.hero-actions { margin-top:34px; }
.hero-actions .button { min-height:50px; border-radius:10px; }
.button-primary,.button-light { color:#07324a; background:linear-gradient(120deg,#82eef0,#a1c8ff); box-shadow:0 8px 30px #031c4533; }
.button-ghost,.button-api { background:#ffffff08; color:#eef2f8; border:1px solid #ffffff50; }
.button-ghost:hover,.button-api:hover { background:#ffffff14; border-color:#8deaf3; }
.capabilities-section { display:block; background:var(--bg); }
.capabilities-intro { max-width:800px; }
.capabilities-intro h2,.section-heading h2,.verification-lead h2,.scaling-copy h2 { font-size:clamp(2rem,3.6vw,3.35rem); line-height:1.22; }
.kicker { font-size:.875rem; letter-spacing:.06em; color:var(--cyan); }
.capability-grid { border:0; margin-top:40px; grid-template-columns:repeat(12,minmax(0,1fr)); gap:18px; }
.capability-grid article { min-height:0; padding:30px; border:1px solid #ffffff29; border-radius:18px; background:linear-gradient(145deg,#0e1320,#0b0f19); }
.capability-grid article:nth-child(1),.capability-grid article:nth-child(4) { grid-column:span 5; }
.capability-grid article:nth-child(2),.capability-grid article:nth-child(3) { grid-column:span 7; }
.capability-grid article:nth-child(5) { grid-column:1/-1; display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); gap:32px; }
.capability-grid h3 { font-size:1.4rem; margin:0 0 18px; line-height:1.4; }
.capability-grid article:nth-child(1) h3 { color:var(--cyan); }
.capability-grid article:nth-child(2) h3 { color:#fff; }
.capability-grid article:nth-child(3) h3 { color:var(--green); }
.capability-grid article:nth-child(4) h3 { color:#ffd28a; }
.capability-grid article:nth-child(5) h3 { color:var(--violet); }
.capability-grid p,.protocol-flow p,.scaling-flow p,.section-heading>p:last-child,.scaling-copy>p,.economics-overview p { color:var(--text-dim); font-size:1rem; line-height:1.85; }
.detail-link,.chain-summary,.topic-nav a,.detail-toc a,.back-link { color:#a1eaf6; }
.evidence-citations { border-color:var(--hairline-2); }
.evidence-citations a,.detail-section .evidence-citations a:not(.detail-link) { color:#98a3b5; font-size:.875rem; }
.evidence-citations span { color:#9be7f0; border-color:#78c4e566; border-radius:5px; }
.mechanism-section,.papers-section { background:#070a12; }
.verification-section { background:#0b0f19; }
.protocol-flow li { padding:26px 0; }
.flow-mark { border-radius:12px; border-color:#84b5dc; background:#ffffff08; }
.evidence-stack { border:0; }
.evidence-stack article { border:1px solid var(--hairline-2); border-radius:18px; background:#0e1320; padding:28px; margin-bottom:20px; }
.evidence-stack article:last-child { margin-bottom:0; }
.evidence-code { color:#9febdc; font-size:.875rem; }
.evidence-stack p,.verification-lead>p:not(.kicker) { color:#b6c3d3; }
.status-section { background:var(--bg); }
.roadmap-current,.roadmap-next { padding:28px; border:1px solid var(--hairline-2); border-radius:18px; background:#0b0f19; }
.roadmap-current>span,.roadmap-next-label { color:#9cedc1; }
.roadmap-next-label { color:#d0c4ff; }
.roadmap-current strong { margin-top:28px; }
.roadmap-next-items { margin-top:28px; gap:24px; }
.roadmap-next-items a+a { padding-left:24px; }
.scaling-section { background:#070a12; }
.scaling-flow { border:0; display:grid; gap:14px; }
.scaling-flow li { border:1px solid var(--hairline-2); border-radius:14px; padding:24px; min-height:0; background:#ffffff05; }
.scaling-flow>li>span { color:var(--cyan); font-size:.875rem; }
.economics-overview { background:#070a12; }
.money-summary span { border-color:#ffffff26; padding-block:24px; }
.paper-preview article { border-top-color:var(--cyan); }
.paper-preview h3 { color:#a9e7f4; }
.paper-preview a { border-color:var(--hairline-2); }
.paper-preview small { color:#b7d0ec; }
.paper-preview a:hover { color:var(--cyan); }
.detail-hero { background:linear-gradient(115deg,#0b0f19,#05070d); padding-top:132px; }
.detail-hero h1 { line-height:1.25; }
.detail-hero>p { max-width:760px; color:#b6c3d3; font-size:1.125rem; line-height:1.8; }
.entry-hero-link { margin-top:22px; margin-bottom:0; color:#a5f4ff; }
.topic-nav { background:#070a12; border-color:var(--hairline-2); font-size:.9375rem; }
.topic-nav a[aria-current="page"],.topic-nav a:hover { color:#a7f3ff; border-color:#7deaf3; }
.detail-toc strong { color:#c6e8f6; }
.detail-toc a:hover { color:#fff; background:#ffffff09; }
.detail-toc nav { border-color:var(--hairline-2); }
.detail-section p,.detail-section ul { color:var(--text-dim); }
.detail-section a:not(.detail-link) { color:#9ee5fa; }
.table-scroll { background:#0b0f19; border-color:var(--hairline-2); border-radius:12px; }
.detail-section th { background:#111726; color:#eef8ff; }
.detail-section td,.detail-section th { border-color:#ffffff20; }
.detail-section td:first-child { color:#d0ebff; }
.chain-record,.source-section,.paper-relevance,.delivery-panel { background:#0e1320; border-color:#7de4ed; border-radius:10px; }
.chain-record strong,.paper-relevance strong,.stage-label { color:#a6eafa; }
.source-section { padding:28px; }
.reading-flow { background:#111726; border-radius:10px; }
.evidence-type { color:#a6eef2; }
.evidence-entry { border-left-color:#79dce9; }
.paper-card,.full-flow>li { border-color:var(--hairline-2); }
.paper-card .paper-meta,.paper-card .paper-authors,.data-footnote,.detail-section p.data-footnote,.source-pending { color:#98a3b5; }
.service-metrics { background:#0b0f19; border-color:var(--hairline-2); border-radius:14px; overflow:hidden; }
.service-metrics article { border-color:var(--hairline-2); }
.service-metrics span,.service-metrics small { color:#98a3b5; }
.service-metrics strong { color:#adf0f4; }
.model-filter input { color:#fff; background:#0e1320; border-color:#83b9dc; }
.model-filter input::placeholder { color:#98a3b5; }
.delivery-switch button { background:#0e1320; color:#fff; border-color:#79a5cd; }
.delivery-switch button[aria-pressed="true"] { background:#b2edf5; color:#0b3963; }
.delivery-panel pre { background:#070a12; border-radius:10px; }
.entry-intro p,.entry-steps p { color:#98a3b5; }
.entry-section { border-color:var(--hairline-2); }
.entry-steps li::marker { color:#94e6f3; }
.entry-primary,.entry-wallet,.entry-secondary { background:#81dce9; color:#073752; border:1px solid #a3eff4; border-radius:10px; }
.entry-primary:disabled,.entry-secondary:disabled { background:#17202d; color:#c4d8eb; border-color:#6e92b7; }
.wallet-dialog { background:#0b0f19; color:#fff; border:1px solid #75acd6; }
.wallet-dialog::backdrop { background:#05070dc9; }
.wallet-shell p { color:#b6c3d3; }
.wallet-option { border-color:var(--hairline-2); }
.wallet-back { color:#a2ebf4; }
.careers-section p,.careers-section li,.careers-section .careers-lead { color:#b6c3d3; }
.careers-section .kicker,.role-index { color:#9be4f3; }
.careers-contact { background:#0e1320; border-color:#84e5ed; border-radius:16px; }
.careers-contact p:not(.kicker) { color:#b6c3d3; }
.careers-overview { background:linear-gradient(115deg,#0b0f19,#070a12); }
.site-footer { display:grid; grid-template-columns:1.6fr 1fr 1fr 1fr; align-items:start; gap:36px; padding:64px var(--page-edge) 28px; background:#05070d; border-top:1px solid var(--hairline-2); }
.site-footer .footer-identity { display:block; justify-self:start; }
.footer-identity p { color:#98a3b5; line-height:1.8; margin-top:20px; }
.footer-group { display:grid; gap:12px; font-size:.9375rem; }
.footer-group h2 { font-size:.875rem; color:#94d6eb; margin:0 0 6px; line-height:1.5; }
.footer-group a:hover { color:var(--cyan); }
.site-footer .footer-bottom { grid-column:1/-1; width:100%; display:flex; justify-content:space-between; border-top:1px solid var(--hairline-2); padding-top:24px; margin-top:12px; color:#abc8e6; font-size:.875rem; }

/* Footer has room to scan without a redundant final utility row. */
.site-footer { gap:clamp(40px,5vw,76px); padding-top:76px; padding-bottom:76px; }
.footer-group { gap:17px; }
.footer-group h2 { margin-bottom:8px; }
.footer-identity p { margin-top:24px; line-height:1.95; }
[hidden] { display:none!important; }
@media(max-width:1180px) { .site-header { grid-template-columns:1fr auto; } .main-nav { inset:76px 0 auto; background:#05070dfa; gap:0; max-height:calc(100dvh - 76px); } .main-nav a { padding:14px 0; } }
@media(max-width:760px) { .hero { min-height:660px; padding:124px var(--gutter) 72px; } .hero h1 { font-size:clamp(5rem,19vw,8rem); } .hero-statement { max-width:100%; display:grid; font-size:1.2rem; gap:6px; } .hero-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); max-width:100%; gap:12px; } .hero-actions .button { padding:12px; } .capability-grid { grid-template-columns:1fr; } .capability-grid article:nth-child(n) { grid-column:1; display:block; padding:24px; } .capability-grid article:nth-child(5) h3 { margin-bottom:18px; } .site-footer { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; } .site-footer .footer-identity { grid-column:1/-1; } .detail-hero { padding-top:116px; } .hero-vignette { background:linear-gradient(90deg,#05070deb,#05070d77),linear-gradient(to top,#05070d,transparent 40%); } }
@media(max-width:400px) { .hero-actions .button { font-size:.875rem; } .site-header { gap:12px; } .wallet-trigger { padding-inline:12px; } .site-footer .footer-bottom { flex-direction:column; gap:12px; } }
@media(prefers-reduced-motion:reduce) { .wordmark,.aurora i { animation:none; } }

/* Original template hero composition and colour hierarchy. */
.hero { min-height:max(700px,98svh); padding:140px clamp(20px,5vw,56px) 110px; }
.site-header,.detail-page .site-header { background:transparent; }
.detail-page .site-header,.site-header.is-scrolled,.site-header.is-open { background:rgba(5,7,13,.92); }
.hero-vignette { background:linear-gradient(96deg,var(--bg) 0%,var(--bg) 24%,rgba(5,7,13,.88) 40%,rgba(5,7,13,.3) 56%,transparent 70%),radial-gradient(70% 60% at 16% 50%,rgba(5,7,13,.85) 10%,transparent 66%),linear-gradient(to top,var(--bg) 1%,transparent 22%); }
.hero-grid { opacity:.5; }
.network-canvas { opacity:1; }
.hero h1 { font-size:clamp(4.6rem,12vw,11rem); line-height:.85; }
.hero-content { max-width:1200px; }
.hero-statement { max-width:790px; font-size:clamp(1.15rem,1.9vw,1.72rem); gap:10px 22px; line-height:1.3; }
.aurora { z-index:-4; }
.button-primary,.button-light { background:linear-gradient(135deg,var(--cyan),#14a9c4 55%,var(--violet)); color:#04161c; }
.capability-grid article { background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(150deg,rgba(255,255,255,.14),rgba(255,255,255,.02) 45%) border-box; border:1px solid transparent; }
.entry-primary,.entry-wallet { background:var(--cyan); border-color:var(--cyan); color:#04222a; }
.entry-secondary { background:var(--surface); color:var(--cyan); border-color:var(--hairline-2); }
.entry-primary:disabled,.entry-secondary:disabled { background:#111726; border-color:#ffffff26; color:#98a3b5; }
.model-filter input { background:var(--surface-2); }
.delivery-switch button[aria-pressed="true"] { background:var(--cyan); color:#04222a; }
.hero-eyebrow { font-size:.875rem; }
@media(max-width:760px) { .hero { min-height:0; padding:116px 20px 84px; } .hero h1 { font-size:clamp(4rem,20vw,6rem); } .hero-statement { display:grid; gap:7px; margin-top:28px; font-size:clamp(1.1rem,5.2vw,1.42rem); } .hero-vignette { background:linear-gradient(96deg,#05070dee,#05070d88 60%,#05070d44),linear-gradient(to top,#05070d,transparent 30%); } }
/* The constellation is the focal point; background effects stay quiet. */
.hero .aurora { opacity:.38; }
.hero .hero-grid { opacity:.16; }
@media(max-width:760px) { .hero { min-height:0; align-items:flex-start; } .hero-vignette { background:linear-gradient(90deg,#05070df2 0%,#05070dce 34%,#05070d30 52%,transparent 75%); } }

/* Full-hero sky: canvas never captures input; local masks protect content. */
.hero .network-canvas, .hero .hero-grid, .hero .aurora, .hero .hero-vignette { pointer-events:none; }
.hero .hero-vignette { background:linear-gradient(to bottom,#05070d55 0%,transparent 22%,transparent 78%,#05070daa 100%); }
.hero .hero-content { position:relative; z-index:1; }
.hero .hero-actions .button { background:rgba(11,15,25,.88); backdrop-filter:blur(8px); }
.hero .hero-actions .button:hover { background:rgba(25,35,48,.96); }

/* Transparent hero controls and readable lettering over the star field. */
.hero .hero-actions { display:flex; flex-direction:row; flex-wrap:wrap; gap:12px; max-width:790px; align-items:center; }
.hero .hero-actions .button { width:auto; min-height:42px; padding:9px 16px; font-size:.875rem; line-height:1.5; border-radius:7px; background:transparent; backdrop-filter:none; -webkit-backdrop-filter:none; border:1px solid rgba(220,234,255,.48); box-shadow:none; color:#edf3fb; }
.hero .hero-actions .button:hover { background:rgba(255,255,255,.045); border-color:#a1e5ed; box-shadow:none; }
.hero .hero-statement span { background:transparent; text-shadow:0 1px 3px #05070d,0 0 8px #05070d70; -webkit-text-stroke:.2px currentColor; }
.hero .hero-actions .button { text-shadow:0 1px 3px #05070d; }
@media(max-width:480px) { .hero .hero-actions { display:grid; grid-template-columns:repeat(2,max-content); gap:10px; } .hero .hero-actions .button { padding:9px 12px; font-size:.8125rem; min-height:44px; } }

/* Letter-shaped title layer: no rectangular sky exclusion zone. */
.hero h1.wordmark { width:max-content; max-width:100%; position:relative; z-index:2; padding-bottom:.08em; margin-bottom:-.08em; overflow:visible; background-color:transparent; -webkit-text-stroke:.35px rgba(255,255,255,.14); filter:drop-shadow(0 1px 2px rgba(5,7,13,.65)); }

/* Canvas carries the sky; avoid large continuously blurred compositing layers. */
.hero .aurora { display:none; }
.hero .wordmark { animation:none; }

/* Builder DA: publishing path and responsibility boundaries. */
.da-home { align-items:start; gap:clamp(32px,5vw,80px); }
.da-home .scaling-copy h2 { margin-bottom:24px; }
.da-links { display:flex; flex-wrap:wrap; gap:12px 24px; margin-top:24px; }
.da-pipeline { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.da-pipeline li,.da-role-grid>div,.da-boundary>div { border:1px solid var(--hairline-2); border-radius:16px; padding:24px; background:linear-gradient(140deg,#ffffff06,transparent); }
.da-pipeline li>span,.da-role-grid>div>span,.da-boundary>div>span { color:var(--cyan); font-size:.78rem; letter-spacing:.06em; }
.da-pipeline h3,.da-role-grid h3,.da-boundary h3 { font-size:1.12rem; margin:12px 0 10px; line-height:1.5; }
.da-pipeline p,.da-home-notes span { color:var(--text-dim); font-size:.92rem; line-height:1.8; margin:0; }
.da-home-notes { display:grid; gap:0; margin-top:24px; }
.da-home-notes a { display:grid; grid-template-columns:100px 1fr; gap:16px; padding:17px 0; border-bottom:1px solid var(--hairline-2); text-decoration:none; }
.da-home-notes strong { font-size:.92rem; color:var(--text); }
.da-home-notes a:hover strong { color:var(--cyan); }
.da-home-body>.data-footnote { margin-top:20px; font-size:.78rem; line-height:1.8; }
.da-role-grid,.da-boundary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:24px 0; }
.da-role-grid p,.da-boundary p { margin-bottom:0; font-size:.94rem; }
.da-status { list-style:none; padding:0; margin:24px 0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.da-status li { padding:20px; border-top:2px solid #68738a; background:#ffffff04; }
.da-status li:last-child { border-color:var(--cyan); }
.da-status span { display:block; font-size:.78rem; color:var(--cyan); margin-bottom:16px; }
.da-status strong { display:block; font-size:1rem; line-height:1.5; }
.da-status p { font-size:.9rem; margin:12px 0 0; }
.da-rule { padding:20px 24px; border-left:2px solid var(--cyan); background:#22d3ee08; margin:24px 0; }
.da-rule strong { font-size:1.15rem; }
.da-rule p { margin:12px 0 0; }
.da-read-path { display:flex; flex-wrap:wrap; list-style:none; gap:12px; padding:0; margin:24px 0; }
.da-read-path li { border:1px solid var(--hairline-2); border-radius:8px; padding:10px 14px; font-size:.9rem; }
.da-read-path li:not(:last-child)::after { content:' →'; color:var(--cyan); }
@media(max-width:1000px) { .da-home { grid-template-columns:1fr; } }
@media(max-width:600px) { .da-pipeline,.da-role-grid,.da-boundary,.da-status { grid-template-columns:1fr; } .da-home-notes a { grid-template-columns:1fr; gap:6px; } .da-pipeline li,.da-role-grid>div,.da-boundary>div { padding:20px; } }

/* Template reconciliation: shared surfaces, rhythm and reading widths. */
:root { --hairline:rgba(255,255,255,.08); --hairline-2:rgba(255,255,255,.14); --line:rgba(255,255,255,.09); }
.template-home .sec { padding:clamp(72px,8vw,112px) var(--gutter); border-top:1px solid var(--hairline); background:var(--bg); }
.template-home .sec:nth-of-type(even) { background:var(--bg-2); }
.template-home .wrap { max-width:1200px; }
.template-home .sec h2 { font-size:clamp(2rem,3.5vw,3.15rem); line-height:1.28; letter-spacing:-.035em; max-width:20em; }
.template-home .home-heading>p:not(.kicker),.template-home .scaling-copy>p:not(.kicker),.template-home #economics .split>div>p:not(.kicker) { color:var(--text-dim); font-size:1rem; line-height:1.85; margin:22px 0 0; max-width:42em; }
.template-home .kicker { font-size:.8125rem; letter-spacing:.09em; margin-bottom:18px; }
.template-home .bento { margin-top:40px; }
.template-home .bento-cell { padding:32px; }
.template-home .bento-cell h3 { color:var(--text); font-size:1.4rem; }
.template-home .bento-cell p { font-size:1rem; }
.template-home .bento-cell>div { display:flex; flex-direction:column; flex:1; }
.template-home .bento-cell .detail-link { align-self:start; margin-top:auto; padding-top:24px; }
.template-home .bento-cell .evidence-citations { margin-top:18px; }
.template-home .bento-cell.cell-e { display:grid; grid-template-columns:1fr 1.45fr; column-gap:48px; }
.template-home .cell-e .cell-index { grid-column:1; }
.template-home .cell-e h3 { grid-column:1; }
.template-home .cell-e>div { grid-column:2; grid-row:1/3; }
.template-home .evidence-citations { border:0; padding:0; }
.template-home .evidence-citations a { display:inline-flex; flex-wrap:wrap; align-items:center; gap:7px; padding:8px 12px; border:1px solid rgba(79,206,124,.22); border-radius:10px; background:rgba(79,206,124,.035); font-size:.8125rem; line-height:1.6; }
.template-home .evidence-citations span { color:var(--green); border:0; padding:0; }
.template-home .split-lead .home-heading { position:sticky; top:112px; }
.template-home .hsteps p,.template-home .slist p,.template-home .vcard p { font-size:1rem; line-height:1.8; }
.template-home .hsteps .chain { font-size:.8125rem; line-height:1.7; margin-top:0; color:var(--text-dim); }
.template-home .hsteps h3 { font-size:1.2rem; }
.template-home .verification-lead { padding:0; }
.template-home .verification-lead>p:not(.kicker) { font-size:1rem; line-height:1.85; color:var(--text-dim); margin:22px 0; }
.template-home .vcard { padding:28px; border-color:var(--hairline); }
.template-home .vcard p+p { margin-top:14px; }
.template-home .vcard h3 { margin:16px 0; font-size:1.3rem; }
.template-home .evidence-code { font-size:.8125rem; color:var(--green); line-height:1.8; }
.template-home .t-violet .evidence-code { color:#b5a7ff; }
.template-home .detail-link,.template-home .text-link-light { font-size:.9375rem; color:var(--cyan); line-height:1.6; }
.template-home .roadmap-current,.template-home .roadmap-next { border:1px solid var(--hairline); background:linear-gradient(145deg,#0e1320,#0b0f19); padding:28px; }
.template-home .roadmap-current { border-top:2px solid var(--green); }
.template-home .roadmap-next { border-top:2px solid var(--violet); }
.template-home .roadmap-current strong,.template-home .roadmap-next strong { font-size:1.15rem; line-height:1.6; }
.template-home .roadmap-current small,.template-home .roadmap-next small { color:var(--text-dim); font-size:.9375rem; line-height:1.8; margin-top:12px; }
.template-home .da-publish-list { gap:12px; }
.template-home .da-publish-list li { grid-template-columns:80px minmax(0,1fr); padding:22px; gap:20px; }
.template-home .da-publish-list .stag { font-size:.8125rem; }
.template-home .da-publish-list h3 { font-size:1.1rem; margin-bottom:8px; }
.template-home .da-home-notes { margin-top:20px; }
.template-home .da-home-notes a { grid-template-columns:88px minmax(0,1fr); }
.template-home .da-home-notes span { font-size:.9375rem; }
.template-home .da-links { flex-direction:column; align-items:start; gap:14px; }
.template-home .da-links .detail-link { margin:0; }
.template-home .money-summary { gap:14px; counter-reset:money; }
.template-home .money-summary span { display:flex; align-items:center; gap:20px; counter-increment:money; padding:24px; border:1px solid var(--hairline); border-radius:14px; background:linear-gradient(125deg,#ffffff05,transparent); font-size:1.05rem; }
.template-home .money-summary span::before { content:'0' counter(money); color:var(--green); font: .8125rem ui-monospace,monospace; }
.template-home .paper-preview { gap:20px; }
.template-home .paper-preview article { padding:26px; border:1px solid var(--hairline); border-radius:16px; background:var(--surface); }
.template-home .paper-preview h3 { color:var(--text); font-size:1.125rem; margin-bottom:16px; }
.template-home .paper-preview article:nth-child(2) h3 { color:#b5a7ff; }
.template-home .paper-preview a { gap:10px; font-size:.9375rem; padding:18px 0; line-height:1.65; }
.template-home .paper-preview a:last-child { border:0; }
.template-home .paper-preview small { font-size:.8125rem; color:var(--text-dim); }
.template-home .careers-overview { padding-block:clamp(72px,8vw,112px); border-top:1px solid var(--hairline); background:radial-gradient(ellipse at 80% 100%,#8a75ff0b,transparent 65%),var(--bg-2); }
.template-home .careers-overview .button { background:transparent; color:var(--text); border:1px solid var(--hairline-2); box-shadow:none; font-size:.9375rem; padding:12px 18px; border-radius:9px; }
.site-footer { border-color:var(--hairline); }
.site-footer .footer-bottom { color:var(--text-dim); border-color:var(--hairline); }
/* Detail pages share the template's quiet grid header and compact topic pills. */
.detail-hero { background:radial-gradient(ellipse at 85% 0%,#22cad610,transparent 58%),radial-gradient(ellipse at 18% 100%,#8a75ff0c,transparent 60%),var(--bg); padding-bottom:48px; border-bottom:1px solid var(--hairline); }
.detail-hero .back-link { display:block; width:fit-content; margin-bottom:26px; color:var(--text-dim); font-size:.875rem; }
.detail-hero h1 { max-width:900px; font-size:clamp(2.2rem,4vw,3.7rem); line-height:1.25; margin:16px 0 24px; }
.detail-hero>p { max-width:760px; font-size:1.0625rem; }
.detail-hero>p.data-footnote { font-size:.875rem; margin-top:20px; color:var(--text-dim); }
.topic-nav { display:flex; flex-wrap:wrap; gap:8px; padding-block:20px; background:var(--bg); border-bottom:1px solid var(--hairline); }
.topic-nav a { padding:7px 13px; border:1px solid var(--hairline); border-radius:100px; font-size:.875rem; line-height:1.6; color:var(--text-dim); }
.topic-nav a[aria-current="page"] { background:#22cad60c; border-color:#22cad644; color:var(--cyan); }
.detail-layout { padding-top:56px; gap:clamp(32px,5vw,72px); }
.detail-toc strong { font-size:.8125rem; color:var(--text-dim); font-weight:500; }
.detail-toc a { font-size:.875rem; line-height:1.7; color:var(--text-dim); }
.detail-section { margin-bottom:48px; padding-bottom:48px; border-color:var(--hairline); }
.detail-section h2 { font-size:clamp(1.55rem,2.3vw,2rem); line-height:1.4; letter-spacing:-.02em; }
.detail-section>p,.detail-section>ul { max-width:76ch; line-height:1.9; }
.detail-section .da-role-grid>div,.detail-section .da-boundary>div { padding:24px; background:linear-gradient(145deg,#0e1320,#0b0f19); }
.detail-section .da-role-grid h3,.detail-section .da-boundary h3 { font-size:1.125rem; margin:12px 0; }
.detail-section .da-role-grid p,.detail-section .da-boundary p,.detail-section .da-status p { font-size:1rem; }
.da-role-grid>div>span,.da-boundary>div>span { font-size:.875rem; }
.detail-section .table-scroll { margin:28px 0; border-color:var(--hairline); }
.detail-section th,.detail-section td { font-size:.9375rem; padding:18px; line-height:1.8; }
.detail-section tbody th { background:transparent; font-weight:500; }
.detail-section thead th { background:#ffffff04; font-size:.875rem; }
.detail-section .entry-steps { counter-reset:publish; list-style:none; padding:0; margin:28px 0; }
.detail-section .entry-steps li { position:relative; counter-increment:publish; padding:0 0 28px 58px; margin:0; border-left:1px solid var(--hairline); }
.detail-section .entry-steps li::before { content:'0' counter(publish); position:absolute; left:-18px; top:0; width:36px; height:36px; display:grid; place-items:center; background:var(--surface); border:1px solid var(--hairline-2); border-radius:10px; color:var(--cyan); font: .8125rem ui-monospace,monospace; }
.detail-section .entry-steps li:last-child { padding-bottom:0; border-color:transparent; }
.detail-section .entry-steps h3 { margin:0 0 10px; font-size:1.125rem; }
.detail-section .entry-steps p { margin:0; }
@media(max-width:1060px) {
 .template-home .split,.template-home .split-lead { grid-template-columns:minmax(0,1fr); gap:40px; }
 .template-home .split-lead .home-heading { position:static; }
 .template-home .bento-cell.cell-e { display:flex; }
 .template-home .paper-preview { grid-template-columns:1fr; }
 .template-home .sec h2 { max-width:22em; }
}
@media(max-width:700px) {
 .template-home .sec { padding:64px 20px; }
 .template-home .bento-cell { padding:24px; }
 .template-home .da-publish-list li { grid-template-columns:1fr; gap:12px; padding:20px; }
 .template-home .da-publish-list .stag { width:84px; }
 .template-home .da-home-notes a { grid-template-columns:1fr; gap:6px; }
 .template-home .roadmap-flow,.template-home .roadmap-next-items { grid-template-columns:1fr; }
 .template-home .roadmap-next-items a+a { padding:20px 0 0; border-left:0; border-top:1px solid var(--hairline); }
 .detail-layout { grid-template-columns:minmax(0,1fr); padding:32px 20px 64px; }
 .detail-toc { position:static; max-height:none; }
 .detail-toc nav { display:flex; flex-wrap:wrap; gap:6px; border:0; }
 .detail-toc a { padding:6px 10px; border:1px solid var(--hairline); border-radius:8px; }
 .detail-section .entry-steps { margin-left:18px; }
 .detail-section .entry-steps li { padding-left:34px; }
}

/* Five capabilities: two compact rows within a desktop viewport. */
@media(min-width:900px) {
 .template-home #capabilities { padding-block:clamp(24px,4svh,48px); }
 .template-home #capabilities .kicker { margin-bottom:10px; }
 .template-home #capabilities h2 { font-size:clamp(1.8rem,3vw,2.6rem); line-height:1.25; }
 .template-home #capabilities .bento { grid-template-columns:repeat(6,minmax(0,1fr)); gap:14px; margin-top:24px; }
 .template-home #capabilities .bento-cell { grid-column:span 2; display:flex; flex-direction:column; padding:20px 22px; }
 .template-home #capabilities .bento-cell:nth-child(n+4) { grid-column:span 3; }
 .template-home #capabilities .cell-index { margin-bottom:8px; font-size:.75rem; }
 .template-home #capabilities .bento-cell h3 { font-size:1.125rem; margin:0 0 10px; line-height:1.4; }
 .template-home #capabilities .bento-cell p { font-size:1rem; line-height:1.65; }
 .template-home #capabilities .bento-cell .detail-link { padding-top:12px; font-size:.875rem; }
 .template-home #capabilities .bento-cell .evidence-citations { margin-top:10px; }
 .template-home #capabilities .evidence-citations a { padding:4px 8px; font-size:.75rem; line-height:1.5; }
}
@media(min-width:900px) and (max-height:760px) {
 .template-home #capabilities { padding-block:20px; }
 .template-home #capabilities .bento { margin-top:16px; gap:12px; }
 .template-home #capabilities .bento-cell { padding:16px 20px; }
 .template-home #capabilities .cell-index { margin-bottom:5px; }
}

/* Compact, language-neutral task timeline. */
.template-home #mechanism .hmark { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:.8125rem; font-weight:500; }
@media(min-width:900px) {
 .template-home #mechanism { padding-block:clamp(24px,4svh,44px); }
 .template-home #mechanism .split-lead { grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr); gap:clamp(32px,5vw,72px); }
 .template-home #mechanism .home-heading { position:static; }
 .template-home #mechanism h2 { font-size:clamp(1.8rem,3vw,2.6rem); line-height:1.3; word-break:keep-all; overflow-wrap:normal; }
 .template-home #mechanism .hsteps { margin:0; }
 .template-home #mechanism .hsteps li { grid-template-columns:36px minmax(0,1fr); gap:18px; padding-bottom:18px; }
 .template-home #mechanism .hsteps li:last-child { padding-bottom:0; }
 .template-home #mechanism .hmark { width:34px; height:34px; border-radius:9px; }
 .template-home #mechanism .hrail::before { top:40px; bottom:-12px; }
 .template-home #mechanism .hsteps h3 { font-size:1.0625rem; line-height:1.4; margin:0 0 5px; }
 .template-home #mechanism .hsteps p { margin:0 0 6px; font-size:1rem; line-height:1.55; }
 .template-home #mechanism .chain { padding:3px 9px; font-size:.8125rem; line-height:1.5; border-color:var(--hairline); }
}
@media(min-width:900px) and (max-height:760px) {
 .template-home #mechanism { padding-block:20px; }
 .template-home #mechanism .hsteps li { padding-bottom:12px; }
}

/* DA overview fits alongside its supporting links in one desktop viewport. */
@media(min-width:900px) {
 .template-home #scaling { padding-block:clamp(24px,4svh,44px); }
 .template-home #scaling .split { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr); gap:clamp(32px,4vw,64px); }
 .template-home #scaling h2 { font-size:clamp(1.8rem,3vw,2.6rem); line-height:1.25; }
 .template-home #scaling .kicker { margin-bottom:12px; }
 .template-home #scaling .scaling-copy>p:not(.kicker) { margin-top:18px; line-height:1.7; }
 .template-home #scaling .da-links { margin-top:22px; gap:12px; }
 .template-home #scaling .da-publish-list { gap:10px; }
 .template-home #scaling .da-publish-list li { padding:14px 18px; grid-template-columns:76px minmax(0,1fr); gap:16px; }
 .template-home #scaling .da-publish-list h3 { font-size:1.0625rem; line-height:1.4; margin-bottom:5px; }
 .template-home #scaling .da-publish-list p { font-size:1rem; line-height:1.55; }
 .template-home #scaling .da-home-notes { margin-top:12px; }
 .template-home #scaling .da-home-notes a { padding:9px 0; gap:12px; }
 .template-home #scaling .da-home-notes span { font-size:.875rem; line-height:1.55; }
 .template-home #scaling .da-home-body>.data-footnote { margin:12px 0 0; font-size:.8125rem; line-height:1.6; }
}
@media(min-width:900px) and (max-height:760px) {
 .template-home #scaling { padding-block:20px; }
 .template-home #scaling .da-publish-list li { padding-block:11px; }
}

/* Keep DA phase labels readable at every width, without ordinal numbers. */
.template-home #scaling .da-publish-list .stag {
 display:inline-flex; align-items:center; justify-content:center;
 width:auto; min-width:56px; height:auto; min-height:30px;
 padding:5px 10px; white-space:nowrap; word-break:keep-all;
 font-family:inherit; font-size:.8125rem; line-height:1.4; letter-spacing:.03em;
}
.template-home #scaling .da-publish-list li { grid-template-columns:64px minmax(0,1fr); }
.main-nav a { white-space:nowrap; }
@media(max-width:700px) {
 .template-home #scaling .da-publish-list li { grid-template-columns:minmax(0,1fr); gap:10px; }
 .template-home #scaling .da-publish-list .stag { justify-self:start; }
}

/* Hero hierarchy: two primary statements, three supporting capabilities. */
.template-home .hero .hero-content { max-width:1200px; }
.template-home .hero h1.wordmark { font-size:clamp(5rem,10vw,9rem); line-height:.95; letter-spacing:-.055em; }
.template-home .hero .hero-statement {
 display:grid; grid-template-columns:repeat(6,minmax(0,1fr));
 width:min(100%,740px); max-width:740px; margin:32px 0 0;
 column-gap:24px; row-gap:18px; line-height:1.45;
}
.template-home .hero .hero-statement span {
 min-width:0; white-space:nowrap; grid-column:span 2;
 font-size:clamp(.9375rem,1.45vw,1.125rem); font-weight:550;
 letter-spacing:.01em; -webkit-text-stroke:0;
}
.template-home .hero .hero-statement span:nth-child(-n+2) {
 grid-column:span 3; font-size:clamp(1.35rem,2.25vw,1.875rem);
 font-weight:700; letter-spacing:-.025em;
}
.template-home .hero .hero-actions {
 display:grid; grid-template-columns:repeat(4,minmax(0,1fr));
 width:min(100%,740px); max-width:740px; gap:12px; margin-top:32px;
}
.template-home .hero .hero-actions .button { width:100%; padding:10px 12px; min-height:44px; justify-content:center; font-size:.875rem; white-space:nowrap; }
@media(max-width:700px) {
 .template-home .hero .hero-statement { column-gap:16px; row-gap:14px; margin-top:26px; }
 .template-home .hero .hero-statement span { grid-column:1/-1; font-size:1rem; }
 .template-home .hero .hero-statement span:nth-child(-n+2) { grid-column:1/-1; font-size:1.375rem; }
 .template-home .hero .hero-actions { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:26px; }
 .template-home .hero h1.wordmark { font-size:clamp(4rem,19vw,7rem); }
}

/* Desktop composition uses the full window; narrow panels are responsive views. */
@media(min-width:1200px) {
 .template-home .hero { padding:132px max(40px,calc((100vw - 1200px)/2)) 72px; min-height:100svh; display:flex; align-items:center; }
 .template-home .hero .hero-content { width:100%; max-width:1200px; margin-inline:auto; }
 .template-home .hero h1.wordmark { font-size:clamp(7rem,10vw,9rem); }
 .template-home .hero .hero-statement { width:680px; column-gap:24px; row-gap:18px; }
 .template-home .hero .hero-statement span:nth-child(-n+2) { font-size:1.75rem; }
 .template-home .hero .hero-statement span:nth-child(n+3) { font-size:1.0625rem; }
 .template-home .hero .hero-actions { width:680px; }
 .site-header { padding-inline:max(40px,calc((100vw - 1320px)/2)); }
}
@media(min-width:701px) and (max-width:1199px) {
 .template-home .hero { padding:124px 32px 64px; min-height:100svh; }
 .template-home .hero .hero-statement { max-width:640px; }
 .template-home .hero .hero-actions { max-width:640px; }
}

/* A single alignment system for the header and hero, with intrinsic text spacing. */
.template-home { --hero-edge:max(32px,calc((100vw - 1200px)/2)); }
.template-home .site-header { padding-inline:var(--hero-edge); grid-template-columns:auto minmax(0,1fr) auto; gap:32px; }
.template-home .main-nav { justify-content:flex-end; gap:22px; font-size:.875rem; }
.template-home .hero { padding-inline:var(--hero-edge); }
.template-home .hero .hero-statement {
 display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:baseline;
 width:min(100%,620px); max-width:620px; gap:16px 24px; margin-top:28px;
}
.template-home .hero .hero-statement span { flex:0 0 auto; font-size:1rem; line-height:1.6; }
.template-home .hero .hero-statement span:nth-child(-n+2) { font-size:1.625rem; line-height:1.4; }
.template-home .hero .hero-statement span:nth-child(2)::after { content:''; }
.template-home .hero .hero-statement span:nth-child(3) { margin-left:0; }
.template-home .hero .hero-actions {
 display:flex; flex-wrap:wrap; width:fit-content; max-width:100%; gap:10px;
 margin-top:30px; justify-content:flex-start;
}
.template-home .hero .hero-actions .button { flex:0 0 auto; width:auto; min-height:44px; padding:10px 16px; font-size:.875rem; border-color:#ffffff38; border-radius:8px; }
@media(min-width:1200px) {
 .template-home .hero { padding-top:110px; padding-bottom:72px; }
 .template-home .hero h1.wordmark { font-size:clamp(7rem,10vw,9rem); }
 .template-home .hero .hero-statement span:nth-child(n+3) { font-size:1rem; }
}
@media(max-width:1180px) {
 .template-home .site-header { grid-template-columns:1fr auto; }
 .template-home .main-nav { align-items:stretch; gap:0; }
}
@media(max-width:700px) {
 .template-home { --hero-edge:24px; }
 .template-home .hero .hero-statement { display:grid; grid-template-columns:1fr; gap:9px; }
 .template-home .hero .hero-statement span:nth-child(-n+2) { font-size:1.375rem; }
 .template-home .hero .hero-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; max-width:380px; }
 .template-home .hero .hero-actions .button { width:100%; padding-inline:10px; }
}
@media(min-width:701px) {
 .template-home .hero .hero-statement { display:grid; grid-template-columns:repeat(3,max-content); width:fit-content; max-width:100%; gap:16px 24px; }
 .template-home .hero .hero-statement span { grid-column:auto; }
 .template-home .hero .hero-statement span:nth-child(1) { grid-column:1; }
 .template-home .hero .hero-statement span:nth-child(2) { grid-column:2/4; }
}

/* Equal emphasis for all five hero statements. */
.template-home .hero .hero-statement span,
.template-home .hero .hero-statement span:nth-child(-n+2),
.template-home .hero .hero-statement span:nth-child(n+3) {
 font-size:clamp(1.125rem,1.6vw,1.375rem);
 font-weight:650;
 line-height:1.5;
 letter-spacing:0;
}

/* Observer-facing orientation, not a north-up geographical map. */
.sky-orientation { position:absolute; z-index:2; right:var(--hero-edge,32px); bottom:28px; width:260px; pointer-events:none; color:#a4afbf; font-size:.8125rem; line-height:1.6; }
.sky-orientation>div { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-top:10px; border-top:1px solid #ffffff20; }
.sky-orientation small { display:block; margin-top:6px; text-align:center; font-size:.75rem; color:#8c98aa; }
@media(max-width:700px) { .sky-orientation { bottom:16px; right:24px; width:230px; } .template-home .hero { padding-bottom:100px; } }
/* Narrow screens reserve an actual sky area below the copy instead of overlapping it. */
@media(max-width:1000px) {
 .template-home .hero { align-items:flex-start; padding-top:116px; padding-bottom:380px; min-height:0; }
}

/* Homepage modules use headings and spacing, without display numbering. */
.template-home #mechanism .hsteps li { grid-template-columns:minmax(0,1fr); gap:0; border-bottom:1px solid var(--hairline); padding-bottom:16px; margin-bottom:16px; }
.template-home #mechanism .hsteps li:last-child { border-bottom:0; padding-bottom:0; margin-bottom:0; }
.template-home .money-summary span::before { content:none; }
.template-home .bento-cell.cell-e h3 { grid-row:1; }
.template-home .bento-cell.cell-e>div { grid-row:1; }

/* Give capabilities and the task flow separate desktop screens with breathing room. */
@media(min-width:900px) {
 .template-home #capabilities,
 .template-home #mechanism {
  min-height:100svh;
  display:flex;
  align-items:center;
  padding-block:clamp(40px,6svh,72px);
 }
 .template-home #capabilities>.wrap,
 .template-home #mechanism>.wrap { width:100%; }
}

/* Give capability cards internal breathing room as well as section spacing. */
.template-home #capabilities .bento { gap:22px; margin-top:32px; }
.template-home #capabilities .bento-cell { padding:28px 30px; }
.template-home #capabilities .bento-cell h3 { margin-bottom:18px; }
.template-home #capabilities .bento-cell p { line-height:1.8; }
.template-home #capabilities .bento-cell .detail-link { padding-top:24px; }
.template-home #capabilities .bento-cell .evidence-citations { margin-top:16px; }
.template-home #capabilities .evidence-citations a { padding:7px 10px; line-height:1.65; }
@media(min-width:900px) and (max-height:800px) {
 .template-home #capabilities { padding-block:28px; }
 .template-home #capabilities .bento { gap:18px; margin-top:24px; }
 .template-home #capabilities .bento-cell { padding:22px 26px; }
 .template-home #capabilities .bento-cell h3 { margin-bottom:14px; }
 .template-home #capabilities .bento-cell .detail-link { padding-top:18px; }
 .template-home #capabilities .bento-cell .evidence-citations { margin-top:12px; }
}
@media(max-width:700px) {
 .template-home #capabilities .bento { gap:18px; }
 .template-home #capabilities .bento-cell { padding:26px 24px; }
}


/* DA: natural content height, including the supporting links; no decorative hover. */
.template-home #scaling .da-publish-list li,
.template-home #scaling .da-publish-list li:hover {
 transform:none; box-shadow:none; transition:none;
 border-color:var(--hairline); background:var(--surface);
}
.template-home #scaling .da-home-body { padding-top:96px; }
.template-home #scaling .scaling-copy { display:flex; flex-direction:column; align-items:flex-start; }
.template-home #scaling .scaling-copy .da-links {
 display:flex; flex-direction:row; flex-wrap:wrap; align-items:center;
 gap:14px 30px; margin-top:30px;
}
.template-home #scaling .scaling-copy .da-links .detail-link { margin:0; padding:0; }
.template-home #scaling .scaling-copy .da-home-notes {
 width:100%; max-width:620px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
 gap:28px; margin-top:52px; padding-top:24px; border-top:1px solid var(--hairline);
}
.template-home #scaling .scaling-copy .da-home-notes a {
 display:block; min-width:0; padding:0; border:0;
}
.template-home #scaling .scaling-copy .da-home-notes strong {
 display:block; margin-bottom:10px; color:var(--text); font-size:.9375rem; line-height:1.5;
}
.template-home #scaling .scaling-copy .da-home-notes span {
 display:block; color:var(--text-dim); font-size:.875rem; line-height:1.75;
}
.template-home #scaling .scaling-copy .da-home-notes a:hover strong { color:var(--cyan); }
@media(min-width:900px) {
 .template-home #scaling { min-height:0; padding-block:28px; }
 .template-home #scaling .da-home-body { min-height:0; display:block; }
 .template-home #scaling .da-publish-list { gap:12px; grid-template-rows:none; }
 .template-home #scaling .da-publish-list li { padding:16px 22px; gap:20px; }
 .template-home #scaling .da-publish-list h3 { margin-bottom:8px; line-height:1.4; }
 .template-home #scaling .da-publish-list p { line-height:1.65; }
 .template-home #scaling .da-home-notes { margin-top:14px; }
 .template-home #scaling .da-home-notes a { padding:10px 0; }
}
/* Recruitment is one readable invitation, rather than two disconnected columns. */
.template-home .careers-overview {
 display:flex; flex-direction:column; align-items:flex-start; gap:24px;
 padding-block:64px; background:var(--bg-2);
}
.template-home .careers-overview>div { width:100%; max-width:820px; }
.template-home .careers-overview h2 { font-size:clamp(1.65rem,2.6vw,2.5rem); line-height:1.4; text-wrap:pretty; }
.template-home .careers-overview p:not(.kicker) { color:var(--text-dim); margin:0 0 20px; line-height:1.85; }
.template-home .careers-overview .careers-inline-meta { color:var(--text-dim); font-size:.875rem; }
.template-home .careers-overview .button { padding:10px 16px; min-height:44px; font-size:.875rem; }
@media(max-width:700px) {
 .template-home .careers-overview { padding-block:48px; gap:20px; }
 .template-home #scaling .da-home-body { padding-top:24px; }
 .template-home #scaling .scaling-copy .da-links { flex-direction:column; align-items:flex-start; gap:12px; }
 .template-home #scaling .scaling-copy .da-home-notes { grid-template-columns:1fr; gap:22px; margin-top:36px; }
}

/* Economics is a concise reference block; avoid repeating the same flow in cards. */
.template-home #economics { padding-block:clamp(64px,8vw,96px); }
.template-home #economics .economics-copy { max-width:1200px; }
.template-home #economics .economics-copy>p:not(.kicker) {
 max-width:680px; margin:22px 0 0; color:var(--text-dim); line-height:1.85;
}
.template-home #economics .economics-links {
 display:flex; flex-wrap:wrap; align-items:center; gap:18px 28px; margin-top:30px;
}
.template-home #economics .economics-links .detail-link,
.template-home #economics .economics-links .evidence-citations { margin:0; }

/* Roadmap begins near the section boundary and keeps its visual weight in the cards. */
.template-home #roadmap { padding-block:56px 72px; }
.template-home #roadmap .home-heading .kicker { margin-bottom:14px; }
.template-home #roadmap .home-heading .detail-link { margin-top:20px; }
.template-home #roadmap .roadmap-flow { margin-top:32px; }
@media(max-width:700px) {
 .template-home #roadmap { padding-block:48px 56px; }
 .template-home #roadmap .roadmap-flow { margin-top:28px; }
}

/* Task flow: one balanced introduction above a clean five-step rail. */
@media(min-width:900px) {
 .template-home #mechanism { min-height:100svh; padding-block:clamp(44px,6svh,72px); }
 .template-home #mechanism .split-lead { display:block; }
 .template-home #mechanism .home-heading { max-width:820px; }
 .template-home #mechanism .home-heading h2 { max-width:none; }
 .template-home #mechanism .home-heading>p:not(.kicker) { max-width:680px; margin-top:18px; }
 .template-home #mechanism .home-heading .detail-link { margin-top:18px; }
 .template-home #mechanism .hsteps {
  display:grid; grid-template-columns:repeat(5,minmax(0,1fr));
  gap:16px; margin-top:52px;
 }
 .template-home #mechanism .hsteps li,
 .template-home #mechanism .hsteps li:last-child {
  display:flex; flex-direction:column; min-width:0; min-height:230px;
  margin:0; padding:24px 22px; border:1px solid var(--hairline);
  border-top:2px solid var(--step-accent,var(--cyan)); border-radius:14px;
  background:var(--surface); transition:none;
 }
 .template-home #mechanism .hsteps li:nth-child(1) { --step-accent:var(--cyan); }
 .template-home #mechanism .hsteps li:nth-child(2) { --step-accent:var(--blue); }
 .template-home #mechanism .hsteps li:nth-child(3) { --step-accent:var(--amber); }
 .template-home #mechanism .hsteps li:nth-child(4) { --step-accent:var(--violet); }
 .template-home #mechanism .hsteps li:nth-child(5) { --step-accent:var(--green); }
 .template-home #mechanism .hsteps h3 { margin:0 0 14px; font-size:1.1rem; }
 .template-home #mechanism .hsteps p { margin:0; font-size:.9375rem; line-height:1.75; }
 .template-home #mechanism .hsteps .chain {
  display:block; margin-top:auto; padding:22px 0 0; border:0; border-radius:0;
  background:transparent; color:var(--text-faint); font-size:.75rem; line-height:1.7;
 }
}
@media(min-width:900px) and (max-width:1199px) {
 .template-home #mechanism .hsteps { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .template-home #mechanism .hsteps li { min-height:210px; }
}
@media(max-width:899px) {
 .template-home #mechanism .hsteps { display:grid; gap:14px; margin-top:36px; }
 .template-home #mechanism .hsteps li,
 .template-home #mechanism .hsteps li:last-child {
  margin:0; padding:22px; border:1px solid var(--hairline); border-radius:14px;
  background:var(--surface);
 }
 .template-home #mechanism .hsteps .chain { border:0; background:transparent; padding:12px 0 0; }
}

/* Header scale matches the visual weight of the desktop hero. */
@media(min-width:1181px) {
 .site-header,
 .detail-page .site-header { height:88px; }
 .site-header.is-scrolled,
 .site-header.is-open { height:80px; }
 .site-header .brand { gap:14px; font-size:1.3rem; }
 .site-header .brand-mark {
  width:30px; height:30px;
  grid-template-columns:repeat(2,10px); grid-template-rows:repeat(2,10px);
  gap:4px; place-content:center;
 }
 .site-header .main-nav { gap:clamp(20px,1.65vw,30px); font-size:1rem; }
 .site-header .main-nav a { padding-block:14px; }
}

/* Compact footer spacing shared by all pages. */
.site-footer{padding-top:48px;padding-bottom:32px;}