:root{--ink:#17213d;--muted:#6d7690;--line:#e3e7f0;--purple:#6757d9;--aqua:#3dc6bf;--nav:#101936}*{box-sizing:border-box}body{margin:0;background:#f3f5f9;color:var(--ink);font:16px "DM Sans",sans-serif}.demo-header{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5vw}.demo-brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none}.demo-brand i{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#8071ff,#32c4c6);color:white;display:grid;place-items:center;font:800 18px Manrope;font-style:normal}.demo-brand b{font:700 18px Manrope}.demo-header>div{display:flex;align-items:center;gap:17px}.pilot-chip{font-size:10px;letter-spacing:.11em;color:#246c66;background:#daf4ef;padding:6px 9px;border-radius:6px}.back-link{color:var(--purple);text-decoration:none;font-weight:700;font-size:13px}.demo-page{max-width:1320px;margin:auto;padding:42px 4vw 70px}.intro{text-align:center;max-width:760px;margin:0 auto 30px}.eyebrow{font-size:11px;letter-spacing:.15em;color:var(--purple);font-weight:800}.intro h1{font:800 clamp(28px,4vw,48px)/1.12 Manrope;margin:10px 0}.intro p{color:var(--muted);line-height:1.6;margin:0}.player{background:var(--nav);border-radius:18px;overflow:hidden;box-shadow:0 25px 70px #1019362e}.player-top{height:38px;padding:0 18px;background:#18213f;color:#96a1c3;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.06em}.stage{height:555px;position:relative;overflow:hidden}.scene{position:absolute;inset:0;display:grid;grid-template-columns:.72fr 1.28fr;gap:35px;padding:54px;opacity:0;transform:translateX(40px);pointer-events:none;transition:opacity .65s,transform .65s}.scene.active{opacity:1;transform:none;pointer-events:auto}.story{align-self:center;color:white}.story em{font-style:normal;font-size:11px;letter-spacing:.14em;color:#65d5cd;font-weight:700}.story h2{font:700 clamp(27px,3.2vw,42px)/1.15 Manrope;margin:15px 0}.story p{color:#b7c0d8;line-height:1.65;font-size:15px}.callout{margin-top:28px;border-left:3px solid var(--aqua);padding:12px 14px;background:#ffffff0b;color:#dbe1f1;font-size:12px}.callout b{color:#61d4cc}.visual{align-self:center;background:#f8f9fc;border-radius:13px;min-height:360px;box-shadow:0 25px 55px #0003;color:var(--ink);padding:25px;transform:scale(.96);transition:transform .8s}.scene.active .visual{transform:scale(1)}.mock-title{display:flex;justify-content:space-between;font-weight:700}.mock-title b{background:var(--purple);color:#fff;border-radius:6px;padding:7px 10px;font-size:10px}.searchbar{height:30px;background:#eceff5;border-radius:6px;width:55%;margin:19px 0}.cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cards article{background:#fff;border:1px solid var(--line);border-radius:8px;padding:15px;display:grid;grid-template-columns:32px 1fr;gap:2px 9px}.cards i,.decision-head>i{grid-row:1/3;width:31px;height:31px;border-radius:7px;background:#ece9ff;color:var(--purple);display:grid;place-items:center;font-style:normal;font-size:9px;font-weight:800}.cards b{font-size:11px}.cards span{font-size:9px;color:var(--muted)}.assess-visual{display:flex;align-items:center;justify-content:center;gap:35px}.radar{width:210px;height:210px;border-radius:50%;border:1px solid #d7dbea;position:relative;background:radial-gradient(circle,#eef0f7 2px,transparent 3px);background-size:34px 34px}.radar:before,.radar:after{content:"";position:absolute;inset:25px;border:1px solid #dfe2ec;border-radius:50%}.radar:after{inset:60px}.radar i{position:absolute;inset:40px;background:#6757d94f;clip-path:polygon(50% 0,92% 43%,74% 92%,20% 80%,4% 38%)}.radar span{position:absolute;font-size:8px;color:var(--muted)}.radar span:nth-child(1){top:-17px;left:88px}.radar span:nth-child(2){right:-36px;top:94px}.radar span:nth-child(3){bottom:-15px;left:85px}.radar span:nth-child(4){left:-41px;top:94px}.score{width:180px}.score small{font-size:9px;color:var(--muted)}.score strong{display:block;color:#d75b50;font:800 31px Manrope;margin:8px 0}.score p{font-size:11px;color:var(--muted);line-height:1.5}.coverage{background:#17213d;color:white;padding:18px;border-radius:9px;display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-items:center;margin-bottom:15px}.coverage strong{font:700 30px Manrope;color:#64d4cb}.coverage span{font-size:11px;color:#b8c0d5}.coverage i{grid-column:1/3;height:6px;background:#3b435d;border-radius:4px}.coverage i b{display:block;width:84%;height:100%;background:linear-gradient(90deg,#8173ec,#48c9c0);border-radius:4px}.control-row{display:grid;grid-template-columns:1fr auto auto 35px;align-items:center;gap:6px;border-bottom:1px solid var(--line);padding:15px 3px}.control-row b{font-size:11px}.control-row span{font-size:8px;background:#ece9ff;color:#5c4fc0;padding:4px 5px;border-radius:4px}.control-row em{font-style:normal;font-size:10px;font-weight:700}.decision-visual{padding:34px}.decision-head{display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--line);padding-bottom:18px}.decision-head div{display:flex;flex-direction:column}.decision-head b{font-size:13px}.decision-head span{font-size:10px;color:var(--muted);margin-top:3px}.decision-head em{margin-left:auto;background:#fde7e5;color:#c84e47;padding:5px 8px;border-radius:9px;font-size:9px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:26px 0}.checks span{font-size:10px;color:#268268;background:#e5f6f0;padding:10px;border-radius:6px}.checks span.open{background:#fff0e1;color:#ac671b}.buttons{display:flex;justify-content:flex-end;gap:8px}.buttons button{border:1px solid var(--line);background:#fff;padding:9px;border-radius:6px;font-size:10px}.buttons button:last-child{background:var(--purple);color:white;border-color:var(--purple)}.report-visual{display:grid;grid-template-columns:1fr 1fr;padding:0;overflow:hidden}.report-left{background:linear-gradient(145deg,#201e50,#111a38);color:white;padding:34px}.report-left small{font-size:8px;color:#a9b1cb;letter-spacing:.1em}.report-left h3{font:700 25px Manrope;margin:60px 0 70px}.report-left>div{display:flex;align-items:center;gap:12px}.report-left strong{font:700 43px Manrope;color:#5ed1c8}.report-left span{font-size:9px;color:#aeb7d1}.report-right{padding:34px}.report-right>b{font:700 15px Manrope}.report-right p{font-size:10px;color:var(--muted);border-bottom:1px solid var(--line);padding:19px 0;margin:0;display:flex;gap:9px}.report-right i{color:var(--purple);font-style:normal;font-weight:800}.controls{height:58px;background:#18213f;color:#aeb7d1;display:flex;align-items:center;gap:13px;padding:0 20px;font-size:11px}.controls>button{border:0;background:none;color:#fff;font-size:14px;cursor:pointer;width:24px}.track{height:5px;background:#39425f;border-radius:5px;flex:1;position:relative;cursor:pointer}.track>i{display:block;height:100%;background:#5cd1c8;border-radius:5px;width:0}.chapters{position:absolute;inset:-5px 0;display:flex;justify-content:space-between}.chapters button{width:13px;height:13px;border-radius:50%;border:2px solid #18213f;background:#66708e;padding:0;cursor:pointer}.chapter-labels{display:flex;justify-content:center;gap:8px;margin:18px 0 45px}.chapter-labels button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px 13px;color:var(--muted);font:600 11px "DM Sans";cursor:pointer}.chapter-labels button.active{background:#ece9ff;color:var(--purple);border-color:#d8d2ff}.demo-cta{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between}.demo-cta h2{font:700 21px Manrope;margin:0}.demo-cta p{color:var(--muted);font-size:13px;margin:6px 0 0}.demo-cta a{background:var(--purple);color:white;text-decoration:none;border-radius:8px;padding:12px 17px;font-size:12px;font-weight:700}@media(max-width:900px){.stage{height:650px}.scene{grid-template-columns:1fr;padding:35px;gap:18px}.story h2{font-size:28px}.story p{font-size:13px}.callout{margin-top:15px}.visual{min-height:300px}.intro{margin-bottom:20px}.chapter-labels{overflow:auto;justify-content:flex-start}.assess-visual{min-height:300px}.demo-cta{gap:20px}}@media(max-width:600px){.demo-header{padding:0 15px}.pilot-chip,.demo-brand span{display:none}.demo-page{padding:28px 12px}.stage{height:680px}.scene{padding:25px 18px}.visual{padding:17px}.cards article:nth-child(n+3){display:none}.cards{grid-template-columns:1fr}.assess-visual{gap:15px}.radar{width:160px;height:160px}.score{width:130px}.control-row{grid-template-columns:1fr 35px}.control-row span{display:none}.report-left,.report-right{padding:20px}.report-left h3{font-size:19px}.checks{grid-template-columns:1fr}.demo-cta{align-items:flex-start;flex-direction:column}.controls{padding:0 10px;gap:7px}}