.page-body{gap:3rem;padding-block:2rem 1rem;display:grid}.page-hero{border-bottom:1px solid var(--border);gap:.85rem;max-width:56rem;padding-block:2.5rem 2rem;display:grid}.page-hero__headline{margin:0}.page-hero__support{color:var(--muted);max-width:48rem;margin:0;font-size:1.05rem;line-height:1.7}.page-section{gap:1.25rem;display:grid}.page-section-title{margin:0}.manifesto-blocks{gap:2.25rem;display:grid}.manifesto-block{border-left:2px solid var(--border);gap:.6rem;max-width:56rem;padding-left:1rem;display:grid}.manifesto-block__title{color:var(--primary);margin:0;font-size:1rem;font-weight:700}.manifesto-block__body{color:var(--muted);margin:0;line-height:1.75}.manifesto-closing{background:var(--surface);border-top:2px solid var(--primary);border-bottom:1px solid var(--border);color:var(--text);max-width:56rem;margin:0;padding:1.5rem;font-size:1.05rem;font-weight:600}.page-bullet-list{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.page-bullet-list li{padding-left:1rem;font-weight:600;position:relative}.page-bullet-list li:before{content:"";background:var(--primary);width:.35rem;height:.35rem;position:absolute;top:.6rem;left:0}.page-item-list{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.page-item-list li{color:var(--muted);padding-left:1rem;position:relative}.page-item-list li:before{content:"";background:var(--muted);width:.25rem;height:.25rem;position:absolute;top:.55rem;left:0}.page-steps-grid{counter-reset:page-steps;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.page-step-card{background:var(--surface);border:1px solid var(--border);gap:.75rem;padding:1.15rem;display:grid}.page-step-number{letter-spacing:.08em;text-transform:uppercase;color:var(--primary);margin:0;font-size:.78rem;font-weight:700}.page-step-number:before{counter-increment:page-steps;content:"0" counter(page-steps)}.page-step-card h3{margin:0}.page-step-card p{color:var(--muted);margin:0}.page-screenshots{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.page-screenshot-slot{background:var(--surface);border:1px solid var(--border);gap:.75rem;padding:1.15rem;display:grid}.page-screenshot-slot__media{border:1px dashed var(--border);background:var(--surface-muted);min-height:14rem;color:var(--primary);text-align:center;place-items:center;padding:1rem;font-size:.85rem;font-weight:600;display:grid}.page-screenshot-slot__image{width:100%;height:auto;display:block}.page-screenshot-slot__caption{color:var(--muted);margin:0;font-size:.9rem}.mental-load-sections{gap:2.25rem;display:grid}.mental-load-section{gap:.75rem;max-width:56rem;display:grid}.mental-load-section h2{border-bottom:1px solid var(--border);margin:0;padding-bottom:.25rem;font-size:1.15rem}.mental-load-section p{color:var(--muted);margin:0;line-height:1.7}.page-groups-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.page-group-card{background:var(--surface);border:1px solid var(--border);gap:.85rem;padding:1.15rem;display:grid}.page-group-card__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--primary);margin:0;font-size:.78rem;font-weight:700}.page-group-card h3{margin:0}.page-group-card ul{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.page-group-card li{color:var(--muted);padding-left:1rem;font-size:.9rem;position:relative}.page-group-card li:before{content:"";background:var(--muted);width:.25rem;height:.25rem;position:absolute;top:.55rem;left:0}.page-state-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.page-state-group{background:var(--surface);border:1px solid var(--border);gap:.85rem;padding:1.15rem;display:grid}.page-state-group__title{letter-spacing:.08em;text-transform:uppercase;color:var(--primary);margin:0;font-size:.78rem;font-weight:700}.page-state-group ul{gap:.55rem;margin:0;padding-left:1rem;list-style:none;display:grid}.page-state-group li{color:var(--muted);font-size:.9rem}.page-cta{background:var(--surface);border:1px solid var(--border);border-top:2px solid var(--primary);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.5rem;padding:1.25rem;display:grid}.page-cta__copy{gap:.5rem;display:grid}.page-cta__copy h2{margin:0;font-size:clamp(1.1rem,1.5vw,1.4rem)}.page-cta__copy p{color:var(--muted);margin:0}.page-cta__actions{flex-wrap:wrap;justify-content:flex-end;gap:.8rem;display:flex}@media (width<=640px){.page-steps-grid,.page-groups-grid,.page-screenshots,.page-state-grid,.page-cta{grid-template-columns:1fr}.page-cta__actions{justify-content:flex-start}}
