
/* Dwellivra · 2026 public visual direction — isolated from the authenticated workspace. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
.dw-premium{--dw-navy:#0d1b2a;--dw-blue:#0b63f6;--dw-ink:#17212f;--dw-soft:#f6f8fa;--dw-line:#e4e9ef;color:var(--dw-ink);font-family:Inter,system-ui,sans-serif;font-size:15px;line-height:1.66;background:#fff}
.dw-premium h1,.dw-premium h2,.dw-premium h3,.dw-premium h4{font-family:Manrope,Inter,system-ui,sans-serif;letter-spacing:-.046em;line-height:1.16}
.dw-premium .container{width:min(1340px,calc(100% - 96px));max-width:none}
.dw-premium .section{padding:108px 0}
.dw-premium .section-sm{padding:76px 0}
.dw-premium .lead{font-size:16px;line-height:1.85}
.dw-premium .eyebrow{font-size:11px;font-weight:800;letter-spacing:.15em;color:#0b63f6;margin-bottom:20px}
.dw-premium .btn{border-radius:11px;padding:12px 21px;min-height:48px;font-size:13px;font-weight:700;box-shadow:none;transition:background .22s,color .22s,transform .22s,box-shadow .22s}
.dw-premium .btn-primary{background:#0b63f6;color:white;box-shadow:0 9px 26px rgba(11,99,246,.19)}
.dw-premium .btn-primary:hover{background:#004fd4;box-shadow:0 14px 34px rgba(11,99,246,.22)}
.dw-premium .btn-outline{background:#fff;border:1px solid #dce6f1;color:#152b46}
.dw-premium .btn-outline:hover{background:#f2f6fc;border-color:#7aa4dd}
.dw-premium .notice-strip{min-height:29px;background:#06182c;color:#a8c0e0}
.dw-premium .topbar{background:#081c34;box-shadow:none;border-bottom:1px solid rgba(255,255,255,.09)}
.dw-premium .public-nav{height:80px}
.dw-premium .public-links a{font-family:Inter,sans-serif;font-size:13px;font-weight:600}
.dw-premium .nav-actions .btn{min-height:43px}
.dw-premium .site-footer{background:#07192f;padding:73px 0 27px}
.dw-premium .site-footer .footer-grid{gap:clamp(22px,3.4vw,62px);grid-template-columns:minmax(210px,1.5fr) repeat(3,minmax(120px,1fr))}
.dw-premium .site-footer h4{font-size:12px;text-transform:uppercase;letter-spacing:.07em}
.dw-premium .site-footer a{font-size:12px;margin:12px 0;color:#adc1d8}
.dw-premium .site-footer p{font-size:13px;line-height:1.85}
.dw-premium .site-footer .badge{display:none}
.dw-premium .footer-bottom{padding-top:24px;margin-top:62px}
.dw-premium .page-hero.dw-media-hero{min-height:460px;padding:116px 0 105px;display:flex;align-items:center;isolation:isolate;background:#0b223e;position:relative;overflow:hidden}
.dw-premium .page-hero.dw-media-hero:before,.dw-premium .page-hero.dw-media-hero:after{display:none!important}
.dw-premium .page-hero.dw-media-hero .dw-hero-photo{position:absolute;inset:0 0 0 43%;width:57%;height:100%;object-fit:cover;object-position:center;z-index:-3}
.dw-premium .page-hero.dw-media-hero .dw-hero-shade{position:absolute;inset:0;pointer-events:none;z-index:-2;background:linear-gradient(90deg,#081b31 0%,#0b2748 29%,#0d2a48ed 41%,#0b274882 66%,#0a25451c 100%)}
.dw-premium .page-hero.dw-media-hero .container{position:relative;z-index:1}
.dw-premium .page-hero.dw-media-hero .dw-hero-copy{max-width:650px;padding-right:20px}
.dw-premium .page-hero.dw-media-hero .eyebrow{color:#8abaff}
.dw-premium .page-hero.dw-media-hero h1{color:#fff;font-size:clamp(42px,4.6vw,68px);line-height:1.09;font-weight:800;max-width:680px;margin:0 0 25px;text-wrap:balance}
.dw-premium .page-hero.dw-media-hero p{color:#dce8f7;font-size:16px;line-height:1.82;max-width:570px}
.dw-premium .page-hero.dw-media-hero .btn{margin-top:13px}
.dw-premium .page-hero.dw-media-hero.dw-compact{min-height:360px;padding:86px 0}
.dw-premium .page-hero.dw-media-hero.dw-compact h1{font-size:clamp(39px,4.2vw,60px)}
.dw-premium:has(.hero-reference) .topbar{position:sticky!important;background:#081c34!important}
.dw-premium:has(.hero-reference) .notice-strip{display:flex!important}
.dw-premium:has(.hero-reference) .topbar .public-nav{min-height:0;height:80px}
.dw-premium:has(.hero-reference) .topbar .logo-img{width:185px;max-width:185px}
.dw-premium .hero.hero-reference{padding:94px 0 68px;min-height:730px;background:#061a31}
.dw-premium .hero-reference:before,.dw-premium .hero-reference .hero-light{display:none!important}
.dw-premium .hero-reference .hero-cinematic{animation:none!important;background:linear-gradient(90deg,#06182fed 0%,#061a32e6 26%,#071d36b8 47%,#09224140 72%,#07192a22 100%),url('banners/dwellivra-home-hero.webp') right center/cover no-repeat!important}
.dw-premium .hero-reference .hero-grid{width:min(1340px,calc(100% - 96px));max-width:none;min-height:565px;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:32px}
.dw-premium .hero-reference .hero-copy{max-width:690px;padding:0 0 25px}
.dw-premium .hero-reference h1{font-size:clamp(47px,4.7vw,74px);line-height:1.075;letter-spacing:-.065em;max-width:720px}
.dw-premium .hero-reference h1 em{background:none;-webkit-text-fill-color:#6cafff;color:#6cafff}
.dw-premium .hero-reference .hero-copy .lead{font-size:17px;line-height:1.8;max-width:550px}
.dw-premium .hero-reference .hero-product{height:auto;min-height:460px;transform:none;padding:5px 0 0}
.dw-premium .hero-reference .hero-window{width:min(100%,650px);min-height:420px;transform:perspective(1300px) rotateY(-4deg) rotateZ(-1deg);border:4px solid #0e2747;outline:1px solid #5d8bc7a1;box-shadow:0 30px 70px #011124c9;border-radius:16px;overflow:hidden}
.dw-premium .hero-reference .hero-window .preview-layout{min-height:385px}
.dw-premium .hero-laptop-base,.dw-premium .float-card,.dw-premium .hero-glow{display:none!important}
.dw-premium .hero-reference .hero-copy .eyebrow{background:#0b2c4b99;border:1px solid #83b9fc66;color:#bbd9ff}
.dw-premium .sector-strip{background:#f2f6fc;border-color:#e0e9f4}
.dw-premium .logos-row>div{color:#3e5f80;letter-spacing:.08em;font-size:11px}
.dw-premium .showcase-section{padding:112px 0}
.dw-premium .showcase-visual{min-height:450px;position:relative}
.dw-premium .showcase-photograph{background:linear-gradient(0deg,#0c244bdc,transparent 60%),url('banners/dwellivra-features-hero.webp') center/cover no-repeat!important}
.dw-premium .showcase-image-note{display:none}
.dw-premium .showcase-overlay{z-index:2}
.dw-premium .section-heading{max-width:860px;margin-bottom:54px}
.dw-premium .section-heading h2{font-size:clamp(33px,3.4vw,49px);letter-spacing:-.05em}
.dw-premium .section-heading .lead{max-width:740px}
.dw-premium .feature-tile{border-radius:18px;box-shadow:0 10px 35px #0924440b;padding:30px}
.dw-premium .detail-feature{gap:clamp(30px,5vw,90px);padding:55px 0;align-items:center}
.dw-premium .detail-feature h2{font-size:clamp(31px,3.1vw,48px)}
.dw-premium .detail-feature .illustration{border-radius:20px;overflow:hidden;background:#eaf1f9;box-shadow:0 30px 55px #0a2a4a12}
.dw-premium .illus-card{box-shadow:0 18px 35px #0b26421c}
.dw-premium .cta-band{padding:96px 0;background:linear-gradient(90deg,#071c33d9,#0b2743ca),url('banners/dwellivra-default-hero.webp') center/cover no-repeat}
.dw-premium .cta-band h2{font-size:clamp(32px,3.6vw,49px);line-height:1.12}
.dw-premium .resource-card{border-radius:18px;overflow:hidden}
.dw-premium .resource-image{background:linear-gradient(0deg,#081b30d0,#0b3f6980),url('banners/dwellivra-resources-hero.webp') center/cover}
.dw-premium .pricing-card{border-radius:18px}
.dw-premium .directory-empty{background:#f6f9fd;border-radius:20px;padding:85px 30px}
.dw-premium .dw-editorial-grid{display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}
.dw-premium .dw-solution-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.86fr);gap:60px;align-items:center;padding:72px 0;border-bottom:1px solid var(--dw-line)}
.dw-premium .dw-solution-row:nth-child(even) .dw-solution-media{order:-1}
.dw-premium .dw-solution-row h2{font-size:clamp(28px,3.2vw,43px)}
.dw-premium .dw-solution-row p{max-width:590px}
.dw-premium .dw-solution-media{height:330px;border-radius:20px;background:linear-gradient(0deg,#09233b70,#0a244208),url('banners/dwellivra-solutions-hero.webp') center/cover no-repeat;box-shadow:0 26px 58px rgba(10,30,49,.12);position:relative;overflow:hidden}
.dw-premium .dw-solution-row:nth-child(2) .dw-solution-media{background-image:linear-gradient(0deg,#09233b70,#0a244208),url('banners/dwellivra-agency-explorer-hero.webp')}
.dw-premium .dw-solution-row:nth-child(3) .dw-solution-media{background-image:linear-gradient(0deg,#09233b70,#0a244208),url('banners/dwellivra-product-hero.jpg')}
.dw-premium .dw-solution-row:nth-child(4) .dw-solution-media{background-image:linear-gradient(0deg,#09233b70,#0a244208),url('banners/dwellivra-features-hero.webp')}
.dw-premium .dw-solution-row:nth-child(5) .dw-solution-media{background-image:linear-gradient(0deg,#09233b70,#0a244208),url('banners/dwellivra-default-hero.webp')}
.dw-premium .dw-solution-media span{position:absolute;bottom:22px;left:25px;color:#fff;font-size:11px;font-weight:800;letter-spacing:.14em}
.dw-premium .dw-solution-list{display:grid;gap:12px;padding:0;margin:25px 0;list-style:none}
.dw-premium .dw-solution-list li{display:flex;align-items:center;gap:10px;color:#38516c;font-weight:600;font-size:13px}
.dw-premium .dw-solution-list svg{color:#147d78;flex:0 0 auto}
.dw-premium .dw-feature-image{height:250px;border-radius:20px;background:url('banners/dwellivra-features-hero.webp') center/cover;box-shadow:0 20px 45px #061e331a;margin:28px 0}
.dw-premium .access-hero{background:#edf3fb;padding:74px 0}
.dw-premium .auth-split{display:grid;grid-template-columns:49% 51%;gap:0;width:min(1220px,calc(100% - 96px));max-width:1220px;border-radius:24px;overflow:hidden;box-shadow:0 35px 90px rgba(22,45,75,.13);min-height:610px}
.dw-premium .auth-visual{min-height:610px;position:relative;background:#0a213a}
.dw-premium .auth-visual:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#061c33a8 0%,#061b32a8 50%,#07182bef 100%),url('banners/dwellivra-login-hero.webp') center/cover no-repeat}
.dw-premium .auth-architecture{display:none!important}
.dw-premium .auth-visual-content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between;min-height:610px;padding:53px 55px}
.dw-premium .auth-logo{max-width:220px}
.dw-premium .auth-visual-copy h1{font-size:clamp(34px,3.7vw,53px);line-height:1.12;letter-spacing:-.055em}
.dw-premium .auth-visual-copy h1 em{color:#72afff;font-style:normal}
.dw-premium .auth-visual-copy p{font-size:15px;line-height:1.85;color:#d5e2ef}
.dw-premium .auth-right{background:#fff;display:flex;justify-content:center;align-items:center;padding:55px}
.dw-premium .auth-card{background:transparent;box-shadow:none;border:0;border-radius:0;padding:0;max-width:440px;width:100%}
.dw-premium .auth-card h2{font-size:clamp(28px,3.1vw,42px);margin:15px 0 12px}
.dw-premium .auth-card>.eyebrow{margin-top:24px}
.dw-premium .auth-card>.info-callout{background:#f0f6fd;color:#567189;border:0;font-size:12px;padding:12px 16px;margin:16px 0}
.dw-premium .auth-card .label{font-size:12px}
.dw-premium .auth-card .input{min-height:51px;border-radius:10px;font-size:14px;background:#f9fbfd;padding:12px 15px}
.dw-premium .auth-card .btn-primary{min-height:51px;width:100%}
.dw-premium .auth-card .brand-symbol{width:40px;height:40px;border-radius:12px}
.dw-premium .auth-card form{margin-top:23px}
.dw-premium .auth-card .divider{margin:26px 0}
.dw-premium .faq-item{border-color:#e2eaf4}
.dw-premium .faq-item button{font-family:Inter,sans-serif}
@media(max-width:1100px){
 .dw-premium .container{width:calc(100% - 64px)}
 .dw-premium .hero-reference .hero-grid{width:calc(100% - 64px);grid-template-columns:minmax(0,1fr) minmax(0,.95fr)}
 .dw-premium .hero-reference h1{font-size:clamp(43px,4.4vw,60px)}
 .dw-premium .hero-reference .hero-product{min-height:385px}
 .dw-premium .hero-reference .hero-window{max-width:100%;min-height:360px}
 .dw-premium .auth-split{width:calc(100% - 64px)}
 .dw-premium .auth-visual-content{padding:40px}
 .dw-premium .auth-right{padding:38px}
}
@media(max-width:820px){
 .dw-premium .container{width:calc(100% - 40px)}
 .dw-premium .page-hero.dw-media-hero{min-height:430px;padding:100px 0 80px}
 .dw-premium .page-hero.dw-media-hero .dw-hero-photo{inset:0;width:100%;height:100%;object-position:center}
 .dw-premium .page-hero.dw-media-hero .dw-hero-shade{background:linear-gradient(90deg,#081b31ed,#0a2749d0 60%,#0a26467f)}
 .dw-premium .page-hero.dw-media-hero .dw-hero-copy{max-width:590px}
 .dw-premium .hero.hero-reference{padding:78px 0 65px;min-height:auto}
 .dw-premium .hero-reference .hero-grid{width:calc(100% - 40px);grid-template-columns:1fr;gap:45px}
 .dw-premium .hero-reference .hero-copy{padding:0}
 .dw-premium .hero-reference .hero-product{min-height:auto;padding:0;max-width:650px}
 .dw-premium .hero-reference .hero-window{transform:none;width:100%;min-height:360px}
 .dw-premium .dw-solution-row{gap:26px;grid-template-columns:1fr}
 .dw-premium .dw-solution-row:nth-child(even) .dw-solution-media{order:initial}
 .dw-premium .dw-solution-media{height:275px}
 .dw-premium .auth-split{grid-template-columns:1fr;width:min(600px,calc(100% - 40px));min-height:0}
 .dw-premium .auth-visual,.dw-premium .auth-visual-content{min-height:255px}
 .dw-premium .auth-visual-content{padding:28px 35px}
 .dw-premium .auth-visual-copy h1{font-size:29px;margin-bottom:9px}
 .dw-premium .auth-visual-copy p{display:none}
 .dw-premium .auth-visual-footer{display:none}
 .dw-premium .auth-logo{width:160px}
 .dw-premium .auth-right{padding:35px}
 .dw-premium .site-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:540px){
 .dw-premium .container{width:calc(100% - 36px)}
 .dw-premium .section{padding:70px 0}
 .dw-premium .section-sm{padding:48px 0}
 .dw-premium .hero-reference h1{font-size:clamp(36px,10vw,47px)}
 .dw-premium .hero-reference .hero-copy .lead{font-size:15px}
 .dw-premium .hero-reference .hero-window{min-height:0}
 .dw-premium .hero-reference .hero-product{display:none}
 .dw-premium .hero-reference .hero-grid{width:calc(100% - 36px)}
 .dw-premium .hero-reference .hero-cinematic{background:linear-gradient(90deg,#06182fdf,#061a32b8),url('banners/dwellivra-home-hero.webp') 58% center/cover no-repeat!important}
 .dw-premium .page-hero.dw-media-hero h1{font-size:clamp(35px,9vw,45px)}
 .dw-premium .page-hero.dw-media-hero p{font-size:14px;line-height:1.78}
 .dw-premium .page-hero.dw-media-hero{min-height:400px;padding:83px 0 72px}
 .dw-premium .dw-solution-row{padding:45px 0}
 .dw-premium .dw-solution-media{height:220px}
 .dw-premium .dw-editorial-grid{grid-template-columns:1fr}
 .dw-premium .auth-split{width:100%;border-radius:0;box-shadow:none}
 .dw-premium .access-hero{padding:0}
 .dw-premium .auth-right{padding:35px 23px 55px}
 .dw-premium .site-footer .footer-grid{grid-template-columns:1fr 1fr;gap:22px}
 .dw-premium .site-footer .footer-grid>div:first-child{grid-column:1/-1}
 .dw-premium .footer-bottom{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){.dw-premium *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Password affordance */
.dw-premium .dw-password-field{position:relative}
.dw-premium .dw-password-field .input{padding-right:78px}
.dw-premium .dw-show-password{position:absolute;top:50%;right:9px;transform:translateY(-50%);border:0;border-radius:7px;background:#eaf2fd;color:#155fc7;padding:7px 11px;font-size:12px;font-weight:700;cursor:pointer}
.dw-premium .dw-show-password:hover{background:#dceaff}
.dw-premium .dw-show-password:focus-visible{outline:3px solid #a5c9ff;outline-offset:2px}
