.shell{max-width:1160px}main{padding:28px 0 60px;min-height:55vh}h1{font-size:clamp(30px,4vw,44px)}p,li{line-height:1.65}.demo-banner{padding:14px 18px;background:var(--nf-highlight);border-radius:12px;color:var(--ink)}.plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0}.client-card{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:24px;overflow-wrap:anywhere}.plan-card{display:flex;flex-direction:column}.plan-card.selected{border:2px solid var(--blue)}.plan-card button{margin-top:auto}.price{font-size:30px;font-weight:700}.client-actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.client-card small{color:var(--muted)}.order-status{font-size:24px;color:var(--blue)}.report-row{padding:20px 0;border-bottom:1px solid var(--line)}#status:empty{display:none}.consent{display:flex;gap:12px;align-items:flex-start}.consent input{margin-top:7px;width:20px;height:20px}.simulator{border:2px dashed var(--blue)}.client-card ul{padding-left:20px}.client-card h2{font-size:22px}.plan-card p{margin:12px 0}.plan-card ul{flex:1}.nav-actions a{font-size:14px}@media(max-width:1000px){.plan-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.plan-grid,.summary-grid{grid-template-columns:1fr}.client-card{padding:20px}.client-actions>*{width:100%}.nav-actions{flex-wrap:wrap}.shell{padding:0 18px}}
.plan-explanation{margin-top:32px;padding:clamp(22px,3vw,36px);border-left:4px solid var(--blue)}.plan-explanation h2{margin-top:0}.plan-explanation p{max-width:90ch}.plan-explanation p:last-child{margin-bottom:0}.plan-disclaimer{font-size:14px;line-height:1.65;color:var(--muted);margin:20px 0 0;max-width:100ch}

/* INS-051: plan feedback for mouse and keyboard, without layout movement. */
.plan-card{position:relative;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.plan-card:focus-within{z-index:1;border-color:var(--blue);box-shadow:0 0 0 1px var(--blue),0 0 24px #8b5cf647,0 18px 36px #21133726;transform:translateY(-7px)}
@media(hover:hover) and (pointer:fine){.plan-card:hover{z-index:1;border-color:var(--blue);box-shadow:0 0 0 1px var(--blue),0 0 24px #8b5cf647,0 18px 36px #21133726;transform:translateY(-7px)}}
@media(prefers-reduced-motion:reduce){.plan-card{transition:none}.plan-card:hover,.plan-card:focus-within{transform:none}}