/* Prospect Coach Pro — "Midnight Ledger" premium dark theme (teal accent)
   Hardened against theme interference: every load-bearing rule is scoped
   under .pcp-root and marked !important so no active WordPress theme overrides it. */

.pcp-root{
  --navy:#0A1017; --navy-2:#0F1823; --panel:#141F2E; --panel-2:#18293C;
  --line:#233549; --ink:#EAF2F9; --muted:#8AA0B6; --muted-2:#657C93;
  --acc:#2DD4BF; --acc-2:#5EEAD4; --acc-deep:#12A594; --acc-soft:rgba(45,212,191,.13);
  --green:#34D399; --green-soft:rgba(52,211,153,.16); --red:#F87171; --red-soft:rgba(248,113,113,.16);
  --brass:#FBBF24; --brass-soft:rgba(251,191,36,.15); --blue:#60A5FA; --violet:#A78BFA;
  --fd:'Archivo',system-ui,sans-serif; --fb:'Instrument Sans',system-ui,sans-serif; --fm:'Spline Sans Mono',ui-monospace,monospace;
  --shadow:0 20px 56px rgba(0,0,0,.5); --radius:16px;

  font-family:var(--fb) !important; background:var(--navy) !important; color:var(--ink) !important;
  line-height:1.6 !important; font-size:16px !important;
  /* Bulletproof full-bleed: anchor to the viewport, ignore the theme container completely.
     JS measures the app height and reserves matching space in the document (see .pcp-spacer). */
  position:relative !important;
  width:100vw !important; max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important;
  left:0 !important; right:0 !important;
  padding:0 clamp(16px,4vw,44px) 70px !important; min-height:100vh; box-sizing:border-box !important;
  overflow-x:clip;
}
html.pcp-fullbleed,body.pcp-fullbleed{overflow-x:hidden !important;max-width:100% !important;}
/* Neutralize common theme wrappers that constrain width, when they contain our app */
body.pcp-fullbleed .entry-content,
body.pcp-fullbleed .site-content,
body.pcp-fullbleed .content-area,
body.pcp-fullbleed main,
body.pcp-fullbleed .wp-block-post-content{max-width:none !important;width:auto !important;padding-left:0 !important;padding-right:0 !important;margin-left:0 !important;margin-right:0 !important;}
/* ambient glow + grid */
.pcp-root::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(60vw 42vw at 82% -6%,rgba(45,212,191,.16),transparent 60%),radial-gradient(52vw 40vw at 3% 8%,rgba(96,165,250,.12),transparent 55%)}
.pcp-root::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.4;
  background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);
  background-size:64px 64px;mask-image:radial-gradient(circle at 50% 0%,#000,transparent 70%)}
.pcp-root>*{position:relative;z-index:1}
.pcp-root *,.pcp-root *::before,.pcp-root *::after{box-sizing:border-box}
.pcp-root a{color:var(--acc-2) !important;text-decoration:none !important}
.pcp-root a:hover{color:var(--acc) !important}
.pcp-root :focus-visible{outline:3px solid var(--acc) !important;outline-offset:2px;border-radius:6px}

/* header */
.pcp-header{display:flex !important;align-items:center;gap:20px;flex-wrap:wrap;max-width:1120px;margin:0 auto !important;padding:18px 0 !important;border-bottom:1px solid var(--line) !important}
.pcp-brand{display:flex !important;align-items:center;gap:11px}
.pcp-brand-mark{font-family:var(--fd) !important;font-weight:900;font-size:20px;background:linear-gradient(145deg,var(--acc),var(--acc-2));color:#04211d !important;width:38px;height:38px;display:grid;place-items:center;border-radius:10px;box-shadow:0 6px 20px rgba(45,212,191,.4)}
.pcp-brand strong{display:block;font-family:var(--fd) !important;font-weight:900;letter-spacing:.01em;line-height:1.05;color:var(--ink) !important}
.pcp-brand em{display:block;font-style:normal;font-size:10.5px;text-transform:uppercase;letter-spacing:.2em;color:var(--muted) !important}
.pcp-nav{display:flex !important;gap:3px;flex-wrap:wrap;margin-left:auto}
.pcp-nav a{padding:8px 12px !important;border-radius:9px;font-size:14px;font-weight:600;color:var(--muted) !important}
.pcp-nav a:hover{background:var(--panel) !important;color:var(--ink) !important}
.pcp-nav a.on{background:linear-gradient(145deg,var(--acc),var(--acc-2)) !important;color:#04211d !important}
.pcp-header-right{display:flex !important;align-items:center;gap:10px}
.pcp-user{font-size:13px;color:var(--muted) !important}
.pcp-theme-toggle{border:1px solid var(--line) !important;background:var(--panel) !important;color:var(--ink) !important;border-radius:99px;width:34px;height:34px;cursor:pointer;font-size:15px}

/* layout */
.pcp-main{max-width:1120px;margin:0 auto !important;padding-top:36px !important}
.pcp-footer{max-width:1120px;margin:52px auto 0 !important;padding-top:20px !important;border-top:1px solid var(--line) !important;color:var(--muted-2) !important;font-size:13px}
.pcp-card{background:linear-gradient(165deg,var(--panel),var(--navy-2)) !important;border:1px solid var(--line) !important;border-radius:var(--radius) !important;box-shadow:var(--shadow);padding:clamp(20px,3vw,30px) !important;margin:20px 0 !important}
.pcp-eyebrow{display:inline-flex !important;align-items:center;gap:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--acc-2) !important;background:var(--acc-soft);border:1px solid rgba(45,212,191,.3);padding:6px 13px;border-radius:99px;margin-bottom:10px}
.pcp-display{font-family:var(--fd) !important;font-weight:900 !important;font-size:clamp(30px,4.6vw,48px) !important;line-height:1.03 !important;letter-spacing:-.02em;margin:0 0 12px !important;color:var(--ink) !important}
.pcp-lede{font-size:17.5px !important;color:var(--muted) !important;max-width:62ch;margin:0 0 10px !important}
.pcp-hint{font-size:13px !important;color:var(--muted-2) !important}
.pcp-root h3{font-family:var(--fd) !important;font-weight:700 !important;font-size:20px !important;margin:0 0 12px !important;color:var(--ink) !important}
.grow{flex:1}

/* signature ledger strip */
.pcp-ledger{display:grid !important;grid-template-columns:repeat(8,1fr);gap:8px;margin:16px 0}
.pcp-ledger-wrap{margin:14px 0}
.pcp-tile{position:relative;overflow:hidden;background:var(--navy-2) !important;border:1px solid var(--line) !important;border-radius:11px !important;padding:13px 5px 10px;text-align:center;isolation:isolate;transition:transform .15s}
.pcp-tile:hover{transform:translateY(-3px)}
.pcp-tile::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:var(--fill,0%);z-index:-1;transition:height .6s cubic-bezier(.2,.7,.3,1)}
.pcp-tile.win::after{background:var(--green-soft)}
.pcp-tile.mid::after{background:var(--acc-soft)}
.pcp-tile.low::after{background:var(--red-soft)}
.pcp-tile.idle{border-color:var(--line) !important}
.pcp-tile-letter{display:block;font-family:var(--fd) !important;font-weight:900 !important;font-size:clamp(17px,2.4vw,24px);color:var(--ink) !important;line-height:1}
.pcp-tile-pct{display:block;font-family:var(--fm) !important;font-size:11.5px;color:var(--muted) !important;margin-top:3px}
.pcp-tile.win .pcp-tile-pct{color:var(--green) !important;font-weight:600}
.pcp-tile.mid .pcp-tile-pct{color:var(--acc-2) !important;font-weight:600}
.pcp-tile.low .pcp-tile-pct{color:var(--red) !important;font-weight:600}

/* numbers */
.pcp-num{font-family:var(--fm) !important;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink) !important}
.pcp-num.big{font-size:clamp(22px,3vw,30px)}
.pcp-num.huge{font-size:clamp(34px,5vw,52px);display:block;line-height:1.1;color:var(--acc-2) !important}
.pcp-num.win{color:var(--green) !important}.pcp-num.mid{color:var(--acc-2) !important}.pcp-num.low{color:var(--red) !important}

/* forms */
.pcp-field{display:block;margin:11px 0}
.pcp-field>span{display:block;font-size:13px;font-weight:600;margin-bottom:5px;color:var(--ink) !important}
.pcp-input{width:100%;max-width:440px;padding:11px 13px !important;border:1px solid var(--line) !important;border-radius:10px !important;background:var(--navy-2) !important;color:var(--ink) !important;font:inherit}
.pcp-input:focus{border-color:var(--acc) !important;outline:none}
textarea.pcp-input{max-width:100%}
.pcp-grid2{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:6px 22px}
.pcp-numinput{max-width:140px;text-align:right;font-family:var(--fm) !important}
.pcp-goal-tag{font-family:var(--fm) !important;font-size:12px;color:var(--muted) !important;background:var(--navy-2);border:1px solid var(--line);padding:3px 9px;border-radius:99px;white-space:nowrap}

/* sliders */
.pcp-slider-row{padding:15px 0;border-bottom:1px solid var(--line)}
.pcp-slider-row:last-of-type{border-bottom:0}
.pcp-slider-row.compact{padding:9px 0}
.pcp-slider-head{display:flex !important;align-items:center;gap:12px;margin-bottom:9px}
.pcp-slider-head small{display:block;color:var(--muted) !important;font-size:12.5px}
.pcp-slider-head output{margin-left:auto;font-size:20px}
.pcp-letter{flex:none;width:36px;height:36px;display:grid !important;place-items:center;border-radius:10px;color:#04211d !important;font-family:var(--fd) !important;font-weight:900;font-size:16px}
.pcp-letter.xl{width:58px;height:58px;font-size:27px;border-radius:15px}
.pcp-range{width:100%;appearance:none;-webkit-appearance:none;height:8px;border-radius:99px;background:var(--line);outline:none}
.pcp-range::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--cat,var(--acc));border:3px solid var(--navy-2);box-shadow:0 2px 8px rgba(0,0,0,.4);cursor:pointer}
.pcp-range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--cat,var(--acc));border:3px solid var(--navy-2);cursor:pointer}

/* buttons */
.pcp-btn{display:inline-flex !important;align-items:center;justify-content:center;gap:8px;padding:12px 22px !important;border-radius:11px !important;border:1px solid var(--line) !important;background:var(--panel-2) !important;color:var(--ink) !important;font-family:var(--fb) !important;font-weight:700 !important;font-size:15px !important;line-height:1 !important;cursor:pointer;text-decoration:none !important;transition:transform .12s,box-shadow .12s}
.pcp-btn:hover{transform:translateY(-2px);border-color:var(--acc) !important;color:var(--acc-2) !important}
.pcp-root .pcp-btnrow a.pcp-btn-primary,.pcp-root a.pcp-btn-primary,.pcp-btn-primary,a.pcp-btn-primary{background:linear-gradient(145deg,var(--acc),var(--acc-2)) !important;border-color:transparent !important;color:#04211d !important;box-shadow:0 12px 30px rgba(45,212,191,.32)}
.pcp-btn-primary:hover,.pcp-root a.pcp-btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(45,212,191,.44);color:#04211d !important}
.pcp-root a.pcp-btn{color:var(--ink) !important}
.pcp-root a.pcp-btn:hover{color:var(--acc-2) !important}
.pcp-btn[disabled]{opacity:.45;cursor:not-allowed;transform:none}
.pcp-btnrow{display:flex !important;gap:11px;align-items:center;flex-wrap:wrap;margin-top:18px}

/* results wizard */
.pcp-result-row{display:flex !important;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.pcp-result-row small{display:block;color:var(--muted) !important;font-size:12.5px}
.pcp-review-head{display:flex !important;align-items:center;gap:16px;margin:8px 0 4px}
.pcp-gvA{display:grid !important;grid-template-columns:repeat(3,1fr);gap:12px;text-align:center;margin-bottom:12px}
.pcp-gvA small{display:block;text-transform:uppercase;letter-spacing:.1em;font-size:11px;color:var(--muted) !important}
.pcp-bar{height:10px;border-radius:99px;background:var(--navy-2);border:1px solid var(--line);overflow:hidden;margin:6px 0 14px}
.pcp-bar i{display:block;height:100%;border-radius:99px;transition:width .6s}
.pcp-coach{background:var(--navy-2) !important;border-left:4px solid var(--acc) !important;padding:13px 15px;border-radius:0 10px 10px 0;color:var(--ink) !important}
.pcp-group-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;margin:15px 0 7px}
.pcp-group-label.pos{color:var(--green) !important}.pcp-group-label.acc{color:var(--acc-2) !important}
.pcp-refl-grid{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}
.pcp-refl{text-align:left;padding:11px 13px !important;border:1px solid var(--line) !important;border-radius:10px !important;background:var(--navy-2) !important;color:var(--ink) !important;cursor:pointer;font:500 14px var(--fb) !important}
.pcp-refl:hover{border-color:var(--acc) !important}
.pcp-refl.on{border-color:var(--acc) !important;background:var(--acc-soft) !important;font-weight:600}
.pcp-check{display:flex !important;gap:10px;align-items:flex-start;padding:10px 0;font-weight:500;color:var(--ink) !important}
.pcp-check input{width:20px;height:20px;accent-color:var(--acc);margin-top:1px}
.pcp-scorehead{display:grid !important;grid-template-columns:auto 1fr;gap:24px;align-items:center;margin:10px 0}

/* badges */
.pcp-badge{display:inline-block;padding:3px 11px;border-radius:99px;font-size:12.5px;font-weight:700;border:1px solid}
.b-top_producer{color:var(--brass) !important;border-color:var(--brass);background:var(--brass-soft)}
.b-breakthrough{color:var(--violet) !important;border-color:var(--violet);background:rgba(167,139,250,.14)}
.b-consistent{color:var(--green) !important;border-color:var(--green);background:var(--green-soft)}
.b-committed{color:var(--acc-2) !important;border-color:var(--acc);background:var(--acc-soft)}
.b-building{color:var(--blue) !important;border-color:var(--blue);background:rgba(96,165,250,.14)}
.b-struggling{color:var(--red) !important;border-color:var(--red);background:var(--red-soft)}

/* chips */
.pcp-chip{display:inline-block;font-size:12.5px;background:var(--navy-2);border:1px solid var(--line);border-radius:99px;padding:4px 11px;margin:3px;color:var(--ink) !important}
.pcp-chiprow{display:flex !important;flex-wrap:wrap}
.pcp-chip.s-results{border-color:var(--green);color:var(--green) !important;background:var(--green-soft)}
.pcp-chip.s-awaiting{border-color:var(--acc);color:var(--acc-2) !important;background:var(--acc-soft)}
.pcp-chip.s-none{border-color:var(--red);color:var(--red) !important;background:var(--red-soft)}

/* report / markdown */
.pcp-report{border-left:5px solid var(--acc) !important}
.pcp-md{color:var(--ink) !important}
.pcp-md h3{font-size:21px;margin:14px 0 8px}
.pcp-md h4{font-family:var(--fd) !important;font-size:15.5px;margin:14px 0 6px;text-transform:uppercase;letter-spacing:.05em;color:var(--acc-2) !important}
.pcp-md ul{margin:6px 0 12px;padding-left:20px}
.pcp-md.small{font-size:14.5px;text-align:left}
.pcp-md strong{color:var(--ink) !important}
.pcp-book{border-left:5px solid var(--green) !important}
.pcp-book-inline{margin-top:12px;font-size:14px;background:var(--navy-2);border:1px dashed var(--line);border-radius:10px;padding:10px 12px}
.pcp-note,.pcp-note-inline{background:var(--acc-soft) !important;border:1px solid var(--acc) !important;border-radius:12px;padding:12px 14px;margin:12px 0;color:var(--ink) !important}
.pcp-notebox{display:grid !important;gap:8px;margin-top:12px}

/* done / spinner */
.pcp-done{text-align:center}
.pcp-done-mark{width:62px;height:62px;margin:6px auto 14px;display:grid !important;place-items:center;border-radius:50%;background:linear-gradient(145deg,var(--acc),var(--acc-2));color:#04211d !important;font-size:30px;font-weight:900}
.pcp-generating{text-align:center;padding:56px 24px}
.pcp-spinner{width:44px;height:44px;margin:0 auto 16px;border-radius:50%;border:4px solid var(--line);border-top-color:var(--acc);animation:pcpspin .9s linear infinite}
@keyframes pcpspin{to{transform:rotate(1turn)}}

/* stats / tables */
.pcp-statrow{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:16px 0}
.pcp-stat{background:var(--navy-2) !important;border:1px solid var(--line) !important;border-radius:12px;padding:15px}
.pcp-stat small{display:block;text-transform:uppercase;letter-spacing:.1em;font-size:11px;color:var(--muted-2) !important}
.pcp-stat em{display:block;font-style:normal;font-size:12.5px;color:var(--muted) !important}
.pcp-table{width:100%;border-collapse:collapse;font-size:14.5px;color:var(--ink) !important}
.pcp-table th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted) !important;padding:9px 10px;border-bottom:1px solid var(--acc)}
.pcp-table td{padding:9px 10px;border-bottom:1px solid var(--line)}

/* manager */
.pcp-rep-row{border:1px solid var(--line) !important;border-radius:12px;margin:10px 0;overflow:hidden;background:var(--navy-2)}
.pcp-rep-head{display:flex !important;align-items:center;gap:12px;width:100%;padding:14px 16px !important;background:transparent !important;border:0 !important;cursor:pointer;font:inherit;color:var(--ink) !important;text-align:left}
.pcp-rep-head:hover{background:var(--panel) !important}
.pcp-rep-head.static{cursor:default}
.pcp-rep-body{padding:6px 16px 16px;border-top:1px solid var(--line)}

/* annual */
.pcp-mathbox{margin-top:8px}
.pcp-math-chain{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:8px 0 16px}
.pcp-chainstep{background:var(--navy-2) !important;border:1px solid var(--line) !important;border-radius:10px;padding:11px;text-align:center}
.pcp-chainstep small{display:block;color:var(--muted) !important;font-size:11.5px;margin-top:3px}
.pcp-projection{text-align:center;padding:16px;border:1px solid var(--acc) !important;border-radius:14px;background:var(--acc-soft) !important}
.pcp-projection small{text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:var(--muted) !important}
.pcp-projection em{font-style:normal;color:var(--muted) !important;font-size:13.5px}
.pcp-warn{background:var(--brass-soft) !important;border-color:var(--brass) !important}
.pcp-photogrid{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin-top:10px}
.pcp-photo{position:relative;border-radius:10px;overflow:hidden;border:1px solid var(--line);aspect-ratio:4/3}
.pcp-photo img,.pcp-photo-img{width:100%;height:100%;object-fit:cover;display:block}
.pcp-photo-x{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:50%;border:0;background:rgba(0,0,0,.65);color:#fff;font-size:16px;cursor:pointer}
.pcp-photo-add{display:grid !important;place-items:center;gap:2px;border:2px dashed var(--line);border-radius:10px;aspect-ratio:4/3;cursor:pointer;color:var(--muted)}
.pcp-photo-add span{font-size:26px;line-height:1}
.pcp-photogrid.static .pcp-photo-img{border-radius:10px;aspect-ratio:4/3}

/* hero / home */
.pcp-hero{position:relative;padding:44px 0 12px;max-width:900px}
.pcp-hero .pcp-display{background:linear-gradient(120deg,var(--ink),var(--acc-2) 160%);-webkit-background-clip:text;background-clip:text}
.pcp-lettersline{font-size:13px;color:var(--muted-2) !important;letter-spacing:.02em;margin-top:6px}
.pcp-catgrid{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.pcp-catcard{border:1px solid var(--line) !important;border-radius:14px !important;padding:18px !important;display:grid !important;gap:8px;align-content:start;background:var(--navy-2) !important;transition:transform .16s,border-color .16s}
.pcp-catcard:hover{transform:translateY(-4px);border-color:rgba(45,212,191,.4) !important}
.pcp-catcard strong{color:var(--ink) !important}
.pcp-catcard small{color:var(--muted) !important}
.pcp-step{display:flex !important;gap:15px;padding:14px 0;border-bottom:1px solid var(--line)}
.pcp-step:last-child{border-bottom:0}
.pcp-step p{margin:3px 0 0;color:var(--muted) !important;font-size:14.5px}
.pcp-stepnum{flex:none;font-family:var(--fm) !important;font-weight:600;color:var(--acc-2) !important;border:1px solid rgba(45,212,191,.35);border-radius:9px;width:36px;height:36px;display:grid !important;place-items:center}
.pcp-quotegrid{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.pcp-quote{margin:0;border:1px solid var(--line) !important;border-radius:14px;padding:18px;font-size:14.5px;background:var(--navy-2);color:var(--ink) !important}
.pcp-quote footer{display:flex !important;gap:10px;align-items:center;margin-top:12px}
.pcp-quote em{display:block;font-size:12px;color:var(--muted) !important;font-style:normal}
.pcp-avatar{flex:none;width:38px;height:38px;border-radius:50%;background:linear-gradient(145deg,var(--acc),var(--acc-2));color:#04211d !important;display:grid !important;place-items:center;font-weight:800;font-size:13px}
.pcp-avatar.big{width:50px;height:50px;font-size:16px}
.pcp-bookgrid{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.pcp-bookcard{border:1px solid var(--line) !important;border-radius:14px;padding:16px;display:grid !important;gap:5px;align-content:start;font-size:14px;background:var(--navy-2);color:var(--ink) !important}
.pcp-bookcard strong{color:var(--ink) !important}
.pcp-bookcard em{color:var(--muted) !important;font-style:normal;font-size:12.5px}

/* CTA + enterprise */
.pcp-cta{text-align:center;background:radial-gradient(30vw 30vw at 80% 20%,rgba(45,212,191,.24),transparent 60%),linear-gradient(160deg,var(--panel-2),var(--navy-2)) !important;border-color:rgba(45,212,191,.35) !important}
.pcp-cta h3{color:var(--ink) !important;font-size:26px}
.pcp-enterprise{background:linear-gradient(160deg,var(--panel-2),var(--navy-2)) !important;border:1px solid rgba(45,212,191,.3) !important;text-align:center}
.pcp-enterprise h3{color:var(--ink) !important;font-size:24px}
.pcp-enterprise-feats{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin:18px 0;text-align:left}
.pcp-ent-feat{display:flex !important;align-items:center;gap:10px;background:var(--navy-2);border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-size:14px;font-weight:600;color:var(--ink) !important}

/* journey months */
.pcp-months .pcp-month{border:1px solid var(--line) !important;border-radius:12px;margin:8px 0;overflow:hidden;background:var(--navy-2)}
.pcp-month-head{display:flex !important;align-items:center;gap:12px;width:100%;padding:13px 15px !important;background:transparent !important;border:0 !important;cursor:pointer;font:inherit;color:var(--ink) !important;text-align:left}
.pcp-month-head:hover{background:var(--panel) !important}
.pcp-month-head .pcp-num{margin-left:auto}
.pcp-month-body{padding:4px 16px 14px;border-top:1px solid var(--line);color:var(--muted) !important}

/* samples */
.pcp-sample canvas{margin:12px 0}

/* login gate */
.pcp-login-card{max-width:540px;margin:60px auto !important;text-align:center;background:linear-gradient(165deg,var(--panel),var(--navy-2)) !important;border:1px solid var(--line) !important;border-radius:18px;box-shadow:var(--shadow);padding:44px 30px !important;display:grid !important;gap:12px;justify-items:center}

/* toast + loading */
.pcp-toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,20px);background:var(--panel-2);color:var(--ink);padding:12px 18px;border-radius:11px;font:600 14px var(--fb);opacity:0;transition:all .25s;z-index:99999;box-shadow:var(--shadow);border:1px solid var(--acc)}
.pcp-toast.show{opacity:1;transform:translate(-50%,0)}
.pcp-toast.err{border-color:var(--red)}
.pcp-loading{padding:80px 0;text-align:center;color:var(--muted) !important}

/* video (home hero embed) */
.pcp-videobox{position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:#000;margin:16px 0}
.pcp-videobox video{display:block;width:100%;height:auto}

/* responsive */
@media (max-width:720px){
  .pcp-nav{order:3;width:100%;margin-left:0}
  .pcp-scorehead{grid-template-columns:1fr}
  .pcp-gvA{grid-template-columns:1fr 1fr 1fr;gap:6px}
  .pcp-ledger{gap:5px}
  .pcp-result-row{flex-wrap:wrap}
  .pcp-numinput{max-width:100%}
}
@media (prefers-reduced-motion:reduce){.pcp-root *{animation:none !important;transition:none !important}}

/* ===== Two-column hero with animated dashboard mockup ===== */
.pcp-hero2{display:grid !important;grid-template-columns:1.02fr 1.05fr;gap:48px;align-items:center;max-width:1120px;margin:24px auto 0 !important;padding:24px 0 8px}
.pcp-hero2-left .pcp-display{background:linear-gradient(120deg,var(--ink),var(--acc-2) 170%);-webkit-background-clip:text;background-clip:text}
.pcp-trustrow{display:flex !important;gap:26px;flex-wrap:wrap;margin-top:24px}
.pcp-trust{display:flex !important;flex-direction:column}
.pcp-trust .pcp-num.big{color:var(--acc-2) !important;font-size:26px}
.pcp-trust em{font-style:normal;font-size:12.5px;color:var(--muted-2) !important;max-width:16ch}
@media(max-width:940px){.pcp-hero2{grid-template-columns:1fr;gap:32px}}

.pcp-mock{position:relative;background:linear-gradient(160deg,var(--panel),var(--navy-2)) !important;border:1px solid var(--line) !important;border-radius:18px;box-shadow:var(--shadow);padding:18px}
.pcp-mock-top{display:flex !important;align-items:center;gap:8px;margin-bottom:14px}
.pcp-mdot{width:11px;height:11px;border-radius:50%}
.pcp-mdot.r{background:#F87171}.pcp-mdot.y{background:#FBBF24}.pcp-mdot.g{background:#34D399}
.pcp-mock-title{margin-left:8px;font-size:12px;color:var(--muted) !important;font-family:var(--fm) !important}
.pcp-mock-live{margin-left:auto;font-size:11px;font-weight:700;color:var(--acc) !important;display:flex !important;align-items:center;gap:6px}
.pcp-livedot{width:6px;height:6px;border-radius:50%;background:var(--acc);animation:pcppulse 2s infinite}
@keyframes pcppulse{0%{box-shadow:0 0 0 0 rgba(45,212,191,.5)}70%{box-shadow:0 0 0 8px rgba(45,212,191,0)}100%{box-shadow:0 0 0 0 rgba(45,212,191,0)}}
.pcp-mock-kpis{display:grid !important;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}
.pcp-mkpi{background:var(--panel-2) !important;border:1px solid var(--line);border-radius:12px;padding:11px}
.pcp-mkpi small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted-2) !important}
.pcp-mkpi .pcp-num{font-size:21px}
.pcp-mock-chart{background:var(--panel-2) !important;border:1px solid var(--line);border-radius:13px;padding:13px 13px 8px}
.pcp-mock-chhead{display:flex !important;justify-content:space-between;align-items:center;margin-bottom:6px}
.pcp-mock-chhead span{font-size:12px;color:var(--muted) !important;font-weight:600}
.pcp-mock-chhead b{font-family:var(--fm) !important;color:var(--acc-2) !important;font-size:13px}
.pcp-ledger.mock{grid-template-columns:repeat(8,1fr) !important;gap:6px;margin-top:12px}
.pcp-ledger.mock .pcp-tile{padding:9px 3px 7px}
.pcp-ledger.mock .pcp-tile-letter{font-size:15px}
.pcp-ledger.mock .pcp-tile-pct{font-size:9.5px}
.pcp-lettersline.center{text-align:center;max-width:1120px;margin:14px auto 0 !important}
