#root .mfod-motion-hero{position:relative;isolation:isolate;overflow:hidden;background:#102a2d;min-height:560px;height:min(720px,calc(100svh - 180px));display:flex;align-items:flex-start}
#root .mfod-motion-hero+div{padding-top:36px}
#root .mfod-motion-hero>div:not(.mfod-motion-controls){position:relative;z-index:1;width:100%;padding:98px 24px 260px;pointer-events:none}
#root .mfod-motion-hero>div button,#root .mfod-motion-hero>div a{pointer-events:auto}
#root .mfod-motion-hero h1{font-size:52px;line-height:1.12;font-weight:700;margin:0 0 24px;letter-spacing:0}
#root .mfod-motion-hero h1 span{color:#ff975b;text-decoration:none}
#root .mfod-motion-hero p{font-size:18px;line-height:1.75;max-width:600px;margin:0 auto;color:#d2e2df}
#root .mfod-motion-hero .mt-12{margin-top:28px}
#root .mfod-motion-hero button{font-size:16px;padding:14px 24px;border-radius:6px;box-shadow:none}
#root .mfod-motion-hero canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
#root .mfod-motion-hero .mfod-motion-controls{position:absolute;z-index:2;right:20px;bottom:18px;display:flex;align-items:center;gap:12px}
#root .mfod-motion-hero .mfod-motion-controls button{width:42px;height:42px;min-height:42px;padding:10px;border:1px solid #91b3ac;background:#153a3b;border-radius:6px;color:#fff;display:grid;place-items:center}
.mfod-motion-controls img{filter:invert(1);width:18px;height:18px}.mfod-motion-controls button:focus-visible{outline:3px solid #ff975b;outline-offset:3px}
.mfod-motion-controls button:after{content:attr(aria-label);position:absolute;right:0;bottom:50px;white-space:nowrap;background:#fff;color:#173638;padding:8px 12px;border-radius:4px;font-size:12px;opacity:0;pointer-events:none}.mfod-motion-controls button:hover:after,.mfod-motion-controls button:focus-visible:after{opacity:1}
#root nav .mfod-community-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;font-size:14px;font-weight:500;padding:8px 12px;color:#cbd5e1;white-space:nowrap;text-decoration:none}.mfod-community-link:hover{color:#fff!important;background:#29484a;border-radius:4px}.mfod-community-link img{filter:invert(.8);width:16px;height:16px}
.mfod-company-community{padding:24px 0;border-top:1px solid #dce3e5;margin-top:24px}.mfod-company-community h3{font-size:20px;margin:0 0 10px;color:#183234}.mfod-company-community p{font-size:14px;color:#5b6970;line-height:1.6}.mfod-company-community a{display:inline-flex;align-items:center;padding:10px 0;min-height:44px;color:#a23e13;text-decoration:underline;font-weight:600}
@media(max-width:760px){#root .mfod-motion-hero{height:min(630px,calc(100svh - 180px));min-height:560px}#root .mfod-motion-hero>div:not(.mfod-motion-controls){padding:64px 22px 240px}#root .mfod-motion-hero h1{font-size:36px;line-height:1.2}#root .mfod-motion-hero p{font-size:16px;line-height:1.7}#root .mfod-motion-hero .mt-12{margin-top:24px}#root .mfod-motion-hero .mfod-motion-controls{bottom:14px;right:14px}}
@media(max-width:360px){#root .mfod-motion-hero h1{font-size:32px}#root .mfod-motion-hero>div:not(.mfod-motion-controls){padding-top:48px;padding-left:16px;padding-right:16px}#root nav .text-xl{font-size:15px}#root nav .cursor-pointer.group{gap:4px}#root nav .cursor-pointer.group>.w-8{width:24px;height:24px}}
@media(max-width:480px){#root nav .hidden.md\:flex{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;gap:0}#root nav .hidden.md\:flex>*{margin:0!important;padding:8px 4px!important;font-size:11px;min-width:0;justify-content:center}#root nav .hidden.md\:flex svg,#root nav .hidden.md\:flex img{display:none}}
@media(prefers-reduced-motion:reduce){.mfod-motion-hero *{animation:none!important;transition:none!important}}
