.life-product-hero{background:#fbf0e7}.life-hero-grid{grid-template-columns:.8fr 1.3fr;min-height:510px}.life-hero-grid h1{font-size:49px}.life-animation-scene{position:relative;min-width:0}.life-family-art{display:block;width:100%;height:auto}.life-animation-scene .kasko-motion-button{right:10px;bottom:0}.life-message-copy{text-align:center;color:#916c9f;font:700 23px/1.4 inherit;font-family:inherit;font-size:23px;font-weight:700;line-height:1.4;padding:8px 12px}

.life-cloud{animation:life-cloud-drift 20s ease-in-out infinite}.life-cloud-two{animation-delay:-8s}
.life-home,.life-school{opacity:1;animation:none}.life-mother,.life-child{animation:life-loved-ones 20s ease-in-out infinite;transform-box:view-box;transform-origin:620px 465px}
.life-father{animation:life-father-story 20s ease-in-out infinite}
.life-policy{animation:life-policy-story 20s ease-in-out infinite;transform-box:view-box;transform-origin:600px 210px}
.life-protection-line{opacity:0;animation:life-safety-story 20s ease-in-out infinite}
.life-support-routes{opacity:0;animation:life-routes-story 20s ease-in-out infinite}
.life-home-support,.life-education-support{opacity:0;animation:life-benefits-story 20s ease-in-out infinite}
.life-education-support{animation-delay:.5s}
.life-final-message{opacity:0;animation:life-message-story 20s ease-in-out infinite}
.life-window{animation:life-window-light 20s ease-in-out infinite}
@keyframes life-cloud-drift{0%,100%{transform:translateX(-14px)}50%{transform:translateX(18px)}}
@keyframes life-policy-story{0%,12%,100%{opacity:0;transform:translateY(20px) scale(.92)}21%,91%{opacity:1;transform:translateY(0) scale(1)}97%{opacity:0;transform:translateY(0) scale(1)}}
@keyframes life-safety-story{0%,22%,100%{opacity:0;stroke-dashoffset:100}32%,91%{opacity:1;stroke-dashoffset:0}97%{opacity:0;stroke-dashoffset:0}}
@keyframes life-father-story{0%,37%,100%{opacity:1;transform:translateY(0)}50%,91%{opacity:0;transform:translateY(-4px)}97%{opacity:1;transform:translateY(0)}}
@keyframes life-loved-ones{0%,42%,100%{transform:translateX(0)}55%,91%{transform:translateX(-35px)}97%{transform:translateX(0)}}
@keyframes life-routes-story{0%,49%,100%{opacity:0;stroke-dashoffset:70}61%,88%{opacity:.9;stroke-dashoffset:0}95%{opacity:0;stroke-dashoffset:-20}}
@keyframes life-benefits-story{0%,55%,100%{opacity:0;translate:0 12px;scale:.9}66%,88%{opacity:1;translate:0 0;scale:1}95%{opacity:0;translate:0 0;scale:1}}
@keyframes life-message-story{0%,62%,100%{opacity:0;transform:translateY(8px)}72%,89%{opacity:1;transform:translateY(0)}96%{opacity:0;transform:translateY(0)}}
@keyframes life-window-light{0%,50%,100%{fill:#efd5aa}66%,91%{fill:#ffe0a0}}
body[data-theme="theme-2"] .life-product-scene{background:#fbf0e7;display:grid;place-items:center;width:100%;height:100%;overflow:hidden}body[data-theme="theme-2"] .life-product-scene>svg{display:block;width:100%;height:100%;max-width:none;padding:0}body[data-theme="theme-2"] .mega-art:has(.life-product-scene){width:112px;flex:0 0 112px;background:#fbf0e7}body[data-theme="theme-2"] .mega-art>.life-product-scene{width:112px;height:90px}body[data-theme="theme-2"] .quick-product-art:has(.life-product-scene){width:100px}body[data-theme="theme-2"] .quick-product-art>.life-product-scene{width:100%;height:100%}body[data-theme="theme-2"] .guide-art>.life-product-scene{position:absolute;inset:0}
/* Every placement shares the same readable family-to-support story. */
.life-product-scene :is(.life-father,.life-mother,.life-child,.life-policy,.life-protection-line,.life-support-routes,.life-home-support,.life-education-support,.life-final-message,.life-window){animation-delay:0s}
.life-product-scene .life-message-copy{font-size:23px}
.experience-paused .life-product-hero *,.experience-paused .life-product-scene *,.life-product-hero.scene-out-of-view *,.life-product-scene.scene-out-of-view *,body[data-motion="0"] .life-product-hero *,body[data-motion="0"] .life-product-scene *{animation-play-state:paused!important}body[data-motion="0"] :is(.life-product-hero,.life-product-scene) *{animation:none!important}body[data-motion="0"] :is(.life-product-hero,.life-product-scene) .life-protection-line{opacity:.7}
@media(max-width:1000px){.life-hero-grid{min-height:425px}.life-hero-grid h1{font-size:40px}}@media(max-width:800px){.life-hero-grid{grid-template-columns:1fr;gap:0;min-height:0}.life-hero-grid .kasko-hero-copy{padding-bottom:12px}.life-hero-grid .kasko-hero-copy>p{max-width:570px}.life-animation-scene{max-width:650px;width:100%;margin:auto}}@media(max-width:560px){.life-hero-grid h1{font-size:38px}.life-animation-scene{width:calc(100% + 30px);max-width:none;margin:0 -15px}body[data-theme="theme-2"] .mega-art:has(.life-product-scene){width:95px;flex-basis:95px}body[data-theme="theme-2"] .mega-art>.life-product-scene{width:95px;height:65px}}
@media(prefers-reduced-motion:reduce){:is(.life-product-hero,.life-product-scene) *{animation:none!important}:is(.life-product-hero,.life-product-scene) .life-protection-line{opacity:.7}}

body[data-motion="0"] :is(.life-product-hero,.life-product-scene) :is(.life-policy,.life-home-support,.life-education-support,.life-final-message){opacity:1}
@media(prefers-reduced-motion:reduce){:is(.life-product-hero,.life-product-scene) :is(.life-policy,.life-home-support,.life-education-support,.life-final-message){opacity:1}}