/* Productivity Audit landing page (elevationrealestatehq.com/productivity-audit). Elevation tokens from site.css. */
.pa{background:var(--stone);min-height:100vh;display:flex;flex-direction:column}
.pa [hidden]{display:none!important}
.pa .wrap{max-width:860px}
.pa .eyebrow{font-size:11.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--copper-ink)}
.pa h1,.pa h2,.pa h3{font-family:var(--serif);letter-spacing:-.025em;color:var(--ink)}

.pa .btn.ghost{background:transparent;color:var(--navy)}
.pa .btn.ghost:hover{background:var(--navy);color:var(--paper)}
.pa .btn[disabled]{opacity:.6;cursor:wait}

/* Intro: two options */
.pa-hero{position:relative;overflow:hidden;background:var(--navy);color:var(--on-navy);text-align:center}
.pa-hero .topo{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.pa-hero .wrap{position:relative;z-index:1;max-width:1040px;padding-block:44px 72px;display:flex;flex-direction:column;align-items:center;gap:18px}
.pa-logo{height:38px;width:auto;margin-bottom:18px}
.pa-hero .label{color:var(--copper);justify-content:center}
.pa-hero h1{color:var(--on-navy);font-size:clamp(36px,5.2vw,64px);font-weight:700;line-height:1.04;max-width:15em}
.pa-hero .lede{color:var(--on-navy-muted);font-size:clamp(16px,1.6vw,19px);max-width:36em}
.pa-options{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:18px;width:100%;text-align:left}
.pa-opt{background:var(--paper);color:var(--ink);padding:30px 30px 32px;display:flex;flex-direction:column;gap:12px;box-shadow:0 30px 50px -30px rgba(0,0,0,.5)}
.pa-opt h2{font-size:24px;line-height:1.15}
.pa-opt p{color:var(--muted);font-size:15.5px;flex:1}
.pa-opt .btn{align-self:flex-start;margin-top:6px}
.pa-n{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--copper-ink)}
.pa-hero .proof{color:var(--on-navy-muted);font-size:13px;letter-spacing:.06em;margin-top:10px}
@media (max-width:760px){.pa-options{grid-template-columns:1fr}.pa-hero .wrap{padding-block:32px 52px}}

/* Questions */
.pa .topbar{position:sticky;top:0;z-index:5;background:var(--paper);border-bottom:1px solid var(--rule)}
.pa .topbar .wrap{display:flex;justify-content:space-between;align-items:center;padding-block:14px}
.pa .back{display:inline-flex;align-items:center;gap:6px;background:none;border:0;font:600 14px var(--sans);color:var(--navy);cursor:pointer;padding:6px 0}
.pa .count{font-size:13px;color:var(--muted);font-weight:600}
.pa .progress{height:3px;background:var(--rule)}
.pa .progress i{display:block;height:100%;background:var(--copper);transform-origin:left;transform:scaleX(0);transition:transform .4s var(--ease)}
.pa .qwrap{padding-block:40px 64px}
.pa .qtitle{font-size:clamp(28px,3.6vw,40px);margin-top:10px}
.pa .qsub{color:var(--muted);margin-top:6px;font-size:17px}
.pa .scale{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--muted);margin:22px 0 10px}
.pa .qlist{display:grid;gap:12px}
.pa .qcard{background:var(--paper);border:1px solid var(--rule);padding:18px 20px;transition:border-color .2s}
.pa .qcard.done{border-color:color-mix(in oklab,var(--copper) 45%,var(--rule))}
.pa .qcard.missing{border-color:#D2503F;box-shadow:0 0 0 3px rgba(210,80,63,.12)}
.pa .qcard h3{font:600 16.5px/1.35 var(--sans);letter-spacing:0}
.pa .qcard .hint{font-size:14px;color:var(--muted);margin:4px 0 12px}
.pa .chips{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.pa .chips.six{grid-template-columns:repeat(6,minmax(0,1fr))}
.pa .chips.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.pa .chip{font:600 14px var(--sans);padding:11px 6px;border:1px solid var(--rule);background:var(--stone);color:var(--ink);cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.pa .chip:hover{border-color:var(--navy)}
.pa .chip[aria-checked="true"]{background:var(--navy);border-color:var(--navy);color:var(--paper)}
.pa .qtip{text-align:center;color:var(--muted);font-size:14px;margin-top:22px}
.pa .qnext{display:flex;justify-content:center;margin-top:16px}
.pa .qnext .btn.waiting{opacity:.55}
.pa .qleft{text-align:center;font-size:13px;color:var(--copper-ink);margin-top:10px;min-height:1em}
@media (max-width:600px){.pa .chips,.pa .chips.six{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Teaser + email */
.pa .gatewrap{padding-block:48px 72px}
.pa .teaser{background:var(--navy);color:var(--on-navy);padding:30px 32px}
.pa .teaser .eyebrow{color:var(--copper)}
.pa .teaser .row{display:flex;align-items:center;gap:20px;margin-top:8px}
.pa .bigg{font:700 clamp(56px,8vw,84px)/1 var(--serif);letter-spacing:-.04em;color:var(--copper)}
.pa .teaser p{color:var(--on-navy-muted)}
.pa .locked{display:grid;gap:10px;margin-top:22px;padding-top:20px;border-top:1px solid var(--navy-rule)}
.pa .locked div{display:flex;gap:10px;align-items:center;font-size:15px}
.pa .locked svg{width:16px;height:16px;flex:none}
.pa form{background:var(--paper);border:1px solid var(--rule);border-top:0;padding:30px 32px;display:grid;gap:8px}
.pa form h2{font-size:28px}
.pa form .sub{color:var(--muted);margin-bottom:10px}
.pa form .two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pa form label{font-size:13px;font-weight:600;color:var(--ink);display:block;margin-top:6px}
.pa form input[type=text],.pa form input[type=email],.pa form input[type=tel]{width:100%;font:16px var(--sans);padding:13px 14px;border:1px solid var(--rule);background:var(--stone);margin-top:6px}
.pa form input.bad{border-color:#D2503F}
.pa form .hp{position:absolute;left:-9999px}
.pa form .consent{display:flex;gap:10px;align-items:flex-start;font-weight:400;color:var(--muted);font-size:14px;margin-top:12px}
.pa form .consent input{margin-top:3px}
.pa form .btn{margin-top:12px;justify-self:start}
.pa .msg{color:#B23B2C;font-size:14px}
.pa .fine{font-size:12.5px;color:var(--muted);margin-top:8px}
@media (max-width:600px){.pa form .two{grid-template-columns:1fr}.pa form,.pa .teaser{padding:24px 20px}}

/* Results */
.pa .reshead{background:var(--navy);color:var(--on-navy);padding-block:48px 40px}
.pa .reshead .eyebrow{color:var(--copper)}
.pa .reshead h1{color:var(--on-navy);font-size:clamp(30px,4.4vw,48px);margin-top:10px}
.pa .scorebox{display:flex;align-items:center;gap:18px;margin-top:20px}
.pa .scorebox .meta b{display:block;font-size:20px;color:var(--on-navy)}
.pa .scorebox .meta span{color:var(--on-navy-muted)}
.pa .zonebar{display:flex;height:14px;margin-top:22px;background:var(--navy-rule)}
.pa .zonebar i{display:block;height:100%;transition:width .8s var(--ease)}
.pa .zkey{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:12px;font-size:13px;color:var(--on-navy-muted)}
.pa .zkey s{display:inline-block;width:10px;height:10px;margin-right:6px;text-decoration:none}
.pa .onway{margin-top:16px;color:var(--on-navy)}
.pa .block{padding-block:40px 8px;border-bottom:1px solid var(--rule)}
.pa .block .rule{display:none}
.pa .block h2{font-size:clamp(24px,3vw,32px);margin-top:8px}
.pa .intro{color:var(--muted);margin-top:8px;max-width:40em}
.pa .ztable{display:grid;gap:10px;margin-top:20px}
.pa .zrow{display:grid;grid-template-columns:14px 1fr auto auto;gap:14px;align-items:center;background:var(--paper);border:1px solid var(--rule);padding:14px 16px}
.pa .zrow .sw{width:14px;height:14px}
.pa .zrow .nm{font-weight:600}
.pa .zrow .nm small{display:block;font-weight:400;color:var(--muted);font-size:13px}
.pa .zrow .v{font:700 24px var(--serif)}
.pa .zrow .t{font-size:12px;color:var(--muted);text-align:right}
.pa .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:20px}
.pa .stat{background:var(--paper);border:1px solid var(--rule);padding:18px 20px}
.pa .stat b{display:block;font:700 30px var(--serif);color:var(--navy)}
.pa .stat span{color:var(--muted);font-size:14px}
.pa .card{display:grid;grid-template-columns:auto 1fr;gap:18px;background:var(--paper);border:1px solid var(--rule);padding:20px 22px;margin-top:12px}
.pa .card .g{font:700 34px/1 var(--serif);color:var(--copper)}
.pa .card .s{color:var(--muted);font-size:13px;margin-top:2px}
.pa .card .to{display:inline-block;margin-top:10px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--copper-ink);border:1px solid var(--copper);padding:4px 8px}
.pa .card p{color:var(--muted);margin-top:8px;font-size:15px}
.pa .gift{display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--paper);border:1px solid var(--rule);padding:26px 28px;margin-top:40px}
.pa .gift h2{font-size:24px;margin-top:6px}
.pa .gift p{color:var(--muted);margin-top:6px}
.pa .cta{background:var(--navy);color:var(--on-navy);padding:36px 32px;margin-top:24px}
.pa .cta .eyebrow{color:var(--copper)}
.pa .cta h2{color:var(--on-navy);font-size:clamp(26px,3.4vw,36px);margin-top:8px}
.pa .cta p{color:var(--on-navy-muted);margin-top:10px;max-width:40em}
.pa .cta .btn{background:var(--copper);border-color:var(--copper);color:var(--paper)}
.pa .cta .btn.ghost{background:transparent;border-color:var(--on-navy-muted);color:var(--on-navy)}
.pa .btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.pa .again{padding-block:32px 56px}
.pa footer,.pa .foot{font-size:12.5px;color:var(--muted);padding-block:24px 40px;text-align:center}
@media (max-width:600px){.pa .gift{flex-direction:column;align-items:flex-start}.pa .zrow{grid-template-columns:14px 1fr auto}.pa .zrow .t{display:none}}
@media print{.pa .noprint,.pa .cta,.pa .gift .btn,.pa .topbar{display:none!important}.pa .reshead{background:none;color:var(--ink)}}
.landing .pa section:not(.pa-hero) .wrap{text-align:left}

/* Fun layer: live meter, chip pop, step slide-in */
.pa section{padding:0}                                   /* site.css pads every section; the audit screens set their own */
.pa .meter{flex:1;display:flex;align-items:center;gap:12px;max-width:440px;margin-inline:24px}
.pa .meter-bar{flex:1;display:flex;height:8px;background:var(--stone);overflow:hidden;border-radius:4px}
.pa .meter-bar i{display:block;height:100%;transition:width .5s var(--ease)}
.pa #m-g{background:#5BAA6A}.pa #m-y{background:#E8B931}.pa #m-r{background:#D2503F}
.pa #m-l{font-size:12.5px;color:var(--muted);white-space:nowrap}
.pa #m-l b{color:#3E8A4E}
@media (max-width:600px){.pa .meter{margin-inline:12px}.pa #m-l{display:none}}
.pa .chip[aria-checked="true"]{animation:chip-pop .28s var(--ease)}
@keyframes chip-pop{0%{transform:scale(.9)}60%{transform:scale(1.07)}100%{transform:scale(1)}}
.pa .qcard{transition:border-color .2s,transform .2s}
.pa .qcard.done{border-left:3px solid var(--copper)}
.pa .in{animation:step-in .45s var(--ease) both}
.pa .qlist.in{animation-delay:.06s}
@keyframes step-in{from{opacity:0;transform:translateX(18px)}}
.pa .stat b,.pa .bigg{font-variant-numeric:tabular-nums}
@media (prefers-reduced-motion: reduce){.pa .in,.pa .chip[aria-checked="true"]{animation:none}}
.pa .chip{display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.2}
@media (max-width:600px){.pa .chip{min-height:52px;font-size:13.5px;padding:8px 4px}}
.pa-hero .facts{list-style:none;padding:0;margin:6px 0 4px;display:grid;gap:8px;max-width:34em;text-align:left;color:var(--on-navy-muted);font-size:15.5px}
.pa-hero .facts li{padding-left:22px;position:relative}
.pa-hero .facts li::before{content:"";position:absolute;left:0;top:.6em;width:10px;height:2px;background:var(--copper)}
.pa-hero .note{color:var(--on-navy-muted);font-size:13px;max-width:34em}
.pa-hero .btn{background:var(--copper);border-color:var(--copper);color:var(--paper)}
/* Brand shape for the audit */
.pa .qcard,.pa .zrow,.pa .stat,.pa .card,.pa .gift,.pa .cta,.pa-opt{border-radius:22px}
.pa .qcard,.pa .stat,.pa .card,.pa .gift{box-shadow:0 18px 44px rgba(24,40,72,.08)}
.pa .teaser{border-radius:22px 22px 0 0}.pa form{border-radius:0 0 22px 22px}
.pa .chip{border-radius:12px}
.pa form input[type=text],.pa form input[type=email],.pa form input[type=tel]{border-radius:12px}
.pa .meter-bar,.pa .zonebar{border-radius:999px;overflow:hidden}
.pa .eyebrow,.pa-hero .label,.pa .cta .eyebrow,.pa .teaser .eyebrow,.pa .reshead .eyebrow{color:#E08B68}
.pa .block .eyebrow{color:var(--copper-ink)}
.pa .reshead .r-hello{color:var(--on-navy);font-size:clamp(30px,4.4vw,48px);margin-top:10px;font-weight:900}