/* Transparent scenes share the page surface rather than their own image box. */
.ils-studio.living-scenes :is(.ed-scene,.ed-promo-art,.service-art,.workload-art,.network-art,.image-panel,.guide-art){background:transparent!important;border:0;box-shadow:none}
.ils-studio.living-scenes .ed-scene{padding:12px;overflow:visible;aspect-ratio:1.5}
.ils-studio.living-scenes .ed-scene-image{object-fit:contain;object-position:center;filter:none;margin:0;max-width:100%;width:100%;height:100%}
.ils-studio.living-scenes :is(.service-art,.workload-art){height:240px;padding:14px 20px 0}
.ils-studio.living-scenes :is(.service-art,.workload-art) .ed-scene{padding:8px 0;height:100%;aspect-ratio:auto}
.ils-studio.living-scenes .service-tag{top:16px;left:18px;z-index:1;background:var(--bg);color:var(--text);border:1px solid var(--border)}
.ils-studio.living-scenes :is(.service-card,.workload-card){border-top:3px solid #2774e8;background:var(--card);overflow:visible;transition:transform .22s ease,box-shadow .22s ease}
.ils-studio.living-scenes :is(.service-card,.workload-card):nth-child(2){border-top-color:#ed5876}
.ils-studio.living-scenes :is(.service-card,.workload-card):nth-child(3){border-top-color:#13a88c}
.ils-studio.living-scenes :is(.service-card,.workload-card):hover{transform:translateY(-4px);box-shadow:0 12px 28px #204b5912}
.ils-studio.living-scenes :is(.service-card-content,.workload-copy){padding:22px 24px 26px}
.ils-studio.living-scenes .section-head{margin-bottom:30px}
.ils-studio.living-scenes .section-head p{max-width:640px;line-height:1.8}
.ils-studio.living-scenes .section-tint{background:#f3faf7}
.ils-studio.living-scenes .ed-hero:not(.home-hero){background:#f0faf8;border-bottom:1px solid #d8ece7}
.ils-studio.living-scenes .ed-hero:not(.home-hero) .ed-hero-media{max-height:430px;padding:12px;box-sizing:border-box}
.ils-studio.living-scenes .home-hero.ed-hero{position:relative;isolation:isolate;display:block;min-height:490px;padding:45px 0;background:#f0faf8;border-bottom:1px solid #cce8e2;overflow:hidden}
.ils-studio.living-scenes .home-hero.ed-hero>.ed-hero-media{position:absolute;inset:10px 0;width:100%;height:calc(100% - 20px);max-height:none;object-fit:contain;object-position:calc(100% - max(24px, (100vw - 1240px)/2)) center;margin:0;z-index:1;padding:0}
.ils-studio.living-scenes .home-hero.ed-hero .ed-hero-container{z-index:2;pointer-events:none}
.ils-studio.living-scenes .home-hero.ed-hero .ed-hero-copy{width:47%;max-width:550px;padding:22px 0 12px;pointer-events:auto}
.ils-studio.living-scenes .home-hero.ed-hero h1{font-size:64px;line-height:1.06;color:#193e4e;margin-bottom:15px;letter-spacing:0}
.ils-studio.living-scenes .home-hero.ed-hero .hero-kicker{color:#ad3150;font-size:13px;font-weight:700;line-height:1.6}
.ils-studio.living-scenes .home-hero.ed-hero .hero-copy>.ed-hero-subtitle{font-size:25px;line-height:1.45;color:#254a59;max-width:390px}
.ils-studio.living-scenes .home-hero.ed-hero .hero-copy>p:not(.ed-hero-subtitle){max-width:415px;color:#44616c;line-height:1.8}
.ils-studio.living-scenes .home-hero.ed-hero .btn-primary{background:#0b806e;border-color:#0b806e;box-shadow:0 5px 14px #08705e1c}
.ils-studio.living-scenes .home-hero.ed-hero .btn-primary:hover{background:#086758;transform:translateY(-2px)}
.ils-studio.living-scenes .home-hero.ed-hero .hero-benefits{gap:14px 16px;max-width:460px}
.ils-studio.living-scenes .home-hero.ed-hero .hero-benefits>span{color:#3e5f69}
.ils-studio.living-scenes .living-network{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;opacity:.5}
.ils-studio.living-scenes .living-network canvas{display:block;width:100%;height:100%}
.ils-studio.living-scenes .living-motion{position:absolute;z-index:3;right:22px;bottom:16px;display:grid;place-items:center;width:38px;height:38px;background:#fff;color:#245264;border:1px solid #bcd9d2;border-radius:6px;cursor:pointer;box-shadow:0 3px 12px #224c5510}
.ils-studio.living-scenes .living-motion[hidden]{display:none}
.ils-studio.living-scenes .living-motion img{width:17px;height:17px}
.ils-studio.living-scenes .living-motion:focus-visible{outline:3px solid #2d78df;outline-offset:3px}
.ils-studio.living-scenes .ed-product-ribbon{background:#fff;border-bottom:1px solid #d8e6e4}
.ils-studio.living-scenes .quick-product{border:0;box-shadow:none;border-radius:0;transition:background .2s ease}
.ils-studio.living-scenes .quick-product:hover{background:#edf8f5}
.ils-studio.living-scenes .quick-product .icon-box{border-radius:8px;background:#e5f5ef;color:#087969}
.ils-studio.living-scenes .quick-product:nth-child(2) .icon-box{background:#fff0f3;color:#b83253}
.ils-studio.living-scenes .quick-product:nth-child(3) .icon-box{background:#eaf2ff;color:#296ed1}
.ils-studio.living-scenes .bento{column-gap:24px;row-gap:20px}
.ils-studio.living-scenes .bento-main{border:0;border-radius:0;background:transparent;box-shadow:none;padding:12px 28px 12px 0}
.ils-studio.living-scenes .bento-main h3{font-size:32px;line-height:1.2}
.ils-studio.living-scenes .bento-main .ed-scene{height:250px;aspect-ratio:auto;padding:4px}
.ils-studio.living-scenes .feature-card{border:0;border-bottom:1px solid #cfe4df;border-radius:0;background:transparent;box-shadow:none;padding:24px 12px}
.ils-studio.living-scenes .feature-card:hover{box-shadow:none}
.ils-studio.living-scenes .feature-card:nth-child(3) .icon-box{background:#e7efff;color:#2666c2}
.ils-studio.living-scenes .feature-card:nth-child(4) .icon-box{background:#ffedf1;color:#b93658}
.ils-studio.living-scenes .dark-section{background:#163f43}
.ils-studio.living-scenes .dark-section :is(h2,p,.eyebrow,.small-note){color:#e4f3ef}
.ils-studio.living-scenes .dark-section .network-points strong{color:#9ae5d2}
.ils-studio.living-scenes .dark-section .network-points small{color:#d4e9e4}
.ils-studio.living-scenes .dark-section .network-art .ed-scene{aspect-ratio:1.2;max-height:440px}
.ils-studio.living-scenes .workload-card .ed-scene{height:225px}
.ils-studio.living-scenes .faq-intro>.ed-scene{max-height:245px;aspect-ratio:1.4}
.ils-studio.living-scenes .affiliate-home-section{background:#fff1f4;border-top:1px solid #f4dce3;border-bottom:1px solid #f4dce3}
.ils-studio.living-scenes .refined-affiliate-banner{background:transparent;border:0;border-radius:0;box-shadow:none;padding:24px 0;grid-template-columns:205px minmax(0,1fr) auto;gap:32px}
.ils-studio.living-scenes .ed-promo-art{height:205px}
.ils-studio.living-scenes .refined-affiliate-banner h2{color:#522c40}
.ils-studio.living-scenes .refined-affiliate-banner .eyebrow{color:#a32e51}
.ils-studio.living-scenes .cta-box.refined-cta{border-radius:0;border:0;background:#edf7fc;box-shadow:none;padding:36px 0}
.ils-studio.living-scenes .cta-wrap{background:#edf7fc}
.ils-studio.living-scenes .cta-wrap>.container{width:calc(100% - 48px);max-width:1240px;margin-inline:auto}
.ils-studio.living-scenes .steps .step{border-top:2px solid #2c74da;border-radius:0;padding-top:22px}
.ils-studio.living-scenes .steps .step:nth-child(2){border-top-color:#d74f70}
.ils-studio.living-scenes .steps .step:nth-child(3){border-top-color:#0b997f}
@media(min-width:1500px){.ils-studio.living-scenes .home-hero.ed-hero{min-height:520px}}
@media(max-width:1100px){.ils-studio.living-scenes .home-hero.ed-hero{min-height:450px;padding:32px 0}.ils-studio.living-scenes .home-hero.ed-hero h1{font-size:54px}.ils-studio.living-scenes .home-hero.ed-hero .ed-hero-copy{width:48%}.ils-studio.living-scenes .home-hero.ed-hero .hero-copy>.ed-hero-subtitle{font-size:22px}}
@media(max-width:900px){.ils-studio.living-scenes .home-hero.ed-hero .ed-hero-copy{width:48%}.ils-studio.living-scenes .home-hero.ed-hero h1{font-size:46px}.ils-studio.living-scenes .refined-affiliate-banner{grid-template-columns:160px minmax(0,1fr)}.ils-studio.living-scenes .ed-promo-art{height:175px}.ils-studio.living-scenes .refined-affiliate-banner>.btn{grid-column:2}.ils-studio.living-scenes :is(.service-art,.workload-art){height:210px;padding:12px 16px 0}}
@media(min-width:701px) and (max-width:900px){.ils-studio.living-scenes .home-hero.ed-hero>.ed-hero-media{height:330px;inset:auto 0 20px;object-position:right bottom}.ils-studio.living-scenes .home-hero.ed-hero .ed-hero-copy{width:47%}.ils-studio.living-scenes .home-hero.ed-hero .hero-benefits{max-width:280px;gap:7px}.ils-studio.living-scenes .home-hero.ed-hero .hero-copy>.ed-hero-subtitle{font-size:20px}}
@media(max-width:700px){
 .ils-studio.living-scenes .home-hero.ed-hero{display:flex;flex-direction:column;min-height:0;padding:24px 0 16px}
 .ils-studio.living-scenes .home-hero.ed-hero .ed-hero-copy{width:100%;max-width:none;padding:0}
 .ils-studio.living-scenes .home-hero.ed-hero h1{font-size:43px;line-height:1.1}
 .ils-studio.living-scenes .home-hero.ed-hero .hero-kicker{font-size:11px;margin-bottom:8px}
 .ils-studio.living-scenes .home-hero.ed-hero .hero-copy>.ed-hero-subtitle{font-size:18px;max-width:none;margin-bottom:12px}
 .ils-studio.living-scenes .home-hero.ed-hero .hero-copy>p:not(.ed-hero-subtitle){font-size:14px;line-height:1.7;max-width:none}
 .ils-studio.living-scenes .home-hero.ed-hero>.ed-hero-media{position:static;order:1;inset:auto;width:100%;height:clamp(98px,calc(100svh - 454px),240px);max-height:none;margin:8px 0 0;object-position:center;object-fit:contain}
 .ils-studio.living-scenes .home-hero.ed-hero .button-row{margin-top:16px}
 .ils-studio.living-scenes .living-network{opacity:.3}
 .ils-studio.living-scenes .living-motion{width:32px;height:32px;right:14px;bottom:12px}
 .ils-studio.living-scenes .ed-hero:not(.home-hero) .ed-hero-media{padding:0}
 .ils-studio.living-scenes :is(.service-art,.workload-art){height:230px}
 .ils-studio.living-scenes .bento-main{padding:0}
 .ils-studio.living-scenes .bento-main h3{font-size:28px}
 .ils-studio.living-scenes .bento-main .ed-scene{height:240px}
 .ils-studio.living-scenes .section-head{margin-bottom:25px}
 .ils-studio.living-scenes .refined-affiliate-banner{padding:24px 0;gap:18px;grid-template-columns:120px minmax(0,1fr)}
 .ils-studio.living-scenes .ed-promo-art{height:150px;grid-row:auto}
 .ils-studio.living-scenes .refined-affiliate-banner>.btn{grid-column:1/-1}
 .ils-studio.living-scenes .refined-affiliate-banner h2{font-size:23px}
 .ils-studio.living-scenes .feature-card{padding:20px 0}
 .ils-studio.living-scenes .cta-box.refined-cta{padding:28px 0}
}
@media(max-width:360px){.ils-studio.living-scenes .home-hero.ed-hero h1{font-size:38px}.ils-studio.living-scenes .home-hero.ed-hero .hero-copy>.ed-hero-subtitle{font-size:17px}.ils-studio.living-scenes .refined-affiliate-banner{grid-template-columns:90px minmax(0,1fr)}}
[data-theme=dark] .ils-studio.living-scenes .section-tint{background:#203737}
[data-theme=dark] .ils-studio.living-scenes .bento-main{background:transparent}
[data-theme=dark] .ils-studio.living-scenes .feature-card{border-color:#3d5855}
[data-theme=dark] .ils-studio.living-scenes .ed-product-ribbon{background:#233838;border-color:#3d5855}
[data-theme=dark] .ils-studio.living-scenes .quick-product:hover{background:#2b4844}
[data-theme=dark] .ils-studio.living-scenes .affiliate-home-section{background:#3d2935;border-color:#694357}
[data-theme=dark] .ils-studio.living-scenes .refined-affiliate-banner{background:transparent}
[data-theme=dark] .ils-studio.living-scenes .refined-affiliate-banner :is(h2,p,.eyebrow){color:#f8e9ef}
[data-theme=dark] .ils-studio.living-scenes :is(.cta-wrap,.cta-box.refined-cta){background:#203b42}
[data-theme=dark] .ils-studio.living-scenes .home-hero.ed-hero{background:#eef8f5}
@media(prefers-reduced-motion:no-preference){.ils-studio.living-scenes [data-living-visible=true]>.ed-scene-image{animation:living-float 7s ease-in-out infinite!important}.ils-studio.living-scenes .ed-scene:nth-child(even)>.ed-scene-image{animation-delay:-3s!important}}
@keyframes living-float{0%,100%{translate:0 0}50%{translate:0 -5px}}
html[data-motion=paused] .ils-studio.living-scenes *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.ils-studio.living-scenes *{animation:none!important;transition:none!important;translate:none!important}}
@media print{.ils-studio.living-scenes :is(.living-network,.living-motion){display:none}}
