.demo-page{background:#f5f8fc;color:#10243a}
.demo-page .nav{background:rgba(255,255,255,.9)}
.demo-hero{max-width:1140px;margin:auto;padding:40px 24px 40px;text-align:center}
.demo-hero .back-link{display:table;margin:0 auto 20px;color:#45617e;font-size:14px;text-decoration:none;font-weight:700}
.demo-hero .back-link:hover,.screen-link:hover{text-decoration:underline}
.demo-hero h1{font-size:clamp(48px,7vw,82px);line-height:1;letter-spacing:-.065em;margin:12px 0 16px}
.demo-hero h1 span{color:#0871db}
.demo-hero>p{max-width:720px;margin:0 auto;color:#4e6277;font-size:clamp(18px,2.3vw,23px);line-height:1.48}
.demo-hero>small{display:block;margin-top:15px;color:#65819b;font-size:13px}
.demo-jump{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:20px}
.demo-jump a{display:inline-flex;align-items:center;min-height:42px;border:1px solid #d1e2f6;border-radius:999px;padding:0 17px;background:#fff;color:#135eaa;font-weight:700;font-size:14px;text-decoration:none}
.demo-jump a:hover{border-color:#0871db;background:#eaf4ff}
.demo-sections{display:grid;gap:26px;padding:0 24px 90px}
.demo-feature{max-width:1120px;width:100%;margin:auto;padding:46px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.88fr);gap:60px;align-items:center;background:#fff;border:1px solid #e0eaf4;border-radius:34px;box-shadow:0 24px 70px rgba(15,56,98,.07);scroll-margin-top:94px}
.demo-feature--reverse .demo-copy{order:2}
.demo-feature--reverse .demo-art{order:1}
.demo-copy .step{color:#0871db;font-size:12px;font-weight:850;letter-spacing:.11em}
.demo-copy h2{font-size:clamp(34px,4vw,50px);line-height:1.08;letter-spacing:-.05em;margin:18px 0 18px}
.demo-copy>p{font-size:18px;line-height:1.55;color:#52677b;margin:0}
.demo-copy ul{list-style:none;padding:0;margin:27px 0;display:grid;gap:12px;color:#263e54;font-size:15px}
.demo-copy li:before{content:'✓';display:inline-grid;place-items:center;width:22px;height:22px;margin-right:10px;border-radius:50%;background:#e1f5e9;color:#0f8750;font-weight:900}
.screen-link{display:inline-flex;gap:10px;align-items:center;color:#075db7;font-weight:750;line-height:1.4;text-decoration:none}
.demo-art{margin:0;min-width:0;text-align:center}
.demo-art img{display:block;width:100%;max-width:430px;height:auto;margin:auto;border-radius:22px;box-shadow:0 20px 48px rgba(15,50,85,.19)}
.demo-art figcaption{margin-top:17px;color:#6b829a;font-size:12px}
.demo-cta{margin:0 auto 90px;padding:70px 24px;max-width:1120px;border-radius:34px;text-align:center;color:#fff;background:radial-gradient(circle at 90% 10%,#2385f2 0,transparent 36%),linear-gradient(135deg,#082b54,#0871db)}
.demo-cta .eyebrow{color:#a8d5ff}
.demo-cta h2{font-size:clamp(42px,6vw,64px);line-height:1.04;letter-spacing:-.055em;margin:18px 0}
.demo-cta p{color:#d5eaff;font-size:19px;line-height:1.5;margin:0}
.demo-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px}
.demo-actions .button{background:#fff;color:#075fb7;box-shadow:none}
.demo-actions .button.ghost{background:transparent;color:#fff;border-color:#83bdff}
.demo-footer{background:#fff;justify-content:space-between}
@media(max-width:780px){.demo-hero{padding:45px 22px 52px}.demo-hero .back-link{margin-bottom:42px}.demo-sections{gap:16px;padding:0 16px 64px}.demo-feature{grid-template-columns:1fr;gap:26px;padding:28px;border-radius:26px}.demo-feature--reverse .demo-copy,.demo-feature--reverse .demo-art{order:initial}.demo-feature .demo-art{order:-1}.demo-copy h2{font-size:38px}.demo-art img{max-width:440px}.demo-cta{margin:0 16px 64px;padding:58px 24px;border-radius:26px}}
@media(max-width:480px){.demo-hero{padding:32px 22px 38px}.demo-hero .back-link{margin-bottom:26px}.demo-hero h1{font-size:50px}.demo-hero>p{font-size:18px}.demo-jump{gap:8px;margin-top:24px}.demo-jump a{padding:0 12px;font-size:12px;min-height:39px}.demo-hero>small{margin-top:18px}.demo-feature{padding:23px;gap:22px}.demo-copy h2{font-size:35px}.demo-copy>p{font-size:16px}.demo-copy ul{font-size:14px}.demo-art img{border-radius:16px}.demo-actions{display:grid}.demo-actions .button{width:100%}.demo-footer{padding:35px 22px}.demo-footer .brand{margin:auto}}