/*! Proxera 2027 · reversible redesign layer. Every rule is scoped to
    html.p27, so removing that class shows the current site untouched. */

/* ── Tokens: readable secondary text (was 4.2:1, now 5.5:1 on white) ──── */
html.p27{--ink-3:#586A80}

/* ── Hero ─────────────────────────────────────────────────────────────── */
html.p27 .hero h1{text-wrap:balance;letter-spacing:-.038em}
html.p27 .hero .eyebrow{letter-spacing:.14em}
html.p27 .p27-textlink,
html.p27 .hero-ctas .btn-ghost.p27-textlink{background:none!important;border:0!important;box-shadow:none!important;
  padding-left:14px;padding-right:14px;color:var(--ink);font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:8px}
html.p27 .p27-textlink .arw{transition:translate .45s cubic-bezier(.16,1,.3,1)}
html.p27 .p27-textlink:hover .arw{translate:4px 0}
html.p27 .p27-textlink:hover{color:var(--blue)}
html.p27 .p27-textlink .pxm-sheen{display:none}

/* ── Proof strip: three facts ──────────────────────────────────────────── */
html.p27 .proof .wrap>div{display:grid;gap:6px;align-content:start}
html.p27 .proof b{font-size:clamp(24px,2.4vw,34px);letter-spacing:-.02em;line-height:1.1;white-space:nowrap}
html.p27 .proof span{font-size:14.5px;line-height:1.45}
@media (max-width:520px){
  html.p27 .proof .wrap{grid-template-columns:1fr}
  html.p27 .proof .wrap>div{border-left:0!important;padding-left:0!important}
}

/* ── Four levers ──────────────────────────────────────────────────────── */
html.p27 #brands ol.steps h3 .p27-sub{font-family:var(--font-sans);font-weight:500;font-size:.72em;letter-spacing:0;color:var(--ink-3);margin-left:6px}

/* ── Pricing as its own section ───────────────────────────────────────── */
html.p27 .scope{background:none;border:0;padding:0;margin-top:120px;border-radius:0}
html.p27 #scopeDetails.p27-open>summary{display:none}
html.p27 #pricing{padding-top:0}
html.p27 #pricing,html.p27 #services{scroll-margin-top:96px}
html.p27 #pricing .pricing-head{display:grid;gap:12px;max-width:640px}
html.p27 #pricing .p27-eyebrow{margin:0}
html.p27 #pricing .pricing-head h3{font-size:clamp(32px,3.4vw,46px);font-weight:900;letter-spacing:-.03em;line-height:1.05;margin:0}
html.p27 #pricing .pricing-head p{font-size:17px;line-height:1.55;color:var(--ink-2);margin:0}
html.p27 .pxp-card{box-shadow:0 1px 2px rgba(8,27,54,.03),0 20px 50px -36px rgba(8,60,160,.28)}


/* ── Every page / audit page ─────────────────────────────────────────── */
html.p27 .p27-one{grid-template-columns:1fr!important}
html.p27 .p27-au-facts{list-style:none;margin:22px 0 4px;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px}
html.p27 .p27-au-facts li{position:relative;padding-left:13px;font-size:13.5px;color:var(--ink-2);white-space:nowrap}
html.p27 .p27-au-facts li::before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--blue)}
html.p27 .p27-au-facts b{color:var(--ink);font-weight:700;margin-right:3px}

html.p27 .p27-plan{margin:0 0 18px;padding:16px 18px;border-radius:16px;background:var(--ice);border:1px solid var(--blue-line)}
html.p27 .p27-plan-k{display:block;font:700 11px/1 var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:10px}
html.p27 .p27-plan ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
html.p27 .p27-plan li{display:inline-flex;gap:8px;align-items:baseline;font-size:13.5px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 12px}
html.p27 .p27-plan li b{font-weight:600;color:var(--ink-2);font-variant-numeric:tabular-nums}
html.p27 .p27-plan p{margin:10px 0 0;font-size:13.5px;color:var(--ink-2);font-variant-numeric:tabular-nums}

html.p27 .p27-score{margin-top:28px;padding:22px 22px 18px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow-sm)}
html.p27 .p27-score-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px}
html.p27 .p27-score-h .eyebrow{margin:0}
html.p27 .p27-score-h>span:last-child{font-size:12.5px;color:var(--ink-3)}
html.p27 .p27-score ol{list-style:none;margin:0;padding:0;display:grid}
html.p27 .p27-score li{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-top:1px solid var(--line)}
html.p27 .p27-score li:first-child{border-top:0}
html.p27 .p27-score li a{display:grid;gap:2px;text-decoration:none;color:inherit}
html.p27 .p27-score li a b{font:700 16px/1.25 var(--font-display);color:var(--ink);letter-spacing:-.01em}
html.p27 .p27-score li a span{font-size:13.5px;color:var(--ink-3)}
html.p27 .p27-score li a:hover b{color:var(--blue)}
html.p27 .p27-score li i{font-style:normal;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);
  border:1px dashed var(--blue-line);border-radius:8px;padding:6px 9px;white-space:nowrap}
html.p27 .p27-score>p{margin:8px 0 0;font-size:13px;color:var(--ink-3)}

html.p27 .p27-faq{margin-top:34px}
html.p27 .p27-faq .eyebrow{display:block;margin-bottom:8px}
html.p27 .p27-faq details{border-top:1px solid var(--line)}
html.p27 .p27-faq details:last-child{border-bottom:1px solid var(--line)}
html.p27 .p27-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;
  padding:16px 2px;font:700 16px/1.3 var(--font-display);color:var(--ink)}
html.p27 .p27-faq summary::-webkit-details-marker{display:none}
html.p27 .p27-faq summary::after{content:"+";font:400 22px/1 var(--font-sans);color:var(--blue);transition:transform .35s cubic-bezier(.16,1,.3,1)}
html.p27 .p27-faq details[open] summary::after{transform:rotate(45deg)}
html.p27 .p27-faq details p{margin:0 0 16px;font-size:15px;line-height:1.55;color:var(--ink-2);max-width:52ch}
html.p27 .p27-faq summary:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:6px}

/* Phones: the form comes straight after the promise, the detail follows. */
@media (max-width:900px){
  html.p27-audit .au-grid{display:flex;flex-direction:column;gap:0}
  html.p27-audit .au-copy{display:contents}
  html.p27-audit .au-copy>.eyebrow{order:1}
  html.p27-audit .au-copy>h1{order:2}
  html.p27-audit .au-copy>.lede{order:3}
  html.p27-audit .au-copy>.p27-au-facts{order:4;margin-bottom:24px}
  html.p27-audit #form{order:5}
  html.p27-audit .au-copy>.au-steps{order:6;margin-top:36px}
  html.p27-audit .au-copy>.au-levers{order:7}
  html.p27-audit .au-copy>.au-who{order:8;margin-top:24px}
  html.p27-audit .au-copy>.p27-faq{order:9}
}

/* ── Compare switch (preview only, shown with ?compare) ───────────────── */
.p27-switch{position:fixed;left:16px;bottom:16px;z-index:9999;display:flex;align-items:center;gap:4px;padding:5px 5px 5px 14px;border-radius:999px;
  background:rgba(8,27,54,.92);color:#fff;font:600 12.5px/1 Inter,system-ui,sans-serif;box-shadow:0 12px 30px -10px rgba(8,27,54,.5);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.p27-switch>span{opacity:.7;margin-right:6px;letter-spacing:.04em}
.p27-switch button{all:unset;cursor:pointer;padding:8px 13px;border-radius:999px;color:rgba(255,255,255,.75);transition:background-color .25s,color .25s}
.p27-switch button[aria-pressed="true"]{background:#fff;color:#081B36}
.p27-switch button:focus-visible{outline:2px solid #1CD5F4;outline-offset:2px}