.orbit-poster{background:radial-gradient(ellipse at 60% 45%,#6c57242c,transparent 70%),#191b19;color:#e5ca8c;display:grid;place-items:center;isolation:isolate}.home-okayd-tick{position:relative;width:122px;height:122px;border-radius:22.5%;z-index:2;box-shadow:0 25px 55px #0004;animation:home-tick-float 8s ease-in-out infinite}.home-orbit-rings{position:absolute;width:255px;height:210px;border:1px solid #d5ad4b40;border-radius:50%;transform:rotate(-35deg)}.home-orbit-rings:after{content:'';position:absolute;inset:14px -5px;border:1px solid #d5ad4b38;border-radius:50%;transform:rotate(65deg)}.app-colour-orbit{position:absolute;width:250px;height:250px;border:1px solid #d5ad4b18;border-radius:50%;animation:home-family-orbit 34s linear infinite}.app-colour-dot{position:absolute;left:50%;top:50%;width:9px;height:9px;border-radius:50%;background:var(--app-colour);transform:rotate(var(--angle)) translateX(125px);border:1px solid #ffffff20;box-shadow:0 0 12px color-mix(in srgb,var(--app-colour) 30%,transparent)}.orbit-poster .poster-caption{color:#a18e5b}.orbit-poster .poster-bottom{color:#d0b977}.home-play-band{display:grid;grid-template-columns:1fr 1.15fr;gap:35px;margin-top:65px;border-radius:12px;background:#111e20;color:#e4f1e7;overflow:hidden;min-height:265px;border:1px solid #8cc1c329}.home-play-band>div:first-child{padding:33px 0 33px 35px;position:relative;z-index:2}.home-play-band .eyebrow{color:#9fbeb7;font-size:6px;margin-bottom:20px;letter-spacing:1.2px}.home-play-band h2{font-size:38px;margin:0 0 15px;letter-spacing:-1.7px}.home-play-band h2 em{color:#b4b1f6}.home-play-band p:not(.eyebrow){color:#95b4ad;font-size:10px;max-width:270px}.home-play-band>div>span{font-size:9px;display:flex;gap:30px;align-items:center}.home-play-band b{font-size:18px}.play-band-art{position:relative;min-height:245px;overflow:hidden}.play-band-art canvas{position:absolute;inset:0;width:100%;height:100%;mask-image:linear-gradient(90deg,transparent,#000 25%)}.play-band-art>span{position:absolute;right:16px;bottom:20px;font-size:5px!important;letter-spacing:1.2px;writing-mode:vertical-rl;color:#8abbb8}.green-invitation{background:#d3fc6c;color:#162013;padding:65px 0 70px;overflow:hidden;position:relative}.green-invitation>.wrap{position:relative}.green-invitation .eyebrow{color:#23331c;font-size:9px;letter-spacing:2px;margin-bottom:30px}.green-invitation h2{font-size:clamp(65px,7vw,112px);letter-spacing:-.065em;line-height:1.05;font-weight:500;margin:0 0 30px;max-width:700px}.green-invitation h2>span{color:#58752d}.green-invitation p:not(.eyebrow){font-size:14px;color:#27381e;margin-bottom:30px}.green-invitation .pill{border-radius:5px;background:#11151b;color:#f7f8ef;padding:18px 25px;min-width:210px}.invitation-note{display:block;font-size:8px;color:#3b5129;margin-top:16px}.invitation-smile{position:absolute;right:-5%;top:-105px;width:120px;transform:rotate(-27deg);border-radius:31px;opacity:.7}.what-if-seal{position:absolute;right:14%;top:25%;display:grid;place-items:center;width:115px;height:115px;border:1px solid #637a3945;border-radius:50%;font-size:11px;letter-spacing:2px;transform:rotate(8deg);color:#59752d}.product-family-colours{display:flex;gap:9px 15px;flex-wrap:wrap;margin:0 0 25px;max-width:330px}.product-family-colours>span{display:flex;align-items:center;gap:6px;color:#bec6b9;font-size:7px}.product-family-colours i{width:6px;height:6px;border-radius:50%}@keyframes home-family-orbit{to{transform:rotate(360deg)}}@keyframes home-tick-float{50%{transform:translateY(-6px)}}@media(max-width:800px){.home-play-band{gap:10px;grid-template-columns:1fr 1fr}.home-play-band>div:first-child{padding:28px 0 28px 25px}.home-play-band h2{font-size:31px}.green-invitation{padding:55px 0}.green-invitation h2{font-size:73px}.what-if-seal{right:6%;width:90px;height:90px;font-size:9px}.green-invitation p:not(.eyebrow){font-size:12px}.home-okayd-tick{width:105px;height:105px}.app-colour-orbit{width:220px;height:220px}.app-colour-dot{transform:rotate(var(--angle)) translateX(110px)}.home-orbit-rings{width:228px;height:190px}}@media(max-width:480px){.home-play-band{grid-template-columns:1fr;gap:0;margin-top:40px}.home-play-band>div:first-child{padding:30px 25px 0}.home-play-band h2{font-size:37px}.play-band-art{min-height:155px}.play-band-art canvas{mask-image:linear-gradient(180deg,transparent,#000 25%)}.home-play-band p:not(.eyebrow){max-width:none}.green-invitation{padding:50px 0 55px}.green-invitation h2{font-size:59px}.green-invitation .eyebrow{font-size:6px;letter-spacing:1.4px;margin-bottom:25px}.what-if-seal{right:0;top:22%;width:62px;height:62px;font-size:6px;letter-spacing:1px}.green-invitation p:not(.eyebrow){font-size:11px}.green-invitation .pill{font-size:10px;padding:16px 20px;min-width:190px}.invitation-note{font-size:7px}.invitation-smile{width:85px;right:-9%;top:-85px;border-radius:21px}.home-okayd-tick{width:122px;height:122px}.app-colour-orbit{width:245px;height:245px}.app-colour-dot{transform:rotate(var(--angle)) translateX(122px)}.home-orbit-rings{width:255px;height:205px}}
@media(prefers-reduced-motion:reduce){.home-okayd-tick,.app-colour-orbit{animation:none}}

.okayd-brand img.okayd-wm{width:auto;height:46px;border-radius:0}