.story-host{height:max(760px,calc(100dvh - 100px));max-height:980px;display:flex;flex-direction:column;overflow:hidden;border:1px solid #d8e0ed;border-radius:14px;background:#eef2fa;scroll-margin-top:0}
.story-host-bar{display:flex;gap:18px;align-items:center;flex:none;min-height:40px;padding:7px 14px;background:#fff;border-bottom:1px solid #dce3ee;font:12px/1.5 var(--body);color:#4e5d73}.story-host-bar span{margin-right:auto}.story-host-bar button{font:600 12px var(--body);border:1px solid #d8dfef;background:#f7f8fd;color:#454fbb;border-radius:6px;padding:6px 10px;cursor:pointer}.story-host-bar a{color:#454fbb}
.story-host iframe{width:100%;height:100%;min-height:0;flex:1;border:0;display:block;background:#eef2fa}
.story-host.is-expanded{position:fixed;inset:0;z-index:2000;height:100dvh;max-height:none;border-radius:0}
body.story-expanded{overflow:hidden}body.story-expanded>.v-hdr{visibility:hidden}
.v-sec:has(.story-host.is-expanded){z-index:1500!important}.rv:has(.story-host){transform:none!important;opacity:1!important}
@media(max-width:760px){.story-host{height:940px;max-height:none}.story-host-bar{gap:8px;font-size:11px;flex-wrap:wrap}.story-host-bar span{display:none}.story-host.is-expanded{overflow:auto}.story-host.is-expanded iframe{min-height:820px}}
.suite-overview{background:linear-gradient(180deg,#fff 0%,#f1f5ff 100%);padding:64px 0 0!important;scroll-margin-top:76px}
.suite-intro{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:30px}.suite-intro .v-h2{font-size:clamp(32px,3.6vw,48px);line-height:1.1}.suite-intro em{font-style:normal;color:#5363c3}.suite-intro>p{max-width:395px;font-size:16px;line-height:1.65;color:#5a687e;margin:0 0 4px}
.suite-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.suite-card{grid-column:span 2;display:flex;flex-direction:column;min-height:216px;padding:22px 24px 17px;background:#fff;border:1px solid #dce3f0;border-radius:12px;text-decoration:none;color:#202f49;transition:transform .22s,border-color .22s,box-shadow .22s}.suite-card:nth-last-child(-n+2){grid-column:span 3}.suite-card:hover{transform:translateY(-4px);border-color:#8898dc;box-shadow:0 12px 30px #263c6710}.suite-card:focus-visible{outline:3px solid #5363c3;outline-offset:4px}.suite-card-top{display:flex;justify-content:space-between;align-items:center;color:#647390;font-size:12px}.suite-card-top b{font-family:var(--head);font-size:23px;color:#a3aecb;font-weight:500}.suite-card h3{font:700 22px/1.25 var(--head);margin:12px 0 8px;color:#283870}.suite-card>strong{font-size:14px;line-height:1.45;font-weight:600}.suite-card>p{font-size:14px;line-height:1.6;margin:8px 0 16px;color:#5b687a}.suite-card-bottom{margin-top:auto;padding-top:13px;border-top:1px solid #e8ecf4;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#5967a0}.suite-card-bottom>span:last-child{font-size:20px}
.suite-bridge{padding:28px 0 32px;display:flex;justify-content:space-between;align-items:center;gap:24px}.suite-bridge a{font-size:14px;color:#526080;text-decoration:none}.suite-bridge a:first-child{font-weight:650;color:#3344a1}.suite-bridge a:first-child span{display:inline-block;margin-left:16px;font-size:20px}
#showcase-section{scroll-margin-top:70px;background:#f1f5ff;padding-top:32px!important;border-top:0!important}.demo-heading{margin-bottom:20px!important}
@media(max-width:900px){.suite-card{padding:18px}.suite-intro{gap:24px}.suite-card h3{font-size:20px}.suite-bridge{align-items:start}.suite-bridge a:last-child{max-width:240px}}
@media(max-width:680px){.suite-overview{padding-top:40px!important}.suite-intro{display:block}.suite-intro>p{margin-top:20px}.suite-grid{grid-template-columns:1fr}.suite-card,.suite-card:nth-last-child(-n+2){grid-column:auto;min-height:0}.suite-card{padding:22px}.suite-bridge{flex-direction:column;gap:14px}.suite-bridge a:last-child{max-width:none}#showcase-section{scroll-margin-top:64px}}
@media(prefers-reduced-motion:reduce){.suite-card{transition:none}.suite-card:hover{transform:none}}
.suite-card h3{font-family:var(--disp);font-size:22px;font-weight:700;line-height:1.25}.suite-card-top b{font-family:var(--disp)}
@media(min-width:901px){.suite-overview{padding-top:36px!important}.suite-intro{margin-bottom:22px}.suite-intro .v-h2{font-size:40px}.suite-card{padding:17px 22px 14px;min-height:210px}.suite-card h3{margin:7px 0}.suite-card>p{line-height:1.5;margin:6px 0 12px}.suite-card-bottom{padding-top:10px}.suite-bridge{padding:18px 0 22px}}

.story-host.is-video:not(.is-expanded){height:var(--story-video-height,900px);max-height:none}.story-host.is-video.is-expanded iframe{min-height:0}

.story-host{position:relative}.story-host-bar{position:relative;z-index:1}.story-host::after{content:'Loading demo\2026';position:absolute;inset:40px 0 0;display:flex;align-items:center;justify-content:center;background:#eef2fa;color:#5a687e;font:600 14px/1.4 var(--body,Arial,sans-serif);pointer-events:none;transition:opacity .3s,visibility .3s}.story-host.is-loaded::after{opacity:0;visibility:hidden}@media(prefers-reduced-motion:reduce){.story-host::after{transition:none}}