.ob-magic-progress{position:fixed;z-index:100000;left:0;right:0;top:0;height:3px;pointer-events:none;background:linear-gradient(90deg,#bda5e6,#f2c767 58%,#8ed7bd);transform:scaleX(var(--ob-progress,0));transform-origin:left;box-shadow:0 0 15px rgba(242,199,103,.55)}
.site-nav{transition:padding .3s ease,background .3s ease,box-shadow .3s ease}.ob-magic-travelled .site-nav{box-shadow:0 8px 28px rgba(37,25,43,.11)}
.ob-magic-ready .ob-magic-scene{opacity:0;transform:translateY(28px);transition:opacity .72s ease var(--ob-delay,0ms),transform .72s cubic-bezier(.2,.75,.2,1) var(--ob-delay,0ms)}.ob-magic-ready .ob-magic-scene.is-ob-visible{opacity:1;transform:none}
.ob-magic-sparks{position:fixed;z-index:100001;width:1px;height:1px;pointer-events:none}.ob-magic-sparks i{position:absolute;width:5px;height:5px;border-radius:50%;background:#f2c767;box-shadow:0 0 10px 3px rgba(242,199,103,.45);animation:ob-spark 1.1s ease-out forwards}.ob-magic-sparks i:nth-child(1){--x:42px;--y:-35px}.ob-magic-sparks i:nth-child(2){--x:-36px;--y:-43px;animation-delay:.04s}.ob-magic-sparks i:nth-child(3){--x:51px;--y:16px;animation-delay:.08s}.ob-magic-sparks i:nth-child(4){--x:-48px;--y:20px;animation-delay:.02s}.ob-magic-sparks i:nth-child(5){--x:5px;--y:-58px;animation-delay:.06s}
@keyframes ob-spark{0%{opacity:0;transform:translate(0,0) scale(.3)}18%{opacity:1}100%{opacity:0;transform:translate(var(--x),var(--y)) scale(.8)}}
@media(prefers-reduced-motion:reduce){.ob-magic-ready .ob-magic-scene{opacity:1;transform:none;transition:none}.ob-magic-sparks{display:none}.site-nav{transition:none}}

/* Shared editorial and employer identity. The long-form article remains a
   warm reading surface while its entrance and conversion moments feel OBubba. */
.blog-index,.blog-post,.topic-employee-family-wellbeing-benefit{background:#071126}
.blog-index .site-nav,.blog-post .site-nav,.topic-employee-family-wellbeing-benefit .site-nav{background:rgba(3,9,23,.94);border-bottom-color:rgba(255,232,177,.14);backdrop-filter:blur(16px)}
.blog-index .brand,.blog-post .brand,.topic-employee-family-wellbeing-benefit .brand{color:#f4d58d}
.blog-index .nav-cta,.blog-post .nav-cta,.topic-employee-family-wellbeing-benefit .nav-cta{background:linear-gradient(#ffe3a1,#e9b958);border-color:#fff0bd;color:#211526!important;box-shadow:0 8px 22px rgba(0,0,0,.28)}
.blog-index .nav-links a:not(.nav-cta),.blog-post .nav-links a:not(.nav-cta),.topic-employee-family-wellbeing-benefit .nav-links a:not(.nav-cta){color:#c8d1e1}
.blog-index .blog-hero{background:radial-gradient(circle at 82% 38%,rgba(115,128,202,.2),transparent 24rem),linear-gradient(145deg,#111a3e,#09142e 65%,#17102f);color:#fff3df;border-bottom:1px solid rgba(255,232,177,.14)}
.blog-index .blog-hero .eyebrow{color:#efd083}.blog-index .blog-hero h1{color:#fff3df}.blog-index .blog-hero p{color:#cbd4e5}.blog-index .section{background:linear-gradient(180deg,#071126,#0a1024)}
.blog-index .post-card{border:1px solid rgba(255,232,177,.13);border-radius:24px;background:linear-gradient(145deg,#111a35,#17132f);color:#fff3df;box-shadow:0 20px 45px rgba(0,0,0,.2);transition:transform .22s ease,border-color .22s ease}.blog-index .post-card:hover{transform:translateY(-5px);border-color:rgba(239,208,131,.5)}.blog-index .post-card p,.blog-index .post-card .meta{color:#aeb9cd}.blog-index .post-card .read-link{color:#efd083}
.blog-post .article-header{background:radial-gradient(circle at 82% 38%,rgba(115,128,202,.2),transparent 23rem),linear-gradient(145deg,#111a3e,#09142e 65%,#17102f);color:#fff3df;border-bottom:1px solid rgba(255,232,177,.14)}.blog-post .article-header h1{color:#fff3df}.blog-post .article-header p,.blog-post .article-header .meta,.blog-post .article-header .read-time{color:#cbd4e5}.blog-post main{background:linear-gradient(180deg,#071126 0,#f8f0e8 260px,#fffcf9 100%)}.blog-post .rich-text{border:1px solid rgba(77,55,76,.1);box-shadow:0 28px 70px rgba(26,17,38,.14)}.blog-post .rich-text>p:first-of-type{font-size:1.12rem;color:#4b3d50}.blog-post .cta-band{background:linear-gradient(145deg,#111a3e,#17102f);color:#fff3df;border:1px solid rgba(239,208,131,.24)}.blog-post .cta-band p{color:#cbd4e5}
.topic-employee-family-wellbeing-benefit .hero{background:linear-gradient(90deg,rgba(5,13,32,.97),rgba(8,18,43,.82) 58%,rgba(12,18,42,.36)),var(--hero-image) right center/min(48vw,650px) auto no-repeat,#071126;color:#fff3df}.topic-employee-family-wellbeing-benefit .hero p{color:#cbd4e5}.topic-employee-family-wellbeing-benefit .hero .eyebrow{color:#efd083}.topic-employee-family-wellbeing-benefit .ai-answer,.topic-employee-family-wellbeing-benefit .cta-band{border:1px solid rgba(239,208,131,.24);background:linear-gradient(145deg,#111a3e,#17102f);color:#fff3df;box-shadow:0 24px 60px rgba(23,16,39,.16)}.topic-employee-family-wellbeing-benefit .ai-answer p,.topic-employee-family-wellbeing-benefit .cta-band p{color:#cbd4e5}.topic-employee-family-wellbeing-benefit .card{border-radius:22px}

/* Employer page: the whole story now lives in the same night village as the
   flagship experience, not just its opening panel. */
.topic-employee-family-wellbeing-benefit main{background:radial-gradient(circle at 88% 22%,rgba(112,126,199,.15),transparent 28rem),linear-gradient(180deg,#071126,#050c1d);color:#fff3df;overflow:hidden}
.topic-employee-family-wellbeing-benefit .hero{min-height:690px;border-bottom:1px solid rgba(255,232,177,.15)}
.topic-employee-family-wellbeing-benefit .hero:after{content:"";position:absolute;right:7%;bottom:10%;width:5px;height:5px;border-radius:50%;background:#ffe47d;box-shadow:0 0 11px 4px rgba(255,218,93,.6),-170px -90px 0 -1px #ffe47d,-280px 90px 0 -1px #ffe47d,-70px 140px 0 -1px #ffe47d;animation:ob-employer-stars 5s ease-in-out infinite alternate}
.topic-employee-family-wellbeing-benefit .hero h1{max-width:13ch;color:#fff3df;font-size:clamp(54px,7vw,92px);line-height:.9;letter-spacing:-.035em}.topic-employee-family-wellbeing-benefit .hero .hero-actions{gap:10px}.topic-employee-family-wellbeing-benefit .hero .button{border-radius:999px;background:linear-gradient(#ffe3a1,#e9b958);border-color:#fff0bd;color:#211526!important;box-shadow:0 14px 34px rgba(0,0,0,.27)}.topic-employee-family-wellbeing-benefit .hero .button.secondary{background:rgba(255,255,255,.06);border-color:rgba(255,232,177,.26);color:#fff3df!important;backdrop-filter:blur(12px)}
.topic-employee-family-wellbeing-benefit .section{position:relative;background:transparent;color:#fff3df;border:0}.topic-employee-family-wellbeing-benefit .section.alt{background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));border-top:1px solid rgba(255,232,177,.1);border-bottom:1px solid rgba(255,232,177,.1)}.topic-employee-family-wellbeing-benefit .section h2{color:#fff3df;font-size:clamp(39px,5vw,65px);line-height:.96;letter-spacing:-.025em}.topic-employee-family-wellbeing-benefit .section .eyebrow,.topic-employee-family-wellbeing-benefit .kicker{color:#efd083}.topic-employee-family-wellbeing-benefit .section-lede{max-width:760px;color:#b9c4d8;font-size:17px;line-height:1.7}
.topic-employee-family-wellbeing-benefit .ai-answer{padding:clamp(27px,5vw,52px);border-radius:30px;background:radial-gradient(circle at 86% 8%,rgba(239,208,131,.11),transparent 17rem),linear-gradient(145deg,#111a3e,#17102f)}.topic-employee-family-wellbeing-benefit .ai-answer:before{content:"A private benefit, not an employer dashboard";display:inline-flex;margin-bottom:18px;padding:7px 10px;border:1px solid rgba(239,208,131,.27);border-radius:999px;color:#efd083;font:700 9px/1.1 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.08em}
.topic-employee-family-wellbeing-benefit .grid{gap:14px}.topic-employee-family-wellbeing-benefit .panel{position:relative;overflow:hidden;min-height:230px;padding:24px;border:1px solid rgba(255,232,177,.13);border-radius:23px;background:linear-gradient(145deg,rgba(25,36,72,.92),rgba(23,19,47,.92));color:#fff3df;box-shadow:0 18px 42px rgba(0,0,0,.2);transition:transform .22s ease,border-color .22s ease}.topic-employee-family-wellbeing-benefit .panel:after{content:"";position:absolute;right:-18px;bottom:-22px;width:80px;height:80px;border:1px solid rgba(239,208,131,.13);border-radius:50%}.topic-employee-family-wellbeing-benefit .panel:hover{transform:translateY(-5px);border-color:rgba(239,208,131,.48)}.topic-employee-family-wellbeing-benefit .panel h3{color:#fff3df;font-size:28px;line-height:1}.topic-employee-family-wellbeing-benefit .panel p{color:#aebbd0;line-height:1.65}
.topic-employee-family-wellbeing-benefit .section:nth-of-type(4) .grid{grid-template-columns:repeat(4,1fr);counter-reset:employer-step}.topic-employee-family-wellbeing-benefit .section:nth-of-type(4) .panel{min-height:260px;counter-increment:employer-step}.topic-employee-family-wellbeing-benefit .section:nth-of-type(4) .panel:before{content:counter(employer-step);display:grid;place-items:center;width:40px;height:40px;margin-bottom:24px;border-radius:14px;background:#efd083;color:#30223a;font:700 18px Georgia,serif;box-shadow:0 0 22px rgba(239,208,131,.18)}
.topic-employee-family-wellbeing-benefit .section.alt .narrow{padding:clamp(28px,5vw,52px);border:1px solid rgba(239,208,131,.23);border-radius:30px;background:linear-gradient(145deg,#24183b,#111d42)}.topic-employee-family-wellbeing-benefit .section.alt .narrow ul{display:grid;gap:10px;padding:0;list-style:none}.topic-employee-family-wellbeing-benefit .section.alt .narrow li{position:relative;padding:15px 17px 15px 47px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.035);color:#cbd4e5;line-height:1.55}.topic-employee-family-wellbeing-benefit .section.alt .narrow li:before{content:"✓";position:absolute;left:15px;top:15px;display:grid;place-items:center;width:22px;height:22px;border-radius:8px;background:#efd083;color:#30223a;font-weight:800}
.topic-employee-family-wellbeing-benefit .feature-split{padding:clamp(24px,5vw,50px);border:1px solid rgba(255,232,177,.13);border-radius:30px;background:radial-gradient(circle at 18% 50%,rgba(239,208,131,.1),transparent 16rem),linear-gradient(145deg,#101b3d,#17112f)}.topic-employee-family-wellbeing-benefit .feature-split img{max-width:310px;border-radius:50%;filter:drop-shadow(0 25px 45px rgba(0,0,0,.35))}.topic-employee-family-wellbeing-benefit .tag{border-color:rgba(239,208,131,.24);background:rgba(239,208,131,.07);color:#efd083}
.topic-employee-family-wellbeing-benefit .faq{display:grid;grid-template-columns:1fr 1fr;gap:10px}.topic-employee-family-wellbeing-benefit .faq details{margin:0;border:1px solid rgba(255,232,177,.13);border-radius:18px;background:rgba(255,255,255,.035);color:#cbd4e5}.topic-employee-family-wellbeing-benefit .faq summary{color:#fff3df}.topic-employee-family-wellbeing-benefit .cta-band{padding:clamp(31px,5vw,58px);border-radius:30px;background:radial-gradient(circle at 85% 12%,rgba(239,208,131,.12),transparent 16rem),linear-gradient(145deg,#111a3e,#17102f)}.topic-employee-family-wellbeing-benefit .cta-band .button{border-radius:999px;background:linear-gradient(#ffe3a1,#e9b958);border-color:#fff0bd;color:#211526!important}.topic-employee-family-wellbeing-benefit .cta-band .button.secondary{background:rgba(255,255,255,.055);border-color:rgba(255,232,177,.28);color:#fff3df!important}
@keyframes ob-employer-stars{to{transform:translate(8px,-12px);opacity:.65}}
@media(max-width:900px){.topic-employee-family-wellbeing-benefit .section:nth-of-type(4) .grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.topic-employee-family-wellbeing-benefit .hero{min-height:720px;background:linear-gradient(180deg,rgba(5,13,32,.96),rgba(8,18,43,.86) 72%,rgba(12,18,42,.42)),var(--hero-image) center bottom/100% auto no-repeat,#071126}.topic-employee-family-wellbeing-benefit .hero h1{font-size:52px}.topic-employee-family-wellbeing-benefit .section{padding-top:48px;padding-bottom:48px}.topic-employee-family-wellbeing-benefit .section:nth-of-type(4) .grid,.topic-employee-family-wellbeing-benefit .faq{grid-template-columns:1fr}.topic-employee-family-wellbeing-benefit .panel{min-height:0}.topic-employee-family-wellbeing-benefit .feature-split{padding:23px}.topic-employee-family-wellbeing-benefit .feature-split img{width:180px;margin:auto}.topic-employee-family-wellbeing-benefit .ai-answer:before{white-space:normal}}
