/*
 * AI Competitor Content Gap Checker - page styles.
 *
 * The approved design, every selector scoped under .pxcg so nothing leaks
 * into the parent theme. Typography is the site's own PT Serif (headings) /
 * DM Sans (body), both already loaded by the parent theme, so this page adds
 * no font request. Page chrome and the shared FAQ / worked example /
 * related-tools / Read next blocks are NOT styled here - the theme and
 * arolax_render_tool_extras() still own those.
 * Keyframes are prefixed pxcg- to avoid colliding with theme animations.
 */
.pxcg{--ink:#1a1512; --ink-2:#3d352f; --muted:#6f655e; --line:#ece6e1; --line-2:#d9d0c9;
  --paper:#ffffff; --mist:#f7f5f3;
  --volt:#f4531f; --navy:#1a1512; --blue:#c0370b;
  --t-yellow:#fef1ed; --t-blue:#fde7e0; --t-mint:#fef6f4; --t-lilac:#f6ece8; --t-rose:#fdddd2;
  --ok:#f4531f; --mid:#f88f6d; --bad:#b5aaa2;
  --font-head:"PT Serif",Georgia,"Times New Roman",serif;
  --font-body:"DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;}
.pxcg *,.pxcg *::before,.pxcg *::after{box-sizing:border-box}
.pxcg{font-family:var(--font-body);font-size:17px;line-height:1.6;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}
.pxcg img,.pxcg svg{max-width:100%}
.pxcg a{color:var(--blue)}
.pxcg strong{font-weight:600}
.pxcg :focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:6px}
.pxcg [hidden]{display:none!important}
.pxcg .sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.pxcg h1,.pxcg h2,.pxcg h3{font-family:var(--font-head);letter-spacing:-.02em;color:var(--ink)}
.pxcg h1{font-size:clamp(2.3rem,5vw,3.6rem);line-height:1.05;font-weight:800;margin:.25em 0 .3em}
.pxcg h2{font-size:clamp(1.8rem,3.3vw,2.6rem);line-height:1.1;font-weight:800;margin:0 0 .45em}
.pxcg h3{font-size:1.2rem;line-height:1.25;font-weight:800;margin:0 0 .35em}
.pxcg p{margin:0 0 1em}
.pxcg .container{max-width:1120px;margin:0 auto;padding:0 24px}
.pxcg .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:999px;font:600 15px/1.2 var(--font-body);border:0;cursor:pointer;text-decoration:none;transition:background .15s,border-color .15s,opacity .15s}
.pxcg .btn-primary{background:var(--ink);color:#fff}
.pxcg .btn-primary:hover{background:#2e2620}
.pxcg .btn-primary:disabled{opacity:.35;cursor:not-allowed}
.pxcg .btn-volt{background:var(--volt);color:var(--ink)}
.pxcg .btn-volt:hover{background:#dc4516}
.pxcg .btn-ghost{background:#fff;color:var(--ink);border:1px solid var(--line-2)}
.pxcg .btn-ghost:hover{border-color:var(--ink)}
.pxcg .btn-sm{padding:8px 14px;font-size:14px}
.pxcg .btn-link{background:none;border:0;color:var(--blue);font:600 15px/1.2 var(--font-body);cursor:pointer;padding:12px 6px;text-decoration:underline;text-underline-offset:3px}
.pxcg .hero{padding:34px 0 72px;text-align:center;background:linear-gradient(180deg,var(--mist) 0,#fff 420px)}
.pxcg .hero .sub{font-size:1.15rem;color:var(--muted);max-width:640px;margin:0 auto}
.pxcg .hero-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:18px 0 0;padding:0;list-style:none}
.pxcg .hero-pills li{font-size:14px;font-weight:600;border-radius:999px;padding:6px 14px;background:#fff;border:1px solid var(--line);color:var(--ink-2)}
.pxcg .tool{max-width:1040px;margin:28px auto 0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);text-align:left;background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 1px 2px rgba(26,21,18,.05),0 24px 48px -28px rgba(26,21,18,.35)}
.pxcg .tool-left{padding:22px;border-right:1px solid var(--line);min-width:0;display:flex;flex-direction:column}
.pxcg .tool-right{padding:22px;background:var(--mist);min-width:0}
.pxcg .ta-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}
.pxcg .ta-head label{font-weight:700;font-size:15px}
.pxcg .count{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
.pxcg #prompt{width:100%;flex:1;min-height:240px;resize:vertical;padding:14px 16px;border:1px solid var(--line-2);border-radius:14px;font:16px/1.55 var(--font-body);color:var(--ink);background:#fdfcfb}
.pxcg #prompt:focus{outline:2px solid var(--blue);outline-offset:0;border-color:var(--blue);background:#fff}
.pxcg .ta-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px}
.pxcg .kbd-hint{font-size:13px;color:var(--muted);margin:10px 0 0}
.pxcg #tool,.pxcg .tool-right{scroll-margin-top:72px}
.pxcg kbd{font:600 12px/1 var(--font-body);border:1px solid var(--line-2);border-bottom-width:2px;border-radius:5px;padding:2px 5px;background:#fff}
.pxcg .empty{height:100%;min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px;gap:4px}
.pxcg .empty h3{margin-top:12px}
.pxcg .empty p{color:var(--muted);font-size:15px;margin:0;max-width:310px}
.pxcg .empty .pending{font-size:13px;font-weight:600;color:var(--muted);margin-top:6px}
.pxcg .ring{width:132px;height:132px;flex:0 0 auto;display:block}
.pxcg .ring .track{fill:none;stroke:#ebe4de;stroke-width:11}
.pxcg .ring .val{fill:none;stroke:var(--ring,#d9d0c9);stroke-width:11;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .7s ease,stroke .3s}
.pxcg .ring text{font-family:var(--font-head);font-weight:800;fill:var(--ink)}
.pxcg .score-top{display:flex;gap:18px;align-items:center}
.pxcg .grade{display:inline-block;font-weight:700;font-size:14px;border-radius:999px;padding:4px 12px;background:var(--g-bg,#fff);color:var(--g-ink,var(--ink))}
.pxcg .verdict{margin:8px 0 2px;font-weight:600;line-height:1.4;font-size:15.5px}
.pxcg .passed{font-size:14px;color:var(--muted);margin:0}
.pxcg .g-excellent{--g-bg:var(--t-mint);--g-ink:#9e2d08;--ring:var(--ok)}
.pxcg .g-good{--g-bg:var(--t-blue);--g-ink:#c0370b;--ring:var(--blue)}
.pxcg .g-decent{--g-bg:var(--t-yellow);--g-ink:#9e2d08;--ring:var(--mid)}
.pxcg .g-needs{--g-bg:#fde4db;--g-ink:#9e2d08;--ring:#f9a98f}
.pxcg .g-poor{--g-bg:var(--t-rose);--g-ink:#9e2d08;--ring:var(--bad)}
.pxcg .rh{font:700 15px/1.3 var(--font-body);letter-spacing:0;margin:22px 0 10px}
.pxcg .breakdown{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.pxcg .breakdown li{display:grid;grid-template-columns:132px 1fr 60px;gap:10px;align-items:center;font-size:14px}
.pxcg .breakdown .bar{height:8px;background:#ebe4de;border-radius:99px;overflow:hidden}
.pxcg .breakdown .bar i{display:block;height:100%;width:0;border-radius:99px;transition:width .6s ease}
.pxcg .bar i.full{background:var(--ok)}
.pxcg .bar i.part{background:var(--mid)}
.pxcg .breakdown .bv{text-align:right;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.pxcg .breakdown .bv.zero{color:#9e2d08}
.pxcg .fixes{margin:0;padding-left:20px;display:grid;gap:8px;font-size:14.5px;color:var(--ink-2)}
.pxcg .fixes b{color:var(--ink)}
.pxcg .all-good{font-size:14.5px;color:var(--ink-2);margin:16px 0 0}
.pxcg .after-tool{max-width:1040px;margin:14px auto 0;text-align:left}
.pxcg .gate{display:grid;grid-template-columns:1.25fr 1fr;gap:26px;align-items:center;background:var(--volt);border-radius:22px;padding:26px 28px}
.pxcg .gate h3{font-size:1.35rem}
.pxcg .gate p{font-size:15px;margin:0}
.pxcg .gate form{display:grid;gap:10px}
.pxcg .gate label{font-weight:700;font-size:14px}
.pxcg .gate input[type=email]{width:100%;padding:12px 14px;border:1px solid rgba(26,21,18,.25);border-radius:12px;font:inherit;font-size:15px;background:#fff}
.pxcg .gate .fine{font-size:12.5px;color:#1a1512;line-height:1.45;margin:0}
.pxcg .gate .skip{background:none;border:0;padding:0;font:600 14px var(--font-body);color:var(--ink);text-decoration:underline;cursor:pointer;justify-self:start}
.pxcg .gate .err{font-size:13px;font-weight:600;color:#9e2d08;margin:0}
.pxcg .rewrite{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px 26px}
.pxcg .rewrite-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
.pxcg .rewrite-head h3{margin:0}
.pxcg .rewrite pre{white-space:pre-wrap;font:15px/1.65 var(--font-body);background:var(--mist);border-radius:14px;padding:16px 18px;margin:0 0 10px}
.pxcg .rewrite .note{font-size:13.5px;color:var(--muted);margin:0}
.pxcg .rewrite code{background:var(--t-yellow);padding:1px 5px;border-radius:5px;font-size:.92em}
.pxcg .demo-note{font-size:12.5px;color:var(--muted);margin:8px 0 0}
.pxcg .chips{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:20px auto 0;max-width:1040px}
.pxcg .chips span{font-size:14px;font-weight:600;color:var(--muted);margin-right:2px}
.pxcg .chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 14px;font:500 14px/1.2 var(--font-body);color:var(--ink);cursor:pointer}
.pxcg .chip:hover{border-color:var(--ink)}
.pxcg .tips{max-width:1040px;margin:30px auto 0;text-align:left}
.pxcg .tips h2{font-size:1.3rem;text-align:center;margin-bottom:14px}
.pxcg .tips ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.pxcg .tips li{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;font-size:14.5px;color:var(--ink-2);line-height:1.45}
.pxcg .tips li strong{display:block;color:var(--ink);font-size:15px;font-weight:700;margin-bottom:2px}
.pxcg .section{padding:88px 0}
.pxcg .section.tint{background:var(--mist)}
.pxcg .section.flush-top{padding-top:0}
.pxcg .section-head{text-align:center;max-width:780px;margin:0 auto 40px}
.pxcg .section-head p{color:var(--ink-2)}
.pxcg .bg-yellow{background:var(--t-yellow)}
.pxcg .bg-blue{background:var(--t-blue)}
.pxcg .bg-mint{background:var(--t-mint)}
.pxcg .bg-lilac{background:var(--t-lilac)}
.pxcg .bg-rose{background:var(--t-rose)}
.pxcg .feature{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:48px 0}
.pxcg .feature.first{padding-top:0}
.pxcg .feature.reverse .feature-art{order:-1}
.pxcg .feature-art{border-radius:26px;padding:36px;display:grid;place-items:center;min-height:360px}
.pxcg .feature-copy h2{font-size:clamp(1.7rem,2.8vw,2.2rem)}
.pxcg .feature-copy p{color:var(--ink-2)}
.pxcg .feature-copy .btn{margin-top:6px}
.pxcg .chat{width:min(100%,400px);display:grid;gap:10px}
.pxcg .msg{max-width:88%;border-radius:16px;padding:10px 14px;font-size:14.5px;line-height:1.45}
.pxcg .msg.you{justify-self:end;background:var(--ink);color:#fff;border-bottom-right-radius:4px}
.pxcg .msg.ai{justify-self:start;background:#fff;border:1px solid var(--line);border-bottom-left-radius:4px;display:grid;gap:7px;width:78%}
.pxcg .msg .line{display:block;height:8px;border-radius:99px;background:#e6ded7}
.pxcg .msg .tag{justify-self:start;font-size:12px;font-weight:700;border-radius:999px;padding:2px 10px;margin-top:2px}
.pxcg .tag.bad{background:var(--t-rose);color:#9e2d08}
.pxcg .tag.good{background:var(--t-mint);color:#9e2d08}
.pxcg .weights{width:min(100%,430px);background:#fff;border-radius:18px;padding:20px 22px;border:1px solid rgba(26,21,18,.08)}
.pxcg .weights .wt{font-weight:700;font-size:15px;margin:0 0 12px}
.pxcg .w-row{display:grid;grid-template-columns:120px 1fr 26px;gap:10px;align-items:center;font-size:13.5px;margin-bottom:9px;color:var(--ink-2)}
.pxcg .w-row i{display:block;height:10px;border-radius:99px;background:var(--blue);width:var(--w)}
.pxcg .w-row b{text-align:right;color:var(--ink)}
.pxcg .w-total{margin:12px 0 0;padding-top:10px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-weight:700;font-size:14px}
.pxcg .ba{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pxcg .ba-card{border-radius:22px;padding:26px;display:flex;flex-direction:column;gap:14px}
.pxcg .ba-card h3{margin:0}
.pxcg .ba-card .quote{font:600 1.05rem/1.5 var(--font-body);background:#fff;border-radius:14px;padding:14px 16px;margin:0}
.pxcg .ba-card ul{margin:0;padding-left:18px;color:var(--ink-2);font-size:15px;display:grid;gap:4px}
.pxcg .ba-score{display:flex;align-items:center;gap:14px}
.pxcg .ba-score .ring{width:74px;height:74px}
.pxcg .ba-card .btn{align-self:flex-start;margin-top:auto}
.pxcg .ba-after{margin:24px auto 0;max-width:800px;text-align:center;color:var(--ink-2)}
.pxcg .ptypes{width:min(100%,470px);display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pxcg .ptype{background:#fff;border-radius:14px;padding:12px 14px;border:1px solid rgba(26,21,18,.08)}
.pxcg .ptype b{display:block;font-size:14px;margin-bottom:4px}
.pxcg .ptype span{font-size:14px;color:var(--ink-2);line-height:1.4;display:block}
.pxcg .accent{display:grid;grid-template-columns:1fr 1fr;border-radius:26px;overflow:hidden;background:var(--volt)}
.pxcg .accent-art{background:var(--navy);display:grid;place-items:center;padding:24px;min-height:360px}
.pxcg .accent-art svg{width:min(100%,440px);height:auto}
.pxcg .accent-body{padding:52px 48px;display:flex;flex-direction:column;justify-content:center}
.pxcg .accent-body h2{font-size:clamp(2rem,3.6vw,2.8rem)}
.pxcg .accent-body p{color:var(--ink);font-size:1.05rem}
.pxcg .accent-body p a{color:var(--ink);font-weight:600}
.pxcg .accent-body .btn{align-self:flex-start}
.pxcg .duo{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pxcg .card{border:1px solid var(--line);border-radius:22px;padding:30px;background:#fff;display:flex;flex-direction:column}
.pxcg .card p{color:var(--ink-2)}
.pxcg .card .tag{align-self:flex-start;font-size:13px;font-weight:600;border-radius:999px;padding:4px 12px;margin-bottom:14px}
.pxcg .card .btn{align-self:flex-start;margin-top:auto}
.pxcg .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.pxcg .stat{border:1px solid var(--line);border-radius:22px;padding:30px 18px;text-align:center;background:#fff}
.pxcg .stat b{display:block;font:800 clamp(2.4rem,4vw,3.2rem)/1 var(--font-head);letter-spacing:-.03em;margin-bottom:10px}
.pxcg .stat span{font-size:14.5px;color:var(--muted)}
.pxcg .final{display:grid;grid-template-columns:1fr 1fr;border-radius:26px;overflow:hidden;background:var(--volt)}
.pxcg .final-art{background:var(--navy);padding:44px 36px;display:grid;place-items:center}
.pxcg .scorecard{background:#fff;border-radius:20px;padding:22px;width:min(100%,340px);display:grid;gap:14px}
.pxcg .scorecard .top{display:flex;align-items:center;gap:16px}
.pxcg .scorecard .ring{width:96px;height:96px}
.pxcg .scorecard .rows{display:grid;gap:8px}
.pxcg .scorecard .r{display:grid;grid-template-columns:100px 1fr;gap:10px;align-items:center;font-size:13px;color:var(--ink-2)}
.pxcg .scorecard .r i{display:block;height:7px;border-radius:99px;background:var(--ok)}
.pxcg .final-body{padding:52px 48px;display:flex;flex-direction:column;justify-content:center}
.pxcg .final-body h2{font-size:clamp(2.1rem,3.8vw,3rem)}
.pxcg .final-body p a{color:var(--ink);font-weight:600}
.pxcg .final-body .btn{align-self:flex-start;margin-top:6px}
@media (max-width:900px){
.pxcg .tool{grid-template-columns:1fr}
.pxcg .tool-left{border-right:0;border-bottom:1px solid var(--line)}
.pxcg .gate{grid-template-columns:1fr}
.pxcg .tips ul{grid-template-columns:1fr 1fr}
.pxcg .duo,.pxcg .accent,.pxcg .final,.pxcg .ba{grid-template-columns:1fr}
.pxcg .feature{grid-template-columns:1fr;gap:28px;padding:36px 0}
.pxcg .feature.reverse .feature-art{order:0}
.pxcg .feature-art{min-height:0;padding:28px}
.pxcg .stats{grid-template-columns:1fr 1fr}
.pxcg .accent-art,.pxcg .final-art{min-height:0}
.pxcg .accent-body,.pxcg .final-body{padding:36px 28px}
.pxcg .kbd-hint{display:none}
}
@media (max-width:600px){
.pxcg{font-size:16px}
.pxcg .container{padding:0 16px}
.pxcg .section{padding:64px 0}
.pxcg .tips ul{grid-template-columns:1fr}
.pxcg .breakdown li{grid-template-columns:108px 1fr 54px;font-size:13.5px}
.pxcg .ptypes{grid-template-columns:1fr}
.pxcg .score-top{gap:14px}
.pxcg .score-top .ring{width:108px;height:108px}
}
@media (prefers-reduced-motion:reduce){
.pxcg .ring .val,.pxcg .breakdown .bar i{transition:none}
}
.pxcg .form-h{font:800 1.35rem/1.2 var(--font-head);letter-spacing:-.02em;margin:0 0 4px}
.pxcg .form-sub{color:var(--muted);font-size:14.5px;margin:0 0 16px}
.pxcg .field{margin:0 0 14px;border:0;padding:0;min-width:0}
.pxcg .field>label{display:block;font-weight:700;font-size:14px;margin-bottom:6px}
.pxcg .field input[type=number],.pxcg .field input[type=text],.pxcg .field input[type=url],.pxcg .field select{width:100%;padding:11px 12px;border:1px solid var(--line-2);border-radius:10px;background:#fff;font:inherit;font-size:15px;color:var(--ink)}
.pxcg .field input:focus,.pxcg .field select:focus{outline:2px solid var(--blue);outline-offset:0;border-color:var(--blue)}
.pxcg .field .hint{font-size:12.5px;color:var(--muted);margin:5px 0 0}
.pxcg .row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pxcg .money{position:relative}
.pxcg .money>span{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted);font-weight:600;pointer-events:none}
.pxcg .money input{padding-left:26px!important}
.pxcg .range-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.pxcg .range-row output{font:800 1.15rem/1 var(--font-head);font-variant-numeric:tabular-nums}
.pxcg input[type=range]{width:100%;accent-color:var(--ink);margin:6px 0 0}
.pxcg .btn-block{width:100%}
.pxcg .form-note{font-size:12.5px;color:var(--muted);margin:10px 0 0}
.pxcg .kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pxcg .kpi{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.pxcg .kpi .k{font-size:12.5px;font-weight:700;color:var(--muted);display:block}
.pxcg .kpi .v{font:800 1.55rem/1.15 var(--font-head);letter-spacing:-.02em;display:block;margin-top:4px;font-variant-numeric:tabular-nums;color:var(--ink)}
.pxcg .kpi .s{font-size:12.5px;color:var(--muted);display:block}
.pxcg .kpi.big{grid-column:1/-1;background:var(--ink);border-color:var(--ink)}
.pxcg .kpi.big .k,.pxcg .kpi.big .s{color:#d8cfc8}
.pxcg .kpi.big .v{color:var(--volt);font-size:2.3rem}
.pxcg .res-note{font-size:13px;color:var(--muted);margin:12px 0 0}
.pxcg .list-check{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.pxcg .list-check li{padding-left:26px;position:relative;color:var(--ink-2)}
.pxcg .list-check li::before{content:"";position:absolute;left:2px;top:.42em;width:13px;height:7px;border-left:2.5px solid var(--ok);border-bottom:2.5px solid var(--ok);transform:rotate(-45deg)}
.pxcg .list-dot li::before{width:8px;height:8px;border:0;border-radius:50%;background:var(--muted);transform:none;top:.62em;left:4px}
.pxcg .tiles4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.pxcg .tile4{border-radius:20px;padding:22px}
.pxcg .tile4 p{font-size:15px;color:var(--ink-2);margin:0}
.pxcg .tiles3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pxcg .h2-like{font-size:clamp(1.7rem,2.8vw,2.2rem);line-height:1.12;font-weight:800;margin:0 0 .45em}
.pxcg .center-copy{max-width:780px;margin:0 auto;text-align:center;color:var(--ink-2)}
.pxcg .badge{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;border-radius:999px;padding:4px 10px}
.pxcg .badge.live{background:var(--t-mint);color:#9e2d08}
.pxcg .badge.cat{background:var(--t-yellow);color:#9e2d08}
.pxcg .report{max-width:1040px;margin:14px auto 0;text-align:left;background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px}
.pxcg .report h3{margin-top:0}
.pxcg .report-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}
.pxcg .report .sub-h{font:700 15px/1.3 var(--font-body);letter-spacing:0;margin:20px 0 8px}
.pxcg .scale{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:10px 0 6px}
.pxcg .scale span{height:10px;border-radius:99px;background:#ebe4de}
.pxcg .scale span.on{background:var(--blue)}
.pxcg .scale-l{display:grid;grid-template-columns:repeat(4,1fr);font-size:12.5px;color:var(--muted)}
.pxcg .years{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.pxcg .quote-box{margin-top:18px;background:var(--mist);border-radius:18px;padding:22px}
.pxcg .quote-box h3{margin:0 0 6px}
.pxcg ol.steps{list-style:none;counter-reset:step;margin:0 0 18px;padding:0}
.pxcg ol.steps li{counter-increment:step;position:relative;padding:12px 0 12px 50px;border-bottom:1px solid var(--line);color:var(--ink-2)}
.pxcg ol.steps li:last-child{border-bottom:0}
.pxcg ol.steps li::before{content:counter(step);position:absolute;left:0;top:10px;width:34px;height:34px;border-radius:50%;background:var(--volt);color:var(--ink);font:800 16px/34px var(--font-head);text-align:center}
.pxcg .demo-shell{width:min(100%,430px)}
.pxcg .demo-ui{background:#fff;border-radius:18px;border:1px solid rgba(26,21,18,.08);box-shadow:0 22px 44px -28px rgba(26,21,18,.5);padding:18px;display:grid;gap:10px;text-align:left}
.pxcg .demo-bar{display:flex;align-items:center;justify-content:space-between;margin-top:12px}
.pxcg .demo-live{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:var(--ink-2)}
.pxcg .demo-live::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--bad);animation:pxcg-dblink 1.4s infinite}
@keyframes pxcg-dblink{50%{opacity:.25}}
.pxcg .demo-toggle{background:#fff;border:1px solid var(--line-2);border-radius:999px;padding:5px 12px;font:600 12.5px/1.2 var(--font-body);color:var(--ink);cursor:pointer}
.pxcg .d-label{font-size:12px;font-weight:700;color:var(--muted);display:block;margin-bottom:4px}
.pxcg .d-field{border:1px solid var(--line-2);border-radius:10px;padding:8px 12px;font-size:14px;min-height:38px;background:#fdfcfb;color:var(--ink);transition:border-color .2s,box-shadow .2s,background .2s}
.pxcg .d-field.is-focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(244,83,31,.18);background:#fff}
.pxcg .d-field.is-focus .typed::after{content:"";display:inline-block;width:1.5px;height:1em;background:var(--ink);margin-left:1px;vertical-align:-2px;animation:pxcg-dblink 1s steps(1) infinite}
.pxcg .d-btn{background:var(--ink);color:#fff;border-radius:999px;padding:10px;text-align:center;font-weight:600;font-size:14.5px;transition:transform .15s,background .15s}
.pxcg .d-btn.is-pressed{transform:scale(.95);background:#2e2620}
.pxcg .d-grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pxcg .d-kpi{border-radius:12px;padding:10px 12px;background:var(--mist)}
.pxcg .d-kpi b{display:block;font:800 1.2rem/1.2 var(--font-head);font-variant-numeric:tabular-nums}
.pxcg .d-kpi span{font-size:11.5px;font-weight:700;color:var(--muted)}
.pxcg .fade-in{opacity:0;transform:translateY(6px);transition:opacity .35s ease,transform .35s ease}
.pxcg .fade-in.show{opacity:1;transform:none}
.pxcg ol.steps li{transition:color .25s}
.pxcg ol.steps li::before{transition:background .25s,color .25s}
.pxcg ol.steps li.is-on{color:var(--ink)}
.pxcg ol.steps li.is-on::before{background:var(--ink);color:var(--volt)}
@media (max-width:900px){
.pxcg .report-grid,.pxcg .years{grid-template-columns:1fr 1fr}
.pxcg .tiles4{grid-template-columns:1fr 1fr}
.pxcg .tiles3{grid-template-columns:1fr}
}
@media (max-width:600px){
.pxcg .tiles4,.pxcg .row2{grid-template-columns:1fr}
.pxcg .kpis{grid-template-columns:1fr 1fr}
}
@media (prefers-reduced-motion:reduce){
.pxcg .demo-live::before{animation:none}
.pxcg .d-field.is-focus .typed::after{display:none}
.pxcg .fade-in{transition:none}
}
.pxcg{--brand:#f4531f;--brand-strong:#d63d0c;--brand-deep:#c0370b}
.pxcg a{color:var(--brand-deep)}
.pxcg :focus-visible{outline-color:var(--brand-strong)}
.pxcg .btn-primary{background:var(--brand-strong);color:#fff}
.pxcg .btn-primary:hover{background:#b8330a}
.pxcg .btn-volt{background:var(--brand-strong);color:#fff}
.pxcg .btn-volt:hover{background:#b8330a}
.pxcg .accent .btn-primary,.pxcg .final .btn-primary,.pxcg .gate .btn-primary{background:var(--ink);color:#fff}
.pxcg .accent .btn-primary:hover,.pxcg .final .btn-primary:hover,.pxcg .gate .btn-primary:hover{background:#2e2620}
.pxcg .demo-live::before{background:var(--brand)}
.pxcg .d-btn{background:var(--brand-strong)}
.pxcg .d-btn.is-pressed{background:#b8330a}
.pxcg input[type=range],.pxcg .toggle input{accent-color:var(--brand-strong)}
.pxcg .d-track i{background:var(--brand-strong)}
.pxcg .d-thumb{border-color:var(--brand-strong)}
.pxcg .plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.pxcg .plan{border-radius:18px;padding:20px}
.pxcg .plan h4{font:800 1.1rem/1.25 var(--font-head);margin:0 0 4px}
.pxcg .plan p{font-size:13.5px;color:var(--ink-2);margin:0 0 10px}
.pxcg .plan ul{margin:0;padding-left:18px;display:grid;gap:6px;font-size:14.5px}
.pxcg .scan{border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.pxcg .scan-head{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;font-weight:700;color:var(--muted);margin-bottom:6px}
.pxcg .scan-list{list-style:none;margin:0;padding:0;max-height:176px;overflow:hidden;display:grid;gap:4px;align-content:start}
.pxcg .scan-list li{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px;padding:5px 8px;border-radius:8px;background:var(--mist);animation:pxcg-rowin .3s ease}
.pxcg .scan-list li code{font:600 12.5px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--ink)}
.pxcg .scan-list li.gap{background:var(--t-yellow)}
.pxcg .scan-list .t{font-size:11px;font-weight:800;border-radius:999px;padding:2px 8px}
.pxcg .scan-list .t.m{background:#ebe4de;color:var(--muted)}
.pxcg .scan-list .t.g{background:var(--ink);color:var(--volt)}
@keyframes pxcg-rowin{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.pxcg .d-kpi.d-dark{background:var(--ink)}
.pxcg .d-kpi.d-dark span{color:#d8cfc8}
.pxcg .d-kpi.d-dark b{color:var(--volt);font-size:1.6rem}
.pxcg .serp{width:min(100%,400px);background:#fff;border-radius:18px;padding:16px;display:grid;gap:10px;border:1px solid rgba(26,21,18,.08)}
.pxcg .serp-q{border:1px solid var(--line-2);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600}
.pxcg .serp-r{border-radius:12px;padding:10px 12px;background:var(--mist)}
.pxcg .serp-r small{display:block;font-size:12px;color:var(--muted)}
.pxcg .serp-r b{display:block;font-size:15px;color:#c0370b}
.pxcg .serp-r span{font-size:13px;color:var(--ink-2)}
.pxcg .serp-r.win{background:var(--t-yellow)}
.pxcg .serp-r.ghost{background:transparent;border:2px dashed var(--line-2)}
.pxcg .serp-r.ghost b{color:var(--muted)}
.pxcg .get-tiles{list-style:none;margin:0 auto;padding:0;max-width:1100px}
.pxcg .get-tiles li{font-size:15px;color:var(--ink-2);line-height:1.5}
.pxcg .get-tiles li strong{display:block;font:800 1.15rem/1.25 var(--font-head);color:var(--ink);margin-bottom:6px}
.pxcg .found{background:#fff;border-radius:20px;padding:22px;width:min(100%,360px);display:grid;gap:8px}
.pxcg .found-n{margin:0 0 4px;font-size:15px;font-weight:600;color:var(--ink-2)}
.pxcg .found-n b{font:800 2.4rem/1 var(--font-head);color:var(--ink);margin-right:6px}
.pxcg .found-r{background:var(--t-yellow);border-radius:10px;padding:10px 12px;font-weight:600;font-size:14.5px}
.pxcg .found-r.more{background:var(--mist);color:var(--ink-2);font-weight:500}
.pxcg .order{width:min(100%,400px);display:grid;gap:10px}
.pxcg .order div{background:#fff;border-radius:14px;padding:12px 14px 12px 56px;position:relative;border:1px solid rgba(26,21,18,.08)}
.pxcg .order span{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;background:var(--ink);color:var(--volt);font:800 15px/30px var(--font-head);text-align:center}
.pxcg .order b{display:block;font-size:15px}
.pxcg .order small{font-size:13px;color:var(--muted)}
@media (max-width:900px){
.pxcg .plan-grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
.pxcg .scan-list li{animation:none}
}
.pxcg .roadmap{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;margin-bottom:14px}
.pxcg .rm-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px 20px;flex-wrap:wrap;margin-bottom:14px}
.pxcg .rm-head h3{margin:0 0 4px}
.pxcg .rm-head p{margin:0;font-size:14px;color:var(--muted);max-width:560px}
.pxcg .rm-key{display:flex;flex-wrap:wrap;gap:6px}
.pxcg .rm-key span{font-size:12px;font-weight:700;border-radius:999px;padding:3px 10px}
.pxcg .k-page,.pxcg .it-page{background:#d63d0c;color:#fff}
.pxcg .k-faq,.pxcg .it-faq{background:var(--t-rose);color:var(--ink)}
.pxcg .k-link,.pxcg .it-link{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--volt)}
.pxcg .k-blog,.pxcg .it-blog{background:var(--ink);color:#fff}
.pxcg .rm-scroll{overflow-x:auto;padding-bottom:6px}
.pxcg .rm-grid{display:grid;grid-template-columns:repeat(12,minmax(118px,1fr));gap:8px;min-width:1100px}
.pxcg .rm-month{grid-row:1;font:800 13px/1 var(--font-head);color:var(--ink);padding:6px 8px;border-radius:8px;background:var(--mist)}
.pxcg .rm-week{grid-row:2;font-size:11.5px;font-weight:700;color:var(--muted);padding:0 2px}
.pxcg .rm-col{grid-row:3;display:grid;gap:6px;align-content:start;min-height:90px;border-left:1px dashed var(--line-2);padding-left:6px}
.pxcg .rm-it{border-radius:10px;padding:8px 9px;font-size:12.5px;font-weight:600;line-height:1.3;opacity:0;transform:translateY(8px);animation:pxcg-rmin .45s ease forwards;animation-delay:var(--d)}
.pxcg .rm-it small{display:block;font-size:10.5px;font-weight:700;opacity:.8;margin-bottom:2px;text-transform:none}
.pxcg .rm-it.locked{color:transparent!important;text-shadow:0 0 8px rgba(26,21,18,.45);user-select:none}
.pxcg .rm-it.locked small{text-shadow:none;color:var(--ink)}
.pxcg .rm-it.it-page.locked small,.pxcg .rm-it.it-blog.locked small{color:#fff}
.pxcg .rm-it.it-page.locked,.pxcg .rm-it.it-blog.locked{text-shadow:0 0 8px rgba(255,255,255,.7)}
@keyframes pxcg-rmin{to{opacity:1;transform:none}}
.pxcg .rm-lock{margin:10px 0 0;font-size:13px;font-weight:700;color:var(--blue)}
@media (prefers-reduced-motion:reduce){
.pxcg .rm-it{animation:none;opacity:1;transform:none}
}
.pxcg .section{content-visibility:auto;contain-intrinsic-size:auto 640px}
.pxcg .hero,.pxcg #tool{content-visibility:visible}
.pxcg #gNum,.pxcg #gCount,.pxcg .scorecard text,.pxcg .d-kpi b{font-variant-numeric:tabular-nums}
.pxcg .ring .val{transition:stroke-dashoffset 1.5s cubic-bezier(.16,.84,.3,1),stroke .4s}
@media (prefers-reduced-motion: no-preference){
.pxcg .rv{opacity:0;transform:translateY(26px);transition:opacity .85s cubic-bezier(.2,.8,.2,1),transform .95s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--rd,0) * 1ms)}
.pxcg .rv.is-in{opacity:1;transform:none}
.pxcg .rv-zoom{opacity:0;transform:translateY(30px) scale(.985);transition:opacity .95s ease,transform 1.15s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--rd,0) * 1ms)}
.pxcg .rv-zoom.is-in{opacity:1;transform:none}
.pxcg .pxstep{opacity:0;transform:translateY(8px);animation:pxcg-pxstep .5s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--i,0) * 90ms)}
@keyframes pxcg-pxstep{to{opacity:1;transform:none}}
.pxcg .scorecard .rows .r i{transition:width 1.1s cubic-bezier(.16,.84,.3,1)}
.pxcg .btn.is-busy{pointer-events:none;opacity:.75}
.pxcg .btn.is-busy::after{content:"";width:14px;height:14px;margin-left:10px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;display:inline-block;animation:pxcg-pxspin .7s linear infinite;vertical-align:-2px}
@keyframes pxcg-pxspin{to{transform:rotate(360deg)}}
}
.pxcg .tool-right #gapTop,.pxcg .tool-right .verdict,.pxcg .tool-right .rh,.pxcg .tool-right .fixes{transition:opacity .45s ease,filter .45s ease,transform .5s cubic-bezier(.2,.8,.2,1)}
.pxcg .tool-right.pxrunning #gapTop,.pxcg .tool-right.pxrunning .verdict,.pxcg .tool-right.pxrunning .rh,.pxcg .tool-right.pxrunning .fixes{opacity:.22;filter:blur(1.5px)}
.pxcg .tool-right.pxdone #gapTop,.pxcg .tool-right.pxdone .verdict,.pxcg .tool-right.pxdone .rh,.pxcg .tool-right.pxdone .fixes{animation:pxcg-pxdone .6s cubic-bezier(.2,.8,.2,1) both}
@keyframes pxcg-pxdone{from{opacity:.3;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){
.pxcg .tool-right.pxrunning #gapTop,.pxcg .tool-right.pxrunning .verdict,.pxcg .tool-right.pxrunning .rh,.pxcg .tool-right.pxrunning .fixes{opacity:1;filter:none}
.pxcg .tool-right.pxdone #gapTop,.pxcg .tool-right.pxdone .verdict,.pxcg .tool-right.pxdone .rh,.pxcg .tool-right.pxdone .fixes{animation:none}
}
.pxcg .pxscan{border:1px solid var(--line);border-radius:16px;background:var(--mist);padding:16px 18px;margin:0 0 4px}
.pxcg .pxscan[hidden]{display:none}
.pxcg .pxscan-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:14px;font-weight:600;color:var(--ink)}
.pxcg .pxscan-pct{font-variant-numeric:tabular-nums;color:var(--muted);font-weight:700}
.pxcg .pxscan-bar{height:7px;border-radius:999px;background:#ebe4de;overflow:hidden;margin:10px 0 12px}
.pxcg .pxscan-bar i{display:block;height:100%;width:0;border-radius:999px;background:var(--volt);transition:width .5s cubic-bezier(.2,.8,.2,1)}
.pxcg .pxscan-list{list-style:none;margin:0;padding:0;display:grid;gap:7px;font-size:13.5px;color:var(--ink-2)}
.pxcg .pxscan-list li{display:flex;align-items:center;gap:8px;opacity:0;transform:translateY(6px);animation:pxcg-pxstep .4s cubic-bezier(.2,.8,.2,1) forwards}
.pxcg .pxscan-list li b{width:16px;height:16px;flex:0 0 auto;border-radius:50%;border:2px solid var(--line-2);display:inline-block}
.pxcg .pxscan-list li.done b{border-color:transparent;background:var(--volt) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/11px no-repeat}
@media (prefers-reduced-motion: reduce){
.pxcg .pxscan-list li{opacity:1;transform:none;animation:none}
.pxcg .pxscan-bar i{transition:none}
}
.pxcg{--ink:#241f1b; --ink-2:#4a403a; --muted:#736861;
  --line:#f3e8e1; --line-2:#e7d9cf;
  --paper:#ffffff; --mist:#fff8f4;

  
  --volt:#ff7a3d; --brand:#f4531f; --brand-strong:#d94a12; --brand-deep:#b8420e;
  --blue:#c0370b; --navy:#fff1e8;

  
  --t-yellow:#fff4ee; --t-blue:#ffeadf; --t-mint:#fff8f4; --t-lilac:#fdeee7; --t-rose:#fce0d3;
  --ok:#ff7a3d; --mid:#ffa477; --bad:#d9c9bf;}
.pxcg{background:#fff}
.pxcg .hero{background:linear-gradient(180deg,#fff5ef 0,#fff 440px)}
.pxcg .section.tint{background:#fff8f4}
.pxcg .accent,.pxcg .final{background:#fff2ea;border:1px solid #f8ded0}
.pxcg .accent-art,.pxcg .final-art{background:#fde8dc}
.pxcg .accent-body h2,.pxcg .final-body h2{color:var(--ink)}
.pxcg .accent-body p,.pxcg .final-body p,.pxcg .accent-body p a,.pxcg .final-body p a{color:var(--ink-2)}
.pxcg .accent .btn-primary,.pxcg .final .btn-primary,.pxcg .gate .btn-primary{background:var(--ink);color:#fff}
.pxcg .accent .btn-primary:hover,.pxcg .final .btn-primary:hover,.pxcg .gate .btn-primary:hover{background:#3a312b}
.pxcg .scorecard,.pxcg .found,.pxcg .serp,.pxcg .order div{box-shadow:0 1px 2px rgba(36,31,27,.05),0 18px 40px -26px rgba(36,31,27,.28)}
.pxcg .scorecard,.pxcg .found{border:1px solid #f6e2d6}
.pxcg .gate{background:#fff2ea;border:1px solid #f8ded0}
.pxcg .gate .fine{color:var(--ink-2)}
.pxcg .g-good{--g-bg:#ffeadf;--g-ink:#b8420e;--ring:#ef5a1c}
.pxcg .g-excellent{--g-bg:#fff4ee;--g-ink:#b8420e;--ring:#ef5a1c}
.pxcg .g-decent{--g-bg:#fff4ee;--g-ink:#b8420e;--ring:#ff9560}
.pxcg .scorecard .r i{background:#ef5a1c}
.pxcg .scorecard .grade{background:#ffeadf;color:#b8420e}
.pxcg .kpi.big{background:var(--ink);border-color:var(--ink)}
.pxcg .kpi.big .k,.pxcg .kpi.big .s{color:#ddd2ca}
.pxcg .kpi.big .v,.pxcg .d-kpi.d-dark b{color:#ff9560}
.pxcg .d-kpi.d-dark{background:var(--ink)}
.pxcg .d-kpi.d-dark span{color:#ddd2ca}
.pxcg .k-blog,.pxcg .it-blog{background:var(--ink);color:#fff}
.pxcg .k-page,.pxcg .it-page{background:#e05c1e;color:#fff}
.pxcg .k-faq,.pxcg .it-faq{background:#fce0d3;color:var(--ink)}
.pxcg .k-link,.pxcg .it-link{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1.5px #f4823f}
.pxcg .scan-list .t.g{background:var(--ink);color:#ff9560}
.pxcg .order span{background:var(--ink);color:#ff9560}
.pxcg .msg.you{background:var(--ink);color:#fff}
.pxcg .d-btn{background:var(--brand-strong);color:#fff}
.pxcg .btn-primary{background:var(--brand-strong);color:#fff}
.pxcg .btn-primary:hover{background:#b8420e}
.pxcg .btn-volt{background:var(--brand-strong);color:#fff}
.pxcg .btn-volt:hover{background:#b8420e}
.pxcg .btn-ghost{background:#fff;border-color:#e7d9cf}
.pxcg .btn-ghost:hover{border-color:var(--ink)}
.pxcg .pxscan{background:#fff8f4;border-color:#f3e8e1}
.pxcg .pxscan-bar{background:#f7e4da}
.pxcg .pxscan-bar i{background:#ef5a1c}
.pxcg .pxscan-list li b{border-color:#e7d9cf}
.pxcg .pxscan-list li.done b{background-color:#ef5a1c}
.pxcg{--ink:#3a2a21; --ink-2:#5c4a3f; --muted:#86746a;
  --line:#fbe7da; --line-2:#f5d5c1;
  --paper:#ffffff; --mist:#fff8f2;
  --volt:#ffa162; --brand:#ffa162; --brand-strong:#ffa162; --brand-deep:#b8520f;
  --blue:#b8520f; --navy:#ffe9d8;
  --t-yellow:#fff3e8; --t-blue:#ffe9d8; --t-mint:#fff8f2; --t-lilac:#fff0e4; --t-rose:#ffe2cc;
  --ok:#fb8c45; --mid:#ffbb8a; --bad:#eed8ca;
  --btn:#ffa162; --btn-hover:#ff8d45; --btn-ink:#3a2a21;}
.pxcg a{color:#b8520f}
.pxcg :focus-visible{outline-color:#f07a2c}
.pxcg .hero{background:linear-gradient(180deg,#fff1e4 0,#fff 460px)}
.pxcg .section.tint{background:#fff8f2}
.pxcg .btn-primary,.pxcg .btn-volt,.pxcg .d-btn,.pxcg .accent .btn-primary,.pxcg .final .btn-primary,.pxcg .gate .btn-primary{background:var(--btn);color:var(--btn-ink)}
.pxcg .btn-primary:hover,.pxcg .btn-volt:hover,.pxcg .accent .btn-primary:hover,.pxcg .final .btn-primary:hover,.pxcg .gate .btn-primary:hover{background:var(--btn-hover)}
.pxcg .d-btn.is-pressed{background:var(--btn-hover)}
.pxcg .btn-ghost{background:#fff;border-color:#f5d5c1}
.pxcg .btn-ghost:hover{border-color:#ffa162;background:#fff8f2}
.pxcg .chip:hover{border-color:#ffa162}
.pxcg .accent,.pxcg .final,.pxcg .gate{background:#fff3e8;border:1px solid #fbe0cc}
.pxcg .accent-art,.pxcg .final-art{background:#ffe9d8}
.pxcg .feature-art{background-color:#fff3e8}
.pxcg .kpi.big,.pxcg .d-kpi.d-dark{background:#ffe9d8;border-color:#fbd9bf}
.pxcg .kpi.big .k,.pxcg .kpi.big .s,.pxcg .d-kpi.d-dark span{color:var(--ink-2)}
.pxcg .kpi.big .v,.pxcg .d-kpi.d-dark b{color:#b8520f}
.pxcg .scan-list .t.g{background:#ffd3b3;color:var(--ink)}
.pxcg .order span{background:#ffc497;color:var(--ink)}
.pxcg .msg.you{background:#ffe0c8;color:var(--ink)}
.pxcg ol.steps li::before{background:#ffe0c8;color:var(--ink)}
.pxcg ol.steps li.is-on::before{background:#ffa162;color:var(--ink)}
.pxcg .k-page,.pxcg .it-page{background:#ffb27d;color:var(--ink)}
.pxcg .k-blog,.pxcg .it-blog{background:#ffd3b3;color:var(--ink)}
.pxcg .k-faq,.pxcg .it-faq{background:#ffede0;color:var(--ink)}
.pxcg .k-link,.pxcg .it-link{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1.5px #ffa162}
.pxcg .rm-it.it-page.locked small,.pxcg .rm-it.it-blog.locked small{color:var(--ink)}
.pxcg .rm-it.it-page.locked,.pxcg .rm-it.it-blog.locked{text-shadow:0 0 8px rgba(58,42,33,.45)}
.pxcg .ring .track,.pxcg .breakdown .bar,.pxcg .scale span,.pxcg .pxscan-bar{background:#fbe7da;stroke:#fbe7da}
.pxcg .g-excellent,.pxcg .g-good{--g-bg:#ffe9d8;--g-ink:#b8520f;--ring:#fb8c45}
.pxcg .g-decent{--g-bg:#fff3e8;--g-ink:#b8520f;--ring:#ffb27d}
.pxcg .g-needs{--g-bg:#ffede0;--g-ink:#b8520f;--ring:#ffc9a3}
.pxcg .g-poor{--g-bg:#ffe2cc;--g-ink:#b8520f;--ring:#eed8ca}
.pxcg .scorecard .r i,.pxcg .pxscan-bar i,.pxcg .w-row i,.pxcg .scale span.on{background:#fb8c45}
.pxcg .scorecard .grade{background:#ffe9d8;color:#b8520f}
.pxcg .pxscan{background:#fff8f2;border-color:#fbe7da}
.pxcg .pxscan-list li.done b{background-color:#fb8c45}
.pxcg .tag.bad,.pxcg .tag.good,.pxcg .badge.live,.pxcg .badge.cat{color:#b8520f}
.pxcg .breakdown .bv.zero,.pxcg .gate .err,.pxcg .serp-r b{color:#b8520f}
.pxcg .scorecard,.pxcg .found{border-color:#fbe0cc}
.pxcg .scorecard,.pxcg .found,.pxcg .serp,.pxcg .order div{box-shadow:0 1px 2px rgba(58,42,33,.04),0 18px 40px -28px rgba(58,42,33,.22)}
.pxcg .tool{box-shadow:0 1px 2px rgba(58,42,33,.04),0 24px 48px -30px rgba(58,42,33,.25)}
.pxcg{--brand:#eb600e; --brand-hover:#d4560c;
  --volt:#eb600e; --brand-strong:#eb600e; --brand-deep:#eb600e; --blue:#eb600e;
  --ok:#eb600e; --mid:#f39a63; --bad:#f2d9c9;
  --navy:#fde9dc;
  --t-yellow:#fef3ec; --t-blue:#fde9dc; --t-mint:#fff8f4; --t-lilac:#fdf0e7; --t-rose:#fbdcc8;
  --line:#f8e6da; --line-2:#f1d3bf; --mist:#fff8f4;
  --btn:#eb600e; --btn-hover:#d4560c; --btn-ink:#ffffff;}
.pxcg a{color:#eb600e}
.pxcg :focus-visible{outline-color:#eb600e}
.pxcg .hero{background:linear-gradient(180deg,#fef1e8 0,#fff 460px)}
.pxcg .section.tint{background:#fff8f4}
.pxcg .btn-primary,.pxcg .btn-volt,.pxcg .d-btn,.pxcg .accent .btn-primary,.pxcg .final .btn-primary,.pxcg .gate .btn-primary{background:#eb600e;color:#fff}
.pxcg .btn-primary:hover,.pxcg .btn-volt:hover,.pxcg .accent .btn-primary:hover,.pxcg .final .btn-primary:hover,.pxcg .gate .btn-primary:hover,.pxcg .d-btn.is-pressed{background:#d4560c}
.pxcg .btn-ghost:hover,.pxcg .chip:hover{border-color:#eb600e}
.pxcg .btn-link{color:#eb600e}
.pxcg .accent,.pxcg .final,.pxcg .gate{background:#fef3ec;border-color:#f8e0d0}
.pxcg .accent-art,.pxcg .final-art{background:#fde9dc}
.pxcg .kpi.big .v,.pxcg .d-kpi.d-dark b{color:#eb600e}
.pxcg .kpi.big,.pxcg .d-kpi.d-dark{background:#fde9dc;border-color:#f8d6c0}
.pxcg .scan-list .t.g,.pxcg .order span,.pxcg ol.steps li.is-on::before{background:#eb600e;color:#fff}
.pxcg ol.steps li::before{background:#fde9dc;color:#eb600e}
.pxcg .msg.you{background:#fde9dc}
.pxcg .k-page,.pxcg .it-page{background:#eb600e;color:#fff}
.pxcg .k-blog,.pxcg .it-blog{background:#fbdcc8;color:var(--ink)}
.pxcg .k-link,.pxcg .it-link{box-shadow:inset 0 0 0 1.5px #eb600e}
.pxcg .rm-it.it-page.locked small{color:#fff}
.pxcg .rm-lock{color:#eb600e}
.pxcg .g-excellent,.pxcg .g-good,.pxcg .g-decent,.pxcg .g-needs,.pxcg .g-poor{--g-ink:#eb600e}
.pxcg .g-excellent,.pxcg .g-good{--g-bg:#fde9dc;--ring:#eb600e}
.pxcg .g-decent{--g-bg:#fef3ec;--ring:#f39a63}
.pxcg .g-needs{--ring:#f7b891}
.pxcg .scorecard .r i,.pxcg .pxscan-bar i,.pxcg .w-row i,.pxcg .scale span.on,.pxcg .bar i.full{background:#eb600e}
.pxcg .bar i.part{background:#f39a63}
.pxcg .scorecard .grade{background:#fde9dc;color:#eb600e}
.pxcg .pxscan-list li.done b{background-color:#eb600e}
.pxcg .tag.bad,.pxcg .tag.good,.pxcg .badge.live,.pxcg .badge.cat,.pxcg .breakdown .bv.zero,.pxcg .gate .err,.pxcg .serp-r b{color:#eb600e}
.pxcg .k-faq,.pxcg .it-faq{background:#fef0e6}
.pxcg .bx{max-width:1040px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 1px 2px rgba(58,42,33,.04),0 24px 48px -30px rgba(58,42,33,.22)}
.pxcg .bx-steps{list-style:none;margin:0 0 20px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.pxcg .bx-steps li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:var(--mist);font-size:14px;font-weight:600;color:var(--muted);transition:background .3s,color .3s}
.pxcg .bx-steps b{flex:0 0 28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1.5px solid var(--line-2);font:800 13px/1 var(--font-head);color:var(--muted);transition:background .3s,border-color .3s,color .3s}
.pxcg .bx-steps li.on{background:#fde9dc;color:var(--ink)}
.pxcg .bx-steps li.on b{background:#eb600e;border-color:#eb600e;color:#fff}
.pxcg .bx-steps li.done{color:var(--ink-2)}
.pxcg .bx-steps li.done b{background:#fde9dc;border-color:#fde9dc;color:#eb600e}
.pxcg .bx-stage{display:grid;grid-template-columns:1fr 132px 1fr;gap:14px;align-items:start}
.pxcg .bx-panel{border:1px solid var(--line);border-radius:18px;padding:14px;min-height:430px;background:#fff;transition:border-color .4s,box-shadow .4s}
.pxcg .bx-panel.lit{border-color:#f4b58c;box-shadow:0 0 0 4px #fef1e8}
.pxcg .bx-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.pxcg .bx-head strong{font:800 1.05rem/1.2 var(--font-head)}
.pxcg .bx-state{font-size:12.5px;font-weight:700;border-radius:999px;padding:3px 10px;background:#fde9dc;color:#eb600e;transition:background .3s,color .3s}
.pxcg .bx-state.muted{background:var(--mist);color:var(--muted)}
.pxcg .bx-state.after{background:#eb600e;color:#fff}
.pxcg .bx-list{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.pxcg .bx-list li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;border-radius:10px;background:var(--mist);font-size:14px;border:1px solid transparent;transition:background .3s,border-color .3s,box-shadow .3s}
.pxcg .bx-list li span{display:block;min-width:0}
.pxcg .bx-list li small{display:block;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pxcg .bx-list li i{font-style:normal;flex:0 0 auto;font-size:11.5px;font-weight:700;border-radius:999px;padding:2px 9px;opacity:0;transform:scale(.8);transition:opacity .25s,transform .25s}
.pxcg .bx-list li i.show{opacity:1;transform:none}
.pxcg .bx-list li i.have{background:#fff;color:var(--muted);border:1px solid var(--line-2)}
.pxcg .bx-list li i.miss{background:#eb600e;color:#fff}
.pxcg .bx-list li.scan{border-color:#eb600e;background:#fff}
.pxcg .bx-list li.match{background:#fff}
.pxcg .bx-list li.gap{background:#fef1e8;border-color:#f7c8a8}
.pxcg .bx-list li.new{background:#fff;border:1.5px dashed #eb600e}
.pxcg .bx-list li.new i{background:#fde9dc;color:#eb600e}
.pxcg .bx-in{animation:pxcg-bxin .35s cubic-bezier(.2,.8,.2,1) both}
@keyframes pxcg-bxin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.pxcg .bx-mid{display:grid;place-items:center;align-self:center}
.pxcg .bx-gauge{width:124px;height:124px;border-radius:50%;background:#fef1e8;display:grid;place-content:center;text-align:center;border:2px solid #fde0cc}
.pxcg .bx-gauge b{font:800 2.6rem/1 var(--font-head);color:#eb600e;font-variant-numeric:tabular-nums}
.pxcg .bx-gauge span{font-size:12.5px;font-weight:700;color:var(--ink-2)}
.pxcg .bx-gauge.pop{animation:pxcg-bxpop .45s cubic-bezier(.2,.8,.2,1)}
@keyframes pxcg-bxpop{50%{transform:scale(1.08)}}
.pxcg .bx-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.pxcg .bx-status{margin:0;font-size:14.5px;font-weight:600;color:var(--ink)}
.pxcg .bx-note{max-width:1040px;margin:10px auto 0;text-align:center;font-size:13px;color:var(--muted)}
@media (max-width:900px){
.pxcg .bx-steps{grid-template-columns:1fr 1fr}
.pxcg .bx-stage{grid-template-columns:1fr}
.pxcg .bx-mid{order:3}
.pxcg .bx-panel{min-height:0}
.pxcg #bxYou{order:4}
}
@media (max-width:600px){
.pxcg .bx{padding:14px}
.pxcg .bx-steps li{font-size:13px;padding:8px}
}
@media (prefers-reduced-motion:reduce){
.pxcg .bx-in,.pxcg .bx-gauge.pop{animation:none}
.pxcg .bx-list li i{transition:none}
}

/* ======================================================================
   Bridge: the live tool's own BEM classes, restyled in the design system.

   The tool markup and its JavaScript are untouched - every id, every stage
   and the sitemap crawl / email flow stay exactly as they were. Only the
   look changes, so nothing about the lead capture can break.
   These selectors are .pxcg-prefixed (0,2,0), so they beat the originals
   in the shared style.css (0,1,0) without needing !important.
   ====================================================================== */

/* ---------- hero ---------- */
.pxcg .parix-cg__hero{padding:34px 0 56px;text-align:center;background:linear-gradient(180deg,#fef1e8 0,#fff 460px)}
.pxcg .parix-cg__hero-inner{max-width:1120px;margin:0 auto;padding:0 24px}
.pxcg .parix-cg__badge{display:inline-flex;align-items:center;gap:6px;font:700 12.5px/1.2 var(--font-body);
  border-radius:999px;padding:4px 10px;background:var(--t-yellow);color:#eb600e;margin-bottom:6px}
.pxcg .parix-cg__title{font-family:var(--font-head);font-size:clamp(2.1rem,4.6vw,3.3rem);line-height:1.06;
  font-weight:800;letter-spacing:-.02em;color:var(--ink);margin:.2em 0 .3em}
.pxcg .parix-cg__subtitle{font-size:1.12rem;color:var(--muted);max-width:660px;margin:0 auto}
.pxcg .parix-cg__trust{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:18px 0 0}
.pxcg .parix-cg__trust-item{font-size:14px;font-weight:600;border-radius:999px;padding:6px 14px;
  background:#fff;border:1px solid var(--line);color:var(--ink-2);display:inline-flex;align-items:center;gap:7px}
.pxcg .parix-cg__trust-item i{color:#eb600e}

/* ---------- tool shell ---------- */
.pxcg .parix-cg__tool{padding:0 0 8px}
.pxcg .parix-cg__container{max-width:1040px;margin:0 auto;padding:0 24px}
.pxcg .parix-cg__card,
.pxcg .parix-cg__result-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px;
  box-shadow:0 1px 2px rgba(58,42,33,.04),0 24px 48px -30px rgba(58,42,33,.25)}
.pxcg .parix-cg__card-title{font:800 1.35rem/1.2 var(--font-head);letter-spacing:-.02em;margin:0 0 4px;color:var(--ink)}
.pxcg .parix-cg__card-desc{color:var(--muted);font-size:14.5px;margin:0 0 18px}

/* ---------- form ---------- */
.pxcg .parix-cg__field{margin:0 0 14px;min-width:0}
.pxcg .parix-cg__label{display:block;font-weight:700;font-size:14px;margin-bottom:6px;color:var(--ink)}
.pxcg .parix-cg__optional{font-weight:500;color:var(--muted)}
.pxcg .parix-cg__input,
.pxcg .parix-cg__select{width:100%;padding:11px 12px;border:1px solid var(--line-2);border-radius:10px;
  background:#fff;font:inherit;font-size:15px;color:var(--ink)}
.pxcg .parix-cg__input:focus,
.pxcg .parix-cg__select:focus{outline:2px solid #eb600e;outline-offset:0;border-color:#eb600e}
.pxcg .parix-cg__input--error{border-color:#eb600e;background:#fff8f4}
.pxcg .parix-cg__hint{display:block;font-size:12.5px;color:var(--muted);margin:5px 0 0}
.pxcg .parix-cg__error{display:block;font-size:12.5px;font-weight:600;color:#eb600e;margin:4px 0 0}
.pxcg .parix-cg__row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pxcg .parix-cg__privacy{font-size:12.5px;color:var(--muted);margin:12px 0 0}

/* ---------- buttons ---------- */
.pxcg .parix-cg__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;
  border-radius:999px;font:600 15px/1.2 var(--font-body);border:0;cursor:pointer;text-decoration:none;
  transition:background .15s,border-color .15s,opacity .15s}
.pxcg .parix-cg__btn--primary{background:#eb600e;color:#fff}
.pxcg .parix-cg__btn--primary:hover{background:#d4560c;color:#fff}
.pxcg .parix-cg__btn--primary:disabled{opacity:.45;cursor:not-allowed}
.pxcg .parix-cg__btn--ghost{background:#fff;color:var(--ink);border:1px solid var(--line-2)}
.pxcg .parix-cg__btn--ghost:hover{border-color:#eb600e;color:var(--ink)}
.pxcg .parix-cg__btn--full{width:100%}
.pxcg .parix-cg__btn--lg{padding:14px 26px;font-size:16px}
.pxcg .parix-cg__btn--center{margin:0 auto;display:flex}

/* ---------- loading ---------- */
.pxcg .parix-cg__loading{display:flex;align-items:center;gap:10px;border:1px solid var(--line);
  border-radius:16px;background:var(--mist);padding:14px 16px;margin-top:14px;font-size:14px;color:var(--ink-2)}
.pxcg .parix-cg__spinner{width:16px;height:16px;flex:0 0 auto;border-radius:50%;
  border:2px solid var(--line-2);border-top-color:#eb600e;animation:pxcg-spin .7s linear infinite}
@keyframes pxcg-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.pxcg .parix-cg__spinner{animation:none}}

/* ---------- priority score ---------- */
.pxcg .parix-cg__priority{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.pxcg .parix-cg__priority-bg{stroke:#f8e6da}
.pxcg .parix-cg__priority-fg{stroke:#eb600e;transition:stroke-dashoffset 1.4s cubic-bezier(.16,.84,.3,1)}
.pxcg .parix-cg__priority-num{font-family:var(--font-head);font-weight:800;fill:var(--ink);font-variant-numeric:tabular-nums}
.pxcg .parix-cg__priority-max{fill:var(--muted)}
.pxcg .parix-cg__priority-label{font-weight:700;margin:0;color:var(--ink)}
.pxcg .parix-cg__priority-grade{display:inline-block;font-weight:700;font-size:14px;border-radius:999px;
  padding:4px 12px;background:#fde9dc;color:#eb600e;margin:6px 0 0}
.pxcg .parix-cg__priority-desc,
.pxcg .parix-cg__priority-basis{font-size:13px;color:var(--muted);margin:6px 0 0}
.pxcg .parix-cg__source{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;
  border-radius:999px;padding:4px 10px;background:var(--t-mint);color:#eb600e}

/* ---------- gap teaser ---------- */
.pxcg .parix-cg__gap-count{display:flex;align-items:baseline;gap:8px;margin:18px 0 6px}
.pxcg .parix-cg__gap-num{font:800 2rem/1 var(--font-head);color:var(--ink);font-variant-numeric:tabular-nums}
.pxcg .parix-cg__gap-label{font-weight:600;color:var(--ink-2)}
.pxcg .parix-cg__teaser{margin:0;padding-left:20px;display:grid;gap:8px;font-size:14.5px;color:var(--ink-2)}
.pxcg .parix-cg__gap-list{margin:0;padding-left:20px;display:grid;gap:7px;font-size:14.5px;color:var(--ink-2)}

/* ---------- email gate ---------- */
.pxcg .parix-cg__unlock{background:#fef3ec;border:1px solid #f8e0d0;border-radius:22px;padding:24px 26px;margin-top:16px}
.pxcg .parix-cg__unlock-title{font:800 1.3rem/1.2 var(--font-head);margin:0 0 4px;color:var(--ink)}
.pxcg .parix-cg__unlock-desc{font-size:15px;color:var(--ink-2);margin:0 0 14px}
.pxcg .parix-cg__email-row{display:flex;gap:8px;flex-wrap:wrap}
.pxcg .parix-cg__email-row .parix-cg__input{flex:1 1 200px;min-width:0}
.pxcg .parix-cg__email-form .parix-cg__btn{flex:0 0 auto}

/* ---------- full report ---------- */
.pxcg .parix-cg__report-block{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;margin-top:14px}
.pxcg .parix-cg__section-title{font:800 1.1rem/1.25 var(--font-head);margin:0 0 4px;color:var(--ink);
  display:flex;align-items:center;gap:9px}
.pxcg .parix-cg__section-title i{color:#eb600e}
.pxcg .parix-cg__section-desc{font-size:13.5px;color:var(--muted);margin:0 0 12px}
.pxcg .parix-cg__success-banner{display:flex;gap:14px;align-items:flex-start;background:var(--t-mint);
  border:1px solid #f8e0d0;border-radius:18px;padding:18px 20px}
.pxcg .parix-cg__success-icon{color:#eb600e;font-size:22px;line-height:1}
.pxcg .parix-cg__success-title{font:800 1.15rem/1.25 var(--font-head);margin:0 0 3px;color:var(--ink)}
.pxcg .parix-cg__success-desc{font-size:14px;color:var(--ink-2);margin:0}
.pxcg .parix-cg__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:16px 0}

/* ---------- closing service card ---------- */
.pxcg .parix-cg__service-card{background:var(--mist);border-radius:20px;padding:24px;margin-top:16px}
.pxcg .parix-cg__service-tag{font-size:12.5px;font-weight:700;color:#eb600e;display:block;margin-bottom:4px}
.pxcg .parix-cg__service-title{font:800 1.4rem/1.2 var(--font-head);margin:0 0 6px;color:var(--ink)}
.pxcg .parix-cg__service-desc{color:var(--ink-2);font-size:15px}
.pxcg .parix-cg__service-features{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:8px}
.pxcg .parix-cg__service-features li{padding-left:26px;position:relative;color:var(--ink-2);font-size:15px}
.pxcg .parix-cg__service-features li::before{content:"";position:absolute;left:2px;top:.42em;width:13px;height:7px;
  border-left:2.5px solid #eb600e;border-bottom:2.5px solid #eb600e;transform:rotate(-45deg)}

@media (max-width:900px){
  .pxcg .parix-cg__row{grid-template-columns:1fr}
  .pxcg .parix-cg__container,.pxcg .parix-cg__hero-inner{padding:0 16px}
  .pxcg .parix-cg__card,.pxcg .parix-cg__result-card{padding:20px}
}

/* ---------- "What you get back": the page's own <ul> becomes the tile row.
   Styling only - the list, its wording and its <strong> leads are exactly
   what the page content holds, so the copy is untouched. ---------- */
.pxcg .pxcg-get{max-width:1100px}
.pxcg .pxcg-get ul{list-style:none;margin:26px 0 0;padding:0;display:grid;
  grid-template-columns:repeat(4,1fr);gap:14px;text-align:left}
.pxcg .pxcg-get li{border-radius:20px;padding:22px;font-size:15px;color:var(--ink-2);line-height:1.5}
.pxcg .pxcg-get li strong{display:block;font:800 1.12rem/1.25 var(--font-head);color:var(--ink);margin-bottom:6px}
.pxcg .pxcg-get li:nth-child(1){background:var(--t-yellow)}
.pxcg .pxcg-get li:nth-child(2){background:var(--t-blue)}
.pxcg .pxcg-get li:nth-child(3){background:var(--t-mint)}
.pxcg .pxcg-get li:nth-child(4){background:var(--t-lilac)}
.pxcg .pxcg-get > p:last-of-type{max-width:780px;margin:24px auto 0}
@media (max-width:900px){.pxcg .pxcg-get ul{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.pxcg .pxcg-get ul{grid-template-columns:1fr}}