/* Access presentation only. The shared shell, quota hooks and artwork remain unchanged. */
.access-page {
  --access-ink:var(--unified-ink,#142e4b);
  --access-text:var(--unified-text,#40556a);
  --access-muted:var(--unified-muted,#687a89);
  --access-paper:var(--unified-paper,#fffdf7);
  --access-line:var(--unified-line,#d9ddd9);
  min-width:0;
  color:var(--access-ink);
  font-family:var(--sans,Arial,Helvetica,sans-serif);
}
.access-page *, .access-page *::before, .access-page *::after {box-sizing:border-box}
.access-page .pagehead {
  width:100%;min-width:0;min-height:0;margin:0 0 25px;padding:0 4px;
  display:block;
}
.access-page .pagehead h1 {
  margin:0 0 13px;color:var(--access-ink);
  font:400 clamp(42px,4.1vw,62px)/1.06 var(--serif,Georgia,'Palatino Linotype',serif);
  letter-spacing:-1.7px;overflow-wrap:anywhere;
}
.access-page .pagehead .eyebrow,
.access-page .value-heading>.eyebrow,
.access-page #nf-access-compare .intro>.kicker {
  margin:0 0 12px;color:#78563e;
  font:700 10px/1.4 var(--sans,Arial,sans-serif);letter-spacing:2px;
}
.access-page .pagehead .sub {
  max-width:760px;margin:0;color:#344d65;
  font:400 15px/1.55 var(--sans,Arial,sans-serif);
}
.access-page .pagehead .motto {display:none}
.access-page .validation-value,
.access-page #nf-access-compare {
  min-width:0;margin:0 0 24px;padding:25px;
  border:1px solid rgba(246,244,235,.92);border-radius:23px;
  background:rgba(250,248,241,.97);
  box-shadow:0 24px 44px -27px rgba(16,40,64,.45),0 5px 15px -9px rgba(25,43,57,.22),inset 0 1px 0 rgba(255,255,255,.8);
}
.access-page .value-heading h2,
.access-page #nf-access-compare .intro h2 {
  margin:0 0 12px;color:var(--access-ink);
  font:400 32px/1.16 var(--serif,Georgia,serif);letter-spacing:-.65px;
  overflow-wrap:anywhere;
}
/* The old comparison heading carries a presentation-only inline font. */
.access-page #nf-access-compare .intro h2 {font-size:32px!important;line-height:1.16!important;font-family:var(--serif,Georgia,serif)!important}
.access-page .value-heading>p:last-child,
.access-page #nf-access-compare .intro>.sub {
  max-width:740px;margin:0;color:var(--access-text);
  font:400 14px/1.65 var(--sans,Arial,sans-serif);
}
.access-page .value-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}
.access-page .value-card {
  min-width:0;padding:25px;border:1px solid var(--access-line);border-radius:17px;
  background:var(--access-paper);box-shadow:0 8px 16px -13px rgba(24,48,64,.24);
}
.access-page .value-card.primary {background:#193851;color:#fffaf0;border-color:#193851}
.access-page .value-card .eyebrow {margin:0;color:#78563e;font:600 10px/1.5 var(--sans,Arial,sans-serif);letter-spacing:1.2px}
.access-page .value-card.primary .eyebrow {color:#e4c9aa}
.access-page .value-card h3 {
  margin:13px 0 11px;font:400 27px/1.18 var(--serif,Georgia,serif);
  letter-spacing:-.55px;overflow-wrap:anywhere;
}
.access-page .value-card p {margin:0;color:var(--access-text);font:400 13px/1.65 var(--sans,Arial,sans-serif);overflow-wrap:anywhere}
.access-page .value-card.primary p {color:#d7e4ec}
.access-page .workspace-sample {min-width:0;border:1px solid var(--access-line);border-radius:17px;background:var(--access-paper)}
.access-page .sample-top {
  min-width:0;padding:18px 22px;gap:18px;border-bottom:1px solid var(--access-line);
  color:#5b707e;font:600 10px/1.5 var(--sans,Arial,sans-serif);letter-spacing:1px;
}
.access-page .sample-top small {font-size:10px;font-weight:400;letter-spacing:0;overflow-wrap:anywhere}
.access-page .sample-flow {grid-template-columns:repeat(3,minmax(0,1fr))}
.access-page .sample-step {min-width:0;padding:23px 22px}
.access-page .sample-step+.sample-step {border-color:var(--access-line)}
.access-page .sample-index {color:#78563e;font:600 9px/1.45 var(--sans,Arial,sans-serif);letter-spacing:1.1px}
.access-page .sample-step h3 {margin:13px 0 11px;color:var(--access-ink);font:400 24px/1.18 var(--serif,Georgia,serif);letter-spacing:-.4px;overflow-wrap:anywhere}
.access-page .sample-step p {margin:0;color:var(--access-text);font:400 12px/1.65 var(--sans,Arial,sans-serif);overflow-wrap:anywhere}
.access-page .sample-field {min-width:0;margin-top:17px;padding:14px;border:1px solid #d4dcd9;border-radius:10px;background:#edf0eb;color:#4a5f70;font:400 12px/1.6 var(--sans,Arial,sans-serif);overflow-wrap:anywhere}
.access-page .sample-review {background:#f4eadc;border-color:#dfbf9d}
.access-page .value-cta {gap:17px;margin-top:21px}
.access-page .value-cta p {min-width:0;margin:0;color:#627484;font:400 11px/1.55 var(--sans,Arial,sans-serif);overflow-wrap:anywhere}
.access-page .explore,
.access-page .access-note button,
.access-page #nf-access-compare button {
  min-width:0;min-height:44px;padding:11px 16px;border:1px solid #c79a73;border-radius:8px;
  background:linear-gradient(125deg,#e4c9aa,#d3a77f);color:#39291f;
  text-decoration:none;text-align:center;font:500 12px/1.35 var(--sans,Arial,sans-serif);
  white-space:normal;overflow-wrap:anywhere;cursor:pointer;
  box-shadow:0 3px 7px -5px rgba(98,56,36,.3);
  transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.access-page .explore {display:inline-flex;align-items:center;justify-content:center;gap:6px}
.access-page .access-note button:not([hidden]) {display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.access-page :is(.explore,.access-note button,#nf-access-compare button):hover:not(:disabled) {
  background:linear-gradient(125deg,#dfbb96,#c9956d);border-color:#b98460;
}
.access-page :is(a,button):focus-visible {outline:3px solid #ae7650;outline-offset:3px;box-shadow:0 0 0 1px #fffdf7}
.access-page #nf-access-compare {font-family:var(--sans,Arial,Helvetica,sans-serif);color:var(--access-ink)}
.access-page #nf-access-compare .intro {margin:0 0 22px}
.access-page #nf-access-compare .compare {
  min-width:0;border:1px solid var(--access-line);border-radius:17px;
  background:var(--access-paper);box-shadow:0 8px 16px -13px rgba(24,48,64,.24);
}
.access-page #nf-access-compare .row {min-width:0;grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(0,1fr))}
.access-page #nf-access-compare .cell {min-width:0;padding:18px 22px;border-bottom-color:#e1e5e3;font-size:13px;line-height:1.55;overflow-wrap:anywhere}
.access-page #nf-access-compare .row>.cell:first-child {background:var(--access-paper)}
.access-page #nf-access-compare .row>.cell:nth-child(2) {background:#edf0eb;color:#4a5f70}
.access-page #nf-access-compare .row>.cell.pro {background:#f1e3cf;color:var(--access-ink)}
.access-page #nf-access-compare .head .cell {padding-top:25px;padding-bottom:25px}
.access-page #nf-access-compare .head .label {font:400 26px/1.2 var(--serif,Georgia,serif);margin-bottom:13px;letter-spacing:-.35px}
.access-page #nf-access-compare .head>.cell.pro {background:linear-gradient(135deg,#f3e5d3,#e4c9aa)}
.access-page #nf-access-compare .price {font:400 40px/1.2 var(--serif,Georgia,serif);letter-spacing:-1px;white-space:nowrap}
.access-page #nf-access-compare .price small {font:400 11px/1.45 var(--sans,Arial,sans-serif);letter-spacing:0;color:#5b707e}
.access-page #nf-access-compare .description {font-size:12px;line-height:1.6;color:#5b707e;margin-top:10px;overflow-wrap:anywhere}
.access-page #nf-access-compare .feature {font-weight:600}
.access-page #nf-access-compare .feature small {color:#607381;font-size:11px;line-height:1.6;margin-top:6px;font-weight:400}
.access-page #nf-access-compare .highlight .cell {padding-top:22px;padding-bottom:22px;border-top-color:#cfb491;border-bottom-color:#cfb491}
.access-page #nf-access-compare .highlight>.cell.pro {background:#193851;color:#fffaf0}
.access-page #nf-access-compare .highlight>.cell.pro small {color:#d7e4ec;font-size:11px;line-height:1.6}
.access-page #nf-access-compare .actions .cell {padding-top:22px;padding-bottom:22px}
.access-page #nf-access-compare button:disabled {background:#e4c9aa55;color:#76553d;cursor:not-allowed;box-shadow:none}
.access-page #nf-access-compare .notice {font-size:11px;line-height:1.55;color:#627484;margin-top:10px}
.access-page #nf-access-compare .foot {margin:18px 3px 0;color:#627484;font:400 11px/1.65 var(--sans,Arial,sans-serif);overflow-wrap:anywhere}
.access-page .access-stage {
  min-width:0;min-height:0;margin:0;border:1px solid rgba(246,244,235,.92);border-radius:23px;
  background:rgba(250,248,241,.97);
  box-shadow:0 24px 44px -27px rgba(16,40,64,.45),0 5px 15px -9px rgba(25,43,57,.22),inset 0 1px 0 rgba(255,255,255,.8);
}
.access-page .stage-top {padding:25px 4% 0;gap:18px}
.access-page .stage-top .eyebrow {color:#5b707e;font:600 10px/1.5 var(--sans,Arial,sans-serif);letter-spacing:1.5px}
.access-page .fan {height:410px;min-width:0;max-width:1070px}
.access-page .fan img {top:-32px;max-width:none}
.access-page .stage-bottom {grid-template-columns:minmax(0,1fr) minmax(190px,250px) auto;gap:26px}
.access-page .stage-bottom>div {min-width:0}
.access-page .stage-bottom h2 {font:400 27px/1.18 var(--serif,Georgia,serif);letter-spacing:-.45px;overflow-wrap:anywhere}
.access-page .stage-bottom p {max-width:430px;font:400 12px/1.6 var(--sans,Arial,sans-serif);overflow-wrap:anywhere}
.access-page .quota {width:100%;min-width:0}
.access-page .quota .number {font-family:var(--serif,Georgia,serif)}
.access-page .quota .meta {font-size:9px;line-height:1.55;letter-spacing:.7px;gap:8px}
.access-page .quota-status {margin:13px 4px 0;min-width:0;color:#425d72;font:400 11px/1.55 var(--sans,Arial,sans-serif);overflow-wrap:anywhere}
.access-page .access-note {min-width:0;align-items:center;margin:12px 4px 0;gap:18px;color:#425d72;font:400 11px/1.55 var(--sans,Arial,sans-serif);overflow-wrap:anywhere}
.access-page .access-note>span {min-width:0}

@media(min-width:761px) and (max-width:1150px) {
  .access-page .validation-value,.access-page #nf-access-compare {padding:21px}
  .access-page .value-card {padding:22px}
  .access-page .sample-top {padding:18px}
  .access-page .sample-step {padding:22px 18px}
  .access-page #nf-access-compare .cell {padding-inline:18px}
  .access-page .stage-bottom {grid-template-columns:minmax(0,1fr) minmax(185px,220px);gap:20px}
  .access-page .stage-bottom>.explore {grid-column:1/-1;justify-self:start;margin-top:0}
}
@media(max-width:760px) {
  .access-page .pagehead {margin-bottom:21px;padding:0 3px}
  .access-page .pagehead h1 {font-size:42px;letter-spacing:-1.1px;margin-bottom:11px}
  .access-page .pagehead .eyebrow {font-size:9px;letter-spacing:1.7px;margin-bottom:10px}
  .access-page .pagehead .sub {font-size:13px;line-height:1.5}
  .access-page .pagehead .sub br {display:none}
  .access-page .validation-value,.access-page #nf-access-compare {margin:0 0 20px;padding:20px 17px;border-radius:18px;box-shadow:0 13px 28px -23px rgba(24,49,70,.45)}
  .access-page .value-heading h2 {font-size:28px;letter-spacing:-.5px}
  .access-page #nf-access-compare .intro h2 {font-size:28px!important}
  .access-page .value-heading>p:last-child,.access-page #nf-access-compare .intro>.sub {font-size:13px;line-height:1.6}
  .access-page .value-grid,.access-page .sample-flow {grid-template-columns:minmax(0,1fr)}
  .access-page .value-grid {gap:15px;margin:21px 0}
  .access-page .value-card {padding:22px 20px;border-radius:14px}
  .access-page .value-card h3 {font-size:25px}
  .access-page .workspace-sample {border-radius:14px}
  .access-page .sample-top {flex-direction:column;gap:8px;padding:17px 19px}
  .access-page .sample-step {padding:22px 19px}
  .access-page .sample-step+.sample-step {border-left:0;border-top:1px solid var(--access-line)}
  .access-page .sample-step h3 {font-size:25px}
  .access-page .value-cta {align-items:stretch;gap:12px}
  .access-page .value-cta .explore {width:100%;margin:0}
  .access-page .value-cta p {width:100%}
  .access-page #nf-access-compare .intro {margin-bottom:20px}
  .access-page #nf-access-compare .compare {border-radius:14px}
  .access-page #nf-access-compare .row {grid-template-columns:repeat(2,minmax(0,1fr))}
  .access-page #nf-access-compare .row>.cell:first-child {grid-column:1/-1;padding:17px 15px 8px;border-bottom:0}
  .access-page #nf-access-compare .row>.cell:not(:first-child) {padding:13px 15px 19px}
  .access-page #nf-access-compare .head>.cell:first-child {padding:21px 15px 12px}
  .access-page #nf-access-compare .head .label {font-size:24px}
  .access-page #nf-access-compare .price {font-size:33px}
  .access-page #nf-access-compare .price small {display:block;margin-top:3px;font-size:10px}
  .access-page #nf-access-compare .mobile-label {display:block;font-size:9px;letter-spacing:1px;margin-bottom:6px;color:#5b707e}
  .access-page #nf-access-compare .highlight>.cell:first-child {border-top:0}
  .access-page #nf-access-compare .highlight>.cell.pro .mobile-label {color:#d7e4ec}
  .access-page #nf-access-compare .actions>.cell:first-child {display:none}
  .access-page #nf-access-compare .actions>.cell:not(:first-child) {padding:17px 12px}
  .access-page #nf-access-compare .actions :is(button,.explore) {font-size:11px;min-height:52px;padding:10px 8px}
  .access-page #nf-access-compare .notice {font-size:10px}
  .access-page .access-stage {border-radius:18px}
  .access-page .stage-top {padding:20px 5% 0}
  .access-page .stage-top .eyebrow {font-size:9px;letter-spacing:1.1px}
  .access-page .fan {height:333px}
  .access-page .fan img {top:-14px}
  .access-page .stage-bottom {display:grid;grid-template-columns:minmax(0,1fr);gap:21px}
  .access-page .stage-bottom h2 {font-size:25px}
  .access-page .quota {width:100%;max-width:360px;margin-top:0}
  .access-page .stage-bottom>.explore {width:100%;margin:0}
  .access-page .access-note {display:block;margin-top:12px}
  .access-page .access-note>span {display:block;margin-bottom:10px}
  .access-page .access-note button:not([hidden]) {width:100%}
}
@media(max-width:390px) {
  .access-page .validation-value,.access-page #nf-access-compare {padding-inline:14px}
  .access-page .value-card {padding-inline:17px}
  .access-page .sample-top,.access-page .sample-step {padding-inline:16px}
  .access-page #nf-access-compare .row>.cell:not(:first-child) {padding-inline:12px}
  .access-page #nf-access-compare .price {font-size:29px}
  .access-page .fan {height:310px}
  .access-page .fan img {top:-12px}
}
@media(prefers-reduced-motion:reduce) {
  .access-page :is(a,button),.access-page .quota .fill {transition:none}
  .access-page .quota .fill:after {animation:none}
}