/* Milestone evidence page */
.proof-page{background:var(--bg);color:var(--text)}
.proof-topbar{position:relative;border-bottom:1px solid var(--line-soft);background:var(--bg-soft);backdrop-filter:blur(14px)}
.proof-topbar .proof-active{color:var(--text);border-color:var(--cyan);background:var(--accent-tint)}
.proof-shell{width:min(1120px,calc(100% - 40px));margin:0 auto}
.proof-grid{position:absolute;inset:0;pointer-events:none;opacity:.7;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:radial-gradient(ellipse at center,#000 0%,transparent 74%);mask-image:radial-gradient(ellipse at center,#000 0%,transparent 74%)}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.proof-hero{position:relative;overflow:hidden;padding:clamp(48px,6vw,72px) 0 clamp(74px,9vw,116px);border-bottom:1px solid var(--line-soft);background:radial-gradient(880px 520px at 50% 24%,var(--bloom),transparent 72%),linear-gradient(180deg,var(--bg-stage-1),var(--bg))}
.proof-hero-inner{position:relative;text-align:center}
.proof-hero.hub-hero{padding-bottom:0}
.milestone-tag{display:inline-flex;align-items:center;gap:0;margin-bottom:30px;border:1px solid var(--line);border-radius:0;overflow:hidden;background:var(--panel-a);color:var(--muted);font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.milestone-tag span,.milestone-tag time{padding:8px 13px}
.milestone-tag span{background:var(--text);color:var(--bg)}
.milestone-tag time{border-left:1px solid var(--line-soft)}
.proof-hero h1{max-width:1040px;margin:0 auto 26px;font-size:clamp(38px,6.2vw,74px);line-height:1.08;letter-spacing:-.045em}
.proof-hero h1 span,.proof-section h2 span,.proof-final h2 span{color:var(--text-soft)}
.proof-lede{max-width:78ch;margin:0 auto 36px;color:var(--text-soft);font-size:clamp(15px,1.55vw,18px);line-height:1.82}
.proof-actions{display:flex;justify-content:flex-start;align-items:center;gap:22px;flex-wrap:wrap;margin-top:34px}
.proof-thesis{max-width:820px;display:block;margin:60px 0 0;padding:4px 0 4px 26px;border-left:2px solid var(--cyan);border-radius:0;background:none;box-shadow:none;text-align:left}
.thesis-label{display:block;margin:0 0 14px;color:var(--cyan-lit);font-size:10px;font-weight:600;letter-spacing:.18em}
.proof-thesis strong{font-size:clamp(15px,2vw,20px);font-weight:500;line-height:1.5}
.proof-signal{display:grid;grid-template-columns:repeat(4,1fr);max-width:1050px;margin:26px auto 0;border:1px solid var(--line);border-radius:0;background:var(--panel-a);text-align:left;overflow:hidden}
.proof-signal div{padding:21px 22px;border-right:1px solid var(--line-soft)}
.proof-signal div:last-child{border-right:0}
.proof-signal dt{margin-bottom:9px;color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.proof-signal dd{margin:0;color:var(--text);font-size:16px;font-weight:600;line-height:1.4}
.proof-signal dd span{display:block;margin-top:3px;color:var(--faint);font-size:11px;font-weight:400}
.scope-note{max-width:84ch;margin:24px auto 0;color:var(--faint);font-size:11px;line-height:1.7}

.quick-compare-section{padding:clamp(54px,7vw,82px) 0;border-bottom:1px solid var(--line-soft);background:var(--bg)}
.quick-compare-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(min(320px,100%),.8fr);gap:40px;align-items:end;margin-bottom:28px}
.quick-compare-head .eyebrow{margin-bottom:12px}
.quick-compare-head h2{margin:0;color:var(--text);font-size:clamp(25px,3.5vw,40px);font-weight:500;line-height:1.18;letter-spacing:-.03em}
.quick-compare-head>p{max-width:50ch;margin:0;color:var(--text-soft);font-size:13px;line-height:1.7}
.compare-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:0;background:var(--panel-a);box-shadow:inset 0 1px 0 var(--card-hi)}
.compare-table{width:100%;min-width:760px;border-collapse:collapse;text-align:left;font-size:12.5px}
.compare-table th,.compare-table td{padding:15px 20px;border-bottom:1px solid var(--line-soft);vertical-align:middle}
.compare-table thead th{background:var(--panel-b);color:var(--text);font-size:11px;font-weight:600;letter-spacing:.04em}
.compare-table thead th:first-child{width:38%;color:var(--muted);font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.compare-table thead span{display:block;margin-top:4px;color:var(--faint);font-size:9px;font-weight:400;letter-spacing:.12em;text-transform:uppercase}
.compare-table tbody th{color:var(--text-soft);font-weight:500}.compare-table tbody td{color:var(--text);white-space:nowrap}
.compare-table tbody tr:last-child th,.compare-table tbody tr:last-child td{border-bottom:0}
.compare-table tbody tr:hover{background:var(--accent-tint)}
.compare-table td{display:table-cell}.compare-table td .compare-box{margin-right:10px}
.compare-box{width:18px;height:18px;display:inline-grid;place-items:center;flex:none;border:1px solid var(--line);border-radius:0;font-size:11px;font-weight:600;vertical-align:middle}
.compare-box.checked{border-color:var(--cyan);background:var(--cyan);color:#fff}.compare-box.manual{border-color:var(--amber);color:var(--amber-lit);background:rgba(180,83,9,.07)}
.compare-table code{font-family:var(--mono);font-size:.96em;color:var(--cyan-lit)}
.compare-note{display:flex;align-items:center;gap:9px;margin:13px 0 0;color:var(--faint);font-size:10.5px;line-height:1.6}.compare-note .compare-box{width:16px;height:16px;margin:0}

.proof-section{position:relative;padding:clamp(74px,9vw,120px) 0;border-bottom:1px solid var(--line-soft);scroll-margin-top:30px}
.proof-section:nth-of-type(odd){background:linear-gradient(180deg,var(--bg),var(--bg-stage-1))}
.proof-intro{max-width:830px;margin-bottom:clamp(38px,5.5vw,66px)}
.proof-section h2,.proof-final h2{margin:0 0 22px;color:var(--text);font-size:clamp(31px,4.4vw,52px);font-weight:500;line-height:1.16;letter-spacing:-.035em}
.proof-intro a,.trace-grid a{color:var(--text);text-decoration-color:var(--line);text-underline-offset:4px}
.proof-intro a:hover,.trace-grid a:hover{color:var(--cyan-lit);text-decoration-color:var(--cyan)}
.proof-section code{font-family:var(--mono);font-size:.94em;color:var(--cyan-lit)}

.arm-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.arm-card{min-height:430px;display:flex;flex-direction:column;padding:clamp(25px,3vw,34px);border:1px solid var(--line);border-radius:0;background:linear-gradient(180deg,var(--panel-a),var(--panel-b));box-shadow:inset 0 1px 0 var(--card-hi)}
.arm-card.arm-selvage{border-color:var(--cyan);box-shadow:var(--card-glow),inset 0 1px 0 var(--card-hi)}
.arm-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:42px;color:var(--faint);font-size:10px;letter-spacing:.14em}
.arm-id{color:var(--cyan-lit);font-weight:600}.arm-manual .arm-id{color:var(--amber-lit)}
.arm-card h3{margin:0 0 18px;font-size:clamp(21px,2.4vw,28px);font-weight:500;letter-spacing:-.02em}
.arm-card>p{margin:22px 0;color:var(--text-soft);font-size:13.5px;line-height:1.76}
.run-command{padding:15px 18px;border:1px solid rgba(120,200,220,.30);border-radius:0;background:#091218;color:#e6fbff;font-size:14px;box-shadow:0 20px 50px rgba(0,0,0,.15)}
.run-command span{margin-right:10px;color:#67e8f9}.muted-command{color:#f5c37a}
.check-list{list-style:none;margin:auto 0 0;padding:0;border-top:1px dashed var(--line-soft)}
.check-list li{position:relative;padding:11px 0 11px 25px;border-bottom:1px dashed var(--line-soft);color:var(--text-soft);font-size:12.5px;line-height:1.5}
.check-list li::before{content:"✓";position:absolute;left:2px;color:var(--cyan-lit)}
.arm-manual .check-list li::before{color:var(--amber-lit)}
.method-note{margin-top:18px;padding:18px 22px;border-left:3px solid var(--amber);background:var(--accent-tint);color:var(--text-soft);font-size:13px;line-height:1.72}
.method-note strong{color:var(--text)}

.diagram-section{overflow:hidden;background:radial-gradient(740px 480px at 50% 52%,var(--bloom),transparent 72%),var(--bg-stage-1)!important}
.diagram-card{margin:0;border:1px solid var(--line);border-radius:0;background:linear-gradient(180deg,var(--panel-a),var(--panel-b));box-shadow:0 28px 80px rgba(0,0,0,.08),inset 0 1px 0 var(--card-hi);overflow:hidden}
.diagram-scroll{overflow-x:auto;padding:24px 24px 6px;scrollbar-color:var(--line) transparent}
.diagram-scroll:focus-visible{outline-offset:-4px}
.workflow-diagram{display:block;width:100%;min-width:860px;height:auto}
.diagram-card figcaption{padding:17px 24px;border-top:1px solid var(--line-soft);color:var(--muted);font-size:12px;line-height:1.65}
.diagram-node{fill:var(--panel-a);stroke:var(--line);stroke-width:1}
.node-start,.node-finish,.node-proof{fill:var(--accent-tint);stroke:var(--cyan);stroke-width:1.3}
.node-human{fill:rgba(180,83,9,.07);stroke:var(--amber);stroke-width:1.2}
.node-title{fill:var(--text);font:600 12px var(--mono)}
.node-copy{fill:var(--text-soft);font:11px var(--mono)}
.node-mini{fill:var(--faint);font:9px var(--mono)}
.lane-kicker{font:600 11px var(--mono);letter-spacing:1.6px}.lane-cyan{fill:var(--cyan-lit)}.lane-amber{fill:var(--amber-lit)}
.lane-note{fill:var(--muted);font:10px var(--mono)}
.flow-line{fill:none;stroke-width:1.5}.flow-cyan{stroke:var(--cyan)}.flow-amber{stroke:var(--amber)}
.arrow-cyan-fill{fill:var(--cyan)}.arrow-amber-fill{fill:var(--amber)}
.lane-divider{stroke:var(--line-soft);stroke-width:1;stroke-dasharray:5 8}
.diagram-foot{fill:var(--faint);font:9px var(--mono)}

.cost-section{background:linear-gradient(180deg,var(--bg),var(--bg-stage-1))!important}
.cost-card .diagram-scroll{padding:22px 24px 8px}
.cost-diagram{display:block;width:100%;min-width:720px;height:auto}
.cost-kicker{fill:var(--faint);font:600 10px var(--mono);letter-spacing:1.4px}
.cost-arm{fill:var(--text);font:600 13px var(--mono);letter-spacing:1px}
.cost-sub{fill:var(--muted);font:10px var(--mono)}
.cost-track{fill:var(--panel-b);stroke:var(--line);stroke-width:1}
.cost-impl{fill:var(--cyan)}.cost-review{fill:var(--amber)}
.cost-inside{fill:#fff;font:600 11px var(--mono);letter-spacing:.4px}.cost-inside-small{fill:rgba(255,255,255,.82);font:9px var(--mono)}
.review-text{fill:#1f2937}
.cost-total{fill:var(--text);font:600 15px var(--mono)}
.cost-rule{stroke:var(--line-soft);stroke-width:1}.legend-impl{fill:var(--cyan)}.legend-review{fill:var(--amber)}
.legend-text{fill:var(--muted);font:9px var(--mono)}.cost-delta{fill:var(--text);font:600 10px var(--mono);letter-spacing:.5px}
.usage-disclosure{display:grid;grid-template-columns:repeat(4,1fr);margin-top:22px;border:1px solid var(--line);border-radius:0;background:var(--panel-a);overflow:hidden}
.usage-disclosure div{padding:20px;border-right:1px solid var(--line-soft)}.usage-disclosure div:last-child{border-right:0}
.usage-disclosure span,.usage-disclosure small{display:block;color:var(--muted);font-size:10px;line-height:1.45}
.usage-disclosure strong{display:block;margin:7px 0 4px;color:var(--text);font-size:20px;font-weight:500}
.usage-note,.table-note,.journey-caveat{max-width:90ch;margin:18px 0 0;color:var(--faint);font-size:11.5px;line-height:1.72}

.outcome-section{background:var(--bg)!important}
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:0;background:var(--panel-a)}
.outcome-table{width:100%;min-width:760px;border-collapse:collapse;text-align:left;font-size:13px}
.outcome-table th,.outcome-table td{padding:17px 20px;border-bottom:1px solid var(--line-soft);vertical-align:top}
.outcome-table thead th{background:var(--panel-b);color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.outcome-table thead th:first-child{width:34%}
.outcome-table tbody th{color:var(--text-soft);font-weight:500}.outcome-table tbody td{color:var(--text)}
.outcome-table tbody tr:last-child th,.outcome-table tbody tr:last-child td{border-bottom:0}
.outcome-table tbody tr:hover{background:var(--accent-tint)}
.pass{color:var(--cyan-lit);font-weight:600}

.claims-section{background:linear-gradient(180deg,var(--bg-stage-1),var(--bg))!important}
.claims-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.claim-card{padding:clamp(25px,3.4vw,38px);border:1px solid var(--line);border-radius:0;background:linear-gradient(180deg,var(--panel-a),var(--panel-b))}
.claim-yes{border-top:3px solid var(--cyan)}.claim-no{border-top:3px solid var(--amber)}
.claim-label{display:block;margin-bottom:34px;color:var(--cyan-lit);font-size:10px;font-weight:600;letter-spacing:.15em}.claim-no .claim-label{color:var(--amber-lit)}
.claim-card h3{margin:0 0 24px;font-size:20px;font-weight:500;line-height:1.4}
.claim-card ul{list-style:none;margin:0;padding:0}
.claim-card li{position:relative;padding:13px 0 13px 25px;border-top:1px dashed var(--line-soft);color:var(--text-soft);font-size:13px;line-height:1.65}
.claim-card li::before{content:"+";position:absolute;left:2px;color:var(--cyan-lit);font-weight:600}.claim-no li::before{content:"—";color:var(--amber-lit)}
.proof-quote{max-width:900px;margin:54px auto 0;padding:0;text-align:center;border:0}
.proof-quote p{margin:0 0 20px;color:var(--text);font-size:clamp(23px,3.5vw,38px);font-weight:500;line-height:1.35;letter-spacing:-.03em}
.proof-quote p::before{content:"“";color:var(--cyan-lit)}.proof-quote p::after{content:"”";color:var(--cyan-lit)}
.proof-quote footer{display:block;padding:0;border:0;color:var(--muted);font-size:12px;line-height:1.7;text-align:center}

.journey-section{background:radial-gradient(620px 580px at 22% 35%,var(--bloom),transparent 75%),var(--bg-stage-1)!important}
.journey{list-style:none;max-width:900px;margin:0;padding:0}
.journey-item{position:relative;display:grid;grid-template-columns:76px 1fr;gap:25px;padding:0 0 32px}
.journey-item::before{content:"";position:absolute;left:37px;top:42px;bottom:-2px;border-left:1px solid var(--line)}
.journey-item:last-child::before{display:none}
.journey-marker{position:relative;z-index:1;width:76px;height:76px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--bg-stage-1);color:var(--faint);font-size:12px}
.journey-item.achieved .journey-marker{border-color:var(--cyan);background:var(--text);color:var(--bg);box-shadow:0 0 0 8px var(--accent-tint),var(--card-glow)}
.journey-item article{padding:24px 26px;border:1px solid var(--line);border-radius:0;background:linear-gradient(180deg,var(--panel-a),var(--panel-b))}
.journey-item.achieved article{border-color:var(--cyan)}
.journey-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px;color:var(--muted);font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.journey-meta strong{color:var(--faint);font-size:9px}.achieved .journey-meta strong{color:var(--cyan-lit)}
.journey-item h3{margin:0 0 9px;font-size:18px;font-weight:500}.journey-item p{margin:0;color:var(--text-soft);font-size:13px;line-height:1.68}
.journey-item.planned{opacity:.82}

.trace-section{background:var(--bg)!important}
.trace-grid{display:grid;grid-template-columns:1fr 1fr;margin:0 0 42px;border:1px solid var(--line);border-radius:0;overflow:hidden;background:var(--panel-a)}
.trace-grid>div{display:grid;grid-template-columns:155px 1fr;gap:16px;padding:16px 20px;border-right:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}
.trace-grid>div:nth-child(even){border-right:0}.trace-grid>div:nth-last-child(-n+2){border-bottom:0}
.trace-grid dt{color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.trace-grid dd{min-width:0;margin:0;color:var(--text);font-size:12px;overflow-wrap:anywhere}
.disclosure-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.disclosure-grid article{min-height:220px;padding:28px;border-right:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}
.disclosure-grid article:nth-child(even){border-right:0}.disclosure-grid span{display:block;margin-bottom:35px;color:var(--faint);font-size:10px;letter-spacing:.12em}
.disclosure-grid h3{margin:0 0 10px;font-size:15px;font-weight:600}.disclosure-grid p{margin:0;color:var(--text-soft);font-size:12.5px;line-height:1.7}

.proof-final{position:relative;overflow:hidden;padding:clamp(84px,11vw,148px) 0;border-bottom:1px solid var(--line-soft);background:radial-gradient(800px 460px at 50% 50%,var(--bg-stage-1),var(--bg))}
.proof-final-inner{position:relative;max-width:920px;text-align:center}
.proof-final h2{margin-left:auto;margin-right:auto}.proof-final-inner>p:not(.eyebrow){max-width:68ch;margin:0 auto 34px;color:var(--text-soft);font-size:14px;line-height:1.75}

@media (max-width:920px){
  .proof-signal{grid-template-columns:1fr 1fr}.proof-signal div:nth-child(2){border-right:0}.proof-signal div:nth-child(-n+2){border-bottom:1px solid var(--line-soft)}
  .usage-disclosure{grid-template-columns:1fr 1fr}.usage-disclosure div:nth-child(2){border-right:0}.usage-disclosure div:nth-child(-n+2){border-bottom:1px solid var(--line-soft)}
  .trace-grid{grid-template-columns:1fr}.trace-grid>div,.trace-grid>div:nth-child(even){border-right:0}.trace-grid>div:nth-last-child(2){border-bottom:1px solid var(--line-soft)}
}
@media (max-width:760px){
  .proof-shell{width:min(100% - 32px,1120px)}
  .quick-compare-head{grid-template-columns:1fr;gap:14px;align-items:start}
  .proof-hero{padding-top:64px}.proof-hero h1{font-size:clamp(34px,11vw,52px)}
  .proof-thesis{padding:2px 0 2px 18px}.proof-signal{grid-template-columns:1fr}.proof-signal div,.proof-signal div:nth-child(2){border-right:0;border-bottom:1px solid var(--line-soft)}.proof-signal div:last-child{border-bottom:0}
  .arm-grid,.claims-grid{grid-template-columns:1fr}.arm-card{min-height:0}.arm-head{margin-bottom:30px}
  .diagram-scroll{padding:14px 14px 4px}.diagram-card figcaption{padding:15px 16px}
  .usage-disclosure{grid-template-columns:1fr 1fr}.usage-disclosure div{padding:16px}
  .journey-item{grid-template-columns:52px 1fr;gap:14px}.journey-marker{width:52px;height:52px}.journey-item::before{left:25px;top:36px}.journey-item article{padding:20px}.journey-meta{align-items:flex-start;flex-direction:column;gap:7px}
  .disclosure-grid{grid-template-columns:1fr}.disclosure-grid article{min-height:0;border-right:0}.disclosure-grid article:last-child{border-bottom:0}
}
@media (max-width:520px){
  .milestone-tag{flex-direction:column;border-radius:0}.milestone-tag span,.milestone-tag time{width:100%}.milestone-tag time{border-left:0;border-top:1px solid var(--line-soft)}
  .proof-actions{align-items:stretch;flex-direction:column;gap:14px;margin-top:26px}.proof-actions .cta{justify-content:center;text-align:center}
  .usage-disclosure{grid-template-columns:1fr}.usage-disclosure div,.usage-disclosure div:nth-child(2){border-right:0;border-bottom:1px solid var(--line-soft)}.usage-disclosure div:last-child{border-bottom:0}
  .trace-grid>div{grid-template-columns:1fr;gap:7px}
  .journey-item{grid-template-columns:1fr;padding-bottom:20px}.journey-item::before{display:none}.journey-marker{width:46px;height:46px}.journey-item article{padding:18px}
}
@media (prefers-reduced-motion:reduce){.proof-page *{scroll-behavior:auto}}

/* Proof sub-navigation — sits directly under the topbar, lets visitors move
   between proof milestones. */
.proof-subnav{position:sticky;top:0;z-index:5;border-bottom:1px solid var(--line-soft);background:var(--bg-soft);backdrop-filter:blur(14px)}
.proof-subnav .proof-shell{display:flex;align-items:center;gap:18px;height:46px}
.proof-subnav .subnav-label{color:var(--muted);font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.proof-subnav a{color:var(--text-soft);font-size:12.5px;font-weight:500;text-decoration:none;padding:5px 2px;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}
.proof-subnav a:hover{color:var(--text)}
.proof-subnav a[aria-current="page"]{color:var(--text);border-bottom-color:var(--cyan)}
@media (max-width:560px){.proof-subnav .proof-shell{gap:14px;overflow-x:auto}.proof-subnav .subnav-label{display:none}}
.proof-subnav .subnav-home{margin-right:auto;color:var(--muted)}
.proof-subnav .subnav-home:hover{color:var(--text)}

/* Proof hub — the milestone index. New milestones add one card here only. */
.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:20px;max-width:1120px;margin:8px auto 0}
.hub-card{display:flex;flex-direction:column;padding:26px 26px 24px;border:1px solid var(--line);border-radius:0;background:var(--panel-a);text-align:left;text-decoration:none;box-shadow:inset 0 1px 0 var(--card-hi);transition:border-color .15s,transform .15s,box-shadow .15s}
.hub-card:hover{border-color:var(--cyan);transform:translateY(-2px);box-shadow:var(--card-glow)}
.hub-card .hub-tag{display:inline-flex;align-self:flex-start;gap:8px;margin-bottom:16px;padding:5px 11px;border:1px solid var(--line);border-radius:0;color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.hub-card h3{margin:0 0 10px;color:var(--text);font-size:clamp(19px,2.4vw,24px);font-weight:600;line-height:1.2;letter-spacing:-.02em}
.hub-card h3 span{color:var(--text-soft)}
.hub-card p{margin:0 0 18px;color:var(--text-soft);font-size:13.5px;line-height:1.7;flex:1}
.hub-card .hub-read{color:var(--cyan-lit);font-size:12.5px;font-weight:600;letter-spacing:.02em}
.hub-card.hub-soon{opacity:.66;cursor:default;pointer-events:none}
.hub-card.hub-soon .hub-read{color:var(--faint)}

/* Celebration band — shipped wins on the milestone-02 article. */
.win-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1050px;margin:8px auto 0}
.win-card{padding:22px 22px 24px;border:1px solid var(--line);border-radius:0;background:var(--panel-a);text-align:left;box-shadow:inset 0 1px 0 var(--card-hi)}
.win-card .win-metric{display:block;color:var(--cyan-lit);font-size:clamp(24px,3vw,34px);font-weight:600;letter-spacing:-.03em;line-height:1.05}
.win-card .win-title{display:block;margin:12px 0 6px;color:var(--text);font-size:14px;font-weight:600}
.win-card .win-copy{margin:0;color:var(--text-soft);font-size:12.5px;line-height:1.7}
@media (max-width:820px){.win-grid{grid-template-columns:1fr}}

/* Closing blocks read as pull-quotes, not cards: a rule instead of a box, and
   square buttons — a rounded gradient panel with a glow is three decorations
   doing the work one hairline does. */
.proof-actions .cta{border-radius:0}
@media (max-width:760px){.proof-thesis{margin-top:40px;padding-left:18px}}

/* Closing blocks read as pull-quotes, not cards: a rule instead of a box, and
   square buttons. A rounded gradient panel with a glow is three decorations
   doing the work one hairline does. */
.proof-actions .cta{border-radius:0}
@media (max-width:760px){.proof-thesis{margin-top:40px;padding-left:18px}}