.mkt .demo-feature{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:44px;align-items:center;padding:22px;border-radius:26px;background:linear-gradient(135deg,rgba(120,150,255,.08),rgba(255,255,255,.02) 60%);border:1px solid var(--hairline)}.mkt .demo-group{padding-top:40px;padding-bottom:56px;border-top:1px solid var(--hairline)}.mkt .demo-group-head{margin-bottom:30px}.mkt .demo-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.mkt .demo-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.mkt .demo-grid-2 .demo-card-title{font-size:21px}.mkt .demo-card{display:flex;flex-direction:column;width:100%;height:100%;text-align:left;padding:0;border-radius:18px;overflow:hidden;cursor:pointer;font:inherit;color:inherit;background:rgba(255,255,255,.03);border:1px solid var(--hairline);transition:transform .22s ease,border-color .22s ease,background .22s ease}.mkt .demo-card:focus-visible,.mkt .demo-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--rl-sky) 45%,transparent);background:rgba(255,255,255,.05)}.mkt .demo-card:focus-visible,.mkt .demo-poster-lg:focus-visible{outline:2px solid var(--rl-sky);outline-offset:3px}.mkt .demo-poster{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#0c182e}.mkt .demo-poster img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.mkt .demo-card:hover .demo-poster img{transform:scale(1.035)}.mkt .demo-poster-lg{padding:0;border:none;cursor:pointer;border-radius:16px;width:100%;box-shadow:0 30px 80px -30px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.06)}.mkt .demo-poster-lg:hover img{transform:scale(1.02)}.mkt .demo-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:#fff;background:rgba(10,16,34,.55);border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .2s ease,transform .2s ease}.mkt .demo-card:hover .demo-play,.mkt .demo-poster-lg:hover .demo-play{background:var(--accent);transform:translate(-50%,-50%) scale(1.06)}.mkt .demo-duration{position:absolute;right:10px;top:10px;padding:3px 8px;border-radius:999px;font-family:var(--num-font);font-size:11.5px;letter-spacing:.04em;color:#fff;background:rgba(6,10,22,.7)}.mkt .demo-card-body{display:flex;flex-direction:column;gap:7px;padding:18px 20px 22px}.mkt .demo-card-eyebrow{font-family:var(--num-font);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--rl-sky)}.mkt .demo-card-title{font-size:19px;line-height:1.22}.mkt .demo-card-blurb{font-size:14.5px;line-height:1.55;color:var(--ink-text-2)}.mkt .demo-bento{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.mkt .demo-bento-lead{grid-column:span 2;grid-row:span 2}.mkt .demo-bento-lead .demo-card-title{font-size:clamp(22px,2.4vw,30px);line-height:1.12}.mkt .demo-bento-lead .demo-card-body{padding:22px 24px 26px}.mkt .demo-bento li:not(.demo-bento-lead) .demo-card-body{padding:14px 16px 18px;gap:6px}.mkt .demo-bento li:not(.demo-bento-lead) .demo-card-title{font-size:16.5px}.mkt .demo-backdrop{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:max(16px,3vw);background:rgba(4,9,20,.86);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:demoFade .2s ease both}@keyframes demoFade{0%{opacity:0}to{opacity:1}}.mkt .demo-player{width:min(1120px,100%)}.mkt .demo-player-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}.mkt .demo-player-title{margin:6px 0 0;font-size:clamp(18px,2.2vw,24px);line-height:1.2;color:#fff}.mkt .demo-round{flex:0 0 auto;width:38px;height:38px;border-radius:999px;cursor:pointer;font-size:20px;line-height:1;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff}.mkt .demo-video{display:block;width:100%;aspect-ratio:16/9;border-radius:14px;background:#0c182e;box-shadow:0 40px 100px -30px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.08)}.mkt .demo-video.demo-video-v{aspect-ratio:9/16;width:auto;max-width:100%;height:calc(100dvh - 250px);margin:0 auto}.mkt .demo-viewbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px}.mkt .demo-viewpill{gap:7px;padding:6px 12px;border-radius:999px;color:var(--ink-text-2);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}.mkt .demo-viewpill,.mkt .demo-viewswitch{display:inline-flex;align-items:center;white-space:nowrap;font-size:12.5px;line-height:1.2}.mkt .demo-viewswitch{gap:6px;padding:6px 13px;border-radius:999px;cursor:pointer;font-weight:600;color:#0b1020;background:var(--rl-sky,#9ec1ff);border:0}.mkt .demo-phonenote{position:absolute;left:50%;top:12px;transform:translateX(-50%);width:min(92%,340px);z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:14px;font-size:13.5px;line-height:1.45;color:#eef2fb;background:rgba(8,12,24,.88);border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 30px rgba(0,0,0,.45);backdrop-filter:blur(8px);animation:demo-note-in .35s ease-out;overflow:hidden}.mkt .demo-phonenote-timer{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--rl-sky,#9ec1ff);transform-origin:left center;animation:demo-note-timer 7s linear forwards}@keyframes demo-note-timer{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes demo-note-in{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.mkt .demo-phonenote{animation:none}}.mkt .demo-upnext{position:absolute;left:50%;top:50%;transform:translate(-50%,-60%);display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;max-width:80%;padding:26px 32px 70px;border-radius:18px;cursor:pointer;color:#fff;font:inherit;background:rgba(8,14,30,.82);border:1px solid rgba(255,255,255,.18)}.mkt .demo-upnext .demo-play{top:auto;bottom:16px;transform:translateX(-50%)}.mkt .demo-player-foot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.2fr) minmax(0,1fr);gap:16px;align-items:center;margin-top:14px}.mkt .demo-player-blurb{margin:0;text-align:center;font-size:14.5px;line-height:1.5;color:var(--ink-text-2)}.mkt .demo-step{display:flex;align-items:center;gap:10px;min-width:0;padding:8px 4px;cursor:pointer;background:none;border:none;font:inherit;font-size:14px;color:#fff}.mkt .demo-step:disabled{opacity:.25;cursor:default}.mkt .demo-step-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-text-2)}.mkt .demo-step:not(:disabled):hover .demo-step-label{color:#fff}@media (max-width:960px){.mkt .demo-bento{grid-template-columns:repeat(2,minmax(0,1fr))}.mkt .demo-bento-lead{grid-row:auto}.mkt .demo-feature{grid-template-columns:1fr;gap:26px}.mkt .demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.mkt .demo-feature{padding:14px;border-radius:20px}.mkt .demo-bento,.mkt .demo-grid,.mkt .demo-grid-2{grid-template-columns:1fr}.mkt .demo-bento-lead{grid-column:auto}.mkt .demo-player-foot{grid-template-columns:auto 1fr auto}.mkt .demo-step-label{display:none}.mkt .demo-upnext{padding:16px 18px 60px}}@media (prefers-reduced-motion:reduce){.mkt .demo-backdrop,.mkt .demo-card,.mkt .demo-play,.mkt .demo-poster img{transition:none;animation:none}.mkt .demo-card:hover,.mkt .demo-card:hover .demo-poster img{transform:none}}