/* Photographic depth in the home composition; working views stay compact. */
html body .liva-home{position:relative;isolation:isolate}
html body .liva-hero{background:radial-gradient(ellipse at 78% 40%,#b77d2524,transparent 62%)!important}
html body .liva-hero-art:before{background:radial-gradient(ellipse at 52% 48%,#e79d352b,transparent 72%)!important;filter:blur(36px)!important}
html body .hero-light-disc{opacity:.5!important;background:radial-gradient(circle at 45% 38%,#ffce8c55,#a9702b33 50%,transparent 74%)!important;box-shadow:none!important;border:0!important}
html body .liva-hero-art .liva-orbit{opacity:.22!important;border-color:#f7d6a344!important}
html body .liva-hero-art .liva-portrait img{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 76%,transparent 100%)!important;mask-image:linear-gradient(to bottom,#000 0%,#000 76%,transparent 100%)!important}
html body .liva-hero-art .glass-note{background:linear-gradient(125deg,#a5a5a526,#24282d70)!important;border:1px solid #ffffff30!important;backdrop-filter:blur(22px) saturate(1.15)!important;-webkit-backdrop-filter:blur(22px) saturate(1.15);box-shadow:0 14px 32px #00000030,inset 0 1px 0 #ffffff20!important;border-radius:15px!important}
html body .liva-hero-art .glass-note :is(span,p,b){color:#fff!important;text-shadow:0 2px 10px #0004}
html body .liva-home .liva-section{background:linear-gradient(125deg,#ffffff08,#ffffff02)!important;backdrop-filter:blur(16px);border:1px solid #ffffff16!important;box-shadow:0 18px 45px #00000012,inset 0 1px 0 #ffffff08!important}
html body .liva-feature-grid{gap:20px!important}
html body .liva-feature-card{position:relative;isolation:isolate;background:linear-gradient(145deg,#ffffff0d,#ffffff03)!important;border:1px solid #ffffff26!important;border-radius:16px!important;overflow:hidden;box-shadow:0 12px 30px #00000025!important;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
html body .liva-feature-card>img{height:210px!important;display:block;width:100%;object-fit:cover;mask-image:linear-gradient(#000 65%,#000c 85%,transparent 100%);-webkit-mask-image:linear-gradient(#000 65%,#000c 85%,transparent 100%)}
html body .liva-feature-card>div{position:relative;margin-top:-30px!important;padding:15px 21px 22px!important;background:linear-gradient(180deg,transparent,#202428a6 32%,#202428e0)!important;backdrop-filter:blur(2px)}
html body .liva-feature-card h3{color:#fff!important;font-size:24px!important;line-height:1.25!important;margin:12px 0 10px!important}
html body .liva-feature-card p{color:#ebedf0!important;font-size:14px!important;line-height:1.55!important}
html body .liva-feature-card:hover{transform:translateY(-4px);border-color:#ffb65a66!important;box-shadow:0 18px 34px #0005!important}
html body .liva-usecase-grid article{position:relative;isolation:isolate;overflow:hidden;min-height:245px!important;padding:27px!important;background:#202429!important;border:1px solid #ffffff26!important;border-radius:15px!important;box-shadow:0 14px 30px #0002}
html body .liva-usecase-grid article:before{content:'';position:absolute;inset:0;z-index:-2;background-position:center;background-size:cover;opacity:.48;transition:transform .4s ease}
html body .liva-usecase-grid article:nth-child(1):before{background-image:url('/images/find-video-orange-v2.png')}
html body .liva-usecase-grid article:nth-child(2):before{background-image:url('/images/channel-compare-user-v1.png');background-position:50% 40%}
html body .liva-usecase-grid article:nth-child(3):before{background-image:url('/images/materials-guide-user-v2.png');background-position:50% 40%}
html body .liva-usecase-grid article:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#14171a44,#14171ac9 50%,#14171af2)}
html body .liva-usecase-grid article>span{display:none!important}
html body .liva-usecase-grid article :is(h3,p,button){color:#fff!important;text-shadow:0 2px 8px #0008}
html body .liva-usecase-grid article h3{margin-top:46px!important;line-height:1.3!important}
html body .liva-usecase-grid article p{font-size:14px!important;line-height:1.6!important}
html body .liva-home .liva-section-heading h2{font-size:clamp(27px,2.7vw,38px)!important;line-height:1.15!important;letter-spacing:-.8px!important}
html body .liva-home .liva-eyebrow{font-size:11px!important;letter-spacing:1.5px!important;line-height:1.25!important}
html body .liva-home .liva-start-panel{background:linear-gradient(125deg,#ffffff0d,#ffffff03)!important;border:1px solid #ffffff25!important;box-shadow:0 18px 45px #0003!important}
@media(max-width:850px){html body .liva-feature-grid{gap:12px!important}html body .liva-feature-card>img{height:180px!important}html body .liva-feature-card>div{padding:14px 16px 18px!important}html body .liva-feature-card h3{font-size:21px!important}}
@media(max-width:650px){html body .liva-feature-card>img{height:230px!important}html body .liva-usecase-grid article{min-height:220px!important}html body .liva-usecase-grid article h3{margin-top:35px!important}}
@media(prefers-reduced-motion:reduce){html body .liva-feature-card{transition:none!important}html body .liva-feature-card:hover{transform:none!important}}

html body main.app-main .liva-usecase-grid article:nth-child(2):before{filter:none!important}

html body main.app-main .liva-usecase-grid article:nth-child(3):before{filter:none!important}