.deployment-visual{display:flex;flex-direction:column;align-items:center;padding:42px 28px;margin:48px 0;border:1px solid #ffffff12;border-radius:16px;background:radial-gradient(ellipse at 50% 40%,#ffffff04,transparent 70%)}.deployment-inputs{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.deployment-inputs span,.deployment-storage{border:1px solid #ffffff17;border-radius:7px;padding:12px 18px;color:#aaaab3;font-size:13px}.deployment-flow{font-size:22px;color:#52525e;margin:17px}.deployment-core{display:grid;grid-template-columns:28px auto;gap:5px 14px;align-items:center;padding:23px 55px;border-radius:12px;background:#19191d;border:1px solid #ffffff1c;box-shadow:0 10px 32px #0004}.deployment-core img{width:25px;grid-row:1/3}.deployment-core strong{font-size:20px}.deployment-core span{font-size:12px;color:#91919b}.deployment-visual>small{font-size:11px;color:#73737e;margin-top:26px}
@media(max-width:700px){.deployment-inputs{gap:8px}.deployment-inputs span{padding:9px;font-size:12px}}

/* Pricing uses the established marketing canvas and a quiet, aligned plan row. */
.document.pricing-document { max-width: 1184px; padding-top: 166px; }
.pricing-document > .eyebrow { display: none; }
.document .pricing-header h1 { font-size: 48px; line-height: 1.15; margin: 0; letter-spacing: -.045em; }
.document .pricing-header p { font-size: 17px; line-height: 1.65; color: var(--muted); margin: 18px 0 0; }
.pricing-plans { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin: 64px 0 28px; }
.pricing-plan { min-width: 0; padding: 0 36px 0 0; display: grid; grid-template-rows: auto auto 70px 1fr auto 52px; align-content: start; }
.pricing-plan + .pricing-plan { border-left: 1px solid var(--line); padding-left: 36px; }
.pricing-plan:last-child { padding-right: 0; }
.document .pricing-plan h2 { margin: 0 0 12px; font-size: 24px; line-height: 1.3; font-weight: 600; letter-spacing: -.025em; }
.plan-price { color: var(--fg); font-size: 20px; line-height: 1.5; font-weight: 500; font-variant-numeric: tabular-nums; letter-spacing: -.02em; }
.plan-price span { color: var(--muted); font-size: 13px; font-weight: 400; letter-spacing: 0; margin-left: 3px; }
.document .pricing-plan .plan-description { font-size: 14px; line-height: 1.65; color: var(--muted); margin: 20px 0 0; max-width: 29ch; }
.document .pricing-plan ul { list-style: none; padding: 0; margin: 17px 0 32px; display: grid; align-content: start; gap: 17px; }
.document .pricing-plan li { display: flex; gap: 10px; align-items: baseline; font-size: 13px; line-height: 1.7; color: var(--muted); margin: 0; }
.pricing-plan li::before { content: '✓'; flex: 0 0 auto; color: var(--subtle); font-size: 12px; }
.pricing-plan-trial li::before { color: #8ac4ac; }
.pricing-plan > .button { width: 100%; margin: 0; min-height: 40px; justify-content: center; border-radius: 8px; gap: 6px; }
.pricing-plan > small { font-size: 12px; line-height: 1.7; color: #a0a5af; padding-top: 15px; }
.pricing-help { margin: 54px 0 0; display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: start; }
.document .pricing-help h2 { font-size: 20px; line-height: 1.4; margin: 0 0 10px; }
.document .pricing-help p { font-size: 14px; line-height: 1.8; color: var(--muted); margin: 0; max-width: 45ch; }
.pricing-help details { border-radius: 8px; background: #ffffff03; padding: 18px 20px; }
.pricing-help summary { display: flex; gap: 20px; align-items: center; justify-content: space-between; list-style: none; cursor: pointer; font-size: 14px; color: var(--fg); }
.pricing-help summary small { display: block; margin-top: 5px; color: var(--muted); font-size: 12px; }
.pricing-help summary .disclosure-plus { font-size: 20px; font-weight: 400; color: var(--subtle); }
.pricing-help details[open] .disclosure-plus { transform: rotate(45deg); }
.document .pricing-help details[open] p { margin-top: 18px; }
.pricing-help details > a { display: inline-block; margin-top: 14px; font-size: 13px; }
.pricing-questions { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; margin: 66px 0 0; align-items: start; }
.document .pricing-questions h2 { font-size: 20px; line-height: 1.4; margin: 15px 0 0; }
.pricing-preview .faq-list { min-width: 0; }
.pricing-preview .faq-list details { padding: 14px 0; }
.pricing-preview .faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 24px; cursor: pointer; list-style: none; font-size: 14px; color: var(--muted); line-height: 1.7; }
.pricing-preview summary::-webkit-details-marker { display: none; }
.pricing-preview .faq-list summary > span { color: var(--subtle); font-size: 20px; }
.pricing-preview .faq-list details[open] summary > span { transform: rotate(45deg); }
.document .pricing-preview .faq-list p { font-size: 14px; line-height: 1.8; margin: 14px 0 0; color: var(--muted); }
.pricing-preview :is(a, summary):focus-visible { outline: 2px solid var(--accent); outline-offset: 5px; border-radius: 5px; }
@media (max-width: 900px) {
  .pricing-plan { padding-right: 24px; }
  .pricing-plan + .pricing-plan { padding-left: 24px; }
}
@media (max-width: 700px) {
  .document.pricing-document { padding-top: 116px; }
  .document .pricing-header h1 { font-size: 40px; }
  .document .pricing-header p { font-size: 15px; }
  .pricing-plans { grid-template-columns: minmax(0, 1fr); gap: 46px; margin-top: 44px; }
  .pricing-plan, .pricing-plan + .pricing-plan { padding: 0; border: 0; grid-template-rows: auto auto auto 1fr auto auto; }
  .document .pricing-plan .plan-description { margin-top: 14px; max-width: none; }
  .document .pricing-plan ul { margin-top: 24px; gap: 13px; }
  .pricing-plan > .button { width: auto; justify-self: start; min-width: 190px; }
    .pricing-help, .pricing-questions { grid-template-columns: minmax(0, 1fr); gap: 18px; margin-top: 42px; }
  .document .pricing-questions h2 { margin-top: 0; }
}