:root {
  --ink: #070a12;
  --surface: #0c111c;
  --surface-2: #101724;
  --line: rgba(148,166,193,.14);
  --line-strong: rgba(148,166,193,.24);
  --text: #f4f7fb;
  --muted: #929db0;
  --cyan: #5de8dc;
  --mint: #a7f3c1;
  --violet: #a996ff;
  --amber: #ffd071;
  --spring: cubic-bezier(.2,1.25,.35,1);
  color-scheme: dark;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { background: var(--ink); scroll-behavior: smooth; }
body { margin: 0; overflow-x: hidden; background: var(--ink); color: var(--text); }
button, input, select { font: inherit; }
a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }
select, select option, select optgroup { color-scheme: dark; }
select option, select optgroup { background-color: var(--surface); color: var(--text); }
select option:disabled { color: var(--muted); }
[hidden] { display: none !important; }
.skip-link { position: fixed; inset-block-start: .5rem; inset-inline-start: .5rem; z-index: 100; padding: .7rem .9rem; border-radius: .55rem; background: white; color: var(--ink); transform: translateY(-150%); transition: transform .2s; }
.skip-link:focus { transform: none; }
:focus-visible { outline: 2px solid var(--cyan); outline-offset: 3px; }
.pricing-wrap { inline-size: min(100% - 3rem, 74rem); margin-inline: auto; }

.pricing-header { position: sticky; inset-block-start: 0; z-index: 35; min-block-size: 4.4rem; display: flex; align-items: center; justify-content: space-between; padding-inline: max(1.5rem, calc((100vw - 74rem) / 2)); border-block-end: 1px solid var(--line); background: rgba(7,10,18,.84); backdrop-filter: blur(1.2rem) saturate(140%); }
.pricing-brand { display: inline-flex; align-items: center; gap: .55rem; color: white; font-size: .95rem; font-weight: 790; letter-spacing: -.035em; }
.pricing-brand svg { inline-size: 1.9rem; fill: none; stroke: var(--cyan); stroke-width: 1.7; }
.pricing-brand svg circle { fill: var(--cyan); stroke: none; }
.pricing-brand > span > span { color: var(--cyan); }
.pricing-brand em { margin-inline-start: .2rem; padding: .24rem .36rem; border: 1px solid rgba(93,232,220,.24); border-radius: .25rem; color: #a4f4ed; font-size: .46rem; font-style: normal; letter-spacing: .12em; }
.pricing-header nav { display: flex; align-items: center; gap: 1.45rem; }
.pricing-header nav > a { color: #a3adbc; font-size: .68rem; font-weight: 660; }
.pricing-header nav > a:hover { color: white; }
.pricing-header .header-cta { min-block-size: 2.6rem; display: inline-flex; align-items: center; padding-inline: .9rem; border: 1px solid rgba(93,232,220,.3); border-radius: .52rem; background: rgba(93,232,220,.07); color: white; }
.pricing-menu-button { display: none; inline-size: 2.8rem; block-size: 2.8rem; border: 1px solid var(--line-strong); border-radius: .55rem; background: transparent; color: white; cursor: pointer; }

.plan-section { padding-block: 3.5rem 7rem; }
.pricing-page-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-block-end: 2rem; }
.pricing-page-heading span { color: var(--cyan); font-size: .58rem; font-weight: 780; letter-spacing: .15em; text-transform: uppercase; }
.pricing-page-heading h1 { margin: .5rem 0 0; font-size: clamp(2.2rem, 4vw, 3.5rem); letter-spacing: -.06em; }
.pricing-page-heading > p { margin: 0; color: #8995a8; font-size: .75rem; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-block-end: 2rem; }
.section-heading > div > span { color: var(--cyan); font-size: .58rem; font-weight: 780; letter-spacing: .15em; text-transform: uppercase; }
.section-heading h2 { margin: .55rem 0 0; font-size: clamp(2rem, 4vw, 3.5rem); letter-spacing: -.06em; }
.section-heading > p, .section-heading > a { margin: 0; color: #8995a8; font-size: .68rem; }
.section-heading > a { min-block-size: 2.75rem; display: inline-flex; align-items: center; color: #a5efe7; }
.plan-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: .8rem; }
.plan-card { position: relative; display: flex; min-block-size: 35rem; flex-direction: column; padding: 1.35rem; border: 1px solid var(--line-strong); border-radius: 1rem; background: linear-gradient(155deg, rgba(16,23,36,.9), rgba(10,15,24,.72)); box-shadow: inset 0 1px rgba(255,255,255,.025); transition: border-color .2s, transform .45s var(--spring), box-shadow .2s; }
.plan-card:hover { border-color: rgba(93,232,220,.3); transform: translateY(-5px); box-shadow: 0 1.5rem 5rem rgba(0,0,0,.23); }
.plan-card.featured { border-color: rgba(93,232,220,.38); background: radial-gradient(circle at 80% 0, rgba(93,232,220,.08), transparent 35%), linear-gradient(155deg, rgba(17,28,40,.96), rgba(10,15,24,.82)); box-shadow: 0 1.5rem 5rem rgba(0,0,0,.2), inset 0 1px rgba(255,255,255,.04); }
.popular-badge { position: absolute; inset-block-start: -.72rem; inset-inline-end: 1rem; padding: .36rem .55rem; border-radius: 100vmax; background: var(--cyan); color: #06100f; font-size: .48rem; font-weight: 820; letter-spacing: .08em; text-transform: uppercase; }
.plan-card > header { display: flex; align-items: center; gap: .75rem; }
.plan-orbit { display: grid; inline-size: 2.7rem; aspect-ratio: 1; place-items: center; border: 1px solid rgba(93,232,220,.2); border-radius: .75rem; background: rgba(93,232,220,.07); color: var(--cyan); font-size: .8rem; font-weight: 800; }
.plan-orbit-scale { color: var(--mint); border-color: rgba(167,243,193,.25); background: rgba(167,243,193,.07); }
.plan-orbit-enterprise { color: var(--violet); border-color: rgba(169,150,255,.25); background: rgba(169,150,255,.07); }
.plan-card header small { color: #d7dde6; font-size: .75rem; font-weight: 760; }
.plan-card header h2 { margin: .22rem 0 0; color: #7f8b9e; font-size: .58rem; font-weight: 540; }
.plan-price { min-block-size: 6rem; display: flex; align-items: end; gap: .4rem; padding-block: 1.2rem .55rem; }
.plan-price strong { font-size: 3.6rem; line-height: 1; letter-spacing: -.07em; }
.plan-price span { padding-block-end: .45rem; color: #7f8a9c; font-size: .62rem; }
.plan-card > p { min-block-size: 2rem; margin: 0 0 1.1rem; color: #8f9aac; font-size: .67rem; }
.plan-action { min-block-size: 3rem; display: flex; align-items: center; justify-content: center; border: 1px solid var(--line-strong); border-radius: .58rem; font-size: .68rem; font-weight: 760; transition: transform .35s var(--spring), border-color .2s, box-shadow .2s; }
.plan-action span { margin-inline-start: .45rem; transition: transform .35s var(--spring); }
.plan-action:hover { transform: translateY(-2px); border-color: rgba(93,232,220,.35); }
.plan-action:hover span { transform: translateX(.2rem); }
.plan-action.primary { border: 0; background: linear-gradient(110deg, var(--mint), #7ee6d6); color: #06100d; box-shadow: 0 .8rem 2rem rgba(126,230,214,.09); }
.plan-card ul { display: grid; gap: .78rem; padding: 1.3rem 0; margin: 0; list-style: none; }
.plan-card li { display: flex; align-items: center; gap: .55rem; color: #aeb8c7; font-size: .64rem; }
.plan-card li::before { content: "✓"; display: grid; inline-size: 1.05rem; aspect-ratio: 1; place-items: center; border-radius: 50%; background: rgba(167,243,193,.09); color: var(--mint); font-size: max(.45rem, 14px); }
.plan-card > footer { display: flex; align-items: baseline; gap: .45rem; margin-block-start: auto; padding-block-start: 1rem; border-block-start: 1px solid var(--line); }
.plan-card footer strong { font-size: 1.15rem; }
.plan-card footer span { color: #768295; font-size: .55rem; }
.pricing-note { display: flex; align-items: center; gap: .75rem; margin-block-start: 1rem; padding: .9rem 1rem; border: 1px solid var(--line); border-radius: .65rem; color: #8692a5; font-size: .6rem; }
.pricing-note > span { padding: .24rem .36rem; border: 1px solid rgba(169,150,255,.2); border-radius: .3rem; color: #b9adf5; font-size: .48rem; text-transform: uppercase; }
.pricing-note p { margin: 0; }
.pricing-note a { margin-inline-start: auto; color: #a6eee7; }

.estimator-section { position: relative; padding-block: 7rem; border-block: 1px solid var(--line); background: radial-gradient(circle at 20% 40%, rgba(93,232,220,.06), transparent 28%), #090d16; }
.estimator-layout { display: grid; grid-template-columns: minmax(20rem,.72fr) minmax(30rem,1.28fr); align-items: center; gap: clamp(3rem,7vw,7rem); }
.estimator-copy > span { color: var(--cyan); font-size: .58rem; font-weight: 780; letter-spacing: .15em; text-transform: uppercase; }
.estimator-copy h2 { margin: .65rem 0 .65rem; font-size: clamp(3rem,6vw,5.7rem); line-height: .91; letter-spacing: -.075em; }
.estimator-copy > p { margin: 0; color: #929daf; font-size: .8rem; }
.estimator-copy dl { display: grid; gap: .7rem; margin-block-start: 2rem; }
.estimator-copy dl div { display: flex; min-block-size: 3.5rem; align-items: center; justify-content: space-between; padding-inline: .9rem; border-inline-start: 1px solid var(--line-strong); background: linear-gradient(90deg, rgba(255,255,255,.018), transparent); }
.estimator-copy dt { color: #7f8a9c; font-size: .59rem; }
.estimator-copy dd { margin: 0; font-family: "SFMono-Regular", Consolas, monospace; font-size: .8rem; font-weight: 720; }
.estimator-card { padding: 1.2rem; border: 1px solid var(--line-strong); border-radius: 1rem; background: rgba(12,17,28,.9); box-shadow: 0 2rem 6rem rgba(0,0,0,.24), inset 0 1px rgba(255,255,255,.03); }
.estimator-card > header { display: flex; align-items: center; justify-content: space-between; padding-block-end: 1rem; }
.estimator-card > header div { display: grid; gap: .15rem; }
.estimator-card > header span { color: #748094; font-size: .5rem; letter-spacing: .09em; text-transform: uppercase; }
.estimator-card > header strong { font-size: .82rem; }
.estimator-card > header em { padding: .28rem .42rem; border: 1px solid rgba(93,232,220,.2); border-radius: .32rem; color: var(--cyan); font-size: .48rem; font-style: normal; text-transform: uppercase; }
.estimator-status { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .7rem; margin-block-end: .9rem; padding: .75rem; border: 1px solid rgba(255,208,113,.24); border-radius: .6rem; background: rgba(255,208,113,.04); }
.estimator-status > span { color: var(--amber); font-size: 1.2rem; }
.estimator-status p { display: grid; gap: .15rem; margin: 0; }
.estimator-status strong { font-size: .66rem; }
.estimator-status small { color: #8793a6; font-size: .54rem; }
.estimator-status button { min-block-size: 2.6rem; padding-inline: .8rem; border: 1px solid var(--line-strong); border-radius: .48rem; background: var(--surface-2); color: white; font-size: .62rem; cursor: pointer; }
.estimator-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .65rem; }
.estimator-fields label { display: grid; gap: .38rem; }
.estimator-fields label > span, .range-field > div, .route-choice legend { color: #9ca7b8; font-size: .58rem; font-weight: 620; }
.estimator-fields input, .estimator-fields select { min-block-size: 3rem; inline-size: 100%; border: 1px solid var(--line); border-radius: .52rem; outline: 0; background: #0a0f19; color: #e2e7ee; font-size: .72rem; }
.estimator-fields input { padding-inline: .8rem; }
.estimator-fields select { appearance: none; padding-inline: .8rem 2rem; background-image: linear-gradient(45deg,transparent 50%,#7e899a 50%),linear-gradient(135deg,#7e899a 50%,transparent 50%); background-position: calc(100% - .9rem) 1.2rem,calc(100% - .62rem) 1.2rem; background-size: .28rem .28rem; background-repeat: no-repeat; }
.estimator-fields input:focus, .estimator-fields select:focus { border-color: rgba(93,232,220,.5); box-shadow: 0 0 0 .2rem rgba(93,232,220,.07); }
.estimator-fields input:user-invalid { border-color: rgba(255,126,140,.55); }
.range-field { display: grid; gap: .65rem; margin-block: 1rem; }
.range-field > div { display: flex; justify-content: space-between; }
.range-field output { color: var(--cyan); font-family: "SFMono-Regular", Consolas, monospace; }
.range-field input { inline-size: 100%; block-size: .35rem; margin: .5rem 0; accent-color: var(--cyan); cursor: pointer; }
.route-choice { display: grid; grid-template-columns: repeat(3,1fr); gap: .45rem; padding: 0; margin: 0 0 1rem; border: 0; }
.route-choice legend { grid-column: 1 / -1; margin-block-end: .38rem; }
.route-choice label { position: relative; }
.route-choice input { position: absolute; inset: 0; z-index: 1; inline-size: 100%; block-size: 100%; margin: 0; opacity: 0; cursor: pointer; }
.route-choice span { min-block-size: 3rem; display: grid; align-content: center; gap: .16rem; padding-inline: .65rem; border: 1px solid var(--line); border-radius: .52rem; cursor: pointer; pointer-events: none; transition: border-color .2s, background .2s, transform .35s var(--spring); }
.route-choice strong { color: #c8d0dc; font-size: .63rem; }
.route-choice small { color: #718094; font-size: .48rem; }
.route-choice input:checked + span { border-color: rgba(93,232,220,.4); background: rgba(93,232,220,.06); box-shadow: inset 0 0 0 1px rgba(93,232,220,.08); }
.route-choice input:focus-visible + span { outline: 2px solid var(--cyan); outline-offset: 2px; }
.estimator-card input:disabled, .estimator-card select:disabled, .estimator-card > button:disabled { cursor: not-allowed; opacity: .52; }
.route-choice input:disabled { opacity: 0; }
.route-choice input:disabled + span { cursor: not-allowed; opacity: .52; }
.estimate-result { display: grid; gap: .55rem; padding: .9rem; border: 1px solid var(--line); border-radius: .65rem; background: #090e17; }
.estimate-result > div { display: flex; align-items: center; justify-content: space-between; }
.estimate-result span { color: #778396; font-size: .57rem; }
.estimate-result strong { font-family: "SFMono-Regular", Consolas, monospace; font-size: .66rem; }
.estimate-result .saving { color: var(--mint); }
.estimate-result .estimate-total { margin-block-start: .2rem; padding-block-start: .75rem; border-block-start: 1px solid var(--line); }
.estimate-result .estimate-total span { color: #b5bfcd; }
.estimate-result .estimate-total strong { color: white; font-size: 1.2rem; }
.estimator-card > p { margin: .75rem 0; color: #6f7b8f; font-size: .5rem; line-height: 1.5; }
.estimator-card > button { inline-size: 100%; min-block-size: 3rem; border: 0; border-radius: .55rem; background: linear-gradient(110deg,var(--mint),#7ee6d6); color: #06100d; font-size: .68rem; font-weight: 790; cursor: pointer; transition: transform .35s var(--spring), box-shadow .2s; }
.estimator-card > button span { margin-inline-start: .35rem; }
.estimator-card > button:hover { transform: translateY(-2px); box-shadow: 0 .8rem 2rem rgba(126,230,214,.13); }

.compare-section, .faq-section { padding-block: 7rem; }
.comparison-table { overflow-x: auto; border: 1px solid var(--line-strong); border-radius: .85rem; background: rgba(12,17,28,.65); }
.comparison-table table { inline-size: 100%; min-inline-size: 44rem; border-collapse: collapse; }
.comparison-table th, .comparison-table td { block-size: 3.7rem; padding-inline: 1.1rem; border-block-end: 1px solid var(--line); text-align: left; }
.comparison-table thead th { color: #d7dde6; font-size: .66rem; }
.comparison-table thead th:nth-child(3) { color: var(--cyan); }
.comparison-table tbody th { color: #a1acbd; font-size: .62rem; font-weight: 560; }
.comparison-table td { color: #cdd4de; font-size: .62rem; }
.comparison-table tbody tr:last-child > * { border-block-end: 0; }
.comparison-table tbody tr:hover { background: rgba(93,232,220,.025); }
.faq-section { border-block-start: 1px solid var(--line); }
.faq-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .65rem; }
.faq-grid details { border: 1px solid var(--line); border-radius: .7rem; background: rgba(12,17,28,.55); transition: border-color .2s, background .2s; }
.faq-grid details[open] { border-color: rgba(93,232,220,.25); background: rgba(12,19,29,.82); }
.faq-grid summary { min-block-size: 4.2rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-inline: 1rem; color: #d5dce6; font-size: .68rem; font-weight: 680; cursor: pointer; list-style: none; }
.faq-grid summary::-webkit-details-marker { display: none; }
.faq-grid summary span { display: grid; inline-size: 1.6rem; aspect-ratio: 1; flex: none; place-items: center; border: 1px solid var(--line); border-radius: .4rem; color: var(--cyan); transition: transform .35s var(--spring); }
.faq-grid details[open] summary span { transform: rotate(45deg); }
.faq-grid p { margin: -.2rem 1rem 1rem; color: #8793a6; font-size: .62rem; line-height: 1.65; }
.pricing-cta { display: flex; min-block-size: 16rem; align-items: center; justify-content: space-between; gap: 2rem; margin-block: 0 7rem; padding: 2rem; border: 1px solid rgba(93,232,220,.2); border-radius: 1rem; background: radial-gradient(circle at 10% 20%,rgba(93,232,220,.08),transparent 30%),radial-gradient(circle at 90% 70%,rgba(169,150,255,.08),transparent 28%),#0c111c; }
.pricing-cta > div:first-child > span { color: var(--cyan); font-size: .56rem; font-weight: 760; letter-spacing: .13em; text-transform: uppercase; }
.pricing-cta h2 { margin: .5rem 0 .35rem; font-size: clamp(2rem,4vw,3.3rem); letter-spacing: -.06em; }
.pricing-cta p { margin: 0; color: #8995a8; font-size: .68rem; }
.pricing-cta > div:last-child { display: flex; gap: .55rem; }
.pricing-cta a { min-block-size: 3rem; display: inline-flex; align-items: center; justify-content: center; padding-inline: 1rem; border: 1px solid var(--line-strong); border-radius: .55rem; font-size: .66rem; font-weight: 720; }
.pricing-cta a.primary { border: 0; background: var(--mint); color: #06100d; }
.pricing-footer { border-block-start: 1px solid var(--line); }
.pricing-footer > div { min-block-size: 7rem; display: flex; align-items: center; gap: 2rem; }
.pricing-footer .pricing-brand em { display: none; }
.pricing-footer nav { display: flex; gap: 1rem; margin-inline-start: auto; }
.pricing-footer nav a, .pricing-footer small { color: #7f8a9c; font-size: .57rem; }

.pricing-mobile-menu { inline-size: min(22rem,calc(100vw - 1.5rem)); max-block-size: calc(100vh - 5rem); margin: 4.8rem .75rem auto auto; padding: 0; border: 1px solid var(--line-strong); border-radius: .8rem; background: rgba(12,17,28,.98); color: white; box-shadow: 0 2rem 6rem rgba(0,0,0,.5); }
.pricing-mobile-menu::backdrop { background: rgba(3,5,10,.65); backdrop-filter: blur(.2rem); }
.pricing-mobile-menu header { min-block-size: 3.6rem; display: flex; align-items: center; justify-content: space-between; padding-inline: 1rem; border-block-end: 1px solid var(--line); }
.pricing-mobile-menu header strong { font-size: .75rem; }
.pricing-mobile-menu header button { inline-size: 2.75rem; block-size: 2.75rem; border: 0; background: transparent; color: white; font-size: 1.2rem; cursor: pointer; }
.pricing-mobile-menu nav { display: grid; padding: .55rem; }
.pricing-mobile-menu nav a { min-block-size: 3rem; display: flex; align-items: center; padding-inline: .75rem; border-radius: .5rem; color: #b6c0ce; font-size: .7rem; }
.pricing-mobile-menu nav a:last-child { background: var(--mint); color: #06100d; font-weight: 780; }
.pricing-toast { position: fixed; inset-inline-end: 1rem; inset-block-end: 1rem; z-index: 60; display: flex; min-block-size: 3rem; align-items: center; gap: .6rem; padding: .6rem .8rem; border: 1px solid rgba(93,232,220,.22); border-radius: .65rem; background: rgba(12,17,28,.96); box-shadow: 0 1rem 3rem rgba(0,0,0,.35); animation: toast-in .4s var(--spring); }
.pricing-toast > span { display: grid; inline-size: 1.3rem; aspect-ratio: 1; place-items: center; border-radius: 50%; background: rgba(93,232,220,.1); color: var(--cyan); font-size: .52rem; }
.pricing-toast p { margin: 0; font-size: .62rem; }

@keyframes drift { to { transform: translate(-48%,-2%) rotate(3deg); } }
@keyframes pulse { 50% { opacity: .45; transform: scale(.72); } }
@keyframes toast-in { from { opacity: 0; transform: translateY(.8rem) scale(.94); } }

@media (max-width: 62rem) {
  .plan-grid { grid-template-columns: 1fr; }
  .plan-card { min-block-size: auto; }
  .plan-card ul { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .estimator-layout { grid-template-columns: minmax(0, 1fr); gap: 2.5rem; }
  .estimator-copy { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem 2rem; align-items: end; }
  .estimator-copy > span, .estimator-copy h2, .estimator-copy > p { grid-column: 1; }
  .estimator-copy dl { grid-column: 2; grid-row: 1 / 4; margin: 0; }
}

@media (max-width: 48rem) {
  .pricing-wrap { inline-size: min(100% - 2rem,74rem); }
  .pricing-header { padding-inline: 1rem; }
  .pricing-header nav { gap: .5rem; }
  .pricing-header nav > a { display: none; }
  .pricing-menu-button { display: block; }
  .pricing-brand em { display: none; }
  .pricing-page-heading { align-items: flex-start; flex-direction: column; }
  .plan-section, .estimator-section, .compare-section, .faq-section { padding-block: 5rem; }
  .section-heading { align-items: flex-start; flex-direction: column; }
  .section-heading > p { display: none; }
  .plan-card { padding: 1.1rem; }
  .plan-card ul { grid-template-columns: 1fr; }
  .pricing-note { align-items: flex-start; flex-wrap: wrap; }
  .pricing-note p { flex: 1; }
  .pricing-note a { inline-size: 100%; margin: 0; padding-block-start: .3rem; }
  .estimator-copy { display: block; }
  .estimator-copy dl { margin-block-start: 1.5rem; }
  .estimator-fields { grid-template-columns: 1fr; }
  .estimator-fields input, .estimator-fields select { min-block-size: 3.1rem; font-size: 1rem; }
  .range-field { margin-block: 1.2rem; }
  .range-field input { block-size: .5rem; }
  .route-choice span { min-block-size: 3.2rem; }
  .estimator-card > button { min-block-size: 3.2rem; font-size: .76rem; }
  .estimator-status { grid-template-columns: auto 1fr; }
  .estimator-status button { grid-column: 1 / -1; min-block-size: 3rem; }
  .faq-grid { grid-template-columns: 1fr; }
  .faq-grid summary { min-block-size: 4.5rem; font-size: .72rem; }
  .pricing-cta { min-block-size: 19rem; align-items: flex-start; flex-direction: column; justify-content: center; margin-block-end: 5rem; padding: 1.3rem; }
  .pricing-cta > div:last-child { inline-size: 100%; }
  .pricing-cta a { flex: 1; }
  .pricing-footer > div { align-items: flex-start; flex-direction: column; gap: 1rem; padding-block: 1.5rem; }
  .pricing-footer nav { flex-wrap: wrap; margin: 0; }
}

@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

@media (forced-colors: active) {
  .plan-card,.estimator-card,.comparison-table,.faq-grid details { border-color: CanvasText; }
}