/* Ambient backgrounds stay clipped to dark sections and panels. */
[data-ambient]{position:relative;isolation:isolate;overflow:hidden}
[data-ambient]>.container,[data-ambient="panel"]>:not(.section-ambient){position:relative;z-index:1}
.section-ambient{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;contain:paint}
.section-ambient::before{content:"";position:absolute;inset:0;background:linear-gradient(#ed91b008 1px,transparent 1px),linear-gradient(90deg,#ed91b008 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(135deg,transparent,#000 45%,transparent)}
.ambient-orbit{position:absolute;width:clamp(240px,42vw,600px);aspect-ratio:1;border:1px solid #ec91b022;border-radius:50%;right:-15%;top:3%;animation:jera-orbit 38s linear infinite;animation-play-state:paused}
.ambient-orbit::before{content:"";position:absolute;inset:14%;border:1px dashed #ec91b029;border-radius:50%}
.ambient-orbit::after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#ed9bb6;top:50%;left:-4px;box-shadow:0 0 18px #d45c8c88}
.ambient-glow{position:absolute;inset:10% 20% 15% -25%;background:radial-gradient(ellipse,#b52d5640,transparent 65%);animation:jera-drift 24s ease-in-out infinite alternate;animation-play-state:paused}
.ambient-signal{position:absolute;width:140px;height:1px;background:linear-gradient(90deg,transparent,#f4acc655,transparent);left:0;top:72%;animation:jera-signal 20s ease-in-out infinite;animation-play-state:paused}
.ambient-running .section-ambient>*{animation-play-state:running}
#work .ambient-orbit{right:auto;left:-20%;top:24%;animation-duration:45s}
#subscriptions .ambient-glow{animation-delay:-9s}
#developers .ambient-orbit{top:-15%;right:-18%;animation-direction:reverse}
.site-footer .ambient-orbit{width:400px;top:-180px}.site-footer .ambient-glow{opacity:.7}
@keyframes jera-orbit{to{transform:rotate(360deg)}}
@keyframes jera-drift{to{transform:translate3d(15%,8%,0)}}
@keyframes jera-signal{0%,100%{opacity:0;transform:translateX(-140px)}20%,75%{opacity:1}90%{transform:translateX(90vw);opacity:0}}
/* High contrast heading hierarchy, including the small section labels. */
.section .eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;color:#9e244a;line-height:1.6}
.section .title{font-weight:800;line-height:1.12;letter-spacing:-.035em}
[data-ambient]:not([data-ambient="light"]) .eyebrow{color:#ffc1d5!important;background:#3b2030d9;border:1px solid #d776983d;padding:7px 12px;border-radius:6px}
[data-ambient]:not([data-ambient="light"]) .title{color:#fff7fb!important;text-shadow:0 2px 20px #0003}
[data-ambient]:not([data-ambient="light"]) .title::after{content:"";display:block;width:72px;height:3px;margin-top:22px;background:linear-gradient(90deg,#ee8caf,#b52d56);border-radius:4px}
.site-footer h3,.site-footer h4{color:#fff5f9;font-weight:800}.site-footer h4{font-size:14px;letter-spacing:.04em}
@media(max-width:650px){.ambient-orbit{opacity:.6}.section .eyebrow{font-size:11px}[data-ambient]:not([data-ambient="light"]) .title::after{margin-top:16px;width:52px}}
@media(prefers-reduced-motion:reduce){.section-ambient>*{animation:none!important}}

/* Cool glow balances the rose accents behind the content. */
.section-ambient::after{content:"";position:absolute;inset:-15% -25% 0 30%;background:radial-gradient(ellipse at 65% 45%,#8878e52b,transparent 60%);animation:jera-counter-drift 29s ease-in-out infinite alternate;animation-play-state:paused}
.ambient-running>.section-ambient::after{animation-play-state:running}
[data-ambient="panel"]>.section-ambient{border-radius:inherit;opacity:.8}
[data-ambient="panel"] .ambient-orbit{width:clamp(220px,32vw,420px);top:-20%;right:-20%;animation-duration:48s}
[data-ambient="panel"] .ambient-glow{inset:-20% 0 -20% -35%}
[data-ambient="panel"] .ambient-signal{top:82%;animation-duration:17s}
#point-of-view .ambient-orbit{animation-delay:-12s}
#subscriptions .ambient-orbit{animation-direction:reverse;animation-delay:-22s}
#developers .ambient-glow{animation-delay:-16s}
.cta-shell .ambient-orbit{animation-direction:reverse}
@keyframes jera-counter-drift{to{transform:translate3d(-12%,12%,0) scale(1.08)}}
@media(max-width:650px){.section-ambient::before{background-size:48px 48px}.ambient-signal{width:90px}}
@media(prefers-reduced-motion:reduce){.section-ambient::after{animation:none!important}}

/* Light sections retain dark type; decoration stays behind the content. */
[data-ambient="light"]>.section-ambient{opacity:.45}
[data-ambient="light"] .ambient-glow{background:radial-gradient(ellipse,#bb527c17,transparent 68%)}
[data-ambient="light"]>.section-ambient::after{background:radial-gradient(ellipse at 65% 45%,#657fd51a,transparent 60%)}
[data-ambient="light"] .ambient-orbit{border-color:#b52d5614;opacity:.45}
[data-ambient="light"] .ambient-orbit::after{background:#b52d5633;box-shadow:none}
[data-ambient="light"] .ambient-signal{background:linear-gradient(90deg,transparent,#b52d562b,transparent)}
#pricing .ambient-glow,#faq .ambient-glow{animation-delay:-12s;animation-direction:alternate-reverse}
#home .ambient-orbit{right:-22%;top:5%;animation-duration:52s}