body{overflow-x:hidden}.demo-app{min-height:100vh}.demo-rail .rail-icon{cursor:default}.demo-shell{padding-bottom:36px}.demo-topbar{align-items:center}.demo-context{display:flex;gap:8px;align-items:center}.demo-progress{display:flex;gap:5px;margin-right:8px}.demo-progress i{display:block;width:22px;height:3px;border-radius:4px;background:#18364a}.demo-progress i.done{background:var(--blue)}.demo-progress i.current{background:var(--gold);box-shadow:0 0 12px rgba(230,185,83,.25)}.stage{animation:stageIn .42s ease both}.stage-intro{max-width:690px;margin:68px auto 0;text-align:center}.stage-intro .orbit{width:96px;height:96px;border-radius:50%;margin:0 auto 27px;border:1px solid rgba(169,215,237,.22);display:grid;place-items:center;position:relative;background:radial-gradient(circle,rgba(99,188,230,.14),transparent 65%)}.stage-intro .orbit:before,.stage-intro .orbit:after{content:'';position:absolute;border:1px solid rgba(99,188,230,.1);border-radius:50%;inset:-15px}.stage-intro .orbit:after{inset:-30px}.stage-intro .orbit b{font-size:43px;color:var(--sky)}.stage-intro h2{font-size:43px;line-height:1.04;letter-spacing:-2.7px;margin:0}.stage-intro>p{max-width:545px;margin:17px auto 0;color:#8da5b4;font-size:13px;line-height:1.7}.start-actions{display:flex;justify-content:center;gap:9px;margin-top:27px}.demo-note{font:500 7px 'DM Mono';letter-spacing:.7px;color:#66879a;margin-top:17px}.integrations-wrap{max-width:940px;margin:34px auto 0}.integrations-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px}.integrations-head h2{font-size:28px;letter-spacing:-1.4px;margin:7px 0 0}.integrations-head p{max-width:310px;font-size:9px;line-height:1.6;color:#7995a6;margin:0}.integration-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.integration-card{border-radius:14px;padding:18px;display:grid;grid-template-columns:45px 1fr auto;gap:13px;align-items:center;min-height:92px}.integration-logo{width:44px;height:44px;border-radius:12px;background:#15384e;display:grid;place-items:center;color:var(--sky);font-weight:800;font-size:17px}.integration-card h3{font-size:12px;margin:0}.integration-card p{font-size:8px;color:#728fa1;margin:5px 0 0}.connect-btn{min-width:92px}.connect-btn.connected{background:rgba(101,212,164,.1);border:1px solid rgba(101,212,164,.25);color:var(--green)}.connect-btn.syncing{background:rgba(230,185,83,.1);border:1px solid rgba(230,185,83,.25);color:var(--gold)}.integration-footer{display:flex;justify-content:space-between;align-items:center;margin-top:17px;border-top:1px solid var(--line);padding-top:15px}.integration-footer p{font-size:8px;color:#718fa1;margin:0}.learning-stage{max-width:980px;margin:35px auto 0;display:grid;grid-template-columns:1fr 1.15fr;gap:16px}.learning-copy{padding:28px;border-radius:16px}.learning-copy h2{font-size:31px;line-height:1.08;letter-spacing:-1.7px;margin:12px 0}.learning-copy>p{font-size:10px;line-height:1.65;color:#809cac}.learning-list{margin-top:23px;display:grid;gap:14px}.learning-item{display:grid;grid-template-columns:25px 1fr;gap:9px}.learning-item i{width:24px;height:24px;border-radius:50%;border:1px solid rgba(99,188,230,.2);display:grid;place-items:center;font-style:normal;color:var(--sky);font-size:8px}.learning-item.done i{color:var(--green);border-color:rgba(101,212,164,.28)}.learning-item b{font-size:9px;display:block}.learning-item small{font-size:7px;color:#708ea0}.memory-viz{border-radius:16px;min-height:500px;position:relative;overflow:hidden;background-image:linear-gradient(rgba(169,215,237,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(169,215,237,.04) 1px,transparent 1px);background-size:32px 32px}.memory-core{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:180px;height:180px;border-radius:50%;border:1px solid rgba(230,185,83,.32);background:radial-gradient(circle,rgba(99,188,230,.2),#0b2639 63%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 0 65px rgba(99,188,230,.13)}.memory-core b{font-size:53px;color:var(--sky)}.memory-core span{font:500 7px 'DM Mono';color:#8facbd;letter-spacing:.7px}.memory-core small{margin-top:8px;color:var(--gold);font:500 7px 'DM Mono'}.memory-source{position:absolute;border:1px solid var(--line);background:#0d2a3e;border-radius:10px;padding:11px 13px;font-size:9px}.memory-source small{display:block;color:#66879a;font-size:7px;margin-top:4px}.ms1{left:9%;top:15%}.ms2{right:8%;top:18%}.ms3{left:7%;bottom:14%}.ms4{right:7%;bottom:13%}.memory-line{position:absolute;height:1px;background:linear-gradient(90deg,rgba(99,188,230,.1),rgba(99,188,230,.55));transform-origin:left}.mem1{width:31%;left:23%;top:25%;transform:rotate(27deg)}.mem2{width:30%;left:51%;top:47%;transform:rotate(-39deg)}.mem3{width:33%;left:23%;top:72%;transform:rotate(-26deg)}.mem4{width:31%;left:51%;top:51%;transform:rotate(39deg)}.memory-ready{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);font:500 8px 'DM Mono';color:var(--green);opacity:0;transition:.4s}.memory-ready.visible{opacity:1}.demo-cockpit .cockpit-grid{margin-top:20px}.clickable{cursor:pointer;transition:transform .18s,border-color .18s,background .18s}.clickable:hover{transform:translateY(-2px);border-color:rgba(169,215,237,.3)}.open-lead{position:absolute;inset:0;opacity:0}.focus{position:relative}.lead-room-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:13px}.composer-overlay{position:fixed;inset:0;z-index:40;background:rgba(2,12,19,.72);backdrop-filter:blur(8px);display:grid;place-items:center;padding:30px;animation:fadeIn .25s ease}.composer{width:min(610px,100%);border-radius:18px;padding:22px}.composer-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px}.composer-head h2{font-size:17px;margin:3px 0 0}.close-composer{border:0;background:transparent;color:#7896a8;font-size:19px;cursor:pointer}.composer-to{display:flex;justify-content:space-between;padding:14px 0;font-size:9px;color:#7f9bac}.composer-to b{color:#dce8ef}.composer-message{min-height:145px;border:1px solid var(--line);border-radius:11px;padding:16px;color:#bdd0db;font-size:11px;line-height:1.7;background:#0a2132}.reason-box{margin-top:12px;padding:12px;border-left:2px solid var(--gold);background:rgba(230,185,83,.05)}.reason-box b{font-size:8px;color:var(--gold);display:block}.reason-box p{font-size:8px;line-height:1.5;color:#7896a7;margin:5px 0 0}.composer-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.composer-footer small{font:500 7px 'DM Mono';color:#6f8da0}.sending-state{text-align:center;padding:52px 20px}.sending-state .send-pulse{width:70px;height:70px;border-radius:50%;margin:auto;display:grid;place-items:center;background:rgba(99,188,230,.1);border:1px solid rgba(99,188,230,.25);color:var(--sky);font-size:24px;animation:pulse 1.2s infinite}.sending-state h3{margin:17px 0 7px;font-size:18px}.sending-state p{font-size:9px;color:#7896a7}.outcome-stage{max-width:940px;margin:36px auto 0}.outcome-hero{border-radius:17px;padding:30px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;border-color:rgba(101,212,164,.27)}.outcome-hero h2{font-size:31px;letter-spacing:-1.7px;margin:9px 0}.outcome-hero p{font-size:10px;color:#809cac;line-height:1.6;margin:0;max-width:540px}.booked-badge{width:150px;height:150px;border-radius:50%;border:1px solid rgba(101,212,164,.32);background:radial-gradient(circle,rgba(101,212,164,.16),transparent 67%);display:grid;place-content:center;text-align:center}.booked-badge b{font-size:24px;color:var(--green)}.booked-badge small{font:500 7px 'DM Mono';color:#83a4b4;margin-top:4px}.reply-card{margin-top:14px;border-radius:14px;padding:20px;display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center}.reply-card .lead-avatar{width:40px;height:40px}.reply-card b{font-size:10px}.reply-card p{font-size:10px;color:#a5bac6;margin:5px 0 0}.reply-card time{font:500 7px 'DM Mono';color:#698899}.outcome-actions{display:flex;justify-content:center;gap:9px;margin-top:21px}.demo-toast{position:fixed;right:22px;bottom:22px;z-index:50;border:1px solid rgba(101,212,164,.28);background:#0d2b3f;color:#eaf4f8;padding:14px 17px;border-radius:11px;box-shadow:0 18px 45px rgba(0,0,0,.28);font-size:9px;animation:toastIn .35s ease}.demo-toast b{color:var(--green);display:block;margin-bottom:4px}.replay{position:fixed;left:18px;bottom:18px;z-index:30}.replay button{border:1px solid var(--line);background:#0d293c;color:#87a3b4;border-radius:999px;padding:9px 12px;font:500 7px 'DM Mono';cursor:pointer}.demo-caption{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:29;color:#66879a;font:500 7px 'DM Mono';letter-spacing:.7px}.demo-revenue .map-layout{margin-top:20px}@keyframes stageIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes toastIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes pulse{50%{box-shadow:0 0 0 14px rgba(99,188,230,.04)}}@media(max-width:900px){.learning-stage{grid-template-columns:1fr}.memory-viz{min-height:430px}.integration-grid{grid-template-columns:1fr}.outcome-hero{grid-template-columns:1fr}.booked-badge{width:120px;height:120px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}