/* the older tools, inside the new look: centered, one lime job, no second headline */
:root{--lime:#82FF1F;--accent:#F3F5F0}
html,body{background:transparent!important}html{color-scheme:normal!important}
body{font-family:Manrope,system-ui,sans-serif!important}
main,.page{text-align:center}
.wrap{width:min(860px,100%)!important;margin-inline:auto!important;padding-inline:clamp(4px,1vw,12px)!important}
.label,.lime,.pc-label,.eyebrow{color:#C4C8BF!important}.label:before,.label::before{display:none!important}
.ladder,.l5,.next{display:none!important}
.qz12{display:block!important}.qz12-app{width:min(680px,100%);margin-inline:auto;text-align:center}
.ck,.card,.ckside{margin-inline:auto;text-align:center}.ckside{display:none!important}.ckwrap{display:block!important}
input,textarea,select{text-align:left}
form{text-align:center}
.btn,button.btn{justify-content:center}
:root{--lime-ink:#F3F5F0!important}
.qz-bars em,.ck-bar i,.fnl-bar i,.ck-area.low u,.ck-scan i,.pc-prog i,#pcFill{background:#F3F5F0!important}.fnl{--fg:rgba(243,245,240,.5)}
.ck-opt[aria-pressed=true]{box-shadow:inset 0 0 0 2px #F3F5F0!important}.ck-opt[aria-pressed=true] .k{background:#F3F5F0!important}
[class*=cursor],#cursor,.wa,.consent,.vzc{display:none!important}
.qz-score,.qz-bars,.qz-fix,.fnl-res,.fnl-h{text-align:center}.fnl-h{justify-content:center}.fnl-o button{justify-content:center;text-align:center}.ck-opt{justify-content:center;text-align:center}
/* Brand MRI: the form is the point. The hero text sits on the page around it. */
.mri6{display:block!important}.mri6>div:first-child{display:none!important}.mri-order{width:min(620px,100%);margin-inline:auto}.phero{display:block!important;padding-top:0!important}.ckhero{display:none!important}
html.embed .sec.wrap{display:none!important}
.sec.wrap:has(.ladder){display:none!important}.sec.wrap{display:block}.sec.wrap .head{display:block;text-align:center}.grid4,.mri4{text-align:center}
/* Position Check: the page already has the headline */
.pc-screen.intro .intro-grid{display:block!important}.pc-screen.intro .intro-grid h1{display:none!important}.pc-screen.intro .intro-grid>div:first-child>.lead,.pc-screen.intro .label{display:none!important}.pc-screen{text-align:center}.pc-screen form,.pc-screen .pc-row,.pc-screen .pc-form,.pc-screen .ctas,.intro-actions{justify-content:center;margin-inline:auto}

.rv,.split,.split *{opacity:1!important;transform:none!important}.ck-read .r{display:block!important;text-align:center}.ck-next{margin-inline:auto}
/* cards look like the rest of the site. No outer glow: the frame would cut it into a visible box */
.fnl,.ck,.card,.qz-card,.pc-card,.pc-tool{box-shadow:inset 0 0 0 1px rgba(243,245,240,.14)!important;background:rgba(20,22,20,.86)!important;border:0!important;border-radius:24px!important;filter:none!important}.pc-tool{box-shadow:none!important;background:transparent!important}
.fnl::before,.fnl::after,.ck::before,.ck::after,.card::before,.card::after{display:none!important}.fnl .btn,.ck .btn,.card .btn,.btn{box-shadow:none!important;filter:none!important}
.fnl-b{min-height:0!important}.fnl-h{text-align:center;justify-content:center}.fnl-n{margin-left:12px}.fnl-q,.fnl-sub,.fnl-res{text-align:center}.fnl-in{justify-content:center}
.fnl-h .av img{box-shadow:0 0 0 1.5px rgba(243,245,240,.5)!important}
html.embed .mri-order,html.embed .qz12-app{margin-top:0!important}html.embed main,html.embed .phero,html.embed .qz12{padding-top:0!important;padding-bottom:0!important;margin-block:0!important}
#pworld,canvas[data-world]{display:none!important}
/* old site layers: the vignette is what drew the dark box */
.menu,.curtain,.vign{display:none!important}
