/* /aisuite/ page components. The page is built on site.css: .ph7, .s7, .s7__head, .eyebrow, .btn, .lnk, .st,
   .fold, .cap7__g, .tbl8, .cta-band. This sheet only adds what the site does not have: the scorecard, the hero
   backlight, the ladder, the proof strip and the comparison. It does not restyle headings, paragraphs or sections. */

/* Two beats on desktop, natural wrapping on phones. */
@media(min-width:768px){.r21-tt span{display:block}}

/* Hero: a compact card beside the copy, on a real CSS backlight. */
.r21-hero{overflow-x:clip}
.r21-hero-g{grid-template-columns:minmax(0,1fr) minmax(0,calc(460*var(--u)));gap:calc(48*var(--u))}
.r21-hero-art{position:relative;isolation:isolate;min-width:0}
.r21-hero-art::before{content:"";position:absolute;inset:calc(-72*var(--u));z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 60%,color-mix(in srgb,var(--blue-300) 55%,transparent) 0%,color-mix(in srgb,var(--blue-400) 30%,transparent) 55%,transparent 82%);filter:blur(calc(24*var(--u)))}
.r21-hero-art>.r21-card{box-shadow:none;padding:calc(22*var(--u))}
.r21-hero-art .r21-result{min-height:calc(88*var(--u));padding:calc(20*var(--u)) 0;gap:calc(16*var(--u))}
.r21-hero-art .r21-number{font-size:calc(64*var(--u))}
.r21-hero-art .r21-result strong{font-size:calc(20*var(--u))}
.r21-hero-art .r21-rows{margin:calc(12*var(--u)) 0}
.r21-hero-art .r21-rows li{padding:calc(3*var(--u)) 0;line-height:1.35}
.r21-hero-art .r21-rows .r21-reason{font-size:calc(14*var(--u))}
.r21-hero-art .r21-card footer{margin-top:calc(12*var(--u));line-height:1.4}

/* Ladder: the four steps under the hero. */
.r21-ladder{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:calc(64*var(--u))}
.r21-ladder li{border-top:1px solid var(--rl);position:relative}
.r21-ladder li::before{content:"";position:absolute;top:calc(-5*var(--u));left:0;width:var(--eyebrow-mark);height:var(--eyebrow-mark);border-radius:var(--sq-r);background:var(--mk)}
.r21-ladder a{display:block;padding:calc(24*var(--u)) calc(32*var(--u)) 0 0;color:inherit;text-decoration:none}
.r21-ladder a:hover b{color:var(--ink-accent)}
.r21-ladder span{display:block;color:var(--fg2);font-size:max(calc(13*var(--u)),var(--floor));font-weight:700;font-variant-numeric:tabular-nums;margin-bottom:calc(10*var(--u))}
.r21-ladder b{display:block;font-weight:700;font-size:calc(21*var(--u));letter-spacing:-.01em;margin-bottom:calc(8*var(--u));transition:color var(--dur) var(--ease)}
.r21-ladder small{display:block;font-size:calc(15*var(--u));line-height:1.45;color:var(--fg2)}

/* Copy beside a card or a picture. */
.r21-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,calc(560*var(--u)));gap:calc(96*var(--u));align-items:center}
.r21-split .s7__head{margin-bottom:0}
.r21-icon{width:calc(24*var(--u));height:calc(24*var(--u));flex-shrink:0}
.dk .r21-icon{filter:brightness(0) invert(1)}
.r21-audiences .r21-icon,.r21-after .r21-icon{display:block;width:calc(32*var(--u));height:calc(32*var(--u))}
.r21-audiences .qa7__k{margin:calc(6*var(--u)) 0 0}

/* Scorecard. */
.r21-card{border:1px solid var(--rl);border-radius:var(--r-lg);padding:calc(28*var(--u));background:var(--ground-white);color:var(--on-light-1);--fg2:var(--on-light-2);--fg3:var(--on-light-3);--rl:var(--on-light-rule);--ink-accent:var(--blue-800);min-width:0;transition:transform .4s ease}
.dk .r21-card{background:var(--ground-navy);color:var(--on-dark-1);--fg2:var(--on-dark-2);--fg3:var(--on-dark-3);--rl:var(--on-dark-rule);--ink-accent:var(--blue-400)}
.r21-card.r21-settled{transform:translateY(calc(-4*var(--u)))}
.r21-card header{display:flex;align-items:center;gap:calc(12*var(--u));font-size:calc(15*var(--u))}
.r21-card header>img:first-child{width:calc(36*var(--u));height:calc(36*var(--u))}
.r21-t{margin-left:auto;width:calc(28*var(--u));height:calc(28*var(--u))}
.r21-t-dark,.dk .r21-t-light{display:none}.dk .r21-t-dark{display:block}
.r21-result{display:flex;align-items:center;gap:calc(24*var(--u));padding:calc(32*var(--u)) 0;border-bottom:2px solid currentColor;min-height:calc(140*var(--u))}
.r21-result strong{font-size:calc(23*var(--u));line-height:1.2}
.r21-number{font-size:calc(72*var(--u));line-height:1;font-weight:700;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.r21-band{display:inline-block;width:var(--eyebrow-mark);height:var(--eyebrow-mark);border-radius:var(--sq-r);background:var(--mk);margin-right:calc(8*var(--u))}
.r21-card[data-card=strong] .r21-band{background:var(--atlas-band-high-light)}.r21-card[data-card=conditional] .r21-band{background:var(--atlas-band-mid-light)}.r21-card[data-card=not-ready] .r21-band{background:var(--atlas-band-low-light)}
.dk .r21-card[data-card=strong] .r21-band{background:var(--atlas-band-high)}.dk .r21-card[data-card=conditional] .r21-band{background:var(--atlas-band-mid)}.dk .r21-card[data-card=not-ready] .r21-band{background:var(--atlas-band-low)}
.r21-rows{margin:calc(18*var(--u)) 0}
.r21-rows li{display:flex;align-items:center;gap:calc(12*var(--u));padding:calc(14*var(--u)) 0;border-bottom:1px solid var(--rl);font-size:calc(14*var(--u));line-height:1.5}
.r21-rows li span{flex:1}
.r21-rows li b{color:var(--fg2);font-weight:500;font-size:max(calc(13*var(--u)),var(--floor))}
.r21-rows .r21-reason{font-size:calc(16*var(--u));font-weight:600}
.r21-card footer{font-size:max(calc(13*var(--u)),var(--floor));line-height:1.6;color:var(--fg2);margin-top:calc(24*var(--u))}
.r21-state{display:inline-flex;align-items:center;gap:calc(7*var(--u));white-space:nowrap}
.r21-state i{width:calc(9*var(--u));height:calc(9*var(--u));border-radius:var(--sq-r);display:inline-block}
.r21-state[data-state=met] i{background:var(--atlas-band-high-light)}.r21-state[data-state=partly] i{background:var(--atlas-band-mid-light)}.r21-state[data-state=gaps] i{background:var(--atlas-band-low-light)}
.dk .r21-state[data-state=met] i{background:var(--atlas-band-high)}.dk .r21-state[data-state=partly] i{background:var(--atlas-band-mid)}.dk .r21-state[data-state=gaps] i{background:var(--atlas-band-low)}
.r21-state[data-state=gaps]{color:var(--on-light-1);font-weight:600}.dk .r21-state[data-state=gaps]{color:var(--on-dark-1)}
.r21-pack h3{margin:calc(24*var(--u)) 0}
.r21-meter{height:calc(8*var(--u));border-radius:var(--r-xs);background:var(--rl);margin:calc(24*var(--u)) 0 calc(12*var(--u));overflow:hidden}
.r21-meter span{display:block;width:90%;height:100%;background:var(--mk)}

/* Pictures and proof. */
.r21-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(32*var(--u))}
.r21-shot figcaption{margin-top:calc(16*var(--u));font-size:calc(17*var(--u));line-height:1.4;color:var(--on-light-1)}
.r21-shot .wsl-frame img{aspect-ratio:3/2;object-fit:cover;object-position:top left}
.s7 .r21-note{margin-top:calc(24*var(--u))}
.r21-after-act{margin-top:calc(24*var(--u))}

/* After Workspace: the cards are styled below. */

/* Comparison. */
.tbl8.r21-table-wrap{margin:0;border-radius:var(--r-lg);background:none}
.r21-compare{width:100%;border-collapse:collapse;font-size:calc(16*var(--u));line-height:1.45;table-layout:fixed}
.r21-compare th,.r21-compare td{padding:calc(18*var(--u)) calc(24*var(--u));text-align:left;vertical-align:top;border-bottom:1px solid var(--rl);font-weight:400}
.r21-compare tbody tr:last-child>*{border-bottom:0}
.r21-compare thead th{font-size:max(calc(13*var(--u)),var(--floor));font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--fg2)}
.r21-compare tbody th{font-weight:600;color:var(--on-dark-1);width:26%}
.r21-compare tbody td{color:var(--fg2)}
.r21-compare tbody td:last-child,.r21-compare .r21-compare-on{background:var(--ground-navy);color:var(--on-dark-1)}
.r21-compare .r21-compare-on{color:var(--ink-accent)}
.r21-t-mark{display:inline-block;vertical-align:-.2em;width:calc(18*var(--u));height:calc(18*var(--u));margin-right:calc(10*var(--u))}

/* Questions. */
.fold.r21-qa-group{border-radius:var(--r-lg)}
.r21-qa-group+.r21-qa-group{margin-top:calc(8*var(--u))}
.qa8 .r21-qa-group>summary{grid-template-columns:minmax(0,1fr) auto calc(20*var(--u))}
.r21-qa-count{color:var(--fg2);font-size:max(calc(13*var(--u)),var(--floor));white-space:nowrap}
.r21-qa-group>.fq8{padding:0 calc(12*var(--u)) calc(12*var(--u))}
.r21-qa-group .fq8__i:not([open]) .fold__x::after{transform:rotate(90deg)}

/* Separate-route band. */
.r21-route .s7__head{margin-bottom:0}

/* Close the gap: four steps, tile field and one synthetic deal scored again. Without JS or with reduced motion, the end state shows. */
.r21-gapsec{position:relative;overflow:hidden;isolation:isolate}
.r21-tiles{position:absolute;top:0;right:0;width:min(55%,calc(760*var(--u)));height:calc(360*var(--u));z-index:-1;pointer-events:none;color:var(--on-dark-1);-webkit-mask-image:radial-gradient(ellipse at 100% 0,var(--on-dark-1) 25%,transparent 72%);mask-image:radial-gradient(ellipse at 100% 0,var(--on-dark-1) 25%,transparent 72%)}
.r21-tiles pattern rect{fill:none;stroke:currentColor;stroke-opacity:.16}
.r21-lit{fill:var(--mk)}
.r21-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(32*var(--u));margin-top:calc(16*var(--u))}
.r21-flow li{position:relative;padding-top:calc(28*var(--u))}
.r21-flow__bar{position:absolute;top:0;left:0;right:0;height:2px;background:var(--rl);overflow:hidden}
.r21-flow__bar::after{content:"";position:absolute;inset:0;background:var(--mk);transform-origin:left}
.r21-flow__n{display:block;margin-top:calc(20*var(--u));color:var(--fg2);font-size:max(calc(13*var(--u)),var(--floor));font-weight:700;font-variant-numeric:tabular-nums}
.r21-flow h3{margin:calc(8*var(--u)) 0}
.r21-flow p{color:var(--fg2)}
.r21-gi{display:block;width:calc(56*var(--u));height:calc(56*var(--u));overflow:visible;fill:none;stroke:var(--on-dark-1);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.r21-gi .r21-gi__d{stroke:var(--mk);stroke-dasharray:4 4}
.r21-gi .r21-gi__f{fill:var(--mk);stroke:none}
.r21-gapgrid{display:grid;grid-template-columns:minmax(0,calc(460*var(--u))) minmax(0,1fr);gap:calc(32*var(--u));align-items:stretch;margin-top:calc(48*var(--u))}
.r21-gapside{display:flex;flex-direction:column;gap:calc(20*var(--u));min-width:0}
.r21-gapside>.r21-live{flex:1;align-content:center}
.r21-live{display:grid;grid-template-columns:minmax(0,1fr);gap:calc(20*var(--u));padding:calc(28*var(--u));border:1px solid var(--rl);border-radius:var(--r-lg);background:var(--ground-navy)}
.s7 .r21-live__k{color:var(--fg2);font-size:calc(15*var(--u))}
.s7 .r21-live__n{display:flex;align-items:center;gap:calc(14*var(--u));margin:calc(8*var(--u)) 0;font-weight:700;letter-spacing:-.04em;font-size:calc(64*var(--u));line-height:1;font-variant-numeric:tabular-nums}
.r21-live__n .ar{font-size:.5em;color:var(--fg2);font-weight:500;letter-spacing:0}
.r21-live__from{color:var(--fg3);font-size:.62em}
.r21-live__meter{display:block;height:calc(6*var(--u));margin:calc(4*var(--u)) 0 calc(12*var(--u));border-radius:var(--r-xs);background:var(--rl);overflow:hidden}
.r21-live__meter i{display:block;width:82%;height:100%;background:var(--mk)}
.s7 .r21-live__b{font-weight:600;font-size:calc(17*var(--u))}
.r21-gapsec .r21-live .r21-band{background:var(--atlas-band-high)}.r21-gapsec .r21-card .r21-band{background:var(--atlas-band-mid)}
.r21-live__head{display:flex;align-items:center;gap:calc(12*var(--u));font-size:calc(15*var(--u))}
.r21-live__head>img:first-child{width:calc(36*var(--u));height:calc(36*var(--u))}
.r21-fixes{display:grid;gap:0}
.r21-fix{position:relative;display:grid;grid-template-columns:calc(38*var(--u)) minmax(0,1fr) auto;gap:calc(14*var(--u));align-items:center;padding:calc(12*var(--u)) 0;border-top:1px solid var(--rl)}
.r21-fix::after{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:var(--mk);transform-origin:left;transform:scaleX(0)}
.r21-fix__i{width:calc(38*var(--u));height:calc(38*var(--u));overflow:visible;fill:none;stroke:var(--on-dark-1);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.r21-fix__i .r21-fix__m{stroke:var(--mk)}
.r21-fix__i .r21-fix__f{fill:var(--mk);stroke:none}
.r21-fix b{display:block;font-weight:600;font-size:calc(15.5*var(--u));line-height:1.35}
.r21-fix span{display:flex;align-items:center;gap:calc(7*var(--u));margin-top:calc(3*var(--u));color:var(--fg2);font-size:max(calc(13*var(--u)),var(--floor))}
.r21-fix span i{flex:none;width:calc(9*var(--u));height:calc(9*var(--u));border-radius:var(--sq-r);background:var(--atlas-band-high)}
.r21-fix strong{font-size:calc(20*var(--u));font-weight:700;font-variant-numeric:tabular-nums}
.r21-fix--band strong{color:var(--mk)}
.r21-gapfoot{display:flex;justify-content:space-between;align-items:baseline;gap:calc(24*var(--u));flex-wrap:wrap}
.r21-replay{background:none;border:0;padding:0;cursor:pointer;font:inherit;color:inherit}
@media(prefers-reduced-motion:no-preference){
 .is-run .r21-flow__bar::after{animation:r21-grow 1.1s linear both}
 .is-run .r21-flow li:nth-child(2) .r21-flow__bar::after{animation-delay:1.1s}
 .is-run .r21-flow li:nth-child(3) .r21-flow__bar::after{animation-delay:2.2s}
 .is-run .r21-flow li:nth-child(4) .r21-flow__bar::after{animation-delay:3.3s}
 .is-run li:nth-child(1) .r21-gi .r21-gi__d{animation:r21-dash 1.1s linear both}
 .is-run li:nth-child(1) .r21-gi circle,.is-run li:nth-child(1) .r21-gi>path{animation:r21-scan 1.1s ease-in-out both}
 .is-run li:nth-child(2) .r21-gi__m{animation:r21-go 1s ease both 1.1s}
 .is-run li:nth-child(3) .r21-gi__m{animation:r21-drop .8s ease both 2.2s}
 .is-run li:nth-child(3) .r21-gi__f{animation:r21-fill .3s ease both 2.9s}
 .is-run li:nth-child(4) .r21-gi__m{animation:r21-spin 1s ease both 3.3s;transform-box:fill-box;transform-origin:center}
 .is-run li:nth-child(4) .r21-gi__f{animation:r21-fill .3s ease both 4s}
 .is-run .r21-lit{animation:r21-fill .45s ease both}
 .is-run .r21-lit--1{animation-delay:.5s}.is-run .r21-lit--2{animation-delay:1.6s}.is-run .r21-lit--3{animation-delay:2.7s}.is-run .r21-lit--4{animation-delay:3.8s}
 .is-run .r21-live__meter i{animation:r21-meter 4s linear both .5s}
 .is-run .r21-fix::after{animation:r21-grow .7s ease both}
 .is-run .r21-fix__i{animation:r21-fixin .5s ease both}
 .is-run .r21-fix:nth-child(1)::after,.is-run .r21-fix:nth-child(1) .r21-fix__i{animation-delay:.5s}
 .is-run .r21-fix:nth-child(2)::after,.is-run .r21-fix:nth-child(2) .r21-fix__i{animation-delay:1.3s}
 .is-run .r21-fix:nth-child(3)::after,.is-run .r21-fix:nth-child(3) .r21-fix__i{animation-delay:2.1s}
 .is-run .r21-fix:nth-child(4)::after,.is-run .r21-fix:nth-child(4) .r21-fix__i{animation-delay:2.9s}
 .is-run .r21-fix:nth-child(5)::after,.is-run .r21-fix:nth-child(5) .r21-fix__i{animation-delay:3.7s}
}
@keyframes r21-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes r21-dash{to{stroke-dashoffset:-24}}
@keyframes r21-scan{0%{transform:translate(-5px,-4px)}60%{transform:translate(3px,2px)}100%{transform:none}}
@keyframes r21-go{0%{transform:translateX(-10px);opacity:.2}100%{transform:none;opacity:1}}
@keyframes r21-drop{0%{transform:translateY(-12px);opacity:.1}100%{transform:none;opacity:1}}
@keyframes r21-fill{from{opacity:0}to{opacity:1}}
@keyframes r21-spin{from{transform:rotate(-200deg)}to{transform:none}}
@keyframes r21-meter{from{width:62%}to{width:82%}}
@keyframes r21-fixin{from{opacity:.25;transform:translateY(calc(6*var(--u)))}to{opacity:1;transform:none}}

/* After Workspace: cards that widen and explain on hover or keyboard focus. Touch and narrow screens always show the full text. */
.r21-rails{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(16*var(--u))}
.r21-rc{position:relative;padding:calc(24*var(--u));border-radius:var(--r-lg);border:1px solid var(--rl);background:var(--ground-navy);color:var(--on-dark-1);min-width:0;transition:transform .35s ease,border-color .35s ease,flex-grow .45s ease}
.r21-rc .r21-gi{margin-bottom:calc(20*var(--u))}
.r21-after-n{position:absolute;top:calc(24*var(--u));right:calc(24*var(--u));font-size:max(calc(13*var(--u)),var(--floor));font-weight:700;color:var(--fg2);font-variant-numeric:tabular-nums}
.r21-rc h3{margin-bottom:calc(10*var(--u))}
.r21-rc p{color:var(--fg2)}
.r21-rc__more{margin-top:calc(12*var(--u))}
.r21-rc__more .lnk{margin-top:calc(8*var(--u))}
.r21-rv rect{stroke:var(--fg2)}
.r21-rv path,.r21-rv circle{stroke:var(--fg2)}
.r21-rv .r21-rv__lit{fill:var(--mk);stroke:none}
@media(hover:hover) and (min-width:1100px){
 .r21-rails{display:flex;align-items:stretch}
 .r21-rc{flex:1 1 0;min-height:calc(280*var(--u))}
 .r21-rc__more{max-height:0;opacity:0;overflow:hidden;margin-top:0;transition:max-height .45s ease,opacity .3s ease,margin-top .3s ease}
 .r21-rc:hover,.r21-rc:focus-within,.r21-rails:not(:hover):not(:focus-within) .r21-rc:first-child{flex-grow:1.9;border-color:var(--mk)}
 .r21-rc:hover .r21-rc__more,.r21-rc:focus-within .r21-rc__more,.r21-rails:not(:hover):not(:focus-within) .r21-rc:first-child .r21-rc__more{max-height:calc(240*var(--u));opacity:1;margin-top:calc(12*var(--u))}
}
.r21-raise{margin-top:calc(16*var(--u));padding:calc(32*var(--u));background:var(--ground-mist);border:1px solid var(--rl);border-radius:var(--r-lg)}
.r21-raise h3{margin-bottom:calc(20*var(--u))}
.r21-railmap{display:grid;grid-template-columns:minmax(0,1fr) minmax(calc(48*var(--u)),calc(120*var(--u))) auto minmax(calc(48*var(--u)),calc(120*var(--u))) minmax(0,1fr);align-items:center}
.r21-railmap__c{padding:calc(18*var(--u));background:var(--ground-white);border:1px solid var(--rl);border-radius:var(--r-lg);color:var(--fg2);height:100%}
.r21-railmap__c b{display:block;color:var(--on-light-1);font-weight:600}
.r21-railmap__l{position:relative;display:block;height:2px;background:var(--rl)}
.r21-railmap__l i{position:absolute;top:calc(-4*var(--u));left:0;width:calc(10*var(--u));height:calc(10*var(--u));border-radius:var(--sq-r);background:var(--mk);opacity:0}
.r21-railmap__x{display:grid;place-items:center;width:calc(64*var(--u));height:calc(64*var(--u));border-radius:var(--r-lg);background:var(--ground-navy)}
.r21-railmap__x img{width:calc(30*var(--u));height:calc(30*var(--u))}
.r21-raise__in{margin-top:calc(28*var(--u));padding-top:calc(24*var(--u));border-top:1px solid var(--rl)}
.r21-raise__in h3{margin-bottom:calc(14*var(--u))}
.r21-raise__in ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(12*var(--u)) calc(24*var(--u))}
.r21-raise__in li{display:flex;gap:calc(10*var(--u));align-items:baseline;font-size:calc(16*var(--u));line-height:1.4}
.r21-raise__in i{flex:none;width:calc(9*var(--u));height:calc(9*var(--u));border-radius:var(--sq-r);background:var(--mk)}
@media(prefers-reduced-motion:no-preference){
 .r21-rc:hover,.r21-rc:focus-within{transform:translateY(calc(-4*var(--u)))}
 .r21-rc:hover .r21-rv__lit,.r21-rc:focus-within .r21-rv__lit{animation:r21-rv 1s ease 2}
 .r21-rc:hover .r21-rv__a,.r21-rc:focus-within .r21-rv__a{animation:r21-rva 1s ease-in-out 2}
 .r21-rc:hover .r21-rv__b,.r21-rc:focus-within .r21-rv__b{animation:r21-rvb 1s ease-in-out 2}
 .is-in .r21-railmap__l i{animation:r21-rail 1.5s linear 3}
 .is-in .r21-railmap__l--r i{animation-name:r21-railr}
}
@media(prefers-reduced-motion:reduce){.r21-rc,.r21-rc__more{transition:none}}
@keyframes r21-rv{50%{opacity:.35}}
@keyframes r21-rva{to{transform:translateX(calc(34px))}}
@keyframes r21-rvb{to{transform:translateX(calc(-34px))}}
@keyframes r21-rail{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:calc(100% - 10px);opacity:0}}
@keyframes r21-railr{0%{left:calc(100% - 10px);opacity:0}15%{opacity:1}85%{opacity:1}100%{left:0;opacity:0}}

/* Stages on Private Assets: what you receive, and what Workspace changes. */
.r21-stage{display:grid;gap:calc(12*var(--u));margin-top:calc(14*var(--u))}
.r21-stage dt{font-size:max(calc(13*var(--u)),var(--floor));font-weight:700;color:var(--on-light-1)}
.r21-stage dd{margin:calc(2*var(--u)) 0 0;color:var(--fg2)}
.r21-stage__ws{padding:calc(12*var(--u)) calc(14*var(--u));border-left:2px solid var(--mk);background:var(--ground-mist)}
.r21-stage__ws dt{color:var(--ink-accent)}

/* Workspace section on Private Assets. */
.r21-palist{margin:calc(28*var(--u)) 0 calc(32*var(--u))}
.r21-palist li{display:flex;gap:calc(16*var(--u));padding:calc(16*var(--u)) 0;border-top:1px solid var(--rl)}
.r21-palist .r21-icon{width:calc(32*var(--u));height:calc(32*var(--u))}
.r21-palist h3{margin-bottom:calc(4*var(--u))}
.r21-palist p{color:var(--fg2)}

@media(min-width:768px) and (max-width:1099px){
 .r21-hero-g,.r21-split{grid-template-columns:minmax(0,1fr);gap:calc(48*var(--u))}
 .r21-hero-art,.r21-split>.r21-card{max-width:calc(640*var(--u));width:100%;justify-self:center}
 .r21-ladder{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:calc(32*var(--u))}
 .r21-proof{grid-template-columns:minmax(0,1fr)}.r21-shot{max-width:calc(640*var(--u))}
 .r21-flow,.r21-rails{grid-template-columns:repeat(2,minmax(0,1fr))}
 .r21-gapgrid{grid-template-columns:minmax(0,1fr)}.r21-gapgrid>.r21-card{max-width:calc(640*var(--u))}
}
@media(max-width:767px){
 .r21-hero-g,.r21-split{grid-template-columns:minmax(0,1fr);gap:calc(36*var(--u))}
 .r21-hero-art::before{inset:0;filter:blur(calc(20*var(--u)))}
 .r21-hero-art>.r21-card,.r21-card{padding:calc(20*var(--u))}
 .r21-result,.r21-hero-art .r21-result{gap:calc(16*var(--u));min-height:calc(112*var(--u))}
 .r21-number,.r21-hero-art .r21-number{font-size:calc(56*var(--u))}
 .r21-result strong{font-size:calc(20*var(--u))}
 .r21-card header{font-size:calc(14*var(--u))}.r21-card header>img:first-child{width:calc(28*var(--u));height:calc(28*var(--u))}
 .r21-ladder{grid-template-columns:minmax(0,1fr);row-gap:calc(20*var(--u));margin-top:calc(40*var(--u))}.r21-ladder a{padding:calc(16*var(--u)) 0 0}
 .r21-proof{grid-template-columns:minmax(0,1fr);gap:calc(28*var(--u))}.r21-shot .wsl-frame img{aspect-ratio:auto}
 .r21-flow{grid-template-columns:minmax(0,1fr);gap:calc(24*var(--u))}.r21-tiles{width:100%;height:calc(260*var(--u));opacity:.6}
 .r21-gapgrid{grid-template-columns:minmax(0,1fr);margin-top:calc(32*var(--u))}.r21-live,.r21-raise{padding:calc(20*var(--u))}.s7 .r21-live__n{font-size:calc(52*var(--u))}
 .r21-raise__in ul,.r21-railmap{grid-template-columns:minmax(0,1fr)}.r21-railmap{gap:calc(10*var(--u))}.r21-railmap__l{display:none}.r21-railmap__x{justify-self:center}
 .r21-rails{grid-template-columns:minmax(0,1fr);gap:calc(14*var(--u))}.r21-rc{padding:calc(20*var(--u))}.r21-after-n{top:calc(20*var(--u));right:calc(20*var(--u))}
 .tbl8.r21-table-wrap{border:0;overflow:visible;container-type:normal}
 .r21-compare,.r21-compare tbody,.r21-compare tr,.r21-compare td,.r21-compare tbody th{display:block;width:auto}.r21-compare thead{display:none}
 .r21-compare tr{padding:calc(18*var(--u)) 0;border-bottom:1px solid var(--rl)}
 .r21-compare tbody th{padding:0 0 calc(10*var(--u));border:0}.r21-compare td{padding:calc(12*var(--u));border:0;font-size:calc(15*var(--u))}
 .r21-compare td::before{content:attr(data-label);display:block;font-size:max(calc(13*var(--u)),var(--floor));font-weight:600;color:var(--fg2);margin-bottom:calc(4*var(--u))}
 .r21-compare tbody td:last-child::before{color:var(--ink-accent)}
}
@media(prefers-reduced-motion:reduce){.r21-card{transition:none}.r21-card.r21-settled{transform:none}}