.dsr{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);grid-gap:clamp(1.25rem,2.6vw,2.5rem);gap:clamp(1.25rem,2.6vw,2.5rem);align-items:start}@media (min-width:1024px){.dsr{grid-template-columns:min(66%,max(50%,calc((100svh - 31.5rem) * 1.78))) minmax(0,1fr)}}.dsr-screen{position:relative;isolation:isolate}.dsr-amb{position:absolute;left:4%;right:4%;top:6%;aspect-ratio:16/9;z-index:-1;transform:scale(1.12);pointer-events:none}.dsr-amb img,.dsr-amb span{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;filter:blur(48px) saturate(1.5);transition:opacity .9s var(--ease-in-out)}.dsr-amb span{filter:none;background:radial-gradient(closest-side,rgba(61,142,242,.75),rgba(29,111,216,.25) 60%,transparent)}.dsr-amb .is-active{opacity:.55}.dsr-frame{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:var(--r-xl);background:var(--night-900);box-shadow:inset 0 0 0 1px rgba(148,178,255,.16),0 0 0 6px rgba(148,178,255,.04),0 50px 100px -40px rgba(0,0,0,.9)}.dsr-frame:focus-visible{outline-offset:6px}.dsr-frame iframe{height:100%}.dsr-facade,.dsr-frame iframe{position:absolute;inset:0;width:100%;border:0}.dsr-facade{display:block;padding:0;overflow:hidden;border-radius:inherit;background:transparent;color:inherit;text-align:left;cursor:pointer}.dsr-facade:focus-visible{outline:2px solid var(--blue-300);outline-offset:-5px;border-radius:inherit}.dsr-poster{position:absolute;inset:0;opacity:0;transition:opacity .6s var(--ease-in-out),transform 1s var(--ease-out)}.dsr-poster.is-active{opacity:1}.dsr-poster img{width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.04)}.dsr-poster--product{background:radial-gradient(55% 70% at 50% 42%,rgba(29,111,216,.5),transparent 70%),linear-gradient(180deg,var(--night-800),var(--night-1000))}.dsr-facade:hover .dsr-poster.is-active{transform:scale(1.03)}.dsr-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,6,13,.3),rgba(3,6,13,0) 24%,rgba(3,6,13,0) 60%,rgba(3,6,13,.55));pointer-events:none}.dsr-play{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:clamp(72px,8vw,104px);height:clamp(72px,8vw,104px);border:1px solid hsla(0,0%,100%,.4);border-radius:50%;background:var(--grad-brand-deep);color:#fff;box-shadow:0 0 0 12px rgba(61,142,242,.16),0 24px 60px -12px rgba(61,142,242,.85);transform:translate(-50%,-50%);transition:transform .45s var(--ease-out),box-shadow .45s var(--ease-out)}.dsr-play svg{width:34%;height:34%;margin-left:6%}.dsr-facade:hover .dsr-play{transform:translate(-50%,-50%) scale(1.07);box-shadow:0 0 0 18px rgba(61,142,242,.14),0 28px 70px -12px rgba(61,142,242,.95)}.dsr-facade-title{position:absolute;left:clamp(.75rem,2vw,1.25rem);bottom:clamp(.75rem,2vw,1.25rem);display:grid;grid-gap:.25rem;gap:.25rem;max-width:calc(100% - 2 * clamp(.75rem, 2vw, 1.25rem));padding:.75rem 1.05rem .8rem;border:1px solid rgba(148,178,255,.18);border-radius:16px;background:rgba(3,6,13,.72);-webkit-backdrop-filter:blur(12px) saturate(1.3);backdrop-filter:blur(12px) saturate(1.3);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.06)}.dsr-facade-title span{font-family:var(--ff-mono);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-300)}.dsr-facade-title strong{font-size:clamp(1rem,.9rem + .55vw,1.35rem);font-weight:600;line-height:1.2;letter-spacing:-.015em;color:#fff}.dsr-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1.5rem;margin-top:.4rem;padding-inline:.25rem;font-family:var(--ff-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--on-night-3)}.dsr-now{display:inline-flex;align-items:center;gap:.6rem}.dsr-now:before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--signal);box-shadow:0 0 10px rgba(197,242,59,.8)}.dsr-watch{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;font-family:var(--ff-sans);font-size:.9375rem;font-weight:600;letter-spacing:0;text-transform:none;color:var(--blue-300);transition:color var(--dur-fast)}.dsr-watch:hover{color:#fff}.dsr-programme{display:grid;align-content:start}.dsr-programme-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 .25rem .85rem;font-family:var(--ff-mono);font-size:var(--fs-label);letter-spacing:.14em;text-transform:uppercase;color:var(--on-night-3)}.dsr-list li,.dsr-programme-head{border-bottom:1px solid var(--line-night)}.dsr-item{position:relative;display:grid;grid-template-columns:3.1rem minmax(0,1fr) 40px;align-items:center;grid-gap:.9rem;gap:.9rem;width:100%;min-height:76px;padding:.85rem .6rem .85rem .25rem;border:0;border-radius:14px;background:transparent;text-align:left;color:var(--on-night-2);transition:background-color var(--dur),color var(--dur),padding var(--dur) var(--ease-out)}.dsr-item:hover{padding-left:.75rem;background:rgba(148,178,255,.05);color:var(--on-night)}.dsr-item:focus-visible{outline-offset:0}.dsr-item[aria-current=true]{background:linear-gradient(90deg,rgba(61,142,242,.16),rgba(61,142,242,.02));color:var(--on-night)}.dsr-index{font-family:var(--ff-display);font-size:1.75rem;line-height:1;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px rgba(167,182,211,.55);transition:color var(--dur),-webkit-text-stroke-color var(--dur)}.dsr-item:hover .dsr-index,.dsr-item[aria-current=true] .dsr-index{color:var(--blue-400);-webkit-text-stroke-color:transparent}.dsr-item-text{display:grid;grid-gap:.2rem;gap:.2rem;min-width:0}.dsr-item-title{font-size:1rem;font-weight:600;line-height:1.3;letter-spacing:-.01em;color:var(--on-night)}.dsr-item-cat{font-family:var(--ff-mono);font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--on-night-3)}.dsr-item[aria-current=true] .dsr-item-cat{color:var(--blue-300)}.dsr-item-go{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(148,178,255,.24);border-radius:50%;color:var(--on-night);transition:background-color var(--dur),border-color var(--dur),transform var(--dur) var(--ease-out)}.dsr-item-go svg{margin-left:2px}.dsr-item:hover .dsr-item-go,.dsr-item[aria-current=true] .dsr-item-go{border-color:transparent;background:var(--blue-600);transform:scale(1.06)}.dsr-eq{display:inline-flex;align-items:flex-end;gap:2px;height:12px}.dsr-eq i{width:3px;height:100%;border-radius:1px;background:var(--signal);transform-origin:50% 100%;animation:dsr-eq .9s ease-in-out infinite alternate}.dsr-eq i:nth-child(2){animation-delay:-.3s}.dsr-eq i:nth-child(3){animation-delay:-.6s}@keyframes dsr-eq{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}@media (max-width:1023px){.dsr{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.dsr-facade-title{display:none}}@media (max-width:520px){.dsr-item{grid-template-columns:2.4rem minmax(0,1fr) 40px;gap:.7rem}.dsr-index{font-size:1.4rem}}.dv{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);grid-template-areas:"frame list" "meta .";grid-column-gap:clamp(1rem,2vw,1.5rem);column-gap:clamp(1rem,2vw,1.5rem);grid-row-gap:1.25rem;row-gap:1.25rem}.dv-feature{display:contents}.dv-frame{grid-area:frame;position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:var(--r-xl);background:var(--night-900);box-shadow:inset 0 0 0 1px var(--line-night),0 40px 90px -40px rgba(0,0,0,.8)}.dv-frame:focus-visible{outline-offset:5px;border-radius:var(--r-xl)}.dv-frame iframe{height:100%}.dv-card,.dv-facade,.dv-frame iframe{position:absolute;inset:0;width:100%;border:0}.dv-card,.dv-facade{display:block;padding:0;overflow:hidden;border-radius:inherit;background:transparent;color:inherit;text-align:left;cursor:pointer}.dv-card:focus-visible,.dv-facade:focus-visible{outline:2px solid var(--blue-300);outline-offset:-4px;border-radius:inherit}.dv-poster{position:absolute;inset:0;transition:transform .9s var(--ease-out)}.dv-poster img{width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.04)}.dv-poster--product{background:radial-gradient(60% 70% at 50% 45%,rgba(29,111,216,.4),transparent 70%),linear-gradient(180deg,var(--night-800),var(--night-1000))}.dv-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,6,13,0) 18%,rgba(3,6,13,.72) 52%,rgba(3,6,13,.95) 82%),linear-gradient(90deg,rgba(3,6,13,.3),transparent 55%);transition:opacity .4s}.dv-facade .dv-shade{background:linear-gradient(180deg,rgba(3,6,13,0) 55%,rgba(3,6,13,.45))}.dv-play{position:absolute;right:1rem;bottom:1rem;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid hsla(0,0%,100%,.35);background:rgba(10,18,34,.45);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .45s var(--ease-out),background-color .3s,border-color .3s}.dv-play svg{margin-left:2px}.dv-play--lg{top:50%;left:50%;right:auto;bottom:auto;width:92px;height:92px;margin:-46px 0 0 -46px;border-color:hsla(0,0%,100%,.4);background:var(--grad-brand);box-shadow:0 0 0 10px rgba(61,142,242,.18),0 20px 50px -10px rgba(61,142,242,.8)}.dv-play--lg svg{margin-left:4px}.dv-card:hover .dv-poster,.dv-facade:hover .dv-poster{transform:scale(1.045)}.dv-facade:hover .dv-play--lg{transform:scale(1.08)}.dv-card:hover .dv-play{transform:scale(1.1);background:var(--blue-600);border-color:transparent}.dv-feature-meta{grid-area:meta;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem}.dv-feature-meta h3{font-size:clamp(1.2rem,1rem + .6vw,1.55rem)}.dv-watch{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;margin-left:auto;font-size:.9375rem;font-weight:600;color:var(--blue-300);transition:color var(--dur-fast)}.dv-watch:hover{color:#fff}.dv-list{grid-area:list;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));grid-gap:clamp(.75rem,1.5vw,1rem);gap:clamp(.75rem,1.5vw,1rem)}.dv-list li{position:relative;min-height:0;overflow:hidden;border-radius:var(--r-lg);background:var(--night-900);box-shadow:inset 0 0 0 1px var(--line-night)}.dv-card-meta{position:absolute;left:1rem;right:1rem;bottom:.9rem;display:grid;grid-gap:.3rem;gap:.3rem}.dv-card-cat{font-family:var(--ff-mono);font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-300)}.dv-card-title{font-size:.925rem;font-weight:600;line-height:1.25;letter-spacing:-.01em;color:#fff}.dv-list .dv-play{top:.75rem;right:.75rem;bottom:auto;width:40px;height:40px}@media (max-width:1199px){.dv{grid-template-columns:minmax(0,1fr);grid-template-areas:"frame" "meta" "list"}.dv-list{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:none}.dv-list li{aspect-ratio:4/3.2}}@media (max-width:760px){.dv-list{grid-template-columns:repeat(2,minmax(0,1fr))}.dv-list li{aspect-ratio:4/3.4}}@media (max-width:1023px){.dv-play--lg{width:72px;height:72px;margin:-36px 0 0 -36px}}@media (max-width:520px){.dv-watch{margin-left:0}.dv-card-meta{left:.8rem;right:.8rem;bottom:.75rem}.dv-card-title{font-size:.875rem}}.dv--day .dv-frame{box-shadow:0 2px 6px rgba(10,18,34,.06),0 40px 80px -40px rgba(10,18,34,.45)}.dv--day .dv-frame:focus-visible{outline-color:var(--blue-600)}.dv--day .dv-list li{box-shadow:0 2px 4px rgba(10,18,34,.05),0 22px 44px -26px rgba(10,18,34,.45)}.dv--day .dv-feature-meta h3{color:var(--ink)}.dv--day .dv-feature-meta .badge--blue{color:var(--blue-700);border-color:rgba(20,80,168,.3);background:rgba(29,111,216,.08)}.dv--day .dv-watch{color:var(--blue-700)}.dv--day .dv-watch:hover{color:var(--ink)}.dv--day .dv-watch:focus-visible{outline-color:var(--blue-600)}@keyframes demos-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.demos-hero{position:relative;isolation:isolate;overflow:hidden;padding:calc(var(--nav-top) + var(--nav-h) + clamp(1rem, 2.4vw, 2rem)) 0 calc(clamp(3.5rem, 7vw, 6rem) + var(--sheet-overlap));background:radial-gradient(55% 45% at 38% 70%,rgba(29,111,216,.2),transparent 70%),var(--night-1000)}.demos-aurora-a{--size:60vw;--c:rgba(29,111,216,.38);--t:30s;left:-16%;top:-40%}.demos-aurora-b{--size:46vw;--c:rgba(99,102,241,.22);--t:26s;--dx:-5%;right:-14%;top:22%}.demos-beam{position:absolute;left:50%;top:0;z-index:-1;width:min(1100px,100%);height:100%;transform:translateX(-62%);background:linear-gradient(180deg,rgba(141,184,255,.08),rgba(141,184,255,.015) 70%,transparent);-webkit-clip-path:polygon(46% 0,54% 0,100% 100%,0 100%);clip-path:polygon(46% 0,54% 0,100% 100%,0 100%);-webkit-mask-image:linear-gradient(180deg,#000 20%,transparent 85%);mask-image:linear-gradient(180deg,#000 20%,transparent 85%);pointer-events:none}.demos-hero-head{position:relative;z-index:2;display:grid;justify-items:start;grid-gap:1.1rem;gap:1.1rem;animation:demos-rise .9s 80ms var(--ease-out) both}.demos-hero h1{max-width:24ch}.demos-hero-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.5rem 3rem;width:100%;margin-top:.2rem}.demos-hero-row .lead{flex:1 1 32rem;max-width:64ch}.demos-hero-room{position:relative;z-index:1;margin-top:clamp(1.25rem,1.8vw,1.75rem);animation:demos-rise 1.1s .3s var(--ease-out) both}.demos-head{margin-bottom:clamp(2.5rem,5vw,4rem)}.demos-head h2{max-width:14ch}.demos-panel{position:relative;isolation:isolate;overflow:hidden;padding:clamp(.85rem,2.2vw,1.75rem);border-radius:var(--r-xl);background:radial-gradient(70% 60% at 20% 0,rgba(29,111,216,.28),transparent 70%),linear-gradient(180deg,#0a1426 0,var(--night-1000) 100%);box-shadow:inset 0 1px 0 rgba(148,178,255,.16),var(--shadow-lg)}.demos-panel-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.5rem;margin-bottom:clamp(1rem,2.4vw,1.75rem);padding:.35rem .4rem clamp(.9rem,2vw,1.25rem);border-bottom:1px solid var(--line-night)}.demos-panel-bar p{max-width:none;font-family:var(--ff-mono);font-size:var(--fs-label);letter-spacing:.14em;text-transform:uppercase;color:var(--on-night-3)}.demos-clients{--bg:var(--night-1000);padding-block:clamp(4.5rem,8vw,7rem) calc(clamp(4.5rem, 8vw, 7rem) + var(--sheet-overlap));overflow:hidden}@media (max-width:640px){.demos-hero-row .btn-row{width:100%}.demos-hero-row .btn{flex:1 1 100%}}