body:has(.plans-main), .plans-main { background: #000; }
.plans-main { position: relative; isolation: isolate; }
.plans-main::before { content: ''; position: fixed; inset: 60px 0 0 238px; z-index: -1; pointer-events: none;
  background: url('/static/home-ribbon-v2.png') right bottom / min(900px,80vw) auto no-repeat; opacity: .4; }
.plans-main .content { max-width: 1500px; }
.plans-main .wallet-summary { background: #ffffff07; border: 1px solid #ffffff20; border-radius: 16px; }
.energy-hero { position: relative; isolation: isolate; overflow: hidden; display: flex; align-items: center;
  min-height: 260px; padding: 32px; margin: 0 0 28px; border: 1px solid #e3323270; border-radius: 24px; background: #080303; }
.energy-hero>div { position: relative; z-index: 2; max-width: 53%; }
.energy-hero>img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 65% 35%; z-index: -2; }
.energy-hero::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg,#000f,#000c 38%,#0000 85%); }
.energy-hero-label { font-size: 12px; color: #ff8585 !important; }
.energy-hero h2 { font-size: clamp(32px,3.4vw,50px); line-height: 1.06; letter-spacing: -1.8px; margin: 12px 0; font-weight: 650 !important; }
.energy-hero p { max-width: 390px; color: #ddd !important; font-size: 14px; line-height: 1.6; margin: 0; }
.energy-plans, .lp-pricing-grid.energy-plans { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,280px),1fr)); gap: 22px; align-items: stretch; }
#planos { background: #000 !important; }
.energy-plan { position: relative; isolation: isolate; overflow: hidden; display: flex; flex-direction: column;
  border: 1px solid #e3323270; border-radius: 24px; background: linear-gradient(135deg,#ffffff12,#ffffff03 42%),#0c090a99;
  box-shadow: inset 0 1px 0 #ffffff2b,0 16px 36px #0005; }
.energy-plan::after { content: ''; position: absolute; inset: 0; z-index: 3; border-radius: inherit; padding: 2px;
  pointer-events: none; background: conic-gradient(from 0deg at 50% 50%,transparent 0 10%,#e3323270 14%,#ffb5b5 14.3%,#e33232 15%,transparent 17% 58%,#e33232 61%,#fff0f0 61.4%,#e3323290 62%,transparent 66%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); mask-composite: exclude; }
.energy-featured { border-color: #ff5656; box-shadow: inset 0 1px 0 #ffffff30,0 0 28px #e3323226; }
.energy-art { height: 155px; position: relative; overflow: hidden; border-bottom: 1px solid #ffffff12; background: #080303; }
.energy-art::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg,#0d090b,transparent 70%); }
.energy-art img { width: 100%; height: 100%; object-fit: cover; object-position: 70% 34%; }
.energy-plan:nth-child(2n) .energy-art img { object-position: 95% 42%; }
.energy-plan-body { position: relative; display: flex; flex-direction: column; padding: 22px; flex: 1; background: #ffffff03; }
.energy-plan-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.energy-plan h3 { margin: 0; font-size: 24px; letter-spacing: -.6px; font-weight: 600 !important; }
.energy-tag { border: 1px solid #ff74745c; border-radius: 20px; padding: 5px 8px; color: #ffc1c1 !important; background: #e3323226; font-size: 10px; white-space: nowrap; }
.energy-purpose { color: #bcbcbc !important; font-size: 12px; line-height: 1.5; margin: 10px 0 20px; min-height: 36px; }
.energy-price { font-size: clamp(28px,2.7vw,40px); letter-spacing: -1.2px; font-weight: 600 !important; }
.energy-price small { display: block; font-size: 11px; letter-spacing: 0; color: #bcbcbc !important; margin-top: 5px; }
.energy-capacity { margin: 24px 0 10px; padding: 15px 0; border-top: 1px solid #ffffff1c; border-bottom: 1px solid #ffffff1c; }
.energy-capacity strong { display: block; font-size: 30px; line-height: 1.15; color: #ff6262 !important; font-weight: 600 !important; }
.energy-capacity span { display: block; font-size: 12px; color: #dedede; margin-top: 5px; }
.energy-credit-note { font-size: 11px; line-height: 1.6; color: #c4c4c4 !important; margin: 0 0 20px; }
.energy-plan .energy-buy { background: #e33232; border-color: #ff6969; min-height: 46px; justify-content: space-between; text-align: left; font-size: 13px; }
.energy-plan .energy-buy:hover { background: #c62828; }
.energy-features { padding: 0; list-style: none; margin: 24px 0; display: grid; gap: 12px; font-size: 12px; line-height: 1.5; }
.energy-features li { display: flex; gap: 9px; color: #dedede; }
.energy-features li::before { content: '✓'; color: #ff7373; }
.energy-estimate { margin: auto 0 0; padding-top: 16px; border-top: 1px solid #ffffff16; font-size: 10px; line-height: 1.7; color: #aaa !important; }
@supports(backdrop-filter:blur(1px)) { .energy-plan-body { background: #16101455; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); } }
@media(prefers-reduced-motion:no-preference) {
  .energy-plan::after { animation: energy-border 3.8s ease-in-out infinite alternate; }
  .energy-plan:nth-child(2n)::after { animation-delay: -1.9s; }
  @keyframes energy-border { from { opacity: .3; } to { opacity: 1; } }
  .energy-plan .energy-buy { transition: background-color .15s ease; }
}
@media(max-width:650px) {
  .plans-main::before { inset-inline-start: 0; background-size: 700px auto; }
  .energy-hero { padding: 24px; min-height: 270px; }
  .energy-hero>div { max-width: 78%; }
  .energy-hero::after { background: linear-gradient(90deg,#000e,#0006); }
  .energy-art { height: 180px; }
  .energy-plan-body { padding: 22px; }
  .energy-price { font-size: 36px; }
}