.how-hero{padding-top:clamp(4.5rem,9vw,8rem)}.how-hero__grid,.how-logic-grid,.how-evaluation-grid,.how-boundary-grid{grid-template-columns:minmax(0,1.25fr) minmax(18rem,.75fr);align-items:start;gap:clamp(2rem,5vw,5rem);display:grid}.how-hero__aside{min-height:auto;padding:var(--cai-space-5);align-self:start}.how-hero__aside>.cai-eyebrow{margin-bottom:var(--cai-space-3)}.how-hero__aside>.cai-heading-2{margin-bottom:var(--cai-space-4)}.how-hero__aside>.cai-body{margin-bottom:var(--cai-space-5)}.how-hero__principles{border:1px solid var(--cai-border);border-radius:var(--cai-radius-sm);background:var(--cai-border);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:0;display:grid;overflow:hidden}.how-hero__principles div{padding:var(--cai-space-3);background:color-mix(in srgb, var(--cai-white) 88%, transparent)}.how-hero__principles span,.how-hero__principles small{display:block}.how-hero__principles span{color:var(--cai-rust);font-size:var(--cai-text-xs);letter-spacing:.06em;text-transform:uppercase;margin-bottom:.2rem;font-weight:700}.how-hero__principles small{color:color-mix(in srgb, var(--cai-charcoal) 70%, transparent);font-size:var(--cai-text-xs);line-height:1.4}.how-loop-section,.how-logic-section,.how-boundary-section{border-top:1px solid var(--cai-border)}.how-section-head{max-width:48rem}.how-loop{margin:var(--cai-space-6) 0 0;border:1px solid var(--cai-border);border-radius:var(--cai-radius-lg);background:var(--cai-border);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;padding:0;list-style:none;display:grid;overflow:hidden}.how-loop__step{min-height:13.5rem;padding:var(--cai-space-5);background:var(--cai-white);position:relative}.how-loop__step:not(:nth-child(3n)):after{z-index:1;color:color-mix(in srgb, var(--cai-rust) 58%, var(--cai-charcoal));content:"→";font-size:1rem;line-height:1;position:absolute;top:50%;right:.55rem;transform:translateY(-50%)}.how-loop__step--governance{background:color-mix(in srgb, var(--cai-rust) 2.5%, var(--cai-white))}.how-loop__index{margin-bottom:var(--cai-space-7);color:var(--cai-rust);font-size:var(--cai-text-xs);letter-spacing:.12em;font-weight:700;display:block}.how-loop__step .cai-caption{margin-top:var(--cai-space-3)}.how-loop__step--learning{padding-right:var(--cai-space-5)}.how-loop__return{right:var(--cai-space-4);bottom:var(--cai-space-4);color:color-mix(in srgb, var(--cai-rust) 72%, var(--cai-charcoal));font-size:1rem;line-height:1;position:absolute}.how-logic-list{border-top:1px solid var(--cai-border);flex-direction:column;display:flex}.how-logic-item{gap:var(--cai-space-5);padding-block:var(--cai-space-5);border-bottom:1px solid var(--cai-border);grid-template-columns:7rem 1fr;display:grid}.how-logic-item__label{color:var(--cai-rust);font-size:var(--cai-text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.how-control-panel{padding:clamp(2rem,5vw,4rem)}.how-control-panel__intro{max-width:48rem}.how-control-panel__lead{max-width:58ch;color:color-mix(in srgb, var(--cai-white) 78%, transparent);margin:0;font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.55}.how-control-grid{margin-top:var(--cai-space-7);background:color-mix(in srgb, var(--cai-white) 16%, transparent);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.how-control-grid article{padding:var(--cai-space-5);background:var(--cai-charcoal)}.how-control-grid article p:last-child{margin:var(--cai-space-3) 0 0;color:color-mix(in srgb, var(--cai-white) 72%, transparent)}.how-evaluation__lead,.how-evaluation__body{max-width:62ch;margin:0;line-height:1.6}.how-evaluation__lead{color:color-mix(in srgb, var(--cai-charcoal) 80%, transparent);font-size:clamp(1.05rem,1.35vw,1.16rem)}.how-evaluation__body{color:color-mix(in srgb, var(--cai-charcoal) 72%, transparent);font-size:var(--cai-text-md)}.how-boundary-grid{align-items:end}.how-boundary-actions{gap:var(--cai-space-3);flex-wrap:wrap;justify-content:flex-end;display:flex}@media (width<=64rem){.how-loop{grid-template-columns:repeat(2,minmax(0,1fr))}.how-loop__step:nth-child(odd):after{display:block}.how-loop__step:nth-child(2n):after{display:none}}@media (width<=48rem){.how-hero__grid,.how-logic-grid,.how-evaluation-grid,.how-boundary-grid,.how-control-grid,.how-hero__principles,.how-loop{grid-template-columns:1fr}.how-loop__step{min-height:auto}.how-loop__step:after{display:none!important}.how-loop__index{margin-bottom:var(--cai-space-4)}.how-logic-item{gap:var(--cai-space-2);grid-template-columns:1fr}.how-boundary-actions{justify-content:flex-start}}