/* Consolidated final alignment, photographic framing, footer and masthead. */
html{scroll-padding-top:125px}
html body .global-topbar{position:sticky!important;top:0!important;inset:0 0 auto!important;z-index:100!important;max-width:none!important;background:#160f0beF!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 6px 24px #0002!important}
html body .liva-feature-grid{align-items:stretch!important;gap:22px!important}
html body .liva-feature-card,html body .liva-feature-card:nth-child(2){transform:none!important;overflow:hidden!important;border:1px solid #f27a39aa!important;border-radius:16px!important;box-shadow:0 12px 28px #0004!important;display:flex!important;flex-direction:column!important;background:#222120!important}
html body .liva-feature-card:before,html body .liva-feature-card:after{display:none!important;content:none!important}
html body main.app-main .liva-feature-card>img{display:block!important;width:100%!important;aspect-ratio:1.45/1!important;height:auto!important;margin:0!important;border-radius:0!important;object-fit:cover!important;filter:none!important;clip-path:inset(0);}
html body .liva-feature-card>div{flex:1!important;width:100%!important;box-sizing:border-box!important;min-width:0!important}
html body .liva-feature-card h3{font-weight:700!important}
html body .my-workspace{background:linear-gradient(120deg,#33271d,#211913)!important;border-color:#9b603a55!important}
html body .my-workspace-content{background:linear-gradient(120deg,#2d241ccc,#21191355)!important}
html body main.app-main .my-workspace-visual>img{filter:none!important}
html body .my-workspace-visual:after{background:linear-gradient(0deg,#21160ff2,transparent 68%)!important}
html body .liva-home .liva-service-band{align-items:center!important;gap:18px!important;padding:18px!important;grid-template-columns:1.15fr repeat(3,minmax(0,.85fr)) 1.2fr!important}
html body .liva-home .liva-service-title{align-self:stretch!important;margin:-18px 0 -18px -18px!important;width:calc(100% + 18px)!important;min-height:236px!important}
html body .liva-home .liva-service-item{align-self:center!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;margin:0!important;padding:0!important}
html body .liva-home .liva-service-item h3{margin:10px 0 8px!important}
html body .liva-home .liva-service-item p{margin:0 0 9px!important;min-height:42px!important;line-height:1.6!important}
html body .liva-home .liva-tool-panel{align-self:center!important;padding:0 0 0 16px!important;margin:0!important}
html body .liva-process-grid article{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;position:relative}
html body .liva-process-grid article>span{margin:0 auto!important;display:flex!important;align-items:center!important;justify-content:center!important}
html body .liva-process-grid article h3,html body .liva-process-grid article p{text-align:center!important;width:100%!important}
html body .liva-process-grid article:after{top:24px!important;left:calc(50% + 40px)!important;right:calc(-50% + 40px)!important;width:auto!important}
html body .liva-usecase-grid article{display:flex!important;flex-direction:column!important;min-height:340px!important;padding:20px!important;background:#1d1916!important;backdrop-filter:none!important}
html body .liva-usecase-grid article:before{opacity:1!important;filter:none!important;transform:none!important;background-size:cover!important}
html body .liva-usecase-grid article:after{background:linear-gradient(180deg,#0b0908b3 0%,#0b090822 28%,transparent 45%,#0b0908b3 72%,#0b0908ed 100%)!important}
html body .liva-usecase-grid article h3{margin:0 0 auto!important;font-size:21px!important;line-height:1.3!important;padding-bottom:100px!important;color:#fff!important}
html body .liva-usecase-grid article p{margin:0 0 12px!important;color:#fff!important;line-height:1.5!important}
html body .liva-usecase-grid article button{align-self:flex-start!important;margin:0!important;color:#fff!important;background:transparent!important;padding:5px 0!important}
html body .liva-home .liva-start-panel{background:none!important;background-color:transparent!important;background-image:none!important;border:0!important;outline:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html body .liva-footer{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;gap:16px 30px!important;padding:22px 0!important}
html body .liva-footer>div:not(.footer-service-info){display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:18px!important}
html body .liva-footer>div>span{margin:0!important}
html body .liva-footer>div>p{margin:0!important}
html body .liva-footer button{display:inline-flex!important;align-items:center!important;min-height:28px!important;margin:0!important;padding:4px 0!important}
html body .liva-footer .footer-service-info{width:100%!important;display:block!important;border-top:1px solid #ffffff1a;padding-top:18px;margin-top:4px;color:#a99b91;font-size:12px}
.footer-service-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.footer-service-top nav{display:flex;align-items:center;flex-wrap:wrap;gap:15px}.footer-service-top a{font-size:12px;color:#b9aaa0!important;text-decoration:none}.footer-service-info p{font-size:12px!important;line-height:1.6!important;margin:6px 0!important}.footer-service-info details{margin-top:8px}.footer-service-info summary{font-size:12px}.footer-service-info details p{max-width:1000px}
@keyframes homeTypeReveal{from{opacity:0;transform:translateY(18px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
.home-intro .liva-hero-copy>.liva-eyebrow{animation:homeTypeReveal .65s ease both}
.home-intro .liva-hero-copy>h1{animation:homeTypeReveal .8s .15s ease both}
.home-intro .liva-hero-copy>h1 em{display:inline-block;animation:homeTypeReveal .8s .3s ease both}
.home-intro .liva-hero-copy>p,.home-intro .liva-actions{animation:homeTypeReveal .75s .45s ease both}
@media(max-width:1150px){html body .liva-home .liva-service-band{grid-template-columns:repeat(4,minmax(0,1fr))!important}html body .liva-home .liva-tool-panel{grid-column:1/-1!important;border-top:1px solid #ffffff18!important;padding:12px 0 0!important;display:flex!important;justify-content:center!important}html body .liva-home .liva-service-title{margin:-18px 0 0 -18px!important}}
@media(max-width:650px){html body .liva-home .liva-service-band{grid-template-columns:repeat(2,minmax(0,1fr))!important}html body .liva-home .liva-service-title{grid-column:1/-1!important;margin:-18px -18px 0!important;width:calc(100% + 36px)!important;min-height:220px!important}html body .liva-home .liva-service-item{align-items:center!important;text-align:center!important}html body .liva-process-grid{grid-template-columns:1fr!important}html body .liva-process-grid article:after{display:none!important}html body .liva-footer{justify-content:flex-start!important}.footer-service-top nav{gap:12px}}
@media(prefers-reduced-motion:reduce){.home-intro .liva-hero-copy>* , .home-intro .liva-hero-copy>h1 em{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}}

/* Centre every icon and text group within its own service column. */
html body .liva-home .liva-service-band{grid-template-columns:1.15fr repeat(3,minmax(0,1fr)) 1.2fr!important;column-gap:20px!important}
html body .liva-home .liva-service-band>.liva-service-item{width:100%!important;min-width:0!important;box-sizing:border-box!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:8px 12px!important;margin:0!important;justify-self:center!important}
html body .liva-home .liva-service-item>.ui-icon{display:block!important;margin:0 auto!important;flex:none!important}
html body .liva-home .liva-service-item :is(h3,p,button){text-align:center!important;margin-left:auto!important;margin-right:auto!important;max-width:100%!important}
html body .liva-home .liva-service-item p{width:100%!important;min-height:44px!important}
html body .liva-home .liva-service-item button{align-self:center!important;justify-content:center!important;display:inline-flex!important}
@media(max-width:1150px){html body .liva-home .liva-service-band{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:650px){html body .liva-home .liva-service-band{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* Centred tools: heading above a clean circular logo grid. */
html body .liva-home .liva-service-band>.liva-tool-panel{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:12px!important;padding:0 10px!important;border:0!important;min-width:0!important;width:100%!important;box-sizing:border-box!important;align-self:center!important}
html body .liva-home .liva-tool-panel>.liva-eyebrow{margin:0!important;width:100%!important;text-align:center!important;line-height:1.3!important}
html body .liva-home .liva-tool-panel .liva-tools{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;max-width:260px!important;gap:15px 12px!important;margin:0 auto!important;justify-items:center!important;align-items:center!important}
html body .liva-home .liva-tools>a{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:0!important;min-width:0!important;width:100%!important;text-align:center!important}
html body .liva-home .liva-tools>a>img{display:block!important;width:38px!important;height:38px!important;object-fit:contain!important;border-radius:50%!important;padding:7px!important;box-sizing:border-box!important;background:#fff!important;border:0!important;overflow:hidden!important;transition:transform .15s ease}
html body .liva-home .liva-tools>a>span{font-size:12px!important;line-height:1.2!important;color:#f2eae4!important;margin:0!important;text-align:center!important}
html body .liva-home .liva-tools>a:hover>img{transform:translateY(-2px)}
@media(max-width:1150px){html body .liva-home .liva-service-band>.liva-tool-panel{padding-top:12px!important}}
@media(prefers-reduced-motion:reduce){html body .liva-home .liva-tools>a>img{transition:none!important}}

/* Tools float outside the background; the three actions form a tighter group. */
html body main.app-main #tab-home .liva-service-band{display:grid!important;grid-template-columns:minmax(0,3.3fr) minmax(220px,1fr)!important;gap:22px!important;padding:0!important;background:none!important;background-color:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;overflow:visible!important;align-items:center!important}
html body .liva-home .service-main-wrap{display:grid!important;grid-template-columns:minmax(190px,1fr) minmax(0,2.35fr)!important;align-items:center!important;gap:14px!important;background:linear-gradient(125deg,#29231e,#1e1916)!important;border:1px solid #8d5c3e44!important;border-radius:16px 0 16px 0!important;overflow:hidden!important;padding:18px!important;min-width:0!important}
html body .liva-home .service-main-wrap .liva-service-title{margin:-18px 0 -18px -18px!important;width:calc(100% + 18px)!important;min-height:240px!important;align-self:stretch!important}
html body .service-items-group{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;width:100%!important;max-width:550px!important;margin:0 auto!important;align-items:center!important}
html body .service-items-group>.liva-service-item{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;width:100%!important;min-width:0!important;padding:0 4px!important;box-sizing:border-box!important}
html body .service-items-group>.liva-service-item :is(h3,p,button){text-align:center!important;margin-left:auto!important;margin-right:auto!important}
html body .service-items-group>.liva-service-item h3{font-size:17px!important;line-height:1.3!important;white-space:nowrap!important}
html body .service-items-group>.liva-service-item p{font-size:12px!important;min-height:44px!important;line-height:1.6!important}
html body .liva-home .liva-service-band>.liva-tool-panel{grid-column:auto!important;background:none!important;border:0!important;box-shadow:none!important;padding:10px 0!important}
@media(max-width:1100px){html body main.app-main #tab-home .liva-service-band{grid-template-columns:minmax(0,1fr)!important}html body .liva-home .liva-service-band>.liva-tool-panel{max-width:300px!important;justify-self:center!important}html body .service-items-group{max-width:570px!important}}
@media(max-width:650px){html body .liva-home .service-main-wrap{grid-template-columns:1fr!important;padding:16px!important;gap:22px!important}html body .liva-home .service-main-wrap .liva-service-title{margin:-16px -16px 0!important;width:calc(100% + 32px)!important;min-height:210px!important;grid-column:auto!important}html body .service-items-group{gap:8px!important}html body .service-items-group>.liva-service-item h3{font-size:14px!important}html body .service-items-group>.liva-service-item p{font-size:11px!important}html body .service-items-group>.liva-service-item button{font-size:12px!important}}

html body .liva-tool-panel .tools-section-heading{width:100%;text-align:center;margin:0 0 3px}
html body .liva-tool-panel .tools-section-heading>.liva-eyebrow{font-family:'TubeDesk English Max',sans-serif!important;font-size:10px!important;line-height:1.25!important;letter-spacing:1px!important;color:#ff9050!important;margin:0 0 7px!important}
html body .liva-tool-panel .tools-section-heading>h2{font-family:'TubeDesk Pretendard',sans-serif!important;font-size:21px!important;font-weight:400!important;line-height:1.25!important;letter-spacing:-.5px!important;color:#fff!important;margin:0!important;text-align:center!important}