*{box-sizing:border-box}body{margin:0;color:#17211d;background:#f5f7f3;font:16px/1.6 system-ui,sans-serif}.concept-banner{padding:.55rem 1rem;background:#3a2418;color:#fff;text-align:center;font-weight:800;letter-spacing:.06em}header{display:flex;justify-content:space-between;align-items:center;padding:1rem max(5vw,1rem);background:#fff}header div{display:flex;gap:.75rem;align-items:center}.logo{display:grid;place-items:center;width:2.7rem;height:2.7rem;border-radius:.75rem;background:var(--primary);color:#fff;font-weight:800}a{color:var(--primary);font-weight:700}main{width:min(1050px,90vw);margin:auto}.hero{padding:6rem 0 4rem}.hero h1{max-width:780px;font-size:clamp(2.3rem,6vw,5rem);line-height:1.02;margin:.2rem 0}.eyebrow,.sample-label{color:var(--primary);font-weight:800;text-transform:uppercase;letter-spacing:.08em}section:not(.hero){padding:2rem;margin:0 0 1.5rem;border-radius:1.2rem;background:#fff;box-shadow:0 12px 40px #22332910}button,input{min-height:44px;border:2px solid var(--primary);border-radius:.55rem;padding:.65rem 1rem;font:inherit}button{background:var(--primary);color:white;font-weight:800;cursor:pointer}.question{display:flex;gap:.6rem;align-items:flex-start;margin:.7rem 0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.metrics article{padding:1.2rem;background:#eef3ec;border-left:.35rem solid var(--accent);border-radius:.5rem}.metrics span,.metrics strong{display:block}.metrics strong{font-size:1.5rem}.library-item{border-bottom:1px solid #d9e1da}footer{padding:3rem;text-align:center}@media(max-width:650px){.hero{padding:3.5rem 0 2rem}.metrics{grid-template-columns:1fr}section:not(.hero){padding:1.25rem}header{align-items:flex-start}}:focus-visible{outline:4px solid var(--accent);outline-offset:3px}