/* Planos */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.reference-header nav{grid-template-columns:repeat(5,1fr)}
@media(max-width:800px){.reference-header nav{grid-template-columns:none}}
.billing{display:flex;align-items:center;justify-content:center;gap:16px;margin:0 0 44px;font:12px var(--font-jetbrains-mono);letter-spacing:.1em;text-transform:uppercase;color:#8a8a8a;flex-wrap:wrap}
.billing .on{color:#fff}.promo{background:#c5ff4a;color:#000;padding:3px 8px;border-radius:3px;font-weight:500;margin-left:6px}
.switch{width:52px;height:28px;border-radius:20px;border:1px solid #597321;background:#1f1f1f;position:relative;padding:0}
.switch i{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#c5c5c5;transition:transform .2s,background .2s}
.switch[aria-checked=true]{background:#314013}.switch[aria-checked=true] i{transform:translateX(24px);background:#c5ff4a}
.switch:focus-visible{outline:2px solid #c5ff4a;outline-offset:4px}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.plan{position:relative;display:flex;flex-direction:column;border:1px solid #313131;background:#1f1f1f;padding:36px 28px 28px;border-radius:6px;transition:border-color .2s}
.plan:hover{border-color:#597321}
.plan.recommended{border-color:#c5ff4a;box-shadow:0 0 0 1px #c5ff4a4d;background:#232820}
.plan-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#c5ff4a;color:#000;font:600 10px var(--font-jetbrains-mono);letter-spacing:.14em;text-transform:uppercase;padding:5px 12px;border-radius:20px;white-space:nowrap}
.plan h3{font-size:34px}.plan-desc{font-size:14px;min-height:46px;margin:10px 0 22px}
.plan-price{display:flex;align-items:baseline;gap:8px}.plan .amount{font:400 clamp(38px,4vw,52px)/1 var(--font-pt-serif);letter-spacing:-.03em;color:#fff}.plan .per{color:#8a8a8a;font-size:14px}
.plan-note{font-size:13px;color:#c5ff4a;margin:8px 0 24px;min-height:21px}
.plan .button{justify-content:center;gap:12px;margin-bottom:26px;text-align:center}
.plan ul{list-style:none;margin:0;padding:22px 0 0;border-top:1px solid #3d3d3d;display:grid;gap:12px;font-size:14px}
.plan li{display:flex;gap:12px;align-items:flex-start;line-height:1.45}.plan li>span:first-child{flex-shrink:0;width:16px}
.plan li.on>span:first-child{color:#c5ff4a}.plan li.on{color:#e5e5e5}.plan li.off{color:#8a8a8a}.plan li.off>span:last-child{text-decoration:line-through}
.pricing-foot{text-align:center;margin-top:34px;font:11px/1.7 var(--font-jetbrains-mono);letter-spacing:.1em;color:#c5c5c5}
.field select{width:100%;background:#0b0b0b;color:#fff;border:1px solid #3d3d3d;border-radius:4px;padding:14px 16px;font:15px var(--font-inter-tight)}
.field select:focus-visible{outline:2px solid #c5ff4a;outline-offset:2px;border-color:#c5ff4a}
@media(max-width:900px){.plans{grid-template-columns:1fr;max-width:480px;margin:0 auto}.plan-desc{min-height:0}}

/* Fundo de bolinhas interativas nas seções de planos e contato */
html{overflow-x:clip}
.pricing,.contact{position:relative}
.pricing>*:not(.dot-field),.contact>*:not(.dot-field){position:relative;z-index:1}
.dot-field-wide{left:50%;right:auto;width:100vw;margin-left:-50vw;z-index:0}
.pricing,.contact{border-top:1px solid #252525}
.contact-phone{text-align:center;margin-top:18px;font:12px var(--font-jetbrains-mono);letter-spacing:.1em;color:#c5c5c5}.contact-phone a{color:#c5ff4a;text-decoration:underline}