.free-demo-section{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);align-items:center;gap:clamp(28px,6vw,76px);margin:8px auto 54px;padding:clamp(24px,4vw,48px);overflow:hidden;border:1px solid #dce9dc;border-radius:24px;background:linear-gradient(125deg,#f2f8f1,#e9f3e9 58%,#f7faf6);}
.free-demo-copy .section-kicker{color:#41815d}
.free-demo-copy h2{margin:10px 0 12px;color:#203b2c;font:800 clamp(26px,3.3vw,39px)/1.14 var(--display);letter-spacing:-.045em}
.free-demo-copy p{max-width:470px;margin:0 0 22px;color:#667b6c;font-size:13px;line-height:1.75}
.free-demo-copy .button{gap:14px;text-decoration:none}
.free-demo-preview{min-height:230px;padding:15px;border:1px solid #d8e4d8;border-radius:17px;background:#fff;box-shadow:0 20px 55px #28442b16;transform:rotate(1deg)}
.free-demo-window-top{display:flex;align-items:center;gap:5px;padding:2px 2px 13px;border-bottom:1px solid #edf1eb;color:#8a9a8d;font-size:8px;letter-spacing:.1em}
.free-demo-window-top>span{width:7px;height:7px;border-radius:50%;background:#d9e5d8}.free-demo-window-top>span:first-child{background:#6eaa79}.free-demo-window-top b{margin-left:8px;font-size:7px;font-weight:700}
.free-demo-window-body{display:grid;grid-template-columns:45px 1fr;min-height:175px;padding-top:12px}
.free-demo-sidebar{display:flex;flex-direction:column;gap:12px;padding:12px 10px;border-right:1px solid #edf1eb}.free-demo-sidebar i{width:20px;height:7px;border-radius:5px;background:#e4eee3}.free-demo-sidebar i:first-child{background:#4d966a}
.free-demo-main{display:flex;flex-direction:column;align-items:flex-start;padding:16px 20px}.free-demo-main>span{color:#6c9674;font-size:7px;font-weight:800;letter-spacing:.12em}.free-demo-main strong{margin-top:14px;color:#243c2b;font:800 clamp(20px,2.5vw,30px)/1.12 var(--display);letter-spacing:-.04em}.free-demo-main>div{display:flex;gap:8px;width:100%;margin-top:auto}.free-demo-main>div i{height:28px;flex:1;border:1px solid #e4ece2;border-radius:7px;background:#f4f8f2}
html[data-theme="dark"] .free-demo-section{border-color:#354936;background:linear-gradient(125deg,#1b281f,#202f24 58%,#172019)}
html[data-theme="dark"] .free-demo-copy h2,html[data-theme="dark"] .free-demo-main strong{color:#e5eee2}
html[data-theme="dark"] .free-demo-copy p{color:#b2c0af}
html[data-theme="dark"] .free-demo-preview{border-color:#3a4e3b;background:#1b281f;box-shadow:0 20px 55px #0003}
html[data-theme="dark"] .free-demo-window-top,html[data-theme="dark"] .free-demo-sidebar{border-color:#354936}
html[data-theme="dark"] .free-demo-window-top{color:#a8b7a7}
html[data-theme="dark"] .free-demo-window-top>span,html[data-theme="dark"] .free-demo-main>div i{border-color:#3a4e3b;background:#26392b}
html[data-theme="dark"] .free-demo-sidebar i{background:#344837}
html[data-theme="dark"] .free-demo-main>span{color:#a9d1a1}
@media(max-width:700px){.free-demo-section{grid-template-columns:1fr;gap:22px;margin:0 18px 42px;padding:24px}.free-demo-preview{min-height:190px}.free-demo-window-body{min-height:145px}.free-demo-main{padding:13px 16px}}

/* Keep the demo copy aligned with the site's DM Sans / Manrope type system. */
.free-demo-section{font-family:var(--font)}
.free-demo-copy .section-kicker{font:700 11px/1.4 var(--font);letter-spacing:.17em}
.free-demo-copy h2{font-family:var(--display);font-size:clamp(30px,3.5vw,42px);line-height:1.12;letter-spacing:-.05em}
.free-demo-copy p{font:400 15px/1.7 var(--font);letter-spacing:-.01em}
.free-demo-copy .button{font:700 14px/1.3 var(--font)}
.free-demo-window-top{font:600 9px/1.4 var(--font);letter-spacing:.09em}
.free-demo-window-top b{font:700 8px/1.4 var(--font);letter-spacing:.06em}
.free-demo-main>span{font:800 8px/1.4 var(--font);letter-spacing:.12em}
.free-demo-main strong{font-family:var(--display);font-size:clamp(23px,2.7vw,32px);line-height:1.12;letter-spacing:-.045em}
@media(max-width:700px){.free-demo-copy h2{font-size:clamp(28px,8vw,36px)}.free-demo-copy p{font-size:14px}.free-demo-window-top{font-size:8px}}