.demo-page{background:#0e292c;color:#f8f8f2}.demo-main{min-height:calc(100vh - 86px)}
.demo-shell{max-width:1180px;margin:auto;padding:76px 30px 58px;display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:center}
.demo-label{display:inline-block;padding:8px 12px;border-radius:100px;background:#ddff77;color:#0e292c;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.demo-copy h1{margin:25px 0 22px;font-size:clamp(54px,6vw,84px);line-height:.92;letter-spacing:-.06em}.demo-copy h1 span{color:#ddff77}
.demo-lead{max-width:650px;margin:0;color:#b7ccca;font-size:18px;line-height:1.65}
.demo-actions{display:flex;gap:12px;margin-top:31px}.demo-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 21px;border-radius:100px;font-weight:900}
.demo-download{background:#ff806b;color:#0e292c}.demo-download.is-loading{pointer-events:none;opacity:.6}.demo-offer{border:1px solid #587173}.demo-status{min-height:20px;margin:13px 3px 0;color:#8da9a7;font-size:12px}.demo-status.is-error{color:#ffad9e}
.demo-card{display:grid;grid-template-columns:42px 1fr;gap:0 17px;padding:30px;border:1px solid #355457;border-radius:18px;background:#173a3d;box-shadow:20px 20px 0 rgba(0,0,0,.16)}
.demo-card-number{display:grid;place-items:center;width:36px;height:36px;margin-top:2px;border-radius:50%;background:#ddff77;color:#0e292c;font-size:11px;font-weight:900}.demo-card div{padding:5px 0 22px}.demo-card div:last-child{padding-bottom:5px}.demo-card strong{font-size:17px}.demo-card p{margin:7px 0 0;color:#a8c0bd;font-size:13px;line-height:1.55}
.demo-reassurance{background:#dff2df;color:#0e292c;padding:30px max(30px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.demo-reassurance p{margin:0;padding:19px;border-left:3px solid #0a6258}.demo-reassurance strong,.demo-reassurance span{display:block}.demo-reassurance strong{font-size:14px}.demo-reassurance span{margin-top:6px;color:#526663;font-size:12px;line-height:1.5}
@media(max-width:850px){.demo-shell{grid-template-columns:1fr;gap:45px;padding-top:48px}.demo-reassurance{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.demo-shell{padding:38px 21px 50px}.demo-copy h1{font-size:48px}.demo-lead{font-size:16px}.demo-actions{flex-direction:column}.demo-reassurance{grid-template-columns:1fr;padding:28px 20px}.demo-card{padding:22px}}