.live-demo-section{background:var(--deep);color:#fff;padding:80px 0}.live-demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px 95px;align-items:center}.live-demo-copy .eyebrow{color:#b7d2a8;margin-bottom:24px}.live-demo-copy h2{font-size:58px;line-height:1.06}.live-demo-copy h2 em{color:var(--lime)}.live-demo-copy>p:not(.eyebrow):not(.live-demo-help){font-size:16px;line-height:1.8;color:#c0d4b5;margin:25px 0;max-width:445px}.live-demo-instruction{display:flex;flex-direction:column;align-items:start;margin:25px 0 28px;gap:7px}.live-demo-instruction>span{font-size:10px;letter-spacing:1.4px;color:#92b583}.live-demo-instruction strong{font-size:30px;letter-spacing:2px;font-weight:500;margin-bottom:8px}.live-demo-instruction>a{font-size:29px;letter-spacing:-.6px;color:#e0efcf}.live-demo-instruction>a:hover{text-decoration:underline}.live-demo-help{font-size:12px;line-height:1.8;color:#a8c298;max-width:340px;margin-top:17px}.live-demo-example{background:#edf4e5;padding:28px;border:1px solid #baceac;border-radius:13px;color:var(--ink);transform:rotate(1deg)}.live-demo-label{display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:1px;color:#7f976f;border-bottom:1px solid #d1dec5;padding-bottom:20px;margin-bottom:25px}.live-demo-example .bubble{font-size:15px;line-height:1.75}.live-demo-example>p{font-size:12px;margin-top:23px;border-top:1px solid #d1dec5;padding-top:18px;color:#6b855b}.live-demo-disclosure{grid-column:1/-1;border-top:1px solid #ffffff25;padding-top:25px;margin-top:5px}.live-demo-disclosure p{font-size:11px;line-height:1.85;color:#9cba8d;max-width:1050px}.live-demo-shortcut{display:block;width:fit-content;font-size:13px;margin-top:19px;color:var(--ink);text-decoration:underline;text-underline-offset:5px}.hero-aside .live-demo-shortcut{font-size:12px}.hero-aside:has(.live-demo-shortcut){position:relative}.hero-aside:has(.live-demo-shortcut)>.live-demo-shortcut{position:absolute;left:0;bottom:-32px;margin:0}.hero-aside:has(.live-demo-shortcut)>.micro{margin-top:24px}@media(max-width:1000px){.live-demo-grid{gap:35px 45px}.live-demo-copy h2{font-size:50px}.live-demo-example{padding:23px}.live-demo-example .bubble{font-size:14px}}@media(max-width:760px){.live-demo-section{padding:60px 0}.live-demo-grid{grid-template-columns:1fr;gap:35px}.live-demo-copy>p:not(.eyebrow):not(.live-demo-help){max-width:none}.live-demo-instruction{margin-bottom:25px}.live-demo-example{max-width:500px;width:100%;margin:auto;transform:none}.live-demo-disclosure{margin-top:0}.live-demo-disclosure p{font-size:11px}.live-demo-copy h2{font-size:47px}}@media(max-width:480px){.live-demo-section{padding:48px 0}.live-demo-copy h2{font-size:44px}.live-demo-copy .eyebrow{font-size:10px}.live-demo-copy>p:not(.eyebrow):not(.live-demo-help){font-size:15px}.live-demo-instruction>a{font-size:28px}.live-demo-copy .button{width:100%}.live-demo-help{font-size:11px}.live-demo-example{padding:23px 18px}.live-demo-example .bubble{font-size:14px;max-width:93%}.live-demo-label{font-size:8px}.live-demo-disclosure p{font-size:10px}.hero-aside:has(.live-demo-shortcut)>.live-demo-shortcut{position:static;margin-top:18px}.hero-aside:has(.live-demo-shortcut)>.micro{margin-top:15px}}
.live-demo-number{border:0;background:none;padding:0;color:#e0efcf;font:inherit;font-size:29px;letter-spacing:-.6px;text-align:left}.live-demo-number:disabled{opacity:1;cursor:default}.live-demo-number:not(:disabled):hover{text-decoration:underline}.live-demo-consent{display:flex;align-items:flex-start;gap:12px;max-width:445px;margin:0 0 12px;cursor:pointer}.live-demo-consent input{margin-top:4px;width:19px;height:19px;accent-color:var(--lime)}.live-demo-consent>span{font-size:12px;line-height:1.8;color:#c0d4b5}.live-demo-consent-note{font-size:11px;line-height:1.7;color:#a8c298;max-width:420px;margin:0 0 19px}.live-demo-copy .button:disabled{opacity:.45;cursor:not-allowed;transform:none;background:var(--lime)}@media(max-width:480px){.live-demo-number{font-size:28px}.live-demo-consent>span{font-size:12px}}