*{box-sizing:border-box}html,body,#root{min-height:100%;height:100%}body{margin:0;font-family:Manrope,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(34,230,230,.12),transparent 24%),radial-gradient(circle at top right,rgba(96,120,255,.14),transparent 22%),linear-gradient(180deg,#02090b,#031114);color:#f1f7f8}button{font:inherit}.demo-walkthrough{min-height:100dvh;height:100dvh;padding:8px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px;overflow:hidden}.demo-walkthrough--screen{min-height:100dvh;height:100dvh;padding:0;overflow:hidden}.demo-rail,.demo-slide,.demo-phone-frame,.demo-intro-card{border:1px solid rgba(75,242,255,.09);background:linear-gradient(145deg,#081a1de6,#041012f0);box-shadow:0 10px 26px #0000003d}.demo-slide,.demo-intro-card,.demo-phone-frame{border-radius:20px}.demo-rail{display:grid;grid-auto-flow:column;grid-auto-columns:104px;gap:6px;padding:6px;border-radius:16px;overflow-x:auto;overflow-y:hidden;align-items:center;height:58px;scrollbar-width:none;-ms-overflow-style:none}.demo-rail::-webkit-scrollbar{display:none}.demo-rail-item{height:46px;min-height:46px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff09;color:#8fa2a5;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:0 10px;cursor:pointer;white-space:nowrap}.demo-rail-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:.66rem;text-transform:uppercase;letter-spacing:.04em;text-align:left}.demo-rail-item strong{font-size:.78rem;color:#f1f7f8;line-height:1}.demo-rail-item.active{background:#22e6e61f;border-color:#22e6e657;box-shadow:0 0 18px #22e6e62e}.demo-slide{min-height:0;height:100%;padding:12px;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:10px;overflow:hidden}.intro-slide{grid-template-rows:1fr auto}.demo-intro-card{width:min(100%,720px);margin:0 auto;padding:clamp(20px,4vw,34px);display:grid;gap:12px;align-content:center;min-height:0;height:100%}.demo-intro-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.demo-eyebrow{display:inline-flex;width:fit-content;min-height:26px;align-items:center;padding:0 10px;border-radius:999px;background:#22e6e617;border:1px solid rgba(34,230,230,.2);color:#cfffff;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.demo-intro-card h1,.demo-screen-copy h2{margin:0;font-size:clamp(1.85rem,3vw,2.9rem);line-height:1;letter-spacing:-.05em}.demo-intro-card p,.demo-screen-copy p,.demo-bullets li{margin:0;color:#a8b6b8;line-height:1.48;font-size:.96rem}.demo-bullets{margin:0;padding-left:16px;display:grid;gap:7px}.demo-step-counter,.demo-screen-meta{color:#6f8588;font-size:.8rem}.demo-screen-meta{display:flex;flex-wrap:wrap;gap:12px}.screen-slide{grid-template-rows:1fr auto;padding:8px;min-height:calc(100vh - 110px)}.demo-screen-stage{min-height:100dvh;height:100dvh;padding:1px 1px 4px;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:4px;overflow:hidden}.demo-screen-shell{min-height:0;height:100%;display:grid;align-items:stretch;justify-items:stretch;overflow:hidden}.demo-phone-wrap{width:100%;display:grid;min-height:0;height:100%;place-items:center}.demo-phone-frame{width:min(100%,393px);aspect-ratio:393 / 852;height:auto;min-height:0;max-height:calc(100vh - 170px);padding:6px;position:relative;overflow:hidden}.demo-phone-frame--immersive{width:100%;max-width:430px;height:100%;max-height:none;min-height:0;aspect-ratio:auto;padding:1px;border-radius:18px;border:1px solid rgba(75,242,255,.055);background:#07181b8f;box-shadow:inset 0 0 0 1px #ffffff05;justify-self:stretch;align-self:stretch;display:grid;grid-template-rows:minmax(0,1fr)}.demo-live-frame{width:100%;height:100%;min-height:0;border:0;border-radius:17px;display:block;background:#02090b}.demo-screen-actions{display:grid;justify-content:center;padding:0 6px 22px}.demo-slide-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.demo-nav{min-height:40px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#d8f6f7;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease,opacity .16s ease}.demo-nav--subtle{color:#8fa2a5}.demo-nav:disabled{opacity:.45;cursor:default}.demo-nav--compact{min-height:30px;padding:0 12px;font-size:.74rem;font-weight:700;letter-spacing:.01em;border-color:#22e6e624;background:#22e6e60f;color:#aef5f5}@media(max-width:860px){.demo-walkthrough{padding:6px}.demo-slide{min-height:auto;padding:10px}.demo-intro-card{min-height:54vh;padding:18px}.demo-phone-frame{width:min(100%,393px);max-height:calc(100vh - 150px)}.demo-screen-stage{padding:1px 1px 3px;gap:3px}.demo-phone-frame--immersive{width:100%;max-width:none;border-radius:16px;padding:1px}.demo-live-frame{border-radius:15px}.demo-intro-head{align-items:flex-start;flex-direction:column;gap:8px}}