.info-page{max-width:1040px}.how-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:32px 0}.how-card{position:relative;background:#fffdf9;border:1px solid #e3dcd0;border-radius:26px;padding:22px;box-shadow:0 6px 0 #e7dfd2}.how-art{min-height:210px;background:#f3eee5;border-radius:20px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.art-label{font-size:11px;font-weight:900;letter-spacing:1.5px;color:#4f555f}.how-art small{font-size:10px;color:#62615e}.round-example{display:flex;align-items:center;justify-content:space-between;gap:60px;padding:12px 20px;background:white;border-radius:12px}.round-example strong{font-size:28px}.fake-action{background:#dc3046;color:white;border-radius:12px;padding:10px 34px;box-shadow:0 4px 0 #b92337;font-weight:800}.step-number{display:inline-block;background:#e5f0ff;color:#155bb0;border-radius:50%;padding:8px 12px;font-weight:900;margin-top:20px}.how-card h2{margin:12px 0;font-size:26px}.how-card p{font-size:15px;margin:0}.example-pin{font-size:36px;letter-spacing:6px;color:#155bb0}.connection-line{height:18px;border-left:2px dashed #a3b4c9}.friends{display:flex;gap:22px}.friends span{display:grid;place-items:center;width:46px;height:46px;background:#dceafd;border-radius:50%;font-weight:800}.friends span:first-child{background:#fbd5d9}.friends span:last-child{background:#ffe799}.sequence-example{display:flex;gap:10px;align-items:center}.seq{display:block;text-align:center;width:64px;padding:12px 0;border-radius:14px;color:white;font-size:20px;box-shadow:0 4px 0 #0002}.sequence-caption{font-size:13px!important;color:#424641}.mini-pads,.practice-pads{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:160px}.mini-pads span{display:grid;place-items:center;height:60px;border-radius:14px;font-size:28px;color:#172431;box-shadow:inset 0 2px 0 #fff5,0 4px 0 #0002}.how-demo{display:grid;grid-template-columns:1fr 260px;gap:28px;background:#eaf2ff;border-radius:26px;padding:28px;margin:38px 0 20px}.how-demo h2{margin:12px 0}.how-demo button{cursor:pointer}.demo-controls{display:flex;align-items:center;justify-content:center}.practice-pads{width:100%;max-width:260px}.practice-pads button{height:110px;border:3px solid transparent;border-radius:22px;font-size:32px;color:#172431;box-shadow:0 5px 0 #0002}.practice-pads small{display:block;font-size:13px;font-weight:900}.practice-pads button:disabled{opacity:.65;cursor:default}.practice-pads button.lit{opacity:1;outline:4px solid #222;outline-offset:3px;box-shadow:0 7px 0 #0003}.how-demo #demo-status{min-height:48px;color:#1b467c;font-weight:800}.how-note{background:#fff4d9;border-radius:16px;padding:18px;font-size:13px}@media(max-width:650px){.how-grid,.how-demo{grid-template-columns:1fr}.how-card{padding:18px}.how-demo{padding:22px}.how-art{min-height:190px}.sequence-example{gap:6px}.seq{width:58px}}