.demo-page{max-width:1100px;margin:0 auto;padding:20px 32px 36px}.demo-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 48px}.demo-badge{font-size:10px;letter-spacing:1px;background:#eaf1e4;color:#3c6244;border-radius:8px;padding:10px 14px}.demo-intro{max-width:900px;margin:auto}.demo-intro h1,.demo-result h1{font-size:36px;line-height:1.25;margin:14px 0 20px}.demo-lead{font-size:16px;line-height:1.8;max-width:720px;color:#65745e}.demo-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:34px 0}.demo-steps>div{position:relative;background:#fff;border:1px solid #dee5d7;border-radius:12px;padding:24px}.demo-steps svg{color:#577b4e}.demo-steps span{float:right;color:#9baa8d;font-size:12px}.demo-steps h2{font-size:15px;line-height:1.6;margin:20px 0 0}.demo-start{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.demo-limit{display:flex;gap:12px;align-items:flex-start;font-size:12px;line-height:1.8;color:#6b7b60;margin:30px 0}.demo-limit svg{flex:none}.demo-preparing{padding:60px 10px;text-align:center}.demo-preparing h1{font-size:24px;margin:20px 0}.demo-preparing p{margin:20px 0}.demo-result{background:#edf4e8;border:1px solid #dbe6d0;border-radius:14px;padding:28px;margin-bottom:24px}.demo-score{font-size:52px;color:#345f42;display:block;margin:16px 0}.demo-score small{font-size:24px;font-weight:400}.demo-result p{font-size:13px;line-height:1.8;margin:14px 0 20px;max-width:700px}.demo-offer{display:flex;justify-content:space-between;align-items:center;gap:24px;border:1px solid #dbe6d0;border-radius:12px;background:#fff;padding:24px;margin:24px 0}.demo-offer h2{font-size:20px;margin-bottom:10px}.demo-offer p{font-size:12px;line-height:1.8;margin:8px 0}.demo-offer>.button{flex:none}.demo-local-note{font-size:12px;line-height:1.8;color:#6b7b60;margin:28px 0}.demo-again{margin-top:24px}.demo-running .demo-header{margin-bottom:24px}.demo-page :is(button,a):focus-visible{outline:3px solid #8ba873;outline-offset:3px}@media(max-width:650px){.demo-page{padding:18px 16px 28px}.demo-header{margin-bottom:32px;gap:10px}.demo-header .auth-brand{font-size:20px;gap:5px}.demo-badge{font-size:8px;letter-spacing:.3px;padding:8px}.demo-intro h1,.demo-result h1{font-size:27px}.demo-lead{font-size:14px}.demo-steps{grid-template-columns:1fr;gap:12px;margin:26px 0}.demo-steps>div{padding:18px}.demo-steps h2{margin:10px 0 0}.demo-offer{flex-direction:column;align-items:flex-start;padding:20px}.demo-result{padding:20px}.demo-page .session-heading h1{font-size:25px}.demo-page .session-actions{gap:8px}.demo-page .session-heading{gap:10px}.demo-page .session-actions .button{padding:10px}.demo-page .timer{font-size:14px}}.demo-page.demo-running{max-width:none;padding:14px 24px}.demo-running .session-heading h1{font-size:23px}.demo-running .session-actions .button{padding:7px 12px}@media(max-width:700px){.demo-page.demo-running{padding:8px 10px}.demo-running .session-heading h1{font-size:20px}}@media(max-height:650px)and (min-width:701px){.demo-page.demo-running{padding:8px 20px}}.demo-summary{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}.demo-summary>.demo-result,.demo-summary>.demo-offer{margin:0;min-width:0}.demo-summary>.demo-offer{display:block}.demo-summary .demo-offer .button{width:100%;margin-top:16px;justify-content:center;white-space:normal;text-align:center}.demo-summary .demo-offer .button svg{flex:none}.demo-offer-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;margin:18px 0 6px;color:#345f42}.demo-offer-price strong{font-size:36px;line-height:1.2}.demo-offer-price span{font-size:16px}.demo-result h1:focus-visible{outline:3px solid #8ba873;outline-offset:5px;border-radius:3px}@media(max-width:760px){.demo-summary{grid-template-columns:1fr;gap:16px}.demo-summary .demo-result h1{font-size:27px;margin:10px 0}.demo-summary .demo-score{font-size:44px;margin:10px 0}.demo-summary .demo-result p{margin:10px 0 0}.demo-summary .demo-offer h2{font-size:19px}.demo-offer-price strong{font-size:32px}}