/* Dark offer band (report, art50-check, evidence-pack): the same offer card as the index, on dark,
   between a light page body and the dark footer. Hidden in print (the PDFs carry a printed .pcta block). */
.band{background:var(--bg);color:var(--ink);padding-block:var(--section);font-family:var(--sans);line-height:1.55}
.band h2{max-width:20ch}
.band p,.band ul{margin:0}
.band .head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:var(--sp7);align-items:end}
.band .lead{color:var(--soft);font-size:var(--t-lg);max-width:54ch;margin-top:var(--sp4)}
.band .acts{display:flex;gap:var(--sp3);flex-wrap:wrap;margin-top:var(--sp5)}
.band .of{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:var(--sp6);margin-top:var(--sp7);align-items:stretch}
.band .frame{position:relative;border-radius:var(--r);background:var(--bg);box-shadow:inset 0 0 0 1px var(--line2);padding:var(--sp6)}
.band .sprint__k{font:500 var(--t-xs)/1 var(--mono);color:var(--mute)}
.band .tiers{display:grid;grid-template-columns:auto auto;justify-content:start;gap:8px 44px;margin-top:16px}
.band .sprint__p{font-weight:600;font-size:clamp(46px,4.6vw,66px);letter-spacing:-.05em;line-height:.95;color:var(--ink)}
.band .sprint__p small{display:block;margin-top:10px;font:400 13px/18px var(--mono);letter-spacing:0;color:var(--mute)}
.band .sprint h3{font-size:21px;line-height:1.3;margin-top:26px;max-width:36ch}
.band .incl{list-style:none;padding:0;margin-top:20px;display:grid;gap:9px;font-size:15px;color:var(--soft)}
.band .incl li{display:flex;gap:10px}
.band .incl li b{color:var(--ink);font-weight:500}
.band .incl svg{width:14px;height:14px;flex:none;margin-top:5px;color:var(--ink)}
.band .quiet{margin-top:22px;padding-top:16px;border-top:1px solid var(--line);font-size:14.5px;color:var(--mute);display:grid;gap:6px}
.band .quiet b{color:var(--soft);font-weight:500}
.band .of .sprint{display:flex}
.band .of .sprint>div{flex:1}
.band .side{display:grid;grid-template-rows:auto minmax(0,1fr);gap:16px}
.band .side .quiet{margin:0;padding:var(--sp5);border-top:0;border-radius:var(--r);box-shadow:inset 0 0 0 1px var(--line2);align-content:start;gap:12px}
.band .side .quiet span + span{padding-top:12px;background:linear-gradient(var(--line),var(--line)) top/100% 1px no-repeat}
.band .chk{padding:var(--sp5);border-radius:var(--r);box-shadow:inset 0 0 0 1px var(--line2);display:flex;flex-direction:column}
.band .chk h3{font:500 var(--t-xs)/1 var(--mono);color:var(--mute)}
.band .chk p{margin-top:12px;color:var(--soft);font-size:15.5px}
.band .chk p b{color:var(--ink);font-weight:500}
.band .mail{font:400 var(--t-xs)/20px var(--mono) !important;color:var(--mute) !important;margin-top:auto !important;padding-top:var(--sp4)}
.band .mail a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line3);transition:text-decoration-color .15s}
.band .mail a:hover{text-decoration-color:currentColor}
.band + .site-ft{border-top:1px solid var(--line)}

@media (max-width:1080px){.band .head,.band .of{grid-template-columns:minmax(0,1fr);gap:var(--sp5)}}
@media (max-width:767px){.band .frame{padding:var(--sp5) 20px}.band .tiers{grid-template-columns:minmax(0,1fr);gap:18px}.band .acts .btn{flex:1 1 100%;height:50px}}
@media print{.band{display:none!important}}

/* Split section header rule (founder 11-13, identical on all four demos): heading left, lead right, top-aligned so the
   lead's first line starts level with the heading's cap height. Geist metrics: ascent 1.01em, descent .30em, cap .71em.
   Cap top below the line-box top = size * ((line-height - 1.31) / 2 + .30): h2 at 1.04 -> .165em, lead 18px/1.55 -> 7.56px.
   Lead stays 18px. Below 1081px the head stacks and keeps its normal spacing. */
@media (min-width:1081px){.band .head{align-items:start}.band .head > .lead:last-child,.band .head > div:last-child{margin-top:calc(var(--t-h2) * .165 - 7.56px)}.band .head > div:last-child > .lead:first-child{margin-top:0}}
