html body main #home-intro.home-panorama{display:flex;align-items:center;position:relative;isolation:isolate;min-height:92svh;height:auto;padding:150px 0 80px;overflow:hidden;background:#f8faf7!important;color:#163957!important}
#home-intro .panorama-layout{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:48px}
#home-intro .panorama-copy{position:relative;z-index:2}
html body main #home-intro .panorama-eyebrow{display:flex;align-items:center;gap:14px;color:#567e28!important;letter-spacing:.2em;font-size:11px;font-weight:700;margin:0 0 26px}
.panorama-eyebrow:before{content:'';width:40px;height:2px;background:#89bd3b}
html body main #home-intro.home-panorama h1{color:#163957!important;font-size:clamp(40px,4.2vw,68px);line-height:1.12;letter-spacing:-.04em;font-weight:700;max-width:18ch;margin:0;text-align:start;text-wrap:balance}
#home-intro .panorama-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
html body main #home-intro .panorama-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:14px 20px;background:#85bb38;color:#102f49!important;border:1px solid #85bb38;border-radius:6px;font-size:13px;font-weight:700;text-decoration:none;transition:background .2s,transform .2s}
html body main #home-intro .panorama-actions a+a{background:transparent;border-color:#16395740}
#home-intro .panorama-actions a:hover{transform:translateY(-3px);background:#dcebc9}
#home-intro .panorama-actions a:focus-visible{outline:3px solid #163957;outline-offset:5px}
#home-intro .panorama-brand{position:relative;display:grid;place-items:center;aspect-ratio:1;isolation:isolate;background:radial-gradient(ellipse at center,#fff 24%,#eaf2e57d 48%,transparent 70%)}
#home-intro .panorama-brand:before{content:'';position:absolute;inset:9%;border:1px solid #1738540b;border-radius:50%;box-shadow:0 0 0 32px #17385403,0 0 0 64px #17385402}
#home-intro .panorama-logo{display:block;width:65%;height:auto;max-width:370px;filter:none!important;position:relative;z-index:2;animation:brand-arrive 1s ease-out both}
#home-intro .brand-orbit{position:absolute;inset:8%;border:1px solid #84b93660;border-radius:50%;animation:brand-orbit 22s linear infinite;pointer-events:none}
#home-intro .brand-orbit:after{content:'';position:absolute;width:10px;height:10px;border-radius:50%;background:#86b938;top:14%;left:14%;box-shadow:0 0 0 6px #86b93815}
#home-intro .brand-orbit--two{inset:2% 17%;border-color:#214a7335;animation-duration:30s;animation-direction:reverse;rotate:35deg}
#home-intro .brand-orbit--two:after{background:#214a73;width:7px;height:7px}
#home-intro .brand-orbit--three{inset:22% 0;border-color:#214a7320;rotate:-25deg;animation-duration:38s}
#home-intro .panorama-accent{position:absolute;inset-inline-end:0;bottom:5%;height:100px;width:8px;transform:skewX(-22deg);background:#85bb38;box-shadow:17px 16px 0 3px #214a73;pointer-events:none}
@keyframes brand-orbit{to{transform:rotate(360deg)}}
html[data-color-mode=dark] body main #home-intro.home-panorama{background:#071c33!important;color:#fff!important}
html[data-color-mode=dark] body main #home-intro.home-panorama h1{color:#fff!important}
html[data-color-mode=dark] body main #home-intro .panorama-eyebrow{color:#add86e!important}
html[data-color-mode=dark] #home-intro .panorama-brand{background:radial-gradient(ellipse at center,#14334a 0%,#102f3b80 40%,transparent 72%)}
html[data-color-mode=dark] #home-intro .panorama-brand:before{border-color:#ffffff0d;box-shadow:0 0 0 32px #ffffff03,0 0 0 64px #ffffff02}
html[data-color-mode=dark] #home-intro .panorama-logo{filter:brightness(0) invert(1)!important}
html[data-color-mode=dark] #home-intro .brand-orbit{border-color:#95c95080}
html[data-color-mode=dark] #home-intro .brand-orbit--two{border-color:#80b7da70}
html[data-color-mode=dark] #home-intro .brand-orbit--three{border-color:#80b7da45}
html[data-color-mode=dark] #home-intro .brand-orbit--two:after{background:#a2d2ed}
#home-intro .panorama-logo{translate:var(--brand-x,0px) var(--brand-y,0px);rotate:var(--brand-tilt,0deg);transition:translate .55s cubic-bezier(.22,1,.36,1),rotate .55s cubic-bezier(.22,1,.36,1);user-select:none;-webkit-user-drag:none}
#home-intro .brand-orbit{translate:var(--brand-orbit-x,0px) var(--brand-orbit-y,0px);transition:translate .8s cubic-bezier(.22,1,.36,1)}
@media(prefers-reduced-motion:reduce){#home-intro .panorama-logo,#home-intro .brand-orbit{translate:none;transition:none}}
@keyframes brand-arrive{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}
html[dir=rtl] body main #home-intro.home-panorama h1{letter-spacing:0;line-height:1.45}
@media(max-width:900px){#home-intro .panorama-layout{gap:24px}html body main #home-intro.home-panorama h1{font-size:44px}}
@media(max-width:700px){html body main #home-intro.home-panorama{min-height:0;padding:115px 0 48px}#home-intro .panorama-layout{grid-template-columns:1fr;gap:28px}html body main #home-intro.home-panorama h1{font-size:clamp(36px,8.5vw,50px);max-width:20ch}#home-intro .panorama-brand{width:min(100%,370px);justify-self:center}#home-intro .panorama-actions{margin-top:26px}html body main #home-intro .panorama-actions a{font-size:12px;padding:12px 15px}}
@media(prefers-reduced-motion:reduce){#home-intro .brand-orbit,#home-intro .panorama-logo{animation:none}#home-intro .panorama-actions a{transition:none}}
