.genesis-section{--genesis-blue:#379acf;--genesis-gold:#b48c4b;position:relative;isolation:isolate;overflow:clip}
.genesis-section>.wrap{position:relative;z-index:1}
.genesis-spell-backdrop{position:absolute;inset:0;z-index:0;pointer-events:none;user-select:none;overflow:hidden;mask-image:linear-gradient(transparent 0%,#000 15%,#000 85%,transparent 100%)}
.genesis-spell{position:absolute;left:50%;top:52%;width:min(920px,105vw);height:auto;aspect-ratio:1;transform:translate(-50%,-50%);color:#468db3;opacity:.19;animation:genesis-spell-float 12s ease-in-out infinite;animation-play-state:paused}
.genesis-rune-ring{transform-box:view-box;transform-origin:0 0;animation:genesis-rune-orbit 150s linear infinite;animation-play-state:paused}
.genesis-rune-ring-inner{color:#a78b51;animation-duration:110s;animation-direction:reverse;opacity:.85}
.genesis-spell-star{opacity:.55}
.genesis-section.is-inview .genesis-spell,.genesis-section.is-inview .genesis-rune-ring{animation-play-state:running}
@keyframes genesis-rune-orbit{to{transform:rotate(360deg)}}
@keyframes genesis-spell-float{0%,100%{transform:translate(-50%,calc(-50% + 5px))}50%{transform:translate(-50%,calc(-50% - 5px))}}
@media(max-width:720px){.genesis-spell{width:650px;top:330px;opacity:.14}}
@media(prefers-reduced-motion:reduce){.genesis-spell,.genesis-rune-ring{animation:none!important}}
section.sec.genesis-section{padding:28px 0 24px;scroll-margin-top:88px;background:radial-gradient(ellipse 28% 47% at 50% 48%,#d8f3fc60,transparent 100%)}
.genesis-section .sec-head{margin-bottom:12px}
.genesis-section .sec-head p{font-family:var(--serif-b);font-size:20px;letter-spacing:.02em;margin-top:9px}

.genesis-showcase{display:grid;grid-template-columns:1fr 1.65fr 1fr;position:relative;align-items:center;min-height:440px;gap:20px;isolation:isolate}
.genesis-leaders{position:absolute;inset:0;width:100%;height:calc(100% - 35px);pointer-events:none;z-index:2}
.genesis-callouts{display:flex;flex-direction:column;justify-content:space-between;gap:38px;align-self:stretch;padding:30px 0 38px;z-index:3;pointer-events:none}
.genesis-callouts-left{text-align:right}.genesis-callouts-right{text-align:left}
.genesis-kicker{display:block;font-family:var(--serif-d);font-size:10px;letter-spacing:.12em;color:#987638;margin-bottom:12px}
.genesis-callout h3{font-family:var(--serif-b);font-size:clamp(25px,2.6vw,34px);font-weight:500;line-height:1.12;margin:0 0 13px;color:#334656}
.genesis-callout p{font-family:var(--serif-b);font-size:17px;line-height:1.5;color:#776a57;margin:0;max-width:260px}
.genesis-callouts-left p{margin-left:auto}
.genesis-center{min-width:0;position:relative;z-index:1}
.genesis-stage{height:400px;position:relative;display:grid;place-items:center;isolation:isolate}
.genesis-halo{position:absolute;left:50%;top:48%;width:105%;aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(ellipse,#97e3ff52 0%,#baecff3b 35%,#c2edff00 69%);pointer-events:none}
.genesis-orbit{position:absolute;left:15%;right:15%;bottom:19px;height:48px;border:1px solid #bba3764f;border-radius:50%;transform:rotate(-5deg);pointer-events:none}
.genesis-orbit:after{content:'✦';position:absolute;right:18%;bottom:-8px;color:#bf9853;font-size:14px}
.genesis-floating{position:relative;width:66%;max-width:270px;will-change:transform;animation:genesis-float 6s ease-in-out infinite;animation-play-state:paused;filter:drop-shadow(0 16px 16px #52432825);z-index:2}
.genesis-floating img{display:block;width:100%;height:auto;user-select:none}
.genesis-core-glow{position:absolute;left:50%;top:43.8%;width:32%;aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(circle,#fff 0%,#e6ffffba 7%,#65e9ffa3 19%,#1ca5ff59 39%,#239cff00 70%);mix-blend-mode:screen;filter:drop-shadow(0 0 12px #45c4ff);animation:genesis-glow 3.4s ease-in-out infinite;animation-play-state:paused;pointer-events:none}
.genesis-core-star{position:absolute;left:50%;top:43.8%;transform:translate(-50%,-50%);color:#f6ffff;font-size:30px;text-shadow:0 0 15px #67dfff,0 0 28px #54bfff;animation:genesis-star 5s ease-in-out infinite;animation-play-state:paused;pointer-events:none}
.genesis-shadow{position:absolute;bottom:30px;left:25%;width:50%;height:20px;background:radial-gradient(ellipse,#6c735533 0%,#4b596300 70%);filter:blur(5px);animation:genesis-shadow 6s ease-in-out infinite;animation-play-state:paused;pointer-events:none}
.genesis-spark{position:absolute;color:#65bde8;text-shadow:0 0 12px #66d7ff;pointer-events:none;animation:genesis-spark 5s ease-in-out infinite;animation-play-state:paused;opacity:.6}
.genesis-spark-one{top:26%;left:8%;font-size:22px}.genesis-spark-two{top:19%;right:12%;font-size:14px;animation-delay:-2s}.genesis-spark-three{bottom:20%;right:6%;font-size:24px;animation-delay:-3s}
.genesis-section.is-inview .genesis-floating,.genesis-section.is-inview .genesis-core-glow,.genesis-section.is-inview .genesis-core-star,.genesis-section.is-inview .genesis-shadow,.genesis-section.is-inview .genesis-spark{animation-play-state:running}

.genesis-section-foot{display:flex;flex-direction:column;align-items:center;gap:9px;margin-top:4px;padding-bottom:12px;border-bottom:1px solid #c9ad7145}
.genesis-caption{font-family:var(--serif-d);font-size:10px;letter-spacing:.16em;color:#96805a;display:flex;align-items:center;gap:18px}.genesis-caption>span{color:#b29253}
.genesis-roadmap-link{font-family:var(--serif-b);font-size:18px;color:#385974;display:flex;align-items:center;gap:15px}.genesis-roadmap-link:hover{color:#a27b39}
@keyframes genesis-float{0%,100%{transform:translateY(6px) rotate(-1.4deg)}50%{transform:translateY(-12px) rotate(.7deg)}}
@keyframes genesis-glow{0%,100%{opacity:.6;scale:.92}50%{opacity:1;scale:1.18}}
@keyframes genesis-star{0%,100%{opacity:.7;rotate:-9deg}50%{opacity:1;rotate:9deg}}
@keyframes genesis-shadow{0%,100%{opacity:.85;transform:scaleX(1)}50%{opacity:.5;transform:scaleX(.8)}}
@keyframes genesis-spark{0%,100%{opacity:.25;transform:translateY(4px)}50%{opacity:.85;transform:translateY(-9px)}}
@media(max-width:1000px){.genesis-showcase{grid-template-columns:1fr 1.5fr 1fr;gap:15px}.genesis-stage{height:380px}.genesis-showcase{min-height:425px}.genesis-callouts{padding:24px 0 32px;gap:30px}.genesis-callout h3{font-size:26px}.genesis-callout p{font-size:16px}.genesis-leaders{opacity:.65}.genesis-floating{width:82%;max-width:250px}}
@media(max-width:720px){section.sec.genesis-section{padding:24px 0 20px}.genesis-section .sec-head h2{font-size:clamp(19px,5vw,27px);letter-spacing:.06em;gap:8px}.genesis-section .sec-head h2::before,.genesis-section .sec-head h2::after{width:25px}.genesis-section .sec-head p{font-size:17px}.genesis-showcase{grid-template-columns:1fr 1fr;gap:12px 25px;min-height:0}.genesis-center{grid-row:1;grid-column:1/-1}.genesis-stage{height:325px;max-width:390px;margin:auto}.genesis-floating{width:65%;max-width:215px}.genesis-leaders{display:none}.genesis-callouts{padding:8px 0 16px;gap:20px;text-align:left}.genesis-callouts-left p{margin-left:0}.genesis-callout h3{font-size:25px}.genesis-callout p{font-size:16px}.genesis-kicker{font-size:8px;letter-spacing:.07em}.genesis-caption{font-size:8px;gap:10px}.genesis-section-foot{margin-top:0}.genesis-orbit{bottom:12px}.genesis-shadow{bottom:24px}}
@media(max-width:380px){.genesis-stage{height:305px}.genesis-callout h3{font-size:23px}.genesis-callout p{font-size:15px}.genesis-showcase{column-gap:16px}}
@media(prefers-reduced-motion:reduce){.genesis-floating,.genesis-core-glow,.genesis-core-star,.genesis-shadow,.genesis-spark{animation:none!important}}
