/* Pricing-only presentation. The navigation and footer use website.css unchanged. */
.pricing-page {
  --signal:#aacbff;
  --ink:#fff;
  --ink-2:rgb(255 255 255 / 72%);
  --ink-3:rgb(255 255 255 / 60%);
  --rule:rgb(255 255 255 / 16%);
  --sans:var(--rf-font-sans);
  color:var(--ink);
}
.pricing-page .u-wrap { width:min(calc(100% - 80px),1200px); margin-inline:auto; }
.pricing-page .u-label { color:#aacbff; font-size:12px; font-weight:400; letter-spacing:.12em; text-transform:uppercase; }
.pricing-page .u-h2 { font-size:48px; line-height:1.18; font-weight:300; letter-spacing:0; }
.pricing-page .u-lead { font-size:16px; line-height:1.8; color:var(--ink-2); }
.pricing-page .u-small { font-size:12px; line-height:1.8; color:var(--ink-3); }
.pricing-page .u-btn { min-height:52px; padding:14px 22px; display:inline-flex; align-items:center; justify-content:center; gap:12px; border:1px solid rgb(255 255 255 / 30%); border-radius:9px; color:#fff; font-size:15px; text-decoration:none; transition:background .15s; }
.pricing-page .u-btn:hover { background:rgb(255 255 255 / 12%); }
.pricing-page .u-btn--fill,.pricing-page .u-btn--invert { border:0; background:var(--rf-gradient-cta); }
.pricing-page .u-btn--fill:hover,.pricing-page .u-btn--invert:hover { filter:brightness(1.1); }
.pricing-page .pagehead { padding:160px 0 42px; position:relative; isolation:isolate; text-align:center; }
.pricing-page .pagehead::before { content:""; position:absolute; inset:0 0 -100px; z-index:-1; pointer-events:none; background:linear-gradient(180deg,rgb(6 6 24 / 50%),#060618 94%),url('/assets/marketing/home/design-asset-01.webp') center / cover; }
.pricing-page .pagehead h1 { max-width:960px; margin:20px auto 0!important; font-size:64px; line-height:1.16; white-space:pre-line; }
.pricing-page .pagehead__sub { max-width:660px; margin:26px auto 0; color:var(--ink-2); font-size:16px; }
.pricing-page .pagehead__billing { margin:30px 0 14px; }
.pricing-page .pagehead__note { color:var(--ink-3); font-size:12px; }
.pricing-page .billing { display:inline-flex; gap:4px; padding:5px; border:1px solid rgb(255 255 255 / 20%); border-radius:12px; background:#101024; }
.pricing-page .billing button { min-height:44px; padding:10px 20px; border:0; border-radius:8px; background:transparent; color:#c9cfdf; cursor:pointer; }
.pricing-page .billing button.is-on { color:#141b35; background:#e7edff; }
.pricing-page .billing em { margin-left:8px; font-size:10px; font-style:normal; color:#aacbff; }
.pricing-page .billing button.is-on em { color:#26459c; }
.pricing-page .sec { padding:92px 0; border-top:1px solid var(--rule); }
.pricing-page .sec--first { padding-top:20px; border-top:0; }
.pricing-page .plans { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.pricing-page .plan { min-width:0; position:relative; display:flex; flex-direction:column; padding:60px 24px 28px; border:1px solid rgb(255 255 255 / 18%); border-radius:14px; background:linear-gradient(160deg,#17172c,#0b0b20); }
.pricing-page .plan--featured { border-color:#7eacff; background:linear-gradient(160deg,#203d82,#101b40 54%,#0b1027); box-shadow:0 0 40px rgb(6 85 255 / 12%); }
.pricing-page .plan__flag { position:absolute; top:23px; left:24px; color:#c2d5ff; font-size:10px; letter-spacing:.06em; text-transform:uppercase; }
.pricing-page .plan__name { margin:0 0 12px; font-size:26px; font-weight:400; }
.pricing-page .plan__tag { min-height:66px; color:var(--ink-2); font-size:13px; line-height:1.7; }
.pricing-page .plan__amt { display:flex; align-items:baseline; flex-wrap:wrap; gap:2px; margin-top:24px; }
.pricing-page .plan__amt .cur { font-size:22px; }
.pricing-page .plan__amt .num { color:#fff; font-size:42px; font-weight:400; letter-spacing:-.04em; line-height:1.2; font-variant-numeric:tabular-nums; }
.pricing-page .plan__amt .per { margin-left:4px; color:var(--ink-3); font-size:12px; }
.pricing-page .plan__save { min-height:62px; margin:14px 0 18px; color:#aacbff; font-size:12px; line-height:1.7; }
.pricing-page .plan .u-btn { width:100%; min-height:48px; padding:12px; margin-bottom:24px; font-size:14px; }
.pricing-page .plan__feats { margin:0; padding:0; list-style:none; border-top:1px solid var(--rule); }
.pricing-page .plan__feats li { margin-top:14px; color:var(--ink-2); font-size:12px; }
.pricing-page .plan__feats li.is-key { margin:24px 0; color:#fff; font-size:19px; font-weight:400; }
.pricing-page .plan__feats li:last-child { margin-top:20px; color:var(--ink-3); font-size:11px; }
.pricing-page .included { margin-top:64px; padding:38px; border:1px solid rgb(146 169 255 / 22%); border-radius:20px; background:radial-gradient(ellipse at 12% 0,rgb(62 108 255 / 18%),transparent 55%),radial-gradient(ellipse at 100% 100%,rgb(125 66 220 / 12%),transparent 55%),#0d1026; }
.pricing-page .included__heading { display:flex; align-items:center; justify-content:space-between; gap:32px; margin-bottom:32px; }
.pricing-page .included__heading h2 { margin:0; color:#fff; font-size:30px; line-height:1.25; font-weight:400; }
.pricing-page .included__heading>p { max-width:360px; margin:0; color:var(--ink-2); font-size:13px; line-height:1.8; }
.pricing-page .included__grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; margin:0; padding:0; list-style:none; }
.pricing-page .included__grid li { min-width:0; padding:24px 18px; border:1px solid rgb(165 182 255 / 14%); border-radius:12px; background:linear-gradient(155deg,rgb(124 151 255 / 9%),rgb(8 11 30 / 42%)); }
.pricing-page .included__icon { display:flex; align-items:center; justify-content:center; width:46px; height:46px; margin-bottom:28px; color:#aecbff; border:1px solid rgb(162 193 255 / 26%); border-radius:13px; background:linear-gradient(140deg,rgb(100 161 255 / 22%),rgb(69 83 163 / 10%)); box-shadow:0 0 28px rgb(75 130 255 / 16%),inset 0 1px 0 rgb(255 255 255 / 8%); }
.pricing-page .included__icon svg { width:22px; height:22px; stroke-width:1.5; }
.pricing-page .included__grid li:nth-child(2) .included__icon { color:#a6e1f0; background:rgb(62 162 190 / 12%); }
.pricing-page .included__grid li:nth-child(3) .included__icon { color:#c3b5ff; background:rgb(146 109 235 / 14%); }
.pricing-page .included__grid li:nth-child(4) .included__icon { color:#b8cbff; }
.pricing-page .included__grid li:nth-child(5) .included__icon { color:#d5baff; background:rgb(158 93 226 / 12%); }
.pricing-page .included__grid h3 { margin:0 0 12px; color:#f1f4ff; font-size:16px; font-weight:500; line-height:1.45; }
.pricing-page .included__grid p { margin:0; color:var(--ink-2); font-size:13px; line-height:1.8; }
.pricing-page .pricenote { display:flex; gap:16px; margin-top:24px; padding:26px 30px; border:1px solid rgb(255 255 255 / 9%); border-radius:14px; background:rgb(255 255 255 / 2%); }
.pricing-page .pricenote__icon { width:18px; height:18px; flex:0 0 auto; margin-top:3px; color:#9caacb; }
.pricing-page .pricenote__copy { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 32px; color:var(--ink-3); font-size:12px; line-height:1.9; }
.pricing-page .pricenote__copy p { margin:0; }
.pricing-page .pricenote b { color:#c7d0e8; font-weight:500; }
.pricing-page .pricenote a { color:#aacbff; text-underline-offset:3px; }
.pricing-page .sechead { display:grid; grid-template-columns:180px minmax(0,1fr); gap:36px; margin-bottom:42px; }
.pricing-page .sechead__aside { padding-top:10px; }
.pricing-page .sechead__main .u-lead { max-width:780px; margin:24px 0 0; }
.pricing-page .sec--sink { --ink:#172039; --ink-2:#424a5f; --ink-3:#606779; --rule:#d7dce7; --signal:#2551b0; background:var(--rf-surface-light); color:var(--ink); }
.pricing-page .sec--sink .u-label { color:#3859a7; }
.pricing-page .sec--sink .u-h2 { color:var(--ink); }
.pricing-page .pricing-table-scroll { overflow:auto; }
.pricing-page .versus { width:100%; min-width:640px; border-collapse:collapse; text-align:left; }
.pricing-page .versus th,.pricing-page .versus td { padding:24px; border-bottom:1px solid var(--rule); vertical-align:top; font-size:16px; font-weight:400; }
.pricing-page .versus tr>*:first-child { width:24%; }
.pricing-page .versus tr>*:not(:first-child) { width:38%; }
.pricing-page .versus tr>*:last-child { background:#e5ebff; color:#173b8c; }
.pricing-page .versus__sub { display:block; margin-top:8px; font-size:12px; line-height:1.7; color:var(--ink-3); }
.pricing-page .versus__win { font-weight:500; }
.pricing-page .versus__foot { padding:26px 0 0; font-size:17px; }
.pricing-page .versus__note { margin-top:20px; }
.pricing-page .rate { margin:0 0 0 216px; padding:0; list-style:none; }
.pricing-page .rate li { display:grid; grid-template-columns:150px minmax(0,1fr); gap:24px; padding:24px 0; border-bottom:1px solid var(--rule); color:var(--ink-2); font-size:14px; }
.pricing-page .rate b { color:#c5d6ff; font-size:16px; font-weight:400; }
.pricing-page #managed .u-wrap { padding:42px; border:1px solid #3d3c67; border-radius:14px; background:radial-gradient(ellipse at 100% 0,rgb(92 63 189 / 25%),transparent 65%),#111126; }
.pricing-page #managed .sechead { margin-bottom:0; }
.pricing-page #managed .u-btn { background:var(--rf-gradient-cta); border:0; }
.pricing-page .faq { margin-left:216px; border-top:1px solid var(--rule); }
.pricing-page .qa { border-bottom:1px solid var(--rule); }
.pricing-page .qa summary { padding:23px 30px 23px 0; color:var(--ink); font-size:16px; font-weight:400; }
.pricing-page .qa__a { padding:0 28px 26px 0; color:var(--ink-2); font-size:14px; line-height:1.9; }
.pricing-page .end { padding:100px 0; text-align:center; background:radial-gradient(ellipse at 50% 110%,rgb(6 85 255 / 25%),transparent 65%); }
.pricing-page .end h2 { max-width:820px!important; margin:20px auto 36px!important; font-size:56px; }
.pricing-page .end__actions { display:flex; justify-content:center; flex-wrap:wrap; gap:20px; }
.pricing-page .end__note { margin:24px 0 0; color:var(--ink-3); font-size:12px; }
@media(max-width:1100px) {
  .pricing-page .plans { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
  .pricing-page .included__grid { grid-template-columns:repeat(6,minmax(0,1fr)); }
  .pricing-page .included__grid li { grid-column:span 2; }
  .pricing-page .included__grid li:nth-last-child(-n+2) { grid-column:span 3; }
  .pricing-page .sechead { grid-template-columns:130px minmax(0,1fr); gap:28px; }
  .pricing-page .rate,.pricing-page .faq { margin-left:158px; }
}
@media(max-width:767px) {
  .pricing-page .u-wrap { width:calc(100% - 40px); }
  .pricing-page .pagehead { padding:126px 0 24px; }
  .pricing-page .pagehead h1 { font-size:42px; }
  .pricing-page .pagehead__sub { font-size:14px; }
  .pricing-page .u-h2 { font-size:34px; }
  .pricing-page .sec { padding:64px 0; }
  .pricing-page .sec--first { padding-top:24px; }
  .pricing-page .sechead { grid-template-columns:1fr; gap:16px; }
  .pricing-page .rate,.pricing-page .faq { margin-left:0; }
  .pricing-page .rate li { grid-template-columns:1fr; gap:10px; }
  .pricing-page .included { padding:26px 20px; margin-top:40px; }
  .pricing-page .included__heading { align-items:flex-start; flex-direction:column; gap:14px; margin-bottom:24px; }
  .pricing-page .included__heading h2 { font-size:27px; }
  .pricing-page .included__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pricing-page .included__grid li,.pricing-page .included__grid li:nth-last-child(-n+2) { grid-column:auto; }
  .pricing-page .included__grid li:last-child { grid-column:1 / -1; }
  .pricing-page .pricenote { padding:22px 20px; gap:12px; }
  .pricing-page .pricenote__copy { grid-template-columns:1fr; gap:16px; }
  .pricing-page #managed .u-wrap { padding:30px 24px; }
  .pricing-page .versus th,.pricing-page .versus td { padding:18px; }
  .pricing-page .end { padding:64px 0; }
  .pricing-page .end h2 { font-size:40px; }
}
@media(max-width:540px) {
  .pricing-page .included__grid { grid-template-columns:1fr; }
  .pricing-page .included__grid li { display:grid; grid-template-columns:42px minmax(0,1fr); column-gap:16px; padding:20px 16px; }
  .pricing-page .included__icon { width:42px; height:42px; margin:0; grid-row:span 2; }
  .pricing-page .included__grid h3 { margin-bottom:6px; }
  .pricing-page .included__grid p { grid-column:2; }
  .pricing-page .plans { grid-template-columns:1fr; }
  .pricing-page .plan { padding:58px 28px 28px; }
  .pricing-page .plan__tag { min-height:0; }
  .pricing-page .billing button { padding:10px 14px; }
  .pricing-page .billing em { display:block; margin:2px 0 0; }
  .pricing-page .pagehead h1 { font-size:38px; }
}
