body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Space Grotesk,Segoe UI,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{font-family:Arial,sans-serif;margin:0;padding:0}.container{padding:20px}@media (max-width:768px){.container{padding:10px}.footer,.header,.promo-banner{text-align:center}.features,.testimonials{margin:0 auto;width:100%}}.demo-stories-shell{margin:0 auto;max-width:1240px;padding:104px 1.25rem 3.5rem;position:relative}.demo-stories-header{grid-gap:1rem;align-items:end;display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) auto;margin-bottom:1.75rem;padding:0}.demo-stories-kicker{color:#0f766e;display:inline-block;font-size:.75rem;font-weight:800;letter-spacing:.22em;margin-bottom:.9rem;text-transform:uppercase}.demo-stories-header h2{color:#0f172a;font-size:clamp(2rem,3vw,3rem);line-height:1.05;margin:0 0 .75rem}.demo-stories-header p{color:#475569;line-height:1.7;margin:0;max-width:760px}.demo-platform-tabs{display:inline-flex;flex-wrap:wrap;gap:.7rem;margin-top:1.2rem}.demo-platform-tab{background:#ffffffd1;border:1px solid #94a3b838;border-radius:999px;color:#334155;cursor:pointer;font-weight:700;padding:.72rem 1rem;transition:border-color .18s ease,background-color .18s ease,color .18s ease,transform .18s ease}.demo-platform-tab-active,.demo-platform-tab:focus-visible,.demo-platform-tab:hover{background:linear-gradient(135deg,#0f766e,#0891b2);border-color:#0f766e;color:#fff;transform:translateY(-1px)}.demo-stories-meta{color:#475569;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.demo-stories-meta span{background:#ffffffd1;border:1px solid #94a3b833;border-radius:999px;padding:.55rem .85rem}.demo-stories-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:300px minmax(0,1fr);padding:0}.demo-story-list{grid-gap:.9rem;display:grid;gap:.9rem}.demo-story-card{background:radial-gradient(circle at top right,#78c0001f,#0000 48%),linear-gradient(180deg,#fff,#f7fbfd);border:1px solid #94a3b82e;border-radius:22px;box-shadow:0 18px 48px #0f172a14;color:inherit;cursor:pointer;padding:1.15rem;text-align:left;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.demo-story-card-active,.demo-story-card:focus-visible,.demo-story-card:hover{border-color:#0f766e52;box-shadow:0 24px 56px #0f172a1f;transform:translateY(-2px)}.demo-story-card strong{color:#0f172a;display:block;font-size:1.05rem;margin-bottom:.55rem}.demo-story-card p{color:#64748b;line-height:1.55;margin:0}.demo-story-persona{color:#0f766e;display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.12em;margin-bottom:.65rem;text-transform:uppercase}.demo-story-player{grid-gap:1rem;display:grid;gap:1rem}.demo-story-stage{background:linear-gradient(180deg,#0f172a,#16233b);border:1px solid #94a3b829;border-radius:28px;box-shadow:0 28px 64px #0f172a33;overflow:hidden;padding:1.1rem}.demo-story-stage-header{align-items:start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.demo-story-stage-header h3{color:#f4faf7;font-size:1.4rem;margin:.2rem 0 .5rem}.demo-story-stage-header p{color:#ecf5f1d1;line-height:1.6;margin:0;max-width:640px}.demo-story-progress{color:#daece5b8;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase}.demo-story-autoplay,.demo-story-nav{background:#ffffff1a;border:1px solid #ffffff29;border-radius:999px;color:#fff;cursor:pointer;font-weight:700;padding:.8rem 1.1rem}.demo-story-autoplay-active{background:linear-gradient(135deg,#0f766e,#0891b2);border-color:#0891b2;color:#fff}.demo-story-image-frame{background:#dfe8ef;border-radius:22px;min-height:420px;overflow:hidden;position:relative}.demo-story-image{display:block;height:auto;width:100%}.demo-story-highlight{border:2px solid #22c55e;border-radius:18px;box-shadow:0 0 0 9999px #07140f38,0 0 0 10px #22c55e29;pointer-events:none;position:absolute}.demo-story-step-copy{grid-gap:.35rem;display:grid;gap:.35rem;padding:1rem 0 .5rem}.demo-story-step-copy h4{color:#fff;font-size:1.15rem;margin:0}.demo-story-step-copy p{color:#ebf4f0d1;line-height:1.6;margin:0}.demo-story-controls{display:flex;gap:.75rem;justify-content:flex-end}.demo-story-nav:disabled{cursor:not-allowed;opacity:.45}.demo-story-step-list{grid-gap:.7rem;display:grid;gap:.7rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.demo-story-step-pill{grid-gap:.35rem;align-items:start;background:#ffffffd6;border:1px solid #94a3b833;border-radius:18px;color:inherit;cursor:pointer;display:grid;gap:.35rem;min-height:96px;padding:.9rem;text-align:left}.demo-story-step-pill span{color:#0f766e;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.demo-story-step-pill strong{color:#0f172a;font-size:.95rem;line-height:1.35}.demo-story-step-pill-active{background:#eef7fb;border-color:#0f766e47;box-shadow:0 16px 32px #0f172a0f}.demo-vertical-lanes{border-top:1px solid #94a3b82e;margin-top:24px;padding-top:22px}.demo-vertical-lanes-header h3{color:#0f172a;font-size:1.3rem;letter-spacing:-.02em;margin:0}.demo-vertical-lanes-header p{color:#475569;line-height:1.65;margin:8px 0 0}.demo-vertical-lanes-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}.demo-vertical-lane-card{background:#fff;border:1px solid #94a3b833;border-radius:16px;box-shadow:0 14px 28px #0f172a0d;padding:14px}.demo-vertical-lane-card h4{color:#0f172a;font-size:1rem;margin:0}.demo-vertical-lane-card p{color:#475569;font-size:.9rem;line-height:1.55;margin:8px 0 10px}.demo-vertical-lane-card ul{grid-gap:6px;color:#334155;display:grid;font-size:.88rem;gap:6px;line-height:1.5;margin:0;padding-left:16px}.demo-story-autoplay:focus-visible,.demo-story-nav:focus-visible,.demo-story-step-pill:focus-visible{outline:3px solid #67e8f9;outline-offset:3px}.demo-stories-command{background:#0f172a;border-radius:18px;color:#dbeafe;display:inline-block;margin-top:1rem;overflow-x:auto;padding:1rem 1.15rem;white-space:pre-wrap}@media (max-width:1080px){.demo-stories-grid{grid-template-columns:1fr}.demo-story-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (max-width:768px){.demo-stories-shell{padding:88px 1rem 2.75rem}.demo-stories-header{grid-template-columns:1fr}.demo-stories-meta{justify-content:flex-start}.demo-stories-grid{padding:0}.demo-story-stage-header{flex-direction:column}.demo-story-image-frame{min-height:240px}.demo-story-controls{justify-content:stretch}.demo-story-nav{flex:1 1 auto}}@media (max-width:980px){.demo-vertical-lanes-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.cb1a055b.css.map*/