/* Ambient orbital motion. Transform and opacity only. */
.hero-art{isolation:isolate}.hero-art:before{content:'';position:absolute;inset:8%;border-radius:50%;background:radial-gradient(ellipse,#e9f94818,transparent 68%);animation:halo-breathe 7s ease-in-out infinite;z-index:-1;pointer-events:none}.orbit{will-change:transform}.orbit:after{content:'';position:absolute;top:50%;left:-5px;width:9px;height:9px;border-radius:50%;background:#fff464;box-shadow:0 0 18px #fff00099}.orbit.one{animation:orbit-one 22s linear infinite;border-top-color:#fff00088}.orbit.two{animation:orbit-two 38s linear infinite;border-right-color:#e9f44b60}.orbit.two:after{width:5px;height:5px;left:-3px;background:#e5f6bb}.orbit.three{animation:orbit-three 29s linear infinite;opacity:.6}.orbit.three:after{left:auto;right:14%;top:11%;width:6px;height:6px}.protection-card{animation:card-float 7s ease-in-out infinite;will-change:transform}.tokens i{animation:token-glow 5s ease-in-out infinite}.tokens i:nth-child(2){animation-delay:.7s}.tokens i:nth-child(3){animation-delay:1.4s}.art-note{z-index:3}.motion-toggle{position:absolute;right:4px;top:6px;z-index:4;display:flex;align-items:center;gap:7px;color:#9faa92;border:1px solid #ffffff16;background:#11170bbb;border-radius:20px;padding:7px 11px;font-size:10px;cursor:pointer}.motion-toggle:hover{border-color:#fff00060;color:var(--yellow)}.motion-paused .hero-art *,.motion-paused .hero-art:before{animation-play-state:paused!important}
@keyframes orbit-one{from{transform:rotateX(58deg) rotateZ(-28deg)}to{transform:rotateX(58deg) rotateZ(332deg)}}@keyframes orbit-two{from{transform:rotateY(25deg) rotateZ(0)}to{transform:rotateY(25deg) rotateZ(-360deg)}}@keyframes orbit-three{from{transform:rotateX(70deg) rotateZ(30deg)}to{transform:rotateX(70deg) rotateZ(390deg)}}@keyframes card-float{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-15px) rotate(-2deg)}}@keyframes halo-breathe{0%,100%{opacity:.45;transform:scale(.96)}50%{opacity:1;transform:scale(1.08)}}@keyframes token-glow{0%,100%{background:#fff00009;box-shadow:0 0 0 #fff00000}50%{background:#fff00018;box-shadow:0 0 18px #fff00012}}
/* Three comparable protection passes. */
.tier-layout{grid-template-columns:1fr;gap:28px}.tier-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}.tier-buttons button{position:relative;display:flex;flex-direction:column;padding:25px 28px;text-align:left;overflow:hidden;border:1px solid #e4efb327;border-radius:18px;background:linear-gradient(145deg,#ffffff06,#080e0800 65%),#11180e;transition:transform .25s,border-color .25s,box-shadow .25s,background .25s}.tier-buttons button:before{content:'';position:absolute;width:240px;height:240px;border:1px solid #fff0000c;border-radius:50%;right:-125px;top:50px;pointer-events:none}.tier-buttons button:after{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 80% 0%,#fff00012,transparent 65%);opacity:0;transition:opacity .25s;pointer-events:none}.tier-buttons button:hover{transform:translateY(-6px);border-color:#fff00077;box-shadow:0 16px 40px #0003}.tier-buttons button[aria-pressed=true]{background:linear-gradient(145deg,#fff0000e,#fff00001 65%),#151d0d;border-color:#fff000bb;box-shadow:inset 0 1px #fff5a436,0 14px 50px #0003}.tier-buttons button[aria-pressed=true]:after{opacity:1}.tier-buttons button>span{grid-column:auto;position:relative;z-index:1}.tier-top{display:flex;justify-content:space-between;align-items:center;letter-spacing:2px;font-size:10px;color:#c4ceb4;margin-bottom:27px}.tier-check{width:23px;height:23px;border:1px solid #626a43;border-radius:50%;color:transparent;display:grid;place-items:center;letter-spacing:0}.tier-buttons button[aria-pressed=true] .tier-check{background:var(--yellow);color:#18200b;border-color:var(--yellow)}.tier-money small{display:block;font-size:9px;letter-spacing:1.3px;color:#9fae90;margin-bottom:5px}.tier-buttons .tier-money strong{font-size:68px;line-height:1.15;letter-spacing:-4px;color:var(--fg);display:block}.tier-money strong span{font-size:25px;letter-spacing:-1px;vertical-align:top;display:inline-block;padding-top:12px;margin-right:4px}.tier-buttons button[aria-pressed=true] .tier-money strong{color:var(--yellow)}.tier-shields{display:flex;gap:10px;min-height:64px;align-items:center;margin:17px 0 15px}.tier-shields i{margin:0;display:grid;place-items:center;width:44px;height:48px;border-radius:10px;background:linear-gradient(130deg,#fff00016,#fff00005);border:1px solid #fff0002c;box-shadow:inset 0 1px #ffffff0b}.tier-shields svg{width:22px;height:25px;stroke:#d6df94;fill:none;stroke-width:1.4;stroke-linejoin:round}.tier-buttons button[aria-pressed=true] .tier-shields svg{stroke:var(--yellow)}.tier-benefit{font-size:16px!important;letter-spacing:-.4px!important;color:var(--fg)!important;margin-bottom:12px}.tier-benefit b{font-size:21px;color:var(--yellow);margin-right:4px}.tier-cap{font-size:13px!important;letter-spacing:0!important;color:#cbd5b8!important}.tier-cap b{color:var(--fg)}.tier-cap small{display:block;font-size:10px;color:#96a486;margin-top:5px}.tier-select{margin-top:27px;padding-top:16px;border-top:1px solid #e3edac20;display:flex;justify-content:space-between;align-items:center;letter-spacing:0!important;font-size:11px!important;color:#cad6ae!important}.tier-select i{font-size:19px;margin:0!important;transition:transform .2s}.tier-buttons button:hover .tier-select i{transform:translate(2px,-2px)}.tier-detail{display:grid;grid-template-columns:1fr 1fr;column-gap:45px;align-items:start;padding:30px 35px}.tier-detail .detail-top{grid-column:1/-1}.tier-detail h3,.tier-detail>p:not(.example-total),.tier-detail .loss-slots,.tier-detail .example{grid-column:1}.tier-detail .trade-example{grid-column:2;grid-row:2/7;margin:25px 0 0;padding-top:10px}.tier-detail .example-total{grid-column:2;grid-row:7/9}.tier-detail .example{grid-row:6/9}.tier-detail .trade-row{padding:18px 0;font-size:11px}.tier-detail .trade-row strong{font-size:11px}.tier-detail.is-updating{animation:detail-in .3s ease-out}@keyframes detail-in{from{opacity:.65;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.tier-buttons{gap:13px}.tier-buttons button{padding:22px}.tier-buttons .tier-money strong{font-size:57px}.tier-money strong span{font-size:21px}.tier-benefit{font-size:14px!important}.tier-detail{column-gap:25px}}
@media(max-width:740px){.protection-card{animation-name:card-float-mobile}.orbit.one{animation-duration:30s}.orbit.two{animation-duration:46s}.orbit.three{animation-duration:38s}.motion-toggle{right:0;top:8px;font-size:9px}.tier-buttons{grid-template-columns:1fr;gap:16px}.tier-buttons button{padding:23px 26px;display:grid;grid-template-columns:1fr 1fr;column-gap:15px}.tier-top{grid-column:1/-1!important;margin-bottom:16px}.tier-money{grid-column:1!important;grid-row:2/4}.tier-buttons .tier-money strong{font-size:64px}.tier-shields{grid-column:2!important;grid-row:2;justify-content:flex-end;margin:0;min-height:50px;gap:6px}.tier-shields i{width:34px;height:39px}.tier-shields svg{width:19px;height:22px}.tier-benefit{grid-column:2!important;grid-row:3;text-align:right;font-size:12px!important;margin:0;align-self:end}.tier-benefit b{font-size:17px}.tier-cap{grid-column:1/-1!important;margin-top:18px}.tier-select{grid-column:1/-1!important;margin-top:19px}.tier-detail{display:block;padding:25px}.tier-detail .trade-example{margin-top:25px}.tier-detail .example-total{margin-top:16px}.tier-buttons button:hover{transform:none}@keyframes card-float-mobile{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-8px) rotate(-2deg)}}}
@media(prefers-reduced-motion:reduce){.hero-art *,.hero-art:before,.tier-detail{animation:none!important;will-change:auto}.tier-buttons button,.tier-buttons button:after,.tier-select i{transition:none!important}.motion-toggle{display:none}.tier-buttons button:hover{transform:none}}
