/* Access + Me phone presentation. All rules are bounded to their two surfaces
 * and <=760px. Business renderers own all plan labels, progress and actions.
 */
@media (max-width:760px) {
  :is(.access-page,.unified-page.me-page) {--mobile-copper:#d9b48e;--mobile-navy:#142e4b}
  :is(.access-page,.unified-page.me-page) :is(button,a,summary) {touch-action:manipulation}
  :is(.access-page,.unified-page.me-page) :is(button,a,summary):focus-visible {outline:3px solid #aa744e;outline-offset:3px}
  :is(.access-page,.unified-page.me-page) .pagehead {padding:10px 2px 0;margin:0 0 24px;min-height:0}
  :is(.access-page,.unified-page.me-page) .pagehead h1 {font:400 clamp(34px,9.5vw,43px)/1.08 var(--serif,Georgia,serif);letter-spacing:-1.15px;margin:0 0 14px;overflow-wrap:normal}
  :is(.access-page,.unified-page.me-page) .pagehead .eyebrow {font-size:9px;letter-spacing:1.7px;margin-bottom:12px;color:#78563e}
  :is(.access-page,.unified-page.me-page) .pagehead .sub {font:14px/1.65 var(--sans,Arial,sans-serif);color:#40556a;margin:0}

  /* Compact product value first; detail remains available in native disclosures. */
  .access-page :is(.validation-value,#nf-access-compare) {padding:21px 18px;border:1px solid #ebe8df;border-radius:20px;margin-bottom:22px;background:#faf8f1;box-shadow:0 15px 32px -25px #142e4b55}
  .access-page .value-heading h2 {font-size:27px;line-height:1.16;margin-bottom:10px}
  .access-page .value-heading>p:last-child {font-size:13px;line-height:1.65}
  .access-page .value-grid {margin:20px 0 18px;gap:12px}
  .access-page .value-card {padding:21px 18px;border-radius:15px;background:#fffdf7;box-shadow:none}
  .access-page .value-card.primary {position:relative;background:radial-gradient(ellipse at 100% 0,#355c7566,transparent 65%),linear-gradient(125deg,#152c43,#1a3b55);border-color:#4a6479;box-shadow:0 12px 22px -20px #0f233d,inset 0 1px 0 #ffffff18}
  .access-page .value-card .eyebrow {font:600 9px/1.6 var(--sans,Arial,sans-serif);letter-spacing:.85px;max-width:100%}
  .access-page .value-card.primary>.eyebrow {color:#ead0ae}
  .access-page .value-card h3 {font-size:25px;line-height:1.18;letter-spacing:-.5px;margin:12px 0 11px}
  .access-page .value-card p:not(.eyebrow) {font:13px/1.65 var(--sans,Arial,sans-serif)}
  .access-page .value-cta {margin-top:16px;gap:10px}
  .access-page .value-cta .explore {min-height:48px;font-size:13px;letter-spacing:.15px}
  .access-page .value-cta p {font-size:12px;line-height:1.6}
  .access-page .mobile-access-disclosure {border:1px solid #d9ddd9;border-radius:12px;background:#fffdf7;min-width:0;overflow:clip}
  .access-page .mobile-access-disclosure>summary {display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;list-style:none;padding:13px 15px;cursor:pointer;color:#425a6d;font:500 12px/1.5 var(--sans,Arial,sans-serif)}
  .access-page .mobile-access-disclosure>summary::-webkit-details-marker {display:none}
  .access-page .mobile-access-disclosure>summary::after {content:'+';font:20px/1 var(--sans,Arial,sans-serif);color:#956a4d;flex:none}
  .access-page .mobile-access-disclosure[open]>summary {border-bottom:1px solid #e0e4df}
  .access-page .mobile-access-disclosure[open]>summary::after {content:'−'}
  .access-page .mobile-access-disclosure .workspace-sample {border:0;border-radius:0;box-shadow:none}
  .access-page .sample-top {padding:16px;gap:6px;letter-spacing:.6px}
  .access-page .sample-top small {font-size:11px;line-height:1.6}
  .access-page .sample-step {padding:20px 16px}
  .access-page .sample-step h3 {font-size:23px}
  .access-page .sample-step p {font-size:13px}
  .access-page .sample-field {font-size:12px;line-height:1.6;padding:13px}
  .access-page #nf-access-compare .intro {margin-bottom:18px}
  .access-page #nf-access-compare .intro h2 {font-size:27px!important;line-height:1.16!important}
  .access-page #nf-access-compare .intro .kicker {font-size:9px;letter-spacing:1.5px}
  .access-page #nf-access-compare .intro>.sub {font-size:13px}
  /* Plans and their existing live action hosts sit together, before feature rows. */
  .access-page #nf-access-compare .compare {display:flex;flex-direction:column;border-radius:15px;overflow:hidden;background:#fffdf7}
  .access-page #nf-access-compare .row {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));order:3;gap:0}
  .access-page #nf-access-compare .row.head {order:1;align-items:stretch}
  .access-page #nf-access-compare .row.head>.cell:first-child {display:none}
  .access-page #nf-access-compare .row.head>.cell:not(:first-child) {padding:21px 14px 18px;border-bottom:0}
  .access-page #nf-access-compare .head .label {font:400 26px/1.2 var(--serif,Georgia,serif);letter-spacing:-.4px;margin:0 0 12px}
  .access-page #nf-access-compare .head .price {font:400 clamp(28px,8vw,35px)/1.12 var(--serif,Georgia,serif);letter-spacing:-1px}
  .access-page #nf-access-compare .price small {display:block;font:11px/1.5 var(--sans,Arial,sans-serif);letter-spacing:0;margin-top:7px;white-space:normal}
  .access-page #nf-access-compare .head .description {font:12px/1.65 var(--sans,Arial,sans-serif);margin:13px 0 0}
  .access-page #nf-access-compare .head>.cell.pro {background:linear-gradient(140deg,#1d405b,#132b45);color:#fff8ed}
  .access-page #nf-access-compare .head>.cell.pro :is(.price small,.description) {color:#cddbe4}
  .access-page #nf-access-compare .head>.cell.pro .label {color:#ead0ae}
  .access-page #nf-access-compare .row.actions {order:2;background:linear-gradient(90deg,#edf0eb 50%,#132b45 50%)}
  .access-page #nf-access-compare .actions>.cell:nth-child(2) {grid-column:1;grid-row:1;padding:0 12px 18px;border-bottom:0}
  .access-page #nf-access-compare .actions>.cell.pro,
  .access-page #nf-access-compare .actions .billing-live-panel.compact {display:contents}
  .access-page #nf-access-compare .actions .billing-live-actions {grid-column:2;grid-row:1;padding:0 12px 18px;min-width:0;align-self:start}
  .access-page #nf-access-compare .actions .billing-live-panel.compact :is(.billing-live-period,.billing-live-notice,.billing-live-legal) {grid-column:1/-1;background:#f8f6ef;margin:0;padding:12px 14px;color:#526778;border-top:1px solid #e0e4df}
  .access-page #nf-access-compare .actions .billing-live-panel.compact .billing-live-notice {font-size:12px;line-height:1.65}
  .access-page #nf-access-compare .actions .billing-live-panel.compact .billing-live-legal {padding-top:0;border:0;font-size:11px;line-height:1.75}
  .access-page #nf-access-compare .actions .billing-live-legal a {color:#78563e}
  .access-page #nf-access-compare .actions :is(button,.explore) {min-height:48px;padding:12px 8px;font-size:12px;line-height:1.4;letter-spacing:0;margin:0;min-width:0}
  .access-page #nf-access-compare .actions .notice {font-size:11px;line-height:1.65;margin-top:10px}
  .access-page #nf-access-compare .actions>.cell.pro .billing-live-actions [data-billing-action="refresh"] {border-color:#51667a;background:#1d3b53;color:#e2e9ea}
  .access-page #nf-access-compare .actions>.cell.pro button:disabled {background:#e4c9aa26;color:#e7d4bf;border-color:#b0927355;opacity:1}
  .access-page #nf-access-compare .row>.cell:first-child {padding:17px 14px 12px;border-top:1px solid #e1e5e3}
  .access-page #nf-access-compare .feature {font-size:13px;line-height:1.5;font-weight:600}
  .access-page #nf-access-compare .feature small {font-size:12px;line-height:1.55;margin-top:5px}
  .access-page #nf-access-compare .row:not(.head):not(.actions)>.cell:not(:first-child) {padding:14px;font:12px/1.6 var(--sans,Arial,sans-serif)}
  .access-page #nf-access-compare .cell small {font-size:11px;line-height:1.6}
  .access-page #nf-access-compare .cell .mobile-label {font:600 9px/1.4 var(--sans,Arial,sans-serif);letter-spacing:1px;margin-bottom:8px}
  .access-page #nf-access-compare .check {margin-right:5px}
  .access-page #nf-access-compare .description {font-size:11px;line-height:1.6}
  .access-page #nf-access-compare .access-terms {margin-top:16px}
  .access-page #nf-access-compare .access-terms .foot {margin:0;padding:16px;font:12px/1.75 var(--sans,Arial,sans-serif);color:#526778}
  /* The allowance artwork supports the offer; it does not dominate it. */
  .access-page .access-stage {border-radius:20px}
  .access-page .stage-top {padding:18px 20px 0}
  .access-page .stage-top .eyebrow {font-size:9px;letter-spacing:1px;padding:0;background:none}
  .access-page .fan {height:216px;overflow:hidden}
  .access-page .fan img {top:5px;left:calc(50% + 20px);width:140px;height:216px}
  .access-page .fan-wash {height:60px}
  .access-page .stage-bottom {padding:22px 18px;margin:-3px 8px 8px;border-radius:14px;gap:20px}
  .access-page .stage-bottom h2 {font-size:26px}
  .access-page .stage-bottom p {font-size:13px;line-height:1.6}
  .access-page .quota .number {font-size:34px}
  .access-page .quota .meta {font:11px/1.6 var(--sans,Arial,sans-serif);letter-spacing:.3px;display:flex;flex-wrap:wrap;gap:7px}
  .access-page .stage-bottom>.explore {min-height:48px;font-size:13px}
  .access-page :is(.quota-status,.access-note) {font:12px/1.65 var(--sans,Arial,sans-serif);margin-inline:2px}
  .access-page .access-note button {min-height:48px;font-size:13px}

  /* Account level, card/AI meters and the next journey remain native live data. */
  .unified-page.me-page {display:block}
  .unified-page.me-page>.stage {margin:0 0 16px;min-width:0;border-radius:20px;padding:21px 19px}
  .unified-page.me-page>.billing-live-panel {margin-bottom:16px;padding:21px 19px;border-radius:20px}
  .unified-page.me-page .me-access-panel {padding:24px 20px;background:radial-gradient(ellipse at 100% 0,#41648155,transparent 60%),linear-gradient(125deg,#13293f,#17364f);border:1px solid #4b6378;box-shadow:0 14px 24px -21px #0b213c,inset 0 1px 0 #ffffff13}
  .unified-page.me-page .me-access-panel .me-tier-heading {display:block;margin:0 0 22px;padding-bottom:21px}
  .unified-page.me-page .me-access-panel .me-tier-heading>.warm-button {display:inline-flex;min-height:44px;margin-top:16px;padding:10px 16px;font-size:12px}
  .unified-page.me-page .me-access-panel .me-tier-name {font-size:48px;line-height:1;letter-spacing:-1.5px}
  .unified-page.me-page .me-access-panel [data-account-level="pending"] .me-tier-name {font-size:34px}
  .unified-page.me-page .me-access-panel .me-tier-label-row {gap:12px;margin:12px 0 14px}
  .unified-page.me-page .me-access-panel .me-tier-badge {padding:5px 9px;min-height:28px;font-size:10px}
  .unified-page.me-page .me-access-panel .me-tier-description {font:13px/1.65 var(--sans,Arial,sans-serif)}
  .unified-page.me-page .me-access-panel .me-owner-preview {margin:0 0 20px;padding:14px 12px;gap:10px}
  .unified-page.me-page .me-access-panel .me-owner-preview p {font-size:12px;line-height:1.65}
  .unified-page.me-page .me-meter-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
  .unified-page.me-page .me-meter {max-width:none;min-width:0}
  .unified-page.me-page .me-meter>.eyebrow {min-height:30px;margin:0 0 9px;font:600 9px/1.6 var(--sans,Arial,sans-serif);letter-spacing:.55px}
  .unified-page.me-page .me-meter .number {display:flex;flex-wrap:wrap;gap:4px;font:400 31px/1.18 var(--serif,Georgia,serif);letter-spacing:-.6px}
  .unified-page.me-page .me-meter .number>.left {flex-basis:100%;margin:4px 0 0;font-size:11px;letter-spacing:0}
  .unified-page.me-page .me-meter .track {height:2px;margin-top:16px;margin-inline:4px}
  .unified-page.me-page .me-meter .meta {font:11px/1.6 var(--sans,Arial,sans-serif);letter-spacing:0;margin-top:14px}
  .unified-page.me-page .me-meter-note {margin-top:21px;padding-top:17px;border-top:1px solid #ffffff16;font:12px/1.65 var(--sans,Arial,sans-serif)}
  .unified-page.me-page :is(.me-panel-heading,.me-account-heading) {gap:14px;margin-bottom:18px}
  .unified-page.me-page :is(.me-panel-heading,.me-account-heading)>div {flex:1 1 180px}
  .unified-page.me-page :is(.me-panel-heading,.me-account-heading) h2 {font-size:27px;line-height:1.18}
  .unified-page.me-page .eyebrow {font-size:9px;letter-spacing:1px}
  .unified-page.me-page .warm-button {min-height:46px;padding:11px 14px;font:500 12px/1.5 var(--sans,Arial,sans-serif);letter-spacing:0;white-space:normal;max-width:100%;overflow-wrap:anywhere}
  .unified-page.me-page .me-my-cards-panel .me-panel-heading {align-items:center;margin:0;gap:13px;display:flex}
  .unified-page.me-page .me-my-cards-panel .me-panel-heading>div {flex:1 1 110px}
  .unified-page.me-page .me-my-cards-panel .me-panel-heading>div>p:not(.eyebrow) {display:none}
  .unified-page.me-page .me-my-cards-panel .eyebrow {letter-spacing:.6px;font-size:8px;margin:0 0 9px}
  .unified-page.me-page .me-my-cards-panel h2 {font-size:26px}
  .unified-page.me-page .me-my-cards-panel .warm-button {flex:0 1 130px;text-align:center}
  .unified-page.me-page .me-workspace-panel>.me-panel-heading {display:block}
  .unified-page.me-page .me-workspace-panel>.me-panel-heading>.warm-button {display:flex;width:100%;margin-top:16px;justify-content:center}
  .unified-page.me-page .me-workspace-panel [data-me-workspaces]>p {font:13px/1.65 var(--sans,Arial,sans-serif);color:#526778;margin:0}
  .unified-page.me-page .first-test-grid {display:grid;grid-template-columns:1fr;gap:12px;margin:17px 0 0}
  .unified-page.me-page .first-test-grid article {padding:18px 16px;border-radius:13px;background:#fffdf7;border:1px solid #d9ddd9}
  .unified-page.me-page .first-test-grid h3 {font-size:24px;line-height:1.23}
  .unified-page.me-page .first-test-grid article>.eyebrow {font-size:9px;line-height:1.6;margin-bottom:11px}
  .unified-page.me-page .first-test-grid article>.warm-button {width:100%;align-self:stretch;text-align:center;justify-content:center}
  .unified-page.me-page .billing-live-heading {gap:12px;flex-wrap:wrap;align-items:flex-start}
  .unified-page.me-page .billing-live-heading h2 {font-size:27px;line-height:1.18}
  .unified-page.me-page .billing-live-level {font:11px/1.5 var(--sans,Arial,sans-serif)}
  .unified-page.me-page .billing-live-price {font-size:34px}
  .unified-page.me-page .billing-live-actions {display:grid;grid-template-columns:1fr;gap:10px}
  .unified-page.me-page .billing-live-actions .warm-button {min-height:48px;width:100%}
  .unified-page.me-page .billing-live-notice {font-size:12px;line-height:1.65}
  .unified-page.me-page .billing-live-legal {font-size:12px;line-height:1.75}
  .unified-page.me-page .me-account-grid {gap:20px}
  .unified-page.me-page .account-status-grid {grid-template-columns:1fr;gap:8px}
  .unified-page.me-page .account-status-grid>div {padding:13px 14px}
  .unified-page.me-page .account-status-grid strong {font-size:12px}
  .unified-page.me-page .account-status-grid span {margin-bottom:6px}
  .unified-page.me-page .account-name {font-size:25px;line-height:1.25}
  .unified-page.me-page .account-email {font-size:12px;line-height:1.6}
  .unified-page.me-page .account-note {font-size:12px;line-height:1.65}
  .unified-page.me-page .me-account-panel .account-owner-reports>.warm-button {max-width:100%;justify-self:stretch;text-align:center}
  .unified-page.me-page .me-signin-grid {gap:18px}
  .unified-page.me-page .me-signin-grid>.warm-button {justify-self:stretch;text-align:center}
  .unified-page.me-page .me-signin-grid form button {align-self:stretch}
  .unified-page.me-page .personal-stage {padding:0;overflow:hidden}
  .unified-page.me-page .preference-map {min-height:320px;height:320px}
  .unified-page.me-page .map-caption {top:20px;left:19px;right:19px}
  .unified-page.me-page .map-caption span {font-size:12px}
  .unified-page.me-page .map-legend {left:19px;right:19px;bottom:17px;font-size:10px}
  .unified-page.me-page .interest-node {width:60px;height:60px}
  .unified-page.me-page .interest-node span {font-size:8px;letter-spacing:.25px}
  .unified-page.me-page .interest-node.node-0 {top:33%}
  .unified-page.me-page .interest-node.node-1 {top:31%}
  .unified-page.me-page :is(.interest-node.node-3,.interest-node.node-4) {top:65%}
  .unified-page.me-page .preference-panel {padding:22px 19px}
  .unified-page.me-page .preference-panel h2 {font-size:29px;margin:13px 0}
  .unified-page.me-page .preference-panel>p:not(.eyebrow) {font-size:13px;line-height:1.65}
  .unified-page.me-page .interest-chips button {min-height:44px}
  .unified-page.me-page .preference-panel .evidence-button {min-height:44px}
  .unified-page.me-page .preference-actions {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px}
  .unified-page.me-page .preference-actions button {min-height:44px;font-size:12px;padding:10px}
  .unified-page.me-page .preference-actions button:last-child {grid-column:1/-1}
  .unified-page.me-page .personal-stats {margin:20px 0;padding:16px 0}
  .unified-page.me-page .personal-stats b {font-size:27px}
  .unified-page.me-page>.section-heading {margin:26px 2px 17px}
  .unified-page.me-page .section-heading h2 {font-size:27px}
  .unified-page.me-page .section-heading .text-link {min-height:44px;display:inline-flex;align-items:center}
  .unified-page.me-page .personal-recommendations {gap:13px;margin-bottom:18px}
  .unified-page.me-page .personal-recommendations .alternative {padding:19px 17px}
  .unified-page.me-page .personal-recommendations h3 {font-size:24px}
}
@media(max-width:359px) {
  .access-page :is(.validation-value,#nf-access-compare) {padding-inline:14px}
  .access-page .value-card {padding-inline:16px}
  .access-page #nf-access-compare .row.head>.cell:not(:first-child) {padding-inline:11px}
  .access-page #nf-access-compare .actions>.cell:not(:first-child) {padding-inline:9px}
  .access-page #nf-access-compare .head .price {font-size:28px}
  .unified-page.me-page .me-access-panel {padding-inline:18px}
  .unified-page.me-page .me-meter-grid {grid-template-columns:1fr;gap:23px}
  .unified-page.me-page .me-meter>.eyebrow {min-height:0}
  .unified-page.me-page .me-meter .number {font-size:34px;flex-wrap:nowrap}
  .unified-page.me-page .me-meter .number>.left {flex-basis:auto;margin:0 0 0 3px}
  .unified-page.me-page .me-my-cards-panel .warm-button {flex:1 1 100%}
}