.site-header nav>a[aria-current="page"]:after{transform:scaleX(1)}

.pricing-hero{position:relative;padding:170px clamp(20px,4.2vw,72px) 72px;isolation:isolate;overflow:clip}
.pricing-hero .hero-grid{z-index:-1}
.pricing-hero h1{font-size:clamp(54px,7.4vw,118px);max-width:1000px}
.pricing-lede{margin:34px 0 0;max-width:640px;font-size:21px;line-height:1.45;color:var(--muted)}
.pricing-notes a,.faq a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:3px}

.plans{margin:0 clamp(20px,4.2vw,72px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.plan{padding:30px 28px 32px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column}
.plan-team{background:var(--panel);box-shadow:inset 0 3px 0 var(--orange)}
.plan-name{margin:0;font:12px/1 "JetBrains Mono",monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--orange)}
.plan-price{margin:34px 0 0;display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px}
.plan-price strong{font-size:clamp(56px,5.6vw,88px);font-weight:590;letter-spacing:-.06em;line-height:.9}
.plan-price span{font:11px/1.3 "JetBrains Mono",monospace;color:var(--muted)}
.plan-for{margin:22px 0 0;min-height:2.9em;font-size:18px;line-height:1.35;letter-spacing:-.01em}
.plan-limits{margin:26px 0 0;padding:0;list-style:none;flex:1}
.plan-limits li{padding:13px 0;border-top:1px solid var(--line);font-size:16px;line-height:1.4}
.soon{display:inline-block;padding:2px 6px;border:1px solid var(--line);font:10px/1.3 "JetBrains Mono",monospace;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);vertical-align:1px;white-space:nowrap}
.plan-action{margin-top:28px;align-self:flex-start;border:1px solid var(--ink)}
.plan-action.button-primary{border-color:var(--orange)}
.plan-action:not(.button-primary):hover{background:var(--ink);color:var(--paper)}
.button:focus-visible,.plan a:focus-visible,.pricing-hero a:focus-visible,.pricing-notes a:focus-visible,.faq a:focus-visible,summary:focus-visible,nav a:focus-visible,.theme-toggle:focus-visible,.brand:focus-visible{outline:2px solid var(--orange);outline-offset:3px}

.pricing-notes{padding:13vh clamp(20px,4.2vw,72px) 0;display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,110px)}
.note h2,.faq h2{font-size:clamp(38px,3.8vw,60px);max-width:none}
.note p{margin:26px 0 0;max-width:560px;font-size:18px;line-height:1.5;color:var(--muted)}
.note code{font:15px "JetBrains Mono",monospace;color:var(--ink)}

.faq{padding:13vh clamp(20px,4.2vw,72px) 15vh;display:grid;grid-template-columns:minmax(220px,.6fr) minmax(0,1.4fr);gap:clamp(40px,6vw,110px);align-items:start}
.faq-list{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{padding:22px 40px 22px 0;position:relative;cursor:pointer;list-style:none;font-size:21px;font-weight:540;letter-spacing:-.02em}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"";position:absolute;right:6px;top:50%;width:10px;height:10px;border-right:1.5px solid var(--orange);border-bottom:1.5px solid var(--orange);transform:translateY(-70%) rotate(45deg);transition:transform 180ms var(--ease-out)}
.faq details[open] summary:after{transform:translateY(-30%) rotate(225deg)}
.faq details p{margin:0 0 24px;max-width:640px;font-size:17px;line-height:1.55;color:var(--muted)}

@media (max-width:900px){.plans{grid-template-columns:1fr}.plan-for{min-height:0}.pricing-notes,.faq{grid-template-columns:1fr}}
@media (max-width:560px){.pricing-hero{padding-top:120px;padding-bottom:48px}.pricing-lede{font-size:18px}.plans{margin:0 20px}.plan{padding:26px 20px 28px}.pricing-notes,.faq{padding-left:20px;padding-right:20px}.faq summary{font-size:19px}}
@media (prefers-reduced-motion:reduce){.faq summary:after{transition:none}}
