.platformhero{margin-bottom:34px}

.platformintro,.pricepreview,.proofpreview{margin-top:34px}
.platformgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.platformgrid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.platformgrid article,.pricepreview-grid article{
  padding:24px;border:1px solid var(--rule);border-radius:14px;background:rgba(var(--surface),.54)
}
.platformgrid h3,.pricepreview-grid h3{margin:8px 0 10px;font-size:calc((22px) * var(--ts));letter-spacing:-.015em}
.platformgrid p,.pricepreview-grid p{margin:0;color:var(--muted);line-height:1.65}
.platformgrid a{display:inline-block;margin-top:10px;color:var(--mint);font-weight:600;text-decoration:none}
.platformgrid a:hover,.platformlink a:hover{text-decoration:underline;text-underline-offset:3px}
.platformlink{text-align:center;margin:26px 0 0}
.platformlink a{color:var(--mint);font-weight:600;text-decoration:none}

.outcomeintro{margin-top:56px}
.outcomegrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
/* No accent bar across the top (removed 2026-09-30). The tint, the hue-coloured border and the
   hue-coloured label say which product a card is about; the bar repeated it. */
.outcomegrid article{--hue:var(--mint);padding:24px;
  border:1px solid color-mix(in srgb,var(--hue) 32%,var(--rule));border-radius:14px;
  background:color-mix(in srgb,var(--hue) 7%,rgb(var(--surface)))}
.outcomegrid .k-models{--hue:var(--p-models)}
.outcomegrid .k-context{--hue:var(--p-context)}
.outcomegrid .k-gov{--hue:var(--p-gov)}
.outcomek{font-family:var(--mono);font-size:calc((11.5px) * var(--ts));font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;color:var(--hue)}
.outcomegrid h3{margin:10px 0;font-size:calc((21px) * var(--ts));line-height:1.24;letter-spacing:-.015em}
.outcomegrid p{margin:0;font-size:calc((15.5px) * var(--ts));line-height:1.62;color:var(--muted)}
.visionband{margin-top:16px;padding:28px 30px;border:1px solid var(--rule-deep);border-radius:16px;
  background:linear-gradient(110deg,color-mix(in srgb,var(--p-models) 8%,rgb(var(--surface))),
    color-mix(in srgb,var(--p-gov) 8%,rgb(var(--surface))));text-align:center}
.visionband .eyebrow{justify-content:center}
.visionband h2{margin:10px 0 0;font-size:calc((clamp(24px,3vw,32px)) * var(--ts));line-height:1.2;
  letter-spacing:-.025em}
.visionband p{max-width:760px;margin:14px auto 0;font-size:calc((16.5px) * var(--ts));
  line-height:1.62;color:var(--muted)}

.proofgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}
.proofgrid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1100px){.proofgrid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
.proofcard{--hue:var(--mint);display:flex;min-width:0;flex-direction:column;align-items:flex-start;
  padding:22px;border:1px solid var(--rule);border-radius:14px;background:rgba(var(--surface),.54);
  color:var(--ink);text-decoration:none;transition:border-color .18s,transform .18s,box-shadow .18s}
.proofcard.k-models{--hue:var(--p-models)}
.proofcard.k-context{--hue:var(--p-context)}
.proofcard.k-gov{--hue:var(--p-gov)}
.proofcard:hover{border-color:var(--hue);transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.08)}
.proofcard:focus-visible{outline:2px solid var(--mint);outline-offset:3px}
.proofn{font-family:var(--sans);font-size:calc((42px) * var(--ts));font-weight:650;
  line-height:1;letter-spacing:-.04em;color:var(--hue)}
.proofcard>strong{margin-top:8px;font-size:calc((16px) * var(--ts));line-height:1.3;color:var(--ink)}
.proofcard p{margin:12px 0 18px;font-size:calc((14.5px) * var(--ts));line-height:1.58;color:var(--muted)}
.proofmore{margin-top:auto;font-size:calc((13.5px) * var(--ts));font-weight:650;color:var(--hue)}

.heroproof{display:flex;flex-wrap:wrap;justify-content:center;gap:9px 22px;max-width:900px;
  font-size:calc((13.5px) * var(--ts));line-height:1.5;color:var(--faint)}
.heroproof span{position:relative;padding-left:14px}
.heroproof span::before{content:"";position:absolute;left:0;top:.58em;width:6px;height:6px;border-radius:2px;background:var(--mint)}
.heroproof b{color:var(--ink);font-weight:650}

.pricepreview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}
.previewprice{font-family:var(--sans);font-size:calc((34px) * var(--ts));font-weight:300;letter-spacing:-.03em;margin:8px 0}
.previewprice span{font-size:calc((15px) * var(--ts));color:var(--faint);letter-spacing:0}

@media(max-width:820px){
  .platformgrid,.platformgrid.three,.outcomegrid,.proofgrid,.proofgrid.four,.pricepreview-grid{grid-template-columns:1fr}
  .platformgrid article,.outcomegrid article,.proofcard,.pricepreview-grid article{padding:20px}
  .visionband{padding:24px 20px}
  .heroproof{flex-direction:column;align-items:flex-start}
}