.module-demo-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 86% 18%,#1e62d7 0%,#123a9a 32%,#0b205f 78%);color:#fff;padding:clamp(3rem,6vw,5.5rem) 0}
.module-demo-hero-inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);align-items:center;gap:clamp(2rem,5vw,5rem)}
.module-demo-hero h1{font-size:clamp(2.25rem,4.1vw,4.25rem);line-height:1.07;max-width:760px;margin:.65rem 0 1rem;color:#fff;letter-spacing:-.035em}
.module-demo-hero p{font-size:clamp(1.05rem,1.35vw,1.2rem);line-height:1.6;color:#e3edff;max-width:680px}
.module-demo-hero .eyebrow{color:#9dd9ff;letter-spacing:.12em;text-transform:uppercase;font-weight:800}
.module-demo-hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.8rem}
.module-demo-hero-actions .button-secondary{background:#fff;color:#153a9b;border-color:#fff}
.module-demo-hero-visual{min-height:360px;position:relative;display:grid;place-items:center}
.module-demo-orbit{position:absolute;border:1px solid #a9d4ff78;border-radius:50%;width:360px;height:360px;transform:rotate(-24deg) scaleX(1.35)}
.module-demo-orbit.orbit-two{width:280px;height:280px;border-style:dashed;border-color:#77aef45e;transform:rotate(22deg) scaleX(1.3)}
.module-demo-phone{position:relative;z-index:1;width:min(265px,72vw);min-height:350px;border:10px solid #10192e;border-radius:34px;background:#f3f7ff;box-shadow:0 30px 70px #07134599;overflow:hidden;transform:rotate(5deg)}
.module-demo-phone-head{background:#1a43ba;color:#fff;padding:26px 17px 18px;display:flex;align-items:center;gap:12px;font-weight:900}.module-demo-phone-head i{width:28px;height:28px;border-radius:9px;background:#fff9;display:block}
.module-demo-phone-card{background:#fff;color:#0b2049;border-radius:16px;margin:16px 13px;padding:16px;box-shadow:0 7px 18px #203f6c19;display:grid;gap:9px}
.module-demo-phone-card small{color:#1d56c8;font-weight:900;text-transform:uppercase;font-size:.68rem}.module-demo-phone-card strong{line-height:1.25;font-size:1rem}.module-demo-phone-card span{height:7px;border-radius:12px;background:#dae3f5}.module-demo-phone-card span:first-of-type{width:78%;background:#91bef4}.module-demo-phone-card.second{margin-top:4px}
.module-demo-nav{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:1.2rem;padding-bottom:1.2rem;border-bottom:1px solid #dbe5f5}.module-demo-nav>span{font-weight:800;color:#11295e}.module-demo-nav>div{display:flex;flex-wrap:wrap;gap:.5rem}.module-demo-nav a{display:inline-flex;align-items:center;gap:.4rem;border:1px solid #d5e1f3;border-radius:999px;padding:.56rem .85rem;text-decoration:none;color:#1743a0;background:#fff;font-weight:750;line-height:1.2}.module-demo-nav a:hover,.module-demo-nav a:focus-visible{border-color:#2e61d0;background:#eff5ff}.module-demo-nav a.is-active{background:#1945ba;border-color:#1945ba;color:#fff}
.module-demo-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;padding-top:3rem;padding-bottom:3rem}.module-demo-steps>div{padding:1.4rem 1.5rem;border:1px solid #dce5f5;border-radius:20px;background:#fff;box-shadow:0 10px 30px #15305c0a}.module-demo-steps>div>span{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:#e8f0ff;color:#1744b4;border-radius:10px;font-weight:900}.module-demo-steps h2{font-size:1.2rem;margin:.9rem 0 .45rem;color:#0d265c}.module-demo-steps p{line-height:1.55;color:#516486;margin:0 0 1rem}.module-demo-steps .store-row{gap:.5rem}.module-demo-access{display:flex;flex-wrap:wrap;gap:.5rem}.module-demo-access b{padding:.46rem .7rem;border-radius:9px;background:#edf3ff;color:#0b3a9b;font-size:.9rem}
.module-demo-list{background:#f3f7fd;padding:clamp(3rem,6vw,5rem) 0}.module-demo-heading{max-width:780px;margin-bottom:1.5rem}.module-demo-heading .eyebrow{color:#2054c4;text-transform:uppercase;font-weight:800;letter-spacing:.09em}.module-demo-heading h2{font-size:clamp(1.75rem,3vw,2.7rem);color:#0b2354;margin:.55rem 0}.module-demo-heading p{color:#506284;line-height:1.55}
.module-demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.module-demo-card{border:1px solid #dce6f5;border-top:5px solid var(--demo-accent);background:#fff;border-radius:22px;padding:1.5rem;box-shadow:0 16px 38px #0d24420d;display:flex;flex-direction:column;min-width:0}.module-demo-card-top{display:flex;align-items:center;gap:1rem}.module-demo-logo{width:58px;height:58px;flex:0 0 58px;display:grid;place-items:center;border-radius:16px;background:var(--demo-accent);color:#fff;font-size:2rem;font-weight:900;box-shadow:0 9px 17px #19325a26}.module-demo-card-top small{color:#3e62aa;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:850}.module-demo-card h3{font-size:1.6rem;line-height:1.1;color:#0e2759;margin:.16rem 0}.module-demo-card-top p{color:#4a607e;margin:0;font-size:.96rem}.module-demo-card-intro{color:#455c78;margin:1.15rem 0;line-height:1.5}.module-demo-preview{border:1px solid #dce7f8;border-radius:16px;background:#f9fbff;padding:1rem;display:grid;gap:.45rem}.module-demo-preview>strong{color:#183c85;margin-bottom:.3rem;font-size:.88rem}.module-demo-preview-row{display:flex;align-items:center;gap:.65rem;padding:.62rem;background:#fff;border:1px solid #edf2fb;border-radius:11px;color:#152c59;font-weight:700;min-width:0}.module-demo-preview-row>span:nth-child(2){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.module-demo-preview-row small{flex:none;color:var(--demo-accent);font-weight:850}.module-demo-preview-icon{width:26px;height:26px;border-radius:8px;background:#e8f0fd;color:var(--demo-accent);display:grid;place-items:center;font-weight:900}.module-demo-disclaimer{font-size:.8rem;color:#697b96;margin:1rem 0}.module-demo-actions{margin-top:auto;display:flex;gap:.65rem;align-items:flex-start;flex-wrap:wrap}.module-demo-actions .button{font-size:.92rem}.module-demo-actions details{position:relative}.module-demo-actions summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;min-height:44px;border:1px solid #ccdaf0;border-radius:11px;padding:.65rem .85rem;color:#1e4aac;font-weight:800}.module-demo-actions summary::-webkit-details-marker{display:none}.module-demo-actions summary:hover{background:#edf4ff}.module-demo-qr{position:relative;z-index:2;display:grid;gap:.45rem;width:min(270px,80vw);margin-top:.7rem;padding:1rem;border:1px solid #d7e1f2;border-radius:15px;background:#fff;box-shadow:0 18px 35px #0d244326}.module-demo-qr svg{max-width:200px;width:100%;height:auto;margin:auto}.module-demo-qr a{overflow-wrap:anywhere;font-size:.75rem}.module-demo-qr small{color:#415a7c}
.module-demo-final{margin-top:3rem;margin-bottom:3rem;padding:2rem 2.25rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;border-radius:22px;background:#eaf1ff}.module-demo-final .eyebrow{color:#2959c2;font-weight:850;text-transform:uppercase}.module-demo-final h2{color:#0e2d6c;margin:.4rem 0;font-size:clamp(1.5rem,2.3vw,2.1rem)}.module-demo-final p{margin:0;color:#50658a}.module-demo-final .button{flex:none}
@media(max-width:900px){.module-demo-hero-inner{grid-template-columns:1fr}.module-demo-hero-visual{min-height:300px}.module-demo-phone{min-height:300px}.module-demo-steps{grid-template-columns:1fr}.module-demo-grid{grid-template-columns:1fr}.module-demo-nav{align-items:flex-start;flex-direction:column}.module-demo-final{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.module-demo-hero{padding:2.2rem 0}.module-demo-hero h1{font-size:2.1rem}.module-demo-hero-visual{min-height:230px}.module-demo-phone{transform:rotate(3deg) scale(.8);transform-origin:center center}.module-demo-card{padding:1.1rem}.module-demo-preview-row small{font-size:.68rem}.module-demo-steps{padding-top:1.6rem;padding-bottom:1.6rem}.module-demo-steps>div{padding:1.1rem}.module-demo-nav a{font-size:.83rem}.module-demo-final{padding:1.4rem}}
.module-demo-preview-row>span:nth-child(2){overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere}