/* Existing accepted presentation wins over these scoped foundation rules. */
@import url('unified-access.css?v=unified-scene-20261002a');

:where(.access-page) .value-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
:where(.access-page) .value-heading > p:last-child {margin:0}
:where(.access-page) .workspace-sample {overflow:hidden}
:where(.access-page) .sample-top {display:flex;justify-content:space-between}
:where(.access-page) .sample-flow {display:grid;gap:0}
:where(.access-page) .sample-step + .sample-step {border-left:1px solid #d1dce0}
:where(.access-page) .value-cta {display:flex;align-items:center;flex-wrap:wrap}
:where(.access-page) #nf-access-compare .row {display:grid}
:where(.access-page) #nf-access-compare .cell {border-bottom:1px solid #e1e5e3}
:where(.access-page) #nf-access-compare .compare {overflow:hidden}
:where(.access-page) #nf-access-compare .head .cell:first-child {display:flex;flex-direction:column;justify-content:end}
:where(.access-page) #nf-access-compare .kicker {font-size:11px;letter-spacing:2px;color:#58718b;margin:0 0 12px}
:where(.access-page) #nf-access-compare .feature small {display:block;font-weight:400}
:where(.access-page) #nf-access-compare .highlight .cell {border-top:1px solid #d1ab85;border-bottom:1px solid #d1ab85}
:where(.access-page) #nf-access-compare .highlight .pro small {display:block;margin-top:5px}
:where(.access-page) #nf-access-compare .muted {color:#71808a}
:where(.access-page) #nf-access-compare .check {color:#527865;padding-right:6px}
:where(.access-page) #nf-access-compare .row > .cell:nth-child(2) .check {color:#718577}
:where(.access-page) #nf-access-compare .head > .cell:nth-child(2) .price {color:#58718b}
:where(.access-page) #nf-access-compare .pro-title {display:flex;align-items:baseline;gap:10px;white-space:nowrap}
:where(.access-page) #nf-access-compare .actions .cell {border-bottom:0}
:where(.access-page) #nf-access-compare .actions :is(button,.explore) {width:100%}
:where(.access-page) #nf-access-compare .description:is(span) {display:block}
:where(.access-page) #nf-access-compare .mobile-label {display:none}

:where(.access-page) .access-stage {position:relative;overflow:hidden;isolation:isolate}
:where(.access-page) .access-stage::before {content:"";position:absolute;left:12%;right:12%;top:2%;height:390px;border-radius:50%;background:radial-gradient(ellipse,#dceaf099 0%,#e9f1f254 45%,transparent 72%);filter:blur(25px);z-index:-1}
:where(.access-page) .access-stage::after {content:"";position:absolute;inset:0 0 100px;z-index:0;pointer-events:none;background:url('access-contours.svg?v=contour-20260929b') center top/100% 100% no-repeat}
:where(.access-page) .stage-top {display:flex;justify-content:space-between;position:relative;z-index:10}
:where(.access-page) .stage-top .eyebrow {margin:0;background:linear-gradient(90deg,#fffdf7 0%,#fffdf7dc 88%,transparent);padding:8px 30px 8px 0}
:where(.access-page) .fan {position:relative;pointer-events:none;margin:0 auto;z-index:1}
:where(.access-page) .fan img {position:absolute;left:calc(50% + 21px);width:222px;height:344px;object-fit:contain;transform-origin:50% 110%;filter:drop-shadow(0 14px 11px #273f4a40)}
:where(.access-page) .f1 {transform:translateX(-168%) translateY(28px) rotate(-27deg);z-index:1}
:where(.access-page) .f2 {transform:translateX(-137%) translateY(9px) rotate(-19deg);z-index:2}
:where(.access-page) .f3 {transform:translateX(-106%) translateY(-2px) rotate(-12deg);z-index:3}
:where(.access-page) .f4 {transform:translateX(-75%) translateY(-7px) rotate(-5deg);z-index:4}
:where(.access-page) .f5 {transform:translateX(-44%) translateY(-7px) rotate(5deg);z-index:5}
:where(.access-page) .f6 {transform:translateX(-13%) translateY(-2px) rotate(12deg);z-index:6}
:where(.access-page) .f7 {transform:translateX(18%) translateY(9px) rotate(19deg);z-index:7}
:where(.access-page) .f8 {transform:translateX(49%) translateY(28px) rotate(27deg);z-index:8}
:where(.access-page) .fan-wash {position:absolute;inset:auto 0 0;height:110px;background:linear-gradient(transparent,#fffdf7d6 48%,#fffdf7 100%);z-index:9;pointer-events:none}
:where(.access-page) .stage-bottom {position:relative;z-index:10;display:grid;align-items:center;margin:-14px 16px 15px;padding:27px 3.2% 29px;border:1px solid #c2e0f1;border-radius:20px;background:radial-gradient(ellipse at 100% 100%,#41668888,transparent 48%),linear-gradient(115deg,#11253b,#132b45 60%,#102a43);color:#f8f6f0;box-shadow:0 21px 33px -17px #41698688,0 2px 3px #56789255,inset 0 1px 3px #e0f6ffbb,inset 0 0 35px #a4d5ee26;isolation:isolate}
:where(.access-page) .stage-bottom::before {content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 2px #f1ffff,inset 0 14px 27px -17px #c6e8ff,inset 0 -13px 25px -23px #e5f8ff}
:where(.access-page) .stage-bottom h2 {margin:0 0 7px;color:#f8f6f0}
:where(.access-page) .stage-bottom p {margin:0;color:#d7e4ec}
:where(.access-page) .quota .number {display:flex;align-items:baseline;gap:7px;font:400 34px Georgia,serif;font-variant-numeric:lining-nums tabular-nums;white-space:nowrap;color:#f8f6f0}
:where(.access-page) .quota .slash {font-size:.65em;color:#a9c0cf}
:where(.access-page) .quota .left {font:13px Arial,sans-serif;color:#d7e4ec;margin-left:2px}
:where(.access-page) .quota .track {height:2px;background:#7897aa88;margin-top:15px;position:relative}
:where(.access-page) .quota .fill {display:block;height:2px;background:#9c684e;position:relative;width:0;transition:width .45s ease}
:where(.access-page) .quota .fill::after {content:"";display:none;position:absolute;right:-4px;top:-3px;width:8px;height:8px;border-radius:50%;background:#9c684e;animation:access-view-breathe 3.6s ease-in-out infinite}
:where(.access-page) .quota .fill.available::after {display:block}
:where(.access-page) .quota .meta {display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:9px;color:#a9c0cf}
:where(.access-page) .quota-status {min-height:18px}
:where(.access-page) .access-note {display:flex;justify-content:space-between}
@keyframes access-view-breathe {0%,100%{box-shadow:0 0 0 3px #132b45,0 0 0 3px #d2a17d00}50%{box-shadow:0 0 0 3px #132b45,0 0 0 9px #d2a17d38}}
@media(prefers-reduced-motion:reduce) {
  :where(.access-page) .quota .fill {transition:none}
  :where(.access-page) .quota .fill::after {animation:none}
}