.case-hero{display:grid;grid-template-columns:1.13fr 1fr;align-items:center;gap:6%;padding:56px 0 60px}.case-copy h1{font-size:clamp(42px,4.8vw,68px);line-height:1.06;margin:0 0 24px}.case-copy .eyebrow{margin-bottom:20px}.case-lead{font-size:19px;max-width:520px;color:var(--muted)}.case-facts{padding:0;list-style:none;display:grid;gap:9px;font-size:15px;margin:24px 0}.case-facts li::before{content:'✓';margin-right:10px;font-weight:800}.case-price{display:flex;align-items:center;gap:17px;margin:27px 0 23px}.case-price strong{font-size:42px;letter-spacing:-2px;line-height:1}.case-price span{font-size:12px;color:var(--muted)}.case-small{font-size:12px;color:var(--muted);max-width:490px;margin:18px 0}.case-all{display:inline-block;font-size:13px;margin-top:4px}.case-art{margin:0;position:relative;padding:20px 30px 38px;background:#e8eddf;border-radius:120px 14px 14px 14px}.case-art>img{width:100%;max-height:590px;object-fit:contain;border-radius:6px;filter:drop-shadow(5px 8px 10px #183f3b25)}.case-art figcaption{display:grid;gap:2px;margin:20px 0 0;text-align:center}.case-art figcaption b{font-size:17px}.case-art figcaption span{font-size:12px;color:var(--muted)}.case-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:32px 0 38px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.case-steps b{color:var(--orange);font-size:12px;letter-spacing:2px}.case-steps h3{font-size:20px;margin:10px 0}.case-steps p{font-size:14px;color:var(--muted);margin:0}.case-demo{display:grid;grid-template-columns:.9fr 1.1fr;gap:7%;align-items:center;padding:70px 0;scroll-margin-top:120px}.case-demo h2{font-size:clamp(34px,4vw,50px)}.case-demo>div>p{max-width:450px}.case-puzzle{border:1px solid #cfdbcc;background:#edf1e5;border-radius:14px;padding:38px 25px 26px;text-align:center;min-width:0}.case-notes{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.case-note{padding:14px 5px 18px;border:1px solid #b7c7b4;background:#fffdf7;color:var(--ink);border-radius:6px;box-shadow:3px 4px 0 #183f3b12;transition:transform .18s,opacity .18s}.case-note:hover{transform:translateY(-5px)}.case-note small{display:block;font-size:16px}.case-note b{font-size:44px;line-height:1.25;display:block;margin-top:8px}.case-note[disabled]{opacity:.42;transform:translateY(4px);cursor:default}.case-answer{font-size:35px;font-weight:750;letter-spacing:12px;min-height:54px;margin:26px 0 12px!important;max-width:none!important}.case-feedback{font-size:14px;min-height:65px;margin:0!important;max-width:none!important}.case-reset{border:0;border-bottom:1px solid var(--ink);background:transparent;color:var(--ink);font-size:12px;padding:5px 0}.case-demo .eyebrow{font-size:10px}.case-demo .text-link{font-size:14px}.case-demo button:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.closing .button-row{justify-content:center}.closing .small{margin-top:16px}.case-video-label{font-size:12px;color:var(--muted)}
@media(max-width:900px){.case-hero{gap:4%;padding:36px 0}.case-copy h1{font-size:45px}.case-art{padding:20px 18px 28px}.case-facts{font-size:14px}.case-copy .button{padding:12px 15px}.case-demo{gap:4%}.case-puzzle{padding:30px 18px 24px}.case-notes{gap:8px}}
@media(max-width:650px){.case-hero{grid-template-columns:1fr;padding:28px 0 32px;gap:30px}.case-copy h1{font-size:clamp(36px,9vw,48px)}.case-lead{font-size:17px}.case-art{max-width:460px;justify-self:center;border-radius:80px 12px 12px 12px;padding:20px 22px 24px}.case-art>img{max-height:440px}.case-price{margin:22px 0}.case-copy .button-row{display:grid}.case-copy .button{width:100%}.case-small{font-size:12px}.case-steps{grid-template-columns:1fr;gap:24px;padding:28px 0}.case-steps h3{display:inline;margin-left:12px;font-size:18px}.case-steps p{margin-top:8px}.case-demo{grid-template-columns:1fr;gap:22px;padding:40px 0}.case-demo h2{font-size:39px}.case-note b{font-size:38px}.case-note small{font-size:14px}.case-feedback{min-height:66px}.case-demo .eyebrow{font-size:9px}.case-demo .text-link{font-size:13px}.case-answer{font-size:30px;letter-spacing:10px}.case-art figcaption b{font-size:15px}}
@media(prefers-reduced-motion:reduce){.case-note{transition:none}.case-note:hover{transform:none}}