/* Pricing 2026: clearer comparison, savings and plan hierarchy */
#planos{scroll-margin-top:72px}
.pricing{isolation:isolate;padding-top:132px;padding-bottom:126px}
.pricing-glow{position:absolute;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(105px);opacity:.38}
.pricing-glow-one{width:420px;height:300px;left:-100px;top:210px;background:rgba(53,208,218,.18)}
.pricing-glow-two{width:460px;height:330px;right:-130px;bottom:100px;background:rgba(139,96,239,.16)}
.pricing-heading{margin-bottom:62px}
.pricing-heading h2{max-width:760px;margin-left:auto;margin-right:auto}
.pricing-heading>p{max-width:690px}
.billing-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:30px}
.billing-toggle{margin-top:0;padding:5px;border-color:#30405c;border-radius:12px;background:rgba(10,16,28,.88);box-shadow:0 12px 35px rgba(0,0,0,.22)}
.billing-toggle button{min-width:105px;padding:11px 16px;cursor:pointer;font-weight:700;transition:background .2s,color .2s,box-shadow .2s}
.billing-toggle button.active{background:linear-gradient(135deg,#21324d,#263a58);box-shadow:inset 0 0 0 1px rgba(104,229,234,.11),0 8px 22px rgba(0,0,0,.22)}
.billing-toggle button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.billing-hint{color:#77869e;font-size:10px;letter-spacing:.2px}
.pricing.is-monthly .billing-hint{visibility:hidden}
.pricing-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-items:stretch}
.price-card{min-width:0;min-height:650px;padding:24px 22px 22px;border-color:#28344a;border-radius:20px;background:linear-gradient(155deg,rgba(17,24,39,.98),rgba(10,15,25,.98));box-shadow:0 22px 55px rgba(0,0,0,.24);overflow:visible;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.price-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(145deg,color-mix(in srgb,var(--plan-accent) 9%,transparent),transparent 32%);opacity:.65}
.price-card:hover{transform:translateY(-7px);border-color:color-mix(in srgb,var(--plan-accent) 55%,#28344a);box-shadow:0 30px 75px rgba(0,0,0,.38),0 0 42px color-mix(in srgb,var(--plan-accent) 8%,transparent)}
.price-card.popular{transform:translateY(-10px);border-color:rgba(104,229,234,.68);background:linear-gradient(155deg,rgba(18,35,46,.98),rgba(11,18,29,.99));box-shadow:0 28px 75px rgba(19,145,156,.16),0 0 0 1px rgba(104,229,234,.08)}
.price-card.popular:hover{transform:translateY(-16px);box-shadow:0 34px 90px rgba(19,145,156,.23),0 0 48px rgba(104,229,234,.08)}
.popular-label{top:0;right:18px;display:flex;align-items:center;gap:6px;padding:7px 11px;background:linear-gradient(135deg,#7af0ef,#5ad4dc);box-shadow:0 9px 24px rgba(57,205,215,.28)}
.popular-label span{font-size:7px}
.plan-topline{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}
.plan-icon{width:45px;height:45px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--plan-accent) 31%,transparent);border-radius:13px;background:color-mix(in srgb,var(--plan-accent) 10%,#111827);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.plan-icon svg{width:22px;height:22px;fill:var(--plan-accent);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--plan-accent) 35%,transparent))}
.agency-icon svg{width:24px;height:24px}
.business-icon svg{width:24px;height:24px}
.plan-eyebrow{font-size:8px;font-weight:900;letter-spacing:1.35px;color:color-mix(in srgb,var(--plan-accent) 78%,#fff)}
.plan-title{position:relative;z-index:1;margin-top:24px}
.price-card .plan-title h3{font-size:23px;letter-spacing:-.55px;margin:0 0 8px}
.price-card .plan-title p{min-height:57px;margin:0;color:#8290a5;font-size:12px;line-height:1.55}
.price-card .price{position:relative;z-index:1;margin:21px 0 18px}
.price small{font-size:8px;letter-spacing:1.35px;font-weight:800;color:#64738b}
.price-line{display:flex;align-items:end;gap:4px;margin-top:5px;white-space:nowrap}
.price-line b{font-size:clamp(29px,2.15vw,36px);line-height:1.1;letter-spacing:-2px}
.price-line span{font-size:10px;padding-bottom:4px}
.price-deal{height:21px;display:flex;align-items:center;gap:8px;margin-top:6px;font-size:10px}
.price-deal s{color:#59677c}
.price-deal strong{color:var(--cyan);font-size:9px}
.pricing.is-monthly .price-deal{visibility:hidden}
.price-card .capacity{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0;border:1px solid #2a354a;border-radius:12px;background:rgba(7,12,21,.44);overflow:hidden}
.price-card .capacity span{padding:14px 12px;text-align:center;font-size:8px;text-transform:uppercase;letter-spacing:.55px}
.price-card .capacity span+span{border-left:1px solid #2a354a}
.price-card .capacity b{font-size:18px;color:var(--plan-accent);letter-spacing:-.35px}
.plan-highlight{position:relative;z-index:1;min-height:48px;margin-top:13px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--plan-accent) 14%,transparent);border-radius:10px;background:color-mix(in srgb,var(--plan-accent) 8%,transparent);color:color-mix(in srgb,var(--plan-accent) 75%,#dbe5ef);font-size:10px;line-height:1.4}
.price-card ul{position:relative;z-index:1;margin:17px 0 8px}
.price-card li{color:#a9b4c4;font-size:11px;line-height:1.45;margin:12px 0;padding-left:1px}
.price-card li:before{color:var(--plan-accent)}
.price-card .button{position:relative;z-index:1;min-height:47px;margin-top:16px;border-radius:11px}
.price-card .button span{transition:transform .2s}
.price-card .button:hover span{transform:translateX(3px)}
.price-card .button.ghost{background:linear-gradient(145deg,#151f30,#111a28);border-color:#31415b;color:#d0d9e6}
.pricing-trust{display:flex;justify-content:center;gap:31px;margin-top:38px;color:#8a98ad;font-size:11px}
.pricing-note{margin-top:14px}

@media(max-width:1120px){
  .pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
  .price-card{min-height:620px}
  .price-card.popular{transform:none}
  .price-card.popular:hover{transform:translateY(-7px)}
  .price-line b{font-size:38px}
}

@media(max-width:680px){
  #planos{scroll-margin-top:62px}
  .pricing{padding-top:96px;padding-bottom:94px}
  .pricing-heading{margin-bottom:46px}
  .pricing-heading>p{font-size:15px}
  .billing-toggle{width:100%;max-width:330px}
  .billing-toggle button{flex:1;min-width:0;padding:11px 9px}
  .pricing-grid{grid-template-columns:1fr;gap:28px}
  .price-card{min-height:0;padding:25px 23px}
  .price-card:hover,.price-card.popular:hover{transform:none}
  .price-line b{font-size:38px}
  .pricing-trust{flex-direction:column;align-items:center;gap:10px;margin-top:32px}
}