/* DWELLIVRA: cinematic video hero for the public homepage only.
   Preserve existing product workspaces, navigation, accounts, billing and routes. */
.dw-premium .dw2026-home .dw2026-ecosystem-banner{
 position:relative;isolation:isolate;display:flex;align-items:center;
 width:100%;min-height:clamp(600px,75vh,820px);overflow:hidden;
 background:#071629 url("https://tzsdyjlunpbnabsd.public.blob.vercel-storage.com/dwellivra/home/hero-2026-poster.webp") center center / cover no-repeat;color:#fff;
}
.dw-premium .dw2026-home .dw2026-ecosystem-video{
 position:absolute;inset:0;z-index:0;pointer-events:none;
 background:#071629 url("https://tzsdyjlunpbnabsd.public.blob.vercel-storage.com/dwellivra/home/hero-2026-poster.webp") center / cover no-repeat;
}
.dw-premium .dw2026-home .dw2026-ecosystem-video video{
 display:block;width:100%;height:100%;object-fit:cover;object-position:center center;
}
.dw-premium .dw2026-home .dw2026-ecosystem-banner::before{
 content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
 background:linear-gradient(90deg,rgba(4,16,35,.96) 0%,rgba(4,18,39,.91) 26%,rgba(5,20,41,.77) 48%,rgba(6,22,46,.20) 78%,rgba(5,18,39,.21) 100%);
}
.dw-premium .dw2026-home .dw2026-ecosystem-content{
 position:relative;z-index:2;width:min(100%,1320px);margin-inline:auto;
 padding:clamp(86px,11vh,140px) clamp(24px,5vw,76px);
}
.dw-premium .dw2026-home .dw2026-ecosystem-eyebrow{
 display:inline-block;margin-bottom:clamp(20px,2.8vw,28px);
 font-size:clamp(10px,1vw,12px);font-weight:800;letter-spacing:.17em;text-transform:uppercase;color:#9bdcff;
}
.dw-premium .dw2026-home .dw2026-ecosystem-content h1{
 max-width:790px;margin:0 0 25px;color:#fff;
 font-size:clamp(42px,5.5vw,76px);line-height:1.07;letter-spacing:-.053em;font-weight:850;text-wrap:balance;
}
.dw-premium .dw2026-home .dw2026-ecosystem-content h1 em{
 display:inline;font-style:normal;color:#72b5ff;
}
.dw-premium .dw2026-home .dw2026-ecosystem-content p{
 max-width:610px;margin:0 0 32px;color:#e1ebf5;
 font-size:clamp(16px,1.45vw,19px);line-height:1.7;font-weight:400;
}
.dw-premium .dw2026-home .dw2026-ecosystem-content .dw2026-actions{
 display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:13px;
}
.dw-premium .dw2026-home .dw2026-ecosystem-content .dw2026-button{
 min-height:50px;padding:13px 22px;border-radius:10px;font-size:14px;font-weight:750;
}
.dw-premium .dw2026-home .dw2026-ecosystem-content .dw2026-button--solid{
 color:white;background:#1769ff;border:1px solid #317eff;box-shadow:0 10px 30px rgba(0,58,173,.26);
}
.dw-premium .dw2026-home .dw2026-ecosystem-content .dw2026-button--outline{
 color:white;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.58);
 backdrop-filter:blur(10px);
}
.dw-premium .dw2026-home .dw2026-ecosystem-content .dw2026-button--outline:hover{
 color:white;background:rgba(255,255,255,.19);
}
.dw-premium .dw2026-home .dw2026-ecosystem-caption{
 display:block;margin-top:32px;color:#c5d5e8;font-size:12px;letter-spacing:.035em;
}
@media(max-width:800px){
 .dw-premium .dw2026-home .dw2026-ecosystem-banner{min-height:620px}
 .dw-premium .dw2026-home .dw2026-ecosystem-banner::before{
  background:linear-gradient(90deg,rgba(4,16,35,.94),rgba(4,17,36,.43)),linear-gradient(0deg,rgba(4,16,35,.5),transparent 75%);
 }
 .dw-premium .dw2026-home .dw2026-ecosystem-content{padding:95px 26px 80px}
 .dw-premium .dw2026-home .dw2026-ecosystem-content h1{font-size:clamp(38px,7vw,56px);max-width:680px}
 .dw-premium .dw2026-home .dw2026-ecosystem-content p{font-size:16px}
}
@media(max-width:520px){
 .dw-premium .dw2026-home .dw2026-ecosystem-banner{min-height:690px}
 .dw-premium .dw2026-home .dw2026-ecosystem-content{padding:90px 22px 74px}
 .dw-premium .dw2026-home .dw2026-ecosystem-content h1{font-size:clamp(37px,10vw,49px)}
 .dw-premium .dw2026-home .dw2026-ecosystem-content .dw2026-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:11px}
 .dw-premium .dw2026-home .dw2026-ecosystem-content .dw2026-button{width:100%;justify-content:center;text-align:center}
 .dw-premium .dw2026-home .dw2026-ecosystem-video video{object-position:63% center}
}
@media(prefers-reduced-motion:reduce){
 .dw-premium .dw2026-home .dw2026-ecosystem-video video{display:none}
}

/* Platform-only cinematic ecosystem video banner (homepage and internal app untouched). */
.dw-premium .dw2026-page .dw2026-platform-cinematic{
 background:radial-gradient(ellipse at 75% 30%,#153866 0%,#0b2446 44%,#071629 100%);
 min-height:580px;padding-top:clamp(56px,6vw,95px);
}
.dw-premium .dw2026-page .dw2026-platform-cinematic .dw2026-hero-grid{
 grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr);
 gap:clamp(26px,3.5vw,54px);min-height:385px;
}
.dw-premium .dw2026-page .dw2026-platform-cinematic .dw2026-hero-copy{max-width:540px}
.dw-premium .dw2026-page .dw2026-platform-cinematic h1{font-size:clamp(38px,4.15vw,62px)}
.dw-premium .dw2026-page .dw2026-platform-video-frame{
 display:block;position:relative;overflow:hidden;min-width:0;min-height:0;
 aspect-ratio:16/9;width:100%;border-radius:19px;
 background:#081932 url("https://tzsdyjlunpbnabsd.public.blob.vercel-storage.com/dwellivra/platform/platform-ecosystem-2026-poster.webp") center / cover no-repeat;
 border:1px solid rgba(138,194,255,.30);
 box-shadow:0 30px 85px rgba(0,9,26,.38),0 0 48px rgba(28,105,255,.10);
}
.dw-premium .dw2026-page .dw2026-platform-video-frame video{
 display:block;width:100%;height:100%;object-fit:cover;object-position:center;
 pointer-events:none;
}
.dw-premium .dw2026-page .dw2026-platform-cinematic .dw2026-hero-copy>p{
 max-width:500px;color:#e3edf8;line-height:1.7;
}
@media(max-width:900px){
 .dw-premium .dw2026-page .dw2026-platform-cinematic .dw2026-hero-grid{
  grid-template-columns:1fr;gap:34px;
 }
 .dw-premium .dw2026-page .dw2026-platform-cinematic .dw2026-hero-copy{max-width:690px}
 .dw-premium .dw2026-page .dw2026-platform-video-frame{width:100%;max-width:790px}
}
@media(max-width:520px){
 .dw-premium .dw2026-page .dw2026-platform-cinematic{padding-top:44px;padding-bottom:100px}
 .dw-premium .dw2026-page .dw2026-platform-cinematic h1{font-size:clamp(34px,9vw,44px)}
 .dw-premium .dw2026-page .dw2026-platform-video-frame{border-radius:13px}
}
@media(prefers-reduced-motion:reduce){
 .dw-premium .dw2026-page .dw2026-platform-video-frame video{display:none}
}

/* DWELLIVRA marketing videos — Solutions, Pricing and Resources only.
   Keep the existing hero layout, curved visual shape, and accessible text/CTAs. */
.dw-premium .dw2026-page .dw2026-hero--video .dw2026-video-visual{
 position:relative;isolation:isolate;overflow:hidden;background:#071629;
}
.dw-premium .dw2026-page .dw2026-hero--video .dw2026-video-visual img.dw2026-video-poster,
.dw-premium .dw2026-page .dw2026-hero--video .dw2026-video-visual video{
 position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0;
 object-fit:cover;object-position:center center;filter:none;transform:none;
}
.dw-premium .dw2026-page .dw2026-hero--video .dw2026-video-visual img.dw2026-video-poster{z-index:0}
.dw-premium .dw2026-page .dw2026-hero--video .dw2026-video-visual video{
 z-index:1;pointer-events:none;
}
.dw-premium .dw2026-page .dw2026-hero--video .dw2026-video-visual::after{
 content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
 background:linear-gradient(90deg,rgba(7,22,41,.11),transparent 26%);
}
@media(max-width:900px){
 .dw-premium .dw2026-page .dw2026-hero--video .dw2026-video-visual{
  min-height:260px;aspect-ratio:16/9;
 }
}
@media(prefers-reduced-motion:reduce){
 .dw-premium .dw2026-page .dw2026-hero--video .dw2026-video-visual video{display:none}
}

/* Shared immersive video hero — Platform / Property Solutions / Pricing / Resources.
   Design parity with the DWELLIVRA homepage: media full bleed, real HTML copy over video.
   CSS scoped to explicit video heroes so internal app and image-based detail pages stay intact. */
.dw-premium .dw2026-page .dw2026-hero--immersive{
 position:relative;isolation:isolate;display:flex;align-items:center;
 width:100%;min-height:clamp(620px,78vh,840px);
 padding:0;overflow:hidden;background:#071629;color:#fff;
}
.dw-premium .dw2026-page .dw2026-hero--immersive .dw2026-immersive-media{
 position:absolute;inset:0;z-index:0;pointer-events:none;
 background-color:#071629;
}
.dw-premium .dw2026-page .dw2026-hero--immersive .dw2026-immersive-media img.dw2026-video-poster,
.dw-premium .dw2026-page .dw2026-hero--immersive .dw2026-immersive-media video{
 position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0;
 max-height:none;object-fit:cover;object-position:center center;
 border:0;border-radius:0;box-shadow:none;clip-path:none;transform:none;filter:none;
}
.dw-premium .dw2026-page .dw2026-hero--immersive .dw2026-immersive-media img.dw2026-video-poster{z-index:0}
.dw-premium .dw2026-page .dw2026-hero--immersive .dw2026-immersive-media video{z-index:1}
.dw-premium .dw2026-page .dw2026-hero--immersive .dw2026-immersive-shade{
 position:absolute;inset:0;z-index:1;pointer-events:none;
 background:linear-gradient(90deg,
  rgba(4,16,35,.97) 0%,
  rgba(4,18,39,.91) 28%,
  rgba(5,20,41,.74) 47%,
  rgba(6,22,46,.28) 78%,
  rgba(5,18,39,.19) 100%);
}
.dw-premium .dw2026-page .dw2026-hero--immersive .dw2026-immersive-content{
 position:relative;z-index:2;display:flex;align-items:center;
 width:min(100%,1320px);max-width:none;min-height:inherit;
 margin-inline:auto;padding:clamp(86px,11vh,140px) clamp(24px,5vw,76px);
}
.dw-premium .dw2026-page .dw2026-hero--immersive .dw2026-hero-copy{
 position:relative;z-index:2;width:100%;max-width:790px;
}
.dw-premium .dw2026-page .dw2026-hero--immersive .dw2026-eyebrow{
 color:#9bdcff;font-size:clamp(10px,1vw,12px);
 font-weight:800;letter-spacing:.17em;margin-bottom:clamp(20px,2.8vw,28px);
}
.dw-premium .dw2026-page .dw2026-hero--immersive h1{
 max-width:790px;margin:0 0 25px;color:#fff;
 font-size:clamp(42px,5.5vw,76px);line-height:1.07;
 letter-spacing:-.053em;font-weight:850;text-wrap:balance;
}
.dw-premium .dw2026-page .dw2026-hero--immersive h1 em{
 font-style:normal;color:#72b5ff;
}
.dw-premium .dw2026-page .dw2026-hero--immersive .dw2026-hero-copy>p{
 max-width:610px;margin:0 0 32px;color:#e1ebf5;
 font-size:clamp(16px,1.45vw,19px);line-height:1.7;font-weight:400;
}
.dw-premium .dw2026-page .dw2026-hero--immersive .dw2026-actions{
 display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:13px;
}
.dw-premium .dw2026-page .dw2026-hero--immersive .dw2026-button{
 min-height:50px;padding:13px 22px;border-radius:10px;
 font-size:14px;font-weight:750;
}
.dw-premium .dw2026-page .dw2026-hero--immersive .dw2026-button--solid{
 color:#fff;background:#1769ff;border:1px solid #317eff;
 box-shadow:0 10px 30px rgba(0,58,173,.26);
}
.dw-premium .dw2026-page .dw2026-hero--immersive .dw2026-button--solid:hover{
 background:#145bea;border-color:#145bea;
}
.dw-premium .dw2026-page .dw2026-hero--immersive .dw2026-button--outline{
 color:#fff;background:rgba(255,255,255,.10);
 border:1px solid rgba(255,255,255,.58);
 backdrop-filter:blur(10px);
}
.dw-premium .dw2026-page .dw2026-hero--immersive .dw2026-button--outline:hover{
 color:#fff;background:rgba(255,255,255,.19);
}
@media(max-width:800px){
 .dw-premium .dw2026-page .dw2026-hero--immersive{min-height:660px}
 .dw-premium .dw2026-page .dw2026-hero--immersive .dw2026-immersive-shade{
  background:linear-gradient(90deg,rgba(4,16,35,.95),rgba(4,17,36,.53)),
             linear-gradient(0deg,rgba(4,16,35,.48),transparent 78%);
 }
 .dw-premium .dw2026-page .dw2026-hero--immersive .dw2026-immersive-content{
  padding:85px 26px 80px;
 }
 .dw-premium .dw2026-page .dw2026-hero--immersive h1{
  font-size:clamp(38px,7vw,56px);max-width:680px;
 }
 .dw-premium .dw2026-page .dw2026-hero--immersive .dw2026-hero-copy>p{font-size:16px}
}
@media(max-width:520px){
 .dw-premium .dw2026-page .dw2026-hero--immersive{min-height:700px}
 .dw-premium .dw2026-page .dw2026-hero--immersive .dw2026-immersive-content{
  padding:78px 22px 74px;
 }
 .dw-premium .dw2026-page .dw2026-hero--immersive h1{
  font-size:clamp(37px,10vw,49px);
 }
 .dw-premium .dw2026-page .dw2026-hero--immersive .dw2026-actions{
  display:grid;grid-template-columns:minmax(0,1fr);gap:11px;
 }
 .dw-premium .dw2026-page .dw2026-hero--immersive .dw2026-button{
  width:100%;justify-content:center;text-align:center;white-space:normal;
 }
 .dw-premium .dw2026-page .dw2026-hero--immersive .dw2026-immersive-media video,
 .dw-premium .dw2026-page .dw2026-hero--immersive .dw2026-immersive-media img{
  object-position:62% center;
 }
}
@media(prefers-reduced-motion:reduce){
 .dw-premium .dw2026-page .dw2026-hero--immersive .dw2026-immersive-media video{display:none}
}

/* ALL PUBLIC INFORMATION PAGE BANNERS — editorial, route-specific reuse of approved videos.
   Do not affect private dashboards, signup screens, shared product components or inline article imagery. */
.dw-premium .v2-hero.v2-hero--cinematic,
.dw-premium .page-hero.dw-media-hero.dw-media-hero--cinematic{
 position:relative;isolation:isolate;display:flex;align-items:center;
 width:100%;min-height:clamp(620px,78vh,840px);padding:0;overflow:hidden;
 background:#071629;color:#fff;
}
.dw-premium .v2-hero.v2-hero--cinematic .v2-hero-motion,
.dw-premium .page-hero.dw-media-hero.dw-media-hero--cinematic .dw-legacy-hero-motion{
 position:absolute;inset:0;z-index:0;pointer-events:none;background:#071629;
}
.dw-premium .v2-hero.v2-hero--cinematic .v2-hero-motion img,
.dw-premium .v2-hero.v2-hero--cinematic .v2-hero-motion video,
.dw-premium .page-hero.dw-media-hero.dw-media-hero--cinematic .dw-legacy-hero-motion img,
.dw-premium .page-hero.dw-media-hero.dw-media-hero--cinematic .dw-legacy-hero-motion video{
 display:block;position:absolute;inset:0;width:100%;height:100%;
 max-height:none;min-height:0;object-fit:cover;object-position:center center;
 border:0;border-radius:0;box-shadow:none;transform:none;filter:none;
}
.dw-premium .v2-hero.v2-hero--cinematic .v2-hero-motion img,
.dw-premium .page-hero.dw-media-hero.dw-media-hero--cinematic .dw-legacy-hero-motion img{z-index:0}
.dw-premium .v2-hero.v2-hero--cinematic .v2-hero-motion video,
.dw-premium .page-hero.dw-media-hero.dw-media-hero--cinematic .dw-legacy-hero-motion video{z-index:1}
.dw-premium .v2-hero.v2-hero--cinematic .v2-hero-cover,
.dw-premium .page-hero.dw-media-hero.dw-media-hero--cinematic .dw-hero-shade{
 position:absolute;inset:0;z-index:1;pointer-events:none;
 background:linear-gradient(90deg,
  rgba(4,16,35,.97) 0%,rgba(4,18,39,.91) 28%,
  rgba(5,20,41,.74) 47%,rgba(6,22,46,.28) 78%,
  rgba(5,18,39,.19) 100%);
}
.dw-premium .v2-hero.v2-hero--cinematic .v2-hero-layout,
.dw-premium .page-hero.dw-media-hero.dw-media-hero--cinematic>.container{
 position:relative;z-index:2;display:flex;align-items:center;
 width:min(100%,1320px);max-width:none;min-height:inherit;
 margin-inline:auto;padding:clamp(86px,11vh,140px) clamp(24px,5vw,76px);
}
.dw-premium .v2-hero.v2-hero--cinematic .v2-hero-copy,
.dw-premium .page-hero.dw-media-hero.dw-media-hero--cinematic .dw-hero-copy{
 width:100%;max-width:790px;padding:0;position:relative;z-index:2;
}
.dw-premium .v2-hero.v2-hero--cinematic .v2-kicker,
.dw-premium .page-hero.dw-media-hero.dw-media-hero--cinematic .eyebrow{
 color:#9bdcff;letter-spacing:.17em;font-size:clamp(10px,1vw,12px);
 font-weight:800;margin-bottom:clamp(20px,2.8vw,28px);
}
.dw-premium .v2-hero.v2-hero--cinematic h1,
.dw-premium .page-hero.dw-media-hero.dw-media-hero--cinematic h1{
 max-width:790px;color:#fff;font-size:clamp(42px,5.5vw,76px);
 line-height:1.07;letter-spacing:-.053em;font-weight:850;
 margin:0 0 25px;text-wrap:balance;
}
.dw-premium .v2-hero.v2-hero--cinematic h1 em{
 font-style:normal;color:#72b5ff;
}
.dw-premium .v2-hero.v2-hero--cinematic .v2-hero-copy>p,
.dw-premium .page-hero.dw-media-hero.dw-media-hero--cinematic p{
 max-width:610px;margin:0 0 32px;color:#e1ebf5;
 font-size:clamp(16px,1.45vw,19px);line-height:1.7;font-weight:400;
}
.dw-premium .v2-hero.v2-hero--cinematic .v2-actions{
 display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:13px;
}
.dw-premium .v2-hero.v2-hero--cinematic .v2-actions .v2-action{
 min-height:50px;padding:13px 22px;border-radius:10px;font-size:14px;font-weight:750;
}
.dw-premium .v2-hero.v2-hero--cinematic .v2-actions .v2-action:not(.v2-action--secondary){
 color:#fff;background:#1769ff;border:1px solid #317eff;
 box-shadow:0 10px 30px rgba(0,58,173,.26);
}
.dw-premium .v2-hero.v2-hero--cinematic .v2-actions .v2-action--secondary{
 color:#fff;background:rgba(255,255,255,.1);
 border:1px solid rgba(255,255,255,.58);backdrop-filter:blur(10px);
}
.dw-premium .v2-hero.v2-hero--cinematic .v2-hero-mark{
 position:absolute;z-index:2;right:clamp(20px,4vw,65px);bottom:24px;
 color:#d8e6f7;opacity:.66;font-size:10px;letter-spacing:.13em;
}
@media(max-width:800px){
 .dw-premium .v2-hero.v2-hero--cinematic,
 .dw-premium .page-hero.dw-media-hero.dw-media-hero--cinematic{min-height:660px}
 .dw-premium .v2-hero.v2-hero--cinematic .v2-hero-cover,
 .dw-premium .page-hero.dw-media-hero.dw-media-hero--cinematic .dw-hero-shade{
  background:linear-gradient(90deg,rgba(4,16,35,.95),rgba(4,17,36,.53)),
             linear-gradient(0deg,rgba(4,16,35,.48),transparent 78%);
 }
 .dw-premium .v2-hero.v2-hero--cinematic .v2-hero-layout,
 .dw-premium .page-hero.dw-media-hero.dw-media-hero--cinematic>.container{
  padding:85px 26px 80px;
 }
 .dw-premium .v2-hero.v2-hero--cinematic h1,
 .dw-premium .page-hero.dw-media-hero.dw-media-hero--cinematic h1{
  font-size:clamp(38px,7vw,56px);max-width:680px;
 }
 .dw-premium .v2-hero.v2-hero--cinematic .v2-hero-copy>p,
 .dw-premium .page-hero.dw-media-hero.dw-media-hero--cinematic p{font-size:16px}
}
@media(max-width:520px){
 .dw-premium .v2-hero.v2-hero--cinematic,
 .dw-premium .page-hero.dw-media-hero.dw-media-hero--cinematic{min-height:700px}
 .dw-premium .v2-hero.v2-hero--cinematic .v2-hero-layout,
 .dw-premium .page-hero.dw-media-hero.dw-media-hero--cinematic>.container{
  padding:78px 22px 74px;
 }
 .dw-premium .v2-hero.v2-hero--cinematic h1,
 .dw-premium .page-hero.dw-media-hero.dw-media-hero--cinematic h1{
  font-size:clamp(37px,10vw,49px);
 }
 .dw-premium .v2-hero.v2-hero--cinematic .v2-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:11px}
 .dw-premium .v2-hero.v2-hero--cinematic .v2-actions .v2-action{
  width:100%;justify-content:space-between;text-align:left;white-space:normal;
 }
 .dw-premium .v2-hero.v2-hero--cinematic .v2-hero-motion img,
 .dw-premium .v2-hero.v2-hero--cinematic .v2-hero-motion video,
 .dw-premium .page-hero.dw-media-hero.dw-media-hero--cinematic .dw-legacy-hero-motion img,
 .dw-premium .page-hero.dw-media-hero.dw-media-hero--cinematic .dw-legacy-hero-motion video{
  object-position:62% center;
 }
}
@media(prefers-reduced-motion:reduce){
 .dw-premium .v2-hero.v2-hero--cinematic .v2-hero-motion video,
 .dw-premium .page-hero.dw-media-hero.dw-media-hero--cinematic .dw-legacy-hero-motion video{display:none}
}