1<section className="bg-[#2152ff] text-white">2 <div className="mx-auto max-w-6xl px-5 py-16 sm:px-8 sm:py-24">3 <div className="relative border border-white/45 px-6 py-10 sm:px-12 sm:py-14">4 <span className="absolute top-0 left-6 -translate-y-1/2 bg-[#2152ff] px-2 font-mono text-[10px] tracking-[0.14em] uppercase sm:left-12">Sheet 04 / 05 · Revision note</span>5 <span className="absolute -top-px -left-px size-3 border-t-2 border-l-2 border-white" aria-hidden="true"></span>6 <span className="absolute -top-px -right-px size-3 border-t-2 border-r-2 border-white" aria-hidden="true"></span>7 <span className="absolute -bottom-px -left-px size-3 border-b-2 border-l-2 border-white" aria-hidden="true"></span>8 <span className="absolute -right-px -bottom-px size-3 border-r-2 border-b-2 border-white" aria-hidden="true"></span>910 <figure className="grid gap-8 lg:grid-cols-12 lg:gap-8">11 <div className="flex items-start gap-4 lg:col-span-2 lg:flex-col" aria-hidden="true">12 <span className="flex size-12 items-center justify-center rounded-full border border-white font-mono text-[15px]">A</span>13 <span className="mt-6 hidden h-px w-full bg-[repeating-linear-gradient(to_right,white_0_4px,transparent_4px_9px)] lg:block"></span>14 </div>15 <div className="lg:col-span-10">16 <blockquote className="text-3xl leading-[1.12] font-medium tracking-[-0.035em] text-balance sm:text-5xl lg:text-[56px]">17 “The drawings were so exact that engineering stopped asking questions. We shipped the redesign{' '}18 <span className="tracking-[-0.01em] text-transparent [-webkit-text-stroke:1px_white] sm:[-webkit-text-stroke:1.25px_white]">two weeks early.</span>”19 </blockquote>20 <figcaption className="mt-10 flex flex-wrap items-center gap-x-6 gap-y-2 font-mono text-[11px] tracking-[0.14em] uppercase">21 <span>Dana Okafor</span>22 <span className="text-white/65">VP Product, Ledger</span>23 <span className="text-white/65 sm:ml-auto">Noted 11.2026</span>24 </figcaption>25 </div>26 </figure>27 </div>28 </div>29</section>