.demo-page{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:16px;line-height:1.65;background:var(--cream);color:var(--ink)}
.demo-page *{box-sizing:border-box}
.demo-container{width:min(1120px,calc(100% - 64px));margin-inline:auto}
.demo-nav{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.demo-nav .brand{flex-shrink:0}.demo-nav .brand span{font-size:29px}.demo-nav-actions{display:flex;align-items:center;gap:24px}
.demo-page .demo-back{font-size:14px;font-weight:600;color:var(--forest);text-decoration:none}
.demo-page .demo-back:hover,.demo-contact:hover{text-decoration:underline;text-underline-offset:4px}
.demo-page svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.demo-page .icon-library{width:0;height:0}
.demo-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:80px;padding-block:64px 58px}
.demo-eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;line-height:1.5;color:var(--forest);margin:0 0 17px}
.demo-page h1{font-size:clamp(38px,4.5vw,62px);line-height:1.07;letter-spacing:-.045em;margin:0 0 22px;font-weight:650}
.demo-page h1 em,.demo-request h2 em{font-family:Lora,Georgia,serif;font-weight:500;color:var(--forest)}
.demo-lead{max-width:43ch;font-size:17px;line-height:1.85;color:var(--muted);margin:0 0 28px}
.demo-page .demo-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:50px;padding:14px 21px;border:1px solid transparent;border-radius:12px;font:650 14px/1.4 Inter,sans-serif;background:#1e4b31;color:#fff;text-decoration:none;cursor:pointer;transition:background .18s ease,transform .18s ease}
.demo-page .demo-button:hover{background:#173b28;transform:translateY(-1px)}
.demo-page .demo-button:disabled{opacity:.7;cursor:wait;transform:none}
.demo-page :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--forest);outline-offset:4px}
.demo-access-note{background:var(--soft);padding:28px 30px;border:1px solid var(--line);border-radius:24px}
.demo-small-label{font-size:10px;letter-spacing:.14em;font-weight:700;color:var(--muted)}
.demo-access-note h2{font-size:22px;line-height:1.3;letter-spacing:-.03em;margin:10px 0 22px}
.demo-access-steps{list-style:none;padding:0;margin:0;display:grid;gap:22px}
.demo-access-steps li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:13px;align-items:start}
.demo-access-steps li>span{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--line);border-radius:50%;color:var(--forest);font-size:12px;font-weight:700;background:var(--white)}
.demo-access-steps strong{font-size:14px;font-weight:650}.demo-access-steps p{font-size:13px;color:var(--muted);margin:3px 0 0;line-height:1.65}
.demo-install{border-top:1px solid var(--line);padding-block:42px 46px;scroll-margin-top:30px}
.demo-section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:24px}
.demo-section-heading .demo-eyebrow{margin-bottom:8px}.demo-section-heading h2,.demo-questions h2{font-size:30px;line-height:1.25;letter-spacing:-.04em;margin:0}
.demo-section-heading>p{max-width:31ch;color:var(--muted);font-size:14px;margin:0}
.demo-platforms{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}
.demo-platforms button{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:14px;background:var(--white);color:var(--ink);padding:18px 20px;font:inherit;text-align:left;cursor:pointer}
.demo-platforms strong{font-size:17px;font-weight:650}.demo-platforms span{font-size:13px;color:var(--muted)}
.demo-platforms [aria-selected=true]{background:var(--soft);border-color:var(--forest);box-shadow:inset 0 0 0 1px var(--forest)}
.demo-panel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:46px;padding:34px;background:var(--white);border:1px solid var(--line);border-radius:24px}
.demo-panel[hidden]{display:none}.demo-page:not(.demo-has-js) .demo-panel[hidden]{display:grid!important;margin-top:20px}
.demo-phone-label{font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--forest)}
.demo-panel h3{font-size:25px;line-height:1.3;letter-spacing:-.035em;margin:13px 0}
.demo-panel-intro>p{font-size:15px;line-height:1.8;color:var(--muted);max-width:36ch;margin:0 0 23px}
.demo-panel-intro>.demo-link-note{font-size:12px;line-height:1.7;margin-top:15px;margin-bottom:0;max-width:39ch}
.demo-instructions{list-style:none;padding:0;margin:0;display:grid;gap:21px}
.demo-instructions li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:15px}
.demo-instructions li>span{font-size:11px;color:var(--forest);font-weight:700;margin-top:4px}
.demo-instructions h4{font-size:15px;font-weight:650;line-height:1.5;margin:0 0 4px}.demo-instructions p{font-size:14px;line-height:1.75;color:var(--muted);margin:0}
.demo-install-note{font-size:13px;color:var(--muted);margin:17px 0 0;line-height:1.7}
.demo-request{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:80px;align-items:start;padding-block:40px 65px;scroll-margin-top:30px}
.demo-request h2{font-size:43px;letter-spacing:-.04em;line-height:1.14;margin:0 0 24px;font-weight:650}
.demo-request-copy>p:not(.demo-eyebrow){color:var(--muted);font-size:16px;line-height:1.85;max-width:35ch;margin:0 0 25px}
.demo-review-note{display:flex;align-items:start;gap:12px;background:var(--soft);border-radius:15px;padding:17px;color:var(--forest);font-size:13px;line-height:1.8;max-width:38ch}
.demo-review-note svg{margin-top:3px}.demo-contact{display:inline-flex;align-items:center;gap:9px;color:var(--forest);font-size:13px;margin-top:22px;text-decoration:none}
.demo-contact svg{width:15px;height:15px}
.demo-form{min-width:0;background:var(--white);border:1px solid var(--line);border-radius:24px;padding:30px;display:grid;gap:20px}
.demo-field{display:grid;gap:8px;min-width:0}.demo-field label{font-size:14px;font-weight:650;line-height:1.5}.demo-field label>span{font-weight:400;color:var(--muted);font-size:12px}
.demo-field :is(input,select,textarea){width:100%;min-width:0;max-width:100%;border:1px solid var(--line);border-radius:11px;background:var(--cream);color:var(--ink);font:400 16px/1.5 Inter,sans-serif;padding:12px 14px;min-height:49px}
.demo-field textarea{resize:vertical}.demo-field>span{font-size:12px;color:var(--muted);line-height:1.6}.demo-field ::placeholder{color:var(--muted);opacity:.85}
.demo-submit{width:100%;margin-top:1px}.demo-form-note{font-size:12px;color:var(--muted);line-height:1.75;margin:0}.demo-form-note a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.demo-form-status{font-size:13px;margin:0;color:var(--forest);line-height:1.7}.demo-form-status:empty{display:none}.demo-honeypot{display:none!important}
.demo-questions{border-top:1px solid var(--line);padding-block:36px 54px}.demo-questions h2{font-size:26px;margin-bottom:20px}
.demo-questions details{border-top:1px solid var(--line);padding-block:16px}.demo-questions summary{font-size:15px;font-weight:600;cursor:pointer}.demo-questions details p{font-size:14px;line-height:1.8;color:var(--muted);max-width:80ch;margin:13px 0 0}
.demo-footer{display:flex;flex-wrap:wrap;align-items:center;gap:25px;padding-block:26px 32px;border-top:1px solid var(--line)}.demo-footer .brand span{font-size:24px}.demo-footer p,.demo-footer a:not(.brand),.demo-footer small{font-size:12px;color:var(--muted);margin:0}.demo-footer small{margin-left:auto}.demo-footer a:not(.brand){text-decoration:none}
.demo-thanks{padding-block:65px 85px;max-width:790px}.demo-thanks-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;border:1px solid var(--forest);background:var(--soft);color:var(--forest);margin-bottom:30px}.demo-thanks-icon svg{width:27px;height:27px}.demo-thanks h1{font-size:58px}.demo-thanks>p:not(.demo-eyebrow){font-size:17px;line-height:1.9;color:var(--muted);max-width:54ch;margin:0 0 20px}.demo-thanks>.demo-thanks-detail{font-size:15px}.demo-thanks-actions{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin-top:30px}
.demo-page[data-theme=dark] .demo-button,[data-theme=dark] .demo-page .demo-button{background:#b5eb92;color:#173b28}[data-theme=dark] .demo-page .demo-button:hover{background:#c5f0aa}
@media(max-width:900px){.demo-intro{gap:34px}.demo-access-note{padding:24px}.demo-panel{gap:28px;padding:28px}.demo-request{gap:36px}.demo-request h2{font-size:38px}.demo-platforms button{flex-direction:column;align-items:flex-start;gap:3px}.demo-form{padding:25px}}
@media(max-width:650px){.demo-container{width:calc(100% - 36px)}.demo-nav{min-height:78px;gap:15px}.demo-nav .brand span{font-size:25px}.demo-nav .brand img{width:32px;height:32px}.demo-nav-actions{gap:12px}.demo-nav-actions .demo-back{font-size:11px;max-width:80px;text-align:right;line-height:1.6}.demo-intro{grid-template-columns:1fr;padding-block:38px 34px;gap:30px}.demo-page h1{font-size:43px}.demo-lead{font-size:16px;margin-bottom:24px}.demo-access-note{padding:24px}.demo-access-note h2{font-size:21px}.demo-access-steps{gap:18px}.demo-section-heading{display:block;margin-bottom:21px}.demo-section-heading h2{font-size:28px}.demo-section-heading>p{font-size:13px;margin-top:12px;max-width:36ch}.demo-install{padding-block:30px 32px}.demo-platforms{gap:10px}.demo-platforms button{padding:15px 14px}.demo-platforms strong{font-size:16px}.demo-platforms span{font-size:11px}.demo-panel{grid-template-columns:1fr;gap:27px;padding:25px 22px;border-radius:20px}.demo-panel h3{font-size:25px}.demo-panel-intro>p{font-size:14px;max-width:none}.demo-panel .demo-button{width:100%;gap:12px}.demo-instructions{border-top:1px solid var(--line);padding-top:25px;gap:21px}.demo-instructions li{gap:9px}.demo-instructions p{font-size:14px}.demo-install-note{font-size:12px}.demo-request{grid-template-columns:1fr;gap:26px;padding-block:30px 42px}.demo-request h2{font-size:36px;margin-bottom:18px}.demo-request h2 br{display:none}.demo-request-copy>p:not(.demo-eyebrow){font-size:15px;max-width:none;margin-bottom:18px}.demo-review-note{max-width:none}.demo-contact{margin-top:16px}.demo-form{padding:24px 20px;border-radius:20px;gap:19px}.demo-field label{font-size:14px}.demo-field label>span{display:inline}.demo-questions h2{font-size:25px}.demo-questions summary{font-size:14px;line-height:1.7}.demo-questions details p{font-size:13px}.demo-footer{gap:16px 22px;padding-block:24px}.demo-footer .brand span{font-size:22px}.demo-footer>p{margin-left:auto}.demo-footer small{margin-left:0}.demo-thanks{padding-block:45px 60px}.demo-thanks h1{font-size:44px}.demo-thanks>p:not(.demo-eyebrow){font-size:16px}.demo-thanks-actions{align-items:flex-start;flex-direction:column;gap:22px}}
@media(max-width:360px){.demo-page h1{font-size:38px}.demo-nav .brand span{font-size:23px}.demo-nav .brand{gap:7px}.demo-nav-actions{gap:7px}.demo-nav-actions .demo-back{font-size:10px;max-width:67px}.demo-platforms button{padding:14px 12px}.demo-platforms span{font-size:10px}.demo-request h2{font-size:33px}.demo-form{padding:22px 17px}.demo-panel{padding:22px 18px}.demo-footer .brand span{font-size:20px}}
@media(prefers-reduced-motion:reduce){.demo-page .demo-button{transition:none;transform:none}}

.demo-link-note a,.demo-instructions a{color:var(--ink);font-weight:650;text-decoration:underline;text-underline-offset:3px}