/* Pricing September 16: Figma 798:837 / 798:838. Shared brand tokens and native content. */
/* ── 1. PRICING FOUNDATIONS ───────────────────────────────────────── */
body.pricing-v2[data-route="/pricing"] {margin:0;border:0;background:var(--paper);color:var(--ink);font:300 20px/1.5 'Fraunces',Georgia,serif;--pricing-blue:var(--accessible-orbit-blue);}
.pricing-september-16::before {display:none;}
.pricing-september-16 * {box-sizing:border-box;}
.pricing-september-16 :is(h1,h2,h3,p,dl,dd) {margin:0;color:inherit;}
.pricing-september-16 :is(h1,h2,h3) {font-family:'Fraunces',Georgia,serif;font-weight:300;line-height:1.2;letter-spacing:0;text-transform:none;font-variation-settings:'SOFT' 0,'WONK' 1;}
.pricing-september-16 h1 {font-size:88px;line-height:1.08;letter-spacing:-.02em;}
.pricing-september-16 h2 {font-size:56px;line-height:1.1;letter-spacing:-.02em;}
.pricing-september-16 h3 {font-size:32px;}
.pricing-september-16 a:where(:not(.skip-link)) {color:inherit;text-decoration:none;}
.pricing-september-16 button {font:inherit;color:inherit;background:none;border:0;cursor:pointer;}
.pricing-september-16 :is(a,button,summary):focus-visible {outline:3px solid var(--pricing-blue);outline-offset:4px;}
.pricing-september-16 .eyebrow,.pricing-september-16 .mono {font:12px/1.5 'JetBrains Mono',monospace;letter-spacing:.02em;}
.pricing-september-16 .eyebrow {color:var(--pricing-blue);line-height:1.2;}
.pricing-september-16 .actions {display:flex;flex-wrap:wrap;gap:16px;}
.pricing-september-16 .release-action {display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border:1px solid var(--ink);border-radius:2px;background:var(--paper);font:14px/1.45 'JetBrains Mono',monospace;letter-spacing:.04em;text-align:center;}
.pricing-september-16 .release-action.primary {background:var(--pricing-blue);border-color:var(--pricing-blue);color:var(--paper);}
.pricing-september-16 .release-action.inverse {background:var(--paper);border-color:var(--paper);color:var(--ink);}
.pricing-september-16 .release-action:hover {background:var(--paper-2);color:var(--ink);}
.pricing-september-16 .release-action.primary:hover {background:var(--ink);border-color:var(--ink);color:var(--paper);}
.pricing-september-16 .masthead {height:92px;min-height:92px;padding:20px 64px;display:flex;gap:48px;align-items:center;justify-content:space-between;border:0;border-top:1px solid var(--rule-soft);}
.pricing-september-16 .brand {display:inline-flex;align-items:center;gap:12px;min-height:44px;flex-shrink:0;transform:none;}
.pricing-september-16 .brand-symbol {width:45px;height:36px;object-fit:contain;}
.pricing-september-16 .brand-wordmark {width:189px;height:14px;object-fit:contain;}
.pricing-september-16 .home-nav {display:flex;align-items:center;gap:48px;}
.pricing-september-16 :is(.home-nav,.pricing-dialog nav) a {min-height:44px;display:flex;align-items:center;font:13px/1.45 'JetBrains Mono',monospace;letter-spacing:.04em;}
.pricing-september-16 .home-nav [aria-current=page] {color:var(--pricing-blue);}
.pricing-september-16 .menu-toggle {display:none;min-height:44px;font:12px 'JetBrains Mono',monospace;gap:8px;align-items:center;}
/* ── 2. PRICING COMPOSITION ───────────────────────────────────────── */
body.pricing-september-16 #main {padding:0;margin:0;max-width:none;}
body.pricing-september-16 #main > section {border:0;}
body.pricing-september-16 #main > .pricing-band {padding:80px max(24px,5.5556vw);}
body.pricing-september-16 #main > .pricing-hero {padding:0;display:grid;grid-template-columns:800fr 640fr;}
.pricing-september-16 .hero-copy {padding:64px 5.5556vw;min-height:640px;display:flex;flex-direction:column;gap:24px;min-width:0;}
.pricing-september-16 .hero-lede {font-size:26px;}
.pricing-september-16 .hero-copy .primary {min-width:192px;}
.pricing-september-16 .allowance {background:var(--master-orbit-blue);color:var(--paper);display:flex;flex-direction:column;justify-content:space-between;min-width:0;}
.pricing-september-16 .allowance-copy {padding:64px;display:flex;flex-direction:column;gap:16px;}
.pricing-september-16 .allowance .eyebrow {color:var(--paper);}
.pricing-september-16 .allowance-number {font-size:144px;line-height:1;letter-spacing:-.02em;}
.pricing-september-16 .allowance-title {font-size:40px;line-height:1.15;}
.pricing-september-16 .pattern {height:128px;overflow:hidden;background:var(--paper);}
.pricing-september-16 .pattern img {display:block;width:640px;height:640px;max-width:none;}
body.pricing-september-16 #main > .rates {padding-top:48px;padding-bottom:48px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;}
.pricing-september-16 .rate {display:flex;flex-direction:column;gap:16px;}
.pricing-september-16 .rate-value {font-size:60px;line-height:1.2;letter-spacing:-.02em;white-space:nowrap;}
.pricing-september-16 .rate-unit {font-size:22px;line-height:1.2;}
.pricing-september-16 .meter {background:var(--ink);color:var(--paper);display:grid;grid-template-columns:560fr 640fr;gap:80px;align-items:start;}
.pricing-september-16 .meter-intro h2 {font-size:60px;letter-spacing:-.02em;}
.pricing-september-16 .meter-intro {display:flex;flex-direction:column;gap:24px;}
.pricing-september-16 .meter-intro .eyebrow {color:var(--paper);}
.pricing-september-16 .meter-intro > p:not([class]) {font-size:26px;}
.pricing-september-16 .meter-assumption {font-size:22px;}
.pricing-september-16 .meter .release-action {align-self:flex-start;}
.pricing-september-16 .meter a:focus-visible {outline-color:var(--paper);}
.pricing-september-16 .example {background:var(--paper);color:var(--ink);padding:40px;display:flex;flex-direction:column;gap:24px;min-width:0;}
.pricing-september-16 .invoice {display:flex;flex-direction:column;gap:8px;font:14px/1.55 'JetBrains Mono',monospace;}
.pricing-september-16 .invoice > div {display:flex;justify-content:space-between;gap:16px;}
.pricing-september-16 .invoice dd {text-align:right;white-space:nowrap;}
.pricing-september-16 .example-total {border-top:1px solid var(--rule-soft);padding-top:24px;display:flex;justify-content:space-between;align-items:end;gap:16px;}
.pricing-september-16 .amount {font-size:88px;line-height:1;letter-spacing:-.02em;}
.pricing-september-16 .formula {color:var(--pricing-blue);}
.pricing-september-16 .example-note {font-size:18px;}
.pricing-september-16 .included-intro {display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-bottom:48px;}
.pricing-september-16 .included-intro .eyebrow {margin-bottom:24px;}
.pricing-september-16 .included-intro > p {font-size:28px;}
.pricing-september-16 .detail-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;}
.pricing-september-16 .detail {display:flex;flex-direction:column;gap:24px;border-top:1px solid var(--rule-soft);padding-top:24px;}
.pricing-september-16 .environments {background:var(--paper-2);}
/* Darker blue meets AA for the small label on linen. */
.pricing-september-16 .environments > .eyebrow {color:#1259ba;}
.pricing-september-16 .environments > h2 {margin:40px 0;}
.pricing-september-16 .path-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.pricing-september-16 .path-card {background:var(--paper);min-height:400px;padding:32px;display:flex;flex-direction:column;justify-content:space-between;gap:32px;}
.pricing-september-16 .path-card .detail {border:0;padding-top:0;}
.pricing-september-16 .path-card.blue {background:var(--master-orbit-blue);color:var(--paper);}
.pricing-september-16 .path-card.blue .eyebrow {color:var(--paper);}
.pricing-september-16 .path-card.blue a:focus-visible {outline-color:var(--paper);}
.pricing-september-16 .questions {display:grid;grid-template-columns:400fr 800fr;gap:80px;}
.pricing-september-16 .questions h2 {margin-top:24px;}
.pricing-september-16 details {border-top:1px solid var(--rule-soft);padding:24px 0;}
.pricing-september-16 summary {position:relative;list-style:none;cursor:pointer;font-size:26px;line-height:1.55;padding-right:40px;min-height:44px;}
.pricing-september-16 summary::-webkit-details-marker {display:none;}
.pricing-september-16 summary::after {content:'+';position:absolute;right:0;top:0;color:var(--pricing-blue);font:24px/1.55 'JetBrains Mono',monospace;}
.pricing-september-16 details[open] summary::after {content:'−';}
.pricing-september-16 details p {margin-top:16px;color:var(--ink-3);}
.pricing-september-16 .pricing-footer {padding:40px 5.5556vw 64px;}
.pricing-september-16 .closing {border-top:1px solid var(--rule-soft);padding:40px 0;display:flex;justify-content:space-between;align-items:center;gap:32px;}
.pricing-september-16 .closing .release-action {min-width:240px;}
.pricing-september-16 .footer-destinations {display:flex;flex-direction:column;justify-content:space-between;gap:32px;align-items:start;margin:32px 0;}
.pricing-september-16 .footer-groups {width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;flex:1;}
.pricing-september-16 .footer-groups a,.pricing-september-16 .legal a {display:flex;align-items:center;min-height:44px;font:12px/1.45 'JetBrains Mono',monospace;}
.pricing-september-16 .footer-groups .eyebrow {color:var(--ink-3);margin-bottom:8px;}
.pricing-september-16 .legal {display:flex;gap:24px;align-items:center;border-top:1px solid var(--rule-soft);padding-top:24px;font:12px/1.45 'JetBrains Mono',monospace;color:var(--ink-3);}
.pricing-september-16 .legal p {flex:1;}
.pricing-september-16 .pricing-dialog {margin:auto;inset:0;width:min(600px,calc(100% - 48px));max-height:calc(100dvh - 48px);overflow:auto;overscroll-behavior:contain;padding:24px;background:var(--paper);border:1px solid var(--rule-soft);color:var(--ink);}
.pricing-september-16 .pricing-dialog::backdrop {background:rgba(10,14,20,.64);}
.pricing-september-16 .dialog-toolbar {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;}
.pricing-september-16 .dialog-close {min-height:44px;min-width:80px;margin-left:auto;font:13px 'JetBrains Mono',monospace;}
.pricing-september-16 .pricing-dialog nav {display:flex;flex-direction:column;gap:16px;}
/* ── 3. PRICING RESPONSIVE ────────────────────────────────────────── */
@media(min-width:1600px) {.pricing-september-16 h1 {font-size:clamp(88px,6.1vw,112px);}}
@media(max-width:1200px) {.pricing-september-16 h1 {font-size:64px;}.pricing-september-16 .masthead {padding:20px 32px;gap:24px;}.pricing-september-16 .home-nav {gap:24px;}.pricing-september-16 .allowance-copy {padding:48px 32px;}.pricing-september-16 .rate-value {font-size:46px;}.pricing-september-16 .meter,.pricing-september-16 .included-intro,.pricing-september-16 .questions {gap:40px;}.pricing-september-16 .footer-destinations {flex-direction:column;}.pricing-september-16 .footer-groups {width:100%;}.pricing-september-16 .path-grid {gap:16px;}.pricing-september-16 .example {padding:32px;}}
@media(max-width:900px) {.pricing-september-16 .brand-wordmark {width:150px;height:12px;}.pricing-september-16 .home-nav {gap:16px;}.pricing-september-16 .home-nav a {font-size:12px;}.pricing-september-16 h1 {font-size:54px;}.pricing-september-16 h2 {font-size:42px;}.pricing-september-16 .hero-copy {padding:48px 24px;}.pricing-september-16 .hero-lede {font-size:22px;}.pricing-september-16 .allowance-number {font-size:112px;}.pricing-september-16 .allowance-title {font-size:32px;}.pricing-september-16 .detail-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;}.pricing-september-16 .path-grid {grid-template-columns:1fr;}.pricing-september-16 .path-card .release-action {align-self:flex-start;}.pricing-september-16 .meter {grid-template-columns:1fr;}.pricing-september-16 .example {max-width:640px;width:100%;}.pricing-september-16 .rate-value {font-size:38px;}}
@media(max-width:700px) {
 body.pricing-v2[data-route="/pricing"] {font-size:20px;}
 body.pricing-september-16 #main > .pricing-band {padding:48px 24px;}
 .pricing-september-16 .masthead {height:auto;min-height:84px;padding:20px 24px;gap:16px;flex-wrap:wrap;}
 .pricing-september-16 .brand {gap:8px;}.pricing-september-16 .brand-symbol {width:34px;height:27px;}.pricing-september-16 .brand-wordmark {width:148px;height:12px;}
 .pricing-september-16 .home-nav {width:100%;flex-wrap:wrap;gap:8px 20px;}
 .pricing-september-16.js .home-nav {display:none;}.pricing-september-16.js .menu-toggle {display:flex;}.pricing-september-16 .menu-toggle[hidden] {display:none;}
 body.pricing-september-16 #main > .pricing-hero {display:flex;flex-direction:column;}
 .pricing-september-16 .hero-copy {min-height:0;padding:48px 24px;gap:24px;}
 .pricing-september-16 h1 {font-size:48px;}.pricing-september-16 h2 {font-size:42px;}.pricing-september-16 h3 {font-size:32px;}
 .pricing-september-16 .hero-lede {font-size:22px;}.pricing-september-16 .hero-copy .actions {flex-direction:column;}.pricing-september-16 .actions .release-action {width:100%;}
 .pricing-september-16 .allowance-copy {padding:48px 24px;gap:16px;}.pricing-september-16 .allowance-number {font-size:112px;}.pricing-september-16 .allowance-title {font-size:36px;}
 .pricing-september-16 .pattern {height:96px;}.pricing-september-16 .pattern img {width:640px;height:640px;max-width:none;}
 body.pricing-september-16 #main > .rates {grid-template-columns:1fr;gap:40px;}.pricing-september-16 .rate-value {font-size:52px;}.pricing-september-16 .rate-unit {font-size:22px;}
 .pricing-september-16 .meter {gap:32px;}.pricing-september-16 .meter-intro h2 {font-size:42px;}.pricing-september-16 .meter-intro > p:not([class]) {font-size:22px;}.pricing-september-16 .meter-assumption {font-size:20px;}.pricing-september-16 .meter .release-action {width:100%;}
 .pricing-september-16 .example {padding:24px;gap:24px;}.pricing-september-16 .invoice {font-size:12px;}.pricing-september-16 .example-total {gap:16px;}.pricing-september-16 .amount {font-size:64px;}.pricing-september-16 .example-note {font-size:18px;}
 .pricing-september-16 .included-intro {grid-template-columns:1fr;gap:24px;margin-bottom:48px;}.pricing-september-16 .included-intro > p {font-size:22px;}.pricing-september-16 .detail-grid {grid-template-columns:1fr;gap:32px;}
 .pricing-september-16 .path-grid {gap:24px;}.pricing-september-16 .path-card {min-height:0;padding:24px;}.pricing-september-16 .path-card .release-action {align-self:stretch;}.pricing-september-16 .environments > h2 {margin:40px 0;}
 .pricing-september-16 .questions {grid-template-columns:1fr;gap:32px;}.pricing-september-16 summary {font-size:22px;}.pricing-september-16 details p {font-size:18px;}
 .pricing-september-16 .pricing-footer {padding:24px 24px 48px;}.pricing-september-16 .closing {padding:32px 0;flex-direction:column;align-items:stretch;}.pricing-september-16 .closing .release-action {width:100%;}.pricing-september-16 .footer-destinations {gap:32px;}.pricing-september-16 .footer-groups {grid-template-columns:1fr 1fr;gap:32px 24px;}.pricing-september-16 .legal {flex-wrap:wrap;gap:8px 24px;}.pricing-september-16 .legal p {flex-basis:100%;}
}
@media(max-width:359px) {.pricing-september-16 h1 {font-size:40px;}.pricing-september-16 h2 {font-size:36px;}.pricing-september-16 .masthead .brand-wordmark {width:122px;height:10px;}.pricing-september-16 .example {padding:20px;}.pricing-september-16 .example-total {flex-wrap:wrap;}.pricing-september-16 .invoice > div {gap:8px;}.pricing-september-16 .invoice dt {max-width:150px;}}
@media(prefers-reduced-motion:no-preference) {html:has(.pricing-september-16) {scroll-behavior:smooth;}}