/* Site-wide gradient and glass. To reverse: empty this file. */
html,body{background:transparent}
html{background:#e4e2dc}
body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:
  radial-gradient(46vw 46vw at 88% 14%,rgba(92,123,255,.5),transparent 70%),
  radial-gradient(40vw 40vw at 6% 8%,rgba(143,163,255,.42),transparent 70%),
  radial-gradient(44vw 44vw at 10% 94%,rgba(36,64,255,.4),transparent 70%),
  radial-gradient(40vw 40vw at 94% 84%,rgba(92,123,255,.42),transparent 70%),#e4e2dc}
:has(>main){background:transparent!important}
/* Bands */
/* Dark panels: inset with large rounded corners so the gradient shows around them */
main section[style*="rgb(26, 26, 25)"]{width:min(100% - 2 * var(--gut),1520px);margin:24px auto;border-radius:40px 14px 40px 14px;overflow:hidden;box-shadow:0 30px 70px rgba(16,18,60,.18),inset 0 1px 0 rgba(255,255,255,.08)}
main section[style*="rgb(26, 26, 25)"]>.wrap{padding-left:calc(var(--gut) + 8px);padding-right:calc(var(--gut) + 8px)}
footer{background:rgba(14,15,22,.88)!important;-webkit-backdrop-filter:blur(26px) saturate(170%);backdrop-filter:blur(26px) saturate(170%)}
main section[style*="rgb(214, 212, 205)"]{background:transparent!important;border:0}
.who{background:transparent;color:#1a1a19;overflow:visible}
.who-b,.who-r{display:none}
.who-c{padding:32px;border-radius:20px 8px 20px 8px;background:rgba(255,255,255,.36);border:1px solid rgba(255,255,255,.55);box-shadow:0 12px 34px rgba(16,18,60,.08),inset 0 1px 0 rgba(255,255,255,.6);-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%)}
.who-l{color:#1c34d6}
.wc p{color:#1a1a19}
.who-p b{color:#3a3a37}
.who-p b::before{display:none}
/* Cards */
.three .line,.four>.line,.four .line,.split>.line,.split .line:not(.row),.card{--r:20px;border-radius:var(--r) 8px var(--r) 8px;padding:24px!important;background:rgba(255,255,255,.36);border:1px solid rgba(255,255,255,.55);box-shadow:0 12px 34px rgba(16,18,60,.08),inset 0 1px 0 rgba(255,255,255,.6);transition:transform .45s cubic-bezier(.2,.8,.2,1),background .3s,box-shadow .3s}
main>section:not([style*="rgb"]):not(.who) .line:not(.row){-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%)}
.three .line::before,.four .line::before,.split .line::before,.three .line::after,.four .line::after,.split .line::after{display:none}
.three a.line:hover,.split a.line:hover{background:rgba(255,255,255,.56);box-shadow:0 18px 44px rgba(16,18,60,.14),inset 0 1px 0 rgba(255,255,255,.7)}
.on-dark .line:not(.row){background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
a.card[style*="rgb(36, 64, 255)"]{background:rgba(36,64,255,.86)!important;border-color:rgba(255,255,255,.28);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
/* Questions */
.line:has(>button[aria-expanded]){padding:0 24px!important;margin-bottom:8px;border-radius:18px 7px 18px 7px;background:rgba(255,255,255,.36);border:1px solid rgba(255,255,255,.55);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.line:has(>button[aria-expanded])::before,.line:has(>button[aria-expanded])::after{display:none}
/* Buttons */
.btn2{background:rgba(255,255,255,.42)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.btn2:hover{background:#1a1a19!important;color:#e4e2dc!important;box-shadow:none}
a.btn[style*="rgb(36, 64, 255)"]{box-shadow:0 10px 26px rgba(36,64,255,.3),inset 0 1px 0 rgba(255,255,255,.35)}
main div[style*="aspect-ratio"][style*="rgb(214, 212, 205)"]{background:rgba(255,255,255,.36)!important;border:1px solid rgba(255,255,255,.55);border-radius:20px 8px 20px 8px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
/* Footer: inset rounded panel with slow drifting light */
footer{position:relative;overflow:hidden;isolation:isolate;width:min(100% - 2 * var(--gut),1520px);margin:24px auto 24px;border-radius:40px 14px 40px 14px;box-shadow:0 30px 70px rgba(16,18,60,.2),inset 0 1px 0 rgba(255,255,255,.08)}
footer>.wrap{position:relative;z-index:1;padding-left:calc(var(--gut) + 16px);padding-right:calc(var(--gut) + 16px)}
footer::before,footer::after{content:'';position:absolute;z-index:0;pointer-events:none;border-radius:50%;filter:blur(70px);opacity:.55}
footer::before{width:520px;height:520px;left:-120px;top:-220px;background:radial-gradient(circle,#2440ff 0%,rgba(36,64,255,0) 70%);animation:ftA 18s ease-in-out infinite alternate}
footer::after{width:460px;height:460px;right:-100px;bottom:-240px;background:radial-gradient(circle,#5c7bff 0%,rgba(92,123,255,0) 70%);animation:ftB 22s ease-in-out infinite alternate}
@keyframes ftA{0%{transform:translate(0,0) scale(1)}50%{transform:translate(380px,120px) scale(1.15)}100%{transform:translate(760px,40px) scale(.95)}}
@keyframes ftB{0%{transform:translate(0,0) scale(1)}50%{transform:translate(-420px,-140px) scale(1.2)}100%{transform:translate(-820px,-60px) scale(1)}}
@media (max-width:640px){footer{border-radius:28px 10px 28px 10px}footer>.wrap{padding-left:20px;padding-right:20px}footer::before,footer::after{width:300px;height:300px}}
@media (prefers-reduced-motion: reduce){footer::before,footer::after{animation:none}}