/* Madwackd Pro Creator Studio console. Shared by the home hero and /pro-studio/. */
.pcs{--acc:#FF2E93;--panel:#1B1726;--panel-2:#231E31;--rail:#0E0B15;--edge:#3A3350;--txt:#F4F0FA;--dim:#B9B2C8;--led:#39FF88;--amber:#FFC23D;--red:#FF4D4D;
  position:relative;color:var(--txt);background:linear-gradient(180deg,#26203A 0%,#15121F 60%);border:3px solid var(--ink,#15121F);border-radius:18px;
  box-shadow:6px 8px 0 var(--ink,#15121F),0 30px 80px -30px rgba(139,61,255,.55);overflow:hidden;font-size:15px;line-height:1.45}
.pcs *{box-sizing:border-box}
.pcs a{color:var(--txt)}
.pcs a:hover{color:#fff}
.pcs button,.pcs input,.pcs select,.pcs textarea{font:inherit;color:inherit}
.pcs :focus-visible{outline:3px solid #00B8F0;outline-offset:2px}
.pcs-fallback{padding:28px;color:var(--txt)}

/* top rail */
.pcs-top{display:flex;align-items:center;gap:14px;padding:10px 16px;background:linear-gradient(180deg,#0f0c17,#1a1625);border-bottom:2px solid #000;flex-wrap:wrap}
.pcs-onair{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;border:2px solid #4a1020;border-radius:6px;font:800 .72rem/1 Poppins,Inter,sans-serif;letter-spacing:.18em;color:#d4748a;background:#1a0a10;text-transform:uppercase}
.pcs-onair.is-on{color:#fff;background:#d4113d;border-color:#ff5577;box-shadow:0 0 18px #ff1f4f,inset 0 0 8px rgba(255,255,255,.35)}
.pcs-name{font:800 1.05rem/1.1 Poppins,Inter,sans-serif;letter-spacing:.01em;margin:0;color:#fff}
.pcs-name small{display:block;font:600 .66rem/1.2 Inter,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--acc)}
.pcs-clock{margin-left:auto;font:700 .95rem/1 ui-monospace,Consolas,monospace;color:var(--amber);background:#000;padding:6px 10px;border-radius:6px;border:1px solid #333;letter-spacing:.08em;text-shadow:0 0 6px rgba(255,194,61,.6)}
.pcs-badge{font:700 .7rem/1 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;padding:6px 9px;border-radius:999px;background:#2b2440;border:1px solid var(--edge);color:var(--dim)}
.pcs-badge.is-live{background:#0f2a1c;border-color:#2c8a55;color:#7dffb2}

/* body: channel strip + bay */
.pcs-body{display:grid;grid-template-columns:200px 1fr;min-height:520px}
.pcs-strip{background:var(--rail);border-right:2px solid #000;padding:12px 10px;display:flex;flex-direction:column;gap:6px}
.pcs-tabs{display:flex;flex-direction:column;gap:6px}
#pcs-foot{margin-top:auto}
.pcs-tab{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:linear-gradient(180deg,#2a2438,#1d1829);border:1px solid #000;border-radius:8px;padding:9px 10px;cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 2px 0 #000;font-weight:600;font-size:.88rem;color:var(--dim);transition:transform .08s}
.pcs-tab:hover{color:#fff}
.pcs-tab:active{transform:translateY(1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.pcs-tab .lamp{width:10px;height:10px;border-radius:50%;background:#3a2a30;box-shadow:inset 0 0 2px #000;flex:none}
.pcs-tab[aria-selected="true"]{color:#fff;background:linear-gradient(180deg,#3a3150,#2a2340);border-color:var(--acc)}
.pcs-tab[aria-selected="true"] .lamp{background:var(--acc);box-shadow:0 0 10px var(--acc)}
.pcs-strip-foot{margin-top:auto;font-size:.72rem;color:#8d86a0;padding:8px 4px 0;border-top:1px solid #2a2438}

.pcs-bay{padding:16px;background:radial-gradient(120% 80% at 100% 0%,rgba(139,61,255,.18),transparent 60%),var(--panel);min-width:0}
.pcs-panel[hidden]{display:none}
.pcs-h{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:0 0 12px}
.pcs-h h2,.pcs-h h3{margin:0;color:#fff;font:800 1.25rem/1.15 Poppins,Inter,sans-serif;letter-spacing:-.01em}
.pcs-h p{margin:0;color:var(--dim);font-size:.86rem}
.pcs-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}
.pcs-card{grid-column:span 6;background:var(--panel-2);border:1px solid #000;border-radius:12px;padding:12px 14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 3px 0 #0a0810;min-width:0}
.pcs-card.w12{grid-column:span 12}.pcs-card.w4{grid-column:span 4}.pcs-card.w8{grid-column:span 8}.pcs-card.w5{grid-column:span 5}.pcs-card.w7{grid-column:span 7}
.pcs-led{display:inline-flex;align-items:center;gap:7px;margin:0 0 8px;font:700 .68rem/1 Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--led)}
.pcs-led::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}
.pcs-led.amber{color:var(--amber)}.pcs-led.pink{color:#FF7CC0}.pcs-led.cyan{color:#5fdcff}.pcs-led.violet{color:#b98cff}
.pcs-note{font-size:.78rem;color:#9d96b0;margin:8px 0 0}
.pcs-soon{display:inline-block;font:700 .62rem/1 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;padding:4px 6px;border-radius:5px;background:#3a2f12;color:var(--amber);border:1px solid #6b5520;vertical-align:middle}
.pcs-sample{display:inline-block;font:700 .62rem/1 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;padding:4px 6px;border-radius:5px;background:#12283a;color:#7fd8ff;border:1px solid #1f5a7a}

/* form bits */
.pcs label{display:block;font-size:.76rem;font-weight:600;color:var(--dim);margin:0 0 4px}
.pcs input[type=text],.pcs input[type=email],.pcs input[type=number],.pcs input[type=url],.pcs select,.pcs textarea{width:100%;background:#0d0a14;border:1px solid #3a3350;border-radius:8px;padding:8px 10px;color:#fff;font-size:.9rem;min-height:38px}
.pcs textarea{min-height:84px;resize:vertical}
.pcs .row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}
.pcs .row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:8px}
.pcs .f{margin-bottom:8px}
.pcs-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.pcs-b{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:7px 13px;border-radius:8px;border:2px solid #000;background:linear-gradient(180deg,#3b3350,#2a2340);color:#fff;font:700 .84rem/1 Poppins,Inter,sans-serif;cursor:pointer;text-decoration:none;box-shadow:0 3px 0 #000,inset 0 1px 0 rgba(255,255,255,.15)}
.pcs-b:hover{color:#fff;filter:brightness(1.12)}
.pcs-b:active{transform:translateY(2px);box-shadow:0 1px 0 #000}
.pcs-b.hot{background:linear-gradient(180deg,var(--acc),color-mix(in srgb,var(--acc) 70%,#000));color:#15121F}
.pcs-b.hot:hover{color:#15121F}
.pcs-b.ghost{background:transparent;border-color:#4a4260;box-shadow:none}
.pcs-b.sm{min-height:32px;padding:5px 10px;font-size:.78rem}

/* dial */
.pcs-dial{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}
.pcs-gauge{width:220px;max-width:100%}
.pcs-gauge .needle{transform-origin:110px 112px;transition:transform 1.1s cubic-bezier(.2,.9,.25,1.2)}
.pcs-big{font:800 2rem/1 Poppins,Inter,sans-serif;color:#fff;letter-spacing:-.02em}
.pcs-big small{font-size:.9rem;color:var(--dim);font-weight:600}
.pcs-stat{font-size:.82rem;color:var(--dim);margin:4px 0 0}

/* knob */
.pcs-knobs{display:flex;gap:18px;flex-wrap:wrap;align-items:flex-start}
.pcs-knob-w{display:flex;flex-direction:column;align-items:center;gap:6px;width:92px;text-align:center}
.pcs-knob{width:64px;height:64px;border-radius:50%;cursor:grab;touch-action:none;position:relative;background:radial-gradient(circle at 35% 30%,#5a5170,#1f1a2c 70%);border:2px solid #000;box-shadow:0 4px 0 #000,0 0 0 4px #2a2438,inset 0 2px 3px rgba(255,255,255,.25)}
.pcs-knob::after{content:"";position:absolute;left:50%;top:6px;width:4px;height:18px;margin-left:-2px;border-radius:3px;background:var(--acc);box-shadow:0 0 8px var(--acc);transform-origin:2px 26px;transform:rotate(var(--rot,0deg))}
.pcs-knob:active{cursor:grabbing}
.pcs-knob-v{font:700 .85rem/1 ui-monospace,Consolas,monospace;color:var(--amber)}
.pcs-knob-l{font-size:.7rem;color:var(--dim);letter-spacing:.06em;text-transform:uppercase}

/* VU meters */
.pcs-vus{display:flex;gap:10px;align-items:flex-end;justify-content:space-between;overflow-x:auto;padding-bottom:4px}
.pcs-vu{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:52px}
.pcs-vu-col{display:flex;flex-direction:column-reverse;gap:3px;padding:5px;background:#07050b;border:1px solid #000;border-radius:6px}
.pcs-vu-col i{display:block;width:26px;height:7px;border-radius:2px;background:#1c2a1f}
.pcs-vu-col i.on{background:var(--led);box-shadow:0 0 6px var(--led)}
.pcs-vu-col i.on.a{background:var(--amber);box-shadow:0 0 6px var(--amber)}
.pcs-vu-col i.on.r{background:var(--red);box-shadow:0 0 6px var(--red)}
.pcs-vu b{font:700 .74rem/1 ui-monospace,Consolas,monospace;color:#fff}
.pcs-vu span{font-size:.66rem;color:var(--dim);text-transform:uppercase;letter-spacing:.06em;text-align:center}

/* lists */
.pcs-list{list-style:none;margin:0;padding:0;max-height:210px;overflow:auto}
.pcs-list li{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid #2e2840;font-size:.86rem}
.pcs-list li .grow{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pcs-list li .amt{font:700 .86rem ui-monospace,Consolas,monospace;color:#7dffb2}
.pcs-x{background:none;border:0;color:#8d86a0;cursor:pointer;font-size:1rem;padding:2px 6px;border-radius:4px}
.pcs-x:hover{color:#fff;background:#3a3350}

/* toggle switches */
.pcs-sw{position:relative;display:inline-block;width:46px;height:26px;flex:none}
.pcs-sw input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer;z-index:1}
.pcs-sw span{position:absolute;inset:0;border-radius:999px;background:#0d0a14;border:2px solid #000;box-shadow:inset 0 2px 4px #000}
.pcs-sw span::after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#5a5170;transition:transform .15s}
.pcs-sw input:checked+span{background:color-mix(in srgb,var(--acc) 35%,#0d0a14)}
.pcs-sw input:checked+span::after{transform:translateX(20px);background:var(--acc);box-shadow:0 0 10px var(--acc)}
.pcs-sw input:focus-visible+span{outline:3px solid #00B8F0;outline-offset:2px}

.pcs-patch{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.pcs-jack{display:flex;align-items:center;gap:10px;background:#15111f;border:1px solid #000;border-radius:10px;padding:8px 10px}
.pcs-jack .nm{font-weight:700;font-size:.86rem;min-width:78px}
.pcs-jack input[type=text]{min-height:32px;padding:5px 8px;font-size:.82rem}
.pcs-meter{height:8px;border-radius:999px;background:#0d0a14;border:1px solid #000;overflow:hidden;margin-top:4px}
.pcs-meter i{display:block;height:100%;background:var(--led);transition:width .2s}
.pcs-meter i.a{background:var(--amber)}.pcs-meter i.r{background:var(--red)}
.pcs-kit{display:grid;gap:6px}
.pcs-kit-row{display:grid;grid-template-columns:96px 1fr auto auto;gap:8px;align-items:center;background:#15111f;border-radius:8px;padding:6px 8px;font-size:.82rem}
.pcs-kit-row .cnt{font:700 .78rem ui-monospace,Consolas,monospace;color:var(--dim)}

/* timer */
.pcs-timer{font:800 3.2rem/1 ui-monospace,Consolas,monospace;color:var(--amber);text-shadow:0 0 14px rgba(255,194,61,.55);background:#000;border-radius:10px;padding:10px 14px;text-align:center;border:2px solid #2a2438;letter-spacing:.04em}
.pcs-timer.over{color:var(--red);text-shadow:0 0 14px rgba(255,77,77,.6)}
.pcs-cue{background:#fdf6e3;color:#15121F;border-radius:8px;padding:12px 14px;font:600 1rem/1.4 Inter,sans-serif;min-height:84px;margin-top:10px;box-shadow:0 3px 0 #000}
.pcs-cue small{display:block;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:#8a6d2a;margin-bottom:4px}
.pcs-out{white-space:pre-wrap;background:#0d0a14;border:1px dashed #4a4260;border-radius:8px;padding:10px 12px;font-size:.86rem;color:#f0ecf8;margin-top:8px;max-height:260px;overflow:auto}

/* launch grid */
.pcs-launch{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.pcs-lb{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:12px;text-decoration:none;background:linear-gradient(180deg,#2c2540,#1f1a2e);border:2px solid #000;box-shadow:0 4px 0 #000;transition:transform .08s}
.pcs-lb:hover{transform:translateY(-2px)}
.pcs-lb:active{transform:translateY(2px);box-shadow:0 1px 0 #000}
.pcs-lb b{font:800 .95rem/1.15 Poppins,Inter,sans-serif;color:#fff;display:flex;align-items:center;gap:8px}
.pcs-lb b::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--c,#7ED321);box-shadow:0 0 10px var(--c,#7ED321);flex:none}
.pcs-lb span{font-size:.78rem;color:var(--dim)}
.pcs-lb em{font-style:normal;font-size:.7rem;color:#8d86a0}

.pcs-tipbtns{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.pcs-tipbtn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;font:700 .82rem Poppins,Inter,sans-serif;text-decoration:none;color:#15121F!important;background:#7ED321;border:2px solid #000}
.pcs-check{display:flex;gap:10px;align-items:flex-start;padding:7px 0;border-bottom:1px solid #2e2840;font-size:.86rem}
.pcs-check input{width:18px;height:18px;margin-top:2px;accent-color:var(--acc);flex:none}
.pcs-check a{color:#ffb3d9}
.pcs-demo{display:block;padding:8px 16px;background:#2a2008;border-bottom:1px solid #000;color:#ffe4a3;font-size:.82rem}
.pcs-demo b{color:#fff}
.pcs-demo a{color:#fff;font-weight:700}
.pcs-toast{position:absolute;right:14px;bottom:14px;background:#0f2a1c;color:#bfffd9;border:1px solid #2c8a55;border-radius:8px;padding:8px 12px;font-size:.84rem;opacity:0;transform:translateY(8px);transition:.2s;pointer-events:none;z-index:5}
.pcs-toast.show{opacity:1;transform:none}
.pcs-order li{gap:6px}

/* hero variant: limit height a bit */
.pcs[data-variant="hero"] .pcs-body{min-height:470px}

@media (max-width:900px){
  .pcs-body{grid-template-columns:1fr}
  .pcs-strip{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:2px solid #000;padding:8px}
  .pcs-tabs{flex-direction:row;gap:6px}
  .pcs-tab{width:auto;flex:none;white-space:nowrap}
  .pcs-strip-foot{display:none}
  .pcs-card,.pcs-card.w4,.pcs-card.w5,.pcs-card.w7,.pcs-card.w8{grid-column:span 12}
  .pcs-launch{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
  .pcs{font-size:14px;border-radius:14px;box-shadow:4px 5px 0 var(--ink,#15121F)}
  .pcs-bay{padding:12px}
  .pcs-dial{grid-template-columns:1fr;justify-items:center;text-align:center}
  .pcs-patch,.pcs-launch{grid-template-columns:1fr}
  .pcs .row,.pcs .row3{grid-template-columns:1fr}
  .pcs-kit-row{grid-template-columns:1fr auto;}
  .pcs-kit-row .cnt{grid-column:1/-1;order:3}
  .pcs-clock{display:none}
  .pcs-timer{font-size:2.4rem}
}
@media (prefers-reduced-motion:reduce){.pcs *{transition:none!important;animation:none!important}}
@media print{
  body.pcs-printing>*:not(.pcs-print){display:none!important}
  .pcs-print{display:block!important;color:#000;font:14px/1.5 Georgia,serif;padding:24px}
}
.pcs-print{display:none}

/* page sections around the console */
.pcs-hero{padding:22px 0 44px;background:radial-gradient(80% 60% at 85% 0%,rgba(255,46,147,.12),transparent 60%),radial-gradient(60% 50% at 0% 30%,rgba(0,184,240,.10),transparent 60%)}
.pcs-hero-head{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:end;margin-bottom:22px}
.pcs-hero-head h1,.pcs-hero-head h2.pcs-h1{font-size:clamp(2.3rem,5.4vw,4.6rem);line-height:1;letter-spacing:-.04em;margin:0 0 .3em}
.pcs-hero-head .sub{font-size:1.1rem;color:var(--text);margin:0 0 14px}
.pcs-pills{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.pcs-pills li{font:700 .78rem/1 Inter,sans-serif;padding:7px 10px;border-radius:999px;background:#fff;border:2px solid var(--ink)}
.pcs-fine{font-size:.82rem;color:var(--muted);margin-top:14px}
@media (max-width:900px){.pcs-hero-head{grid-template-columns:1fr}.pcs-hero{padding:22px 0 36px}}
.pcs-rooms{padding:64px 0}
.pcs-explain{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}
.pcs-explain>div{background:#fff;border:3px solid var(--ink);border-radius:14px;padding:18px 20px;box-shadow:4px 5px 0 var(--ink)}
.pcs-explain p{margin:0;font-size:.95rem}
@media (max-width:900px){.pcs-explain{grid-template-columns:1fr}.pcs-rooms{padding:40px 0}}
.mw-acct{display:inline-flex;align-items:center;gap:8px;font-size:.82rem}
.mw-acct .mw-acct-who{color:var(--muted);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mw-acct .btn-top{font-weight:700;color:var(--ink);background:none;border:0;cursor:pointer;text-decoration:underline;padding:4px}
/* home: the old hero heading now sits under the studio hero */
.hero-v2 h2.hero-h{font-size:clamp(2.2rem,5vw,4.4rem);line-height:1;letter-spacing:-.05em;margin:0 0 24px}
.hero-v2 h2.hero-h .hl{background:linear-gradient(90deg,#FF2E93 0%,#FF8A00 35%,#8B3DFF 70%,#00B8F0 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.pcs-hero.hero-v2 h1{font-size:clamp(2.2rem,4.2vw,3.7rem);line-height:1.02;margin:0 0 14px}
.pcs-hero .hero-status{margin-bottom:14px}
/* free Creator Studio: upgrade band */
.pcs-up{padding:28px 0}
.pcs-up-in{display:grid;grid-template-columns:1fr auto;gap:20px 32px;align-items:center;background:linear-gradient(135deg,#26203A,#15121F);color:#F4F0FA;border:3px solid var(--ink);border-radius:18px;box-shadow:6px 7px 0 var(--ink);padding:28px 32px}
.pcs-up-in h2{color:#fff;font-size:clamp(1.6rem,3vw,2.4rem);margin:0 0 8px}
.pcs-up-in p{margin:0;color:#d9d2e8}
.pcs-up-k{font:700 .72rem/1 Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#FF7CC0!important;margin-bottom:10px!important}
.pcs-up .btn-outline{background:transparent;color:#fff;border-color:#fff}
@media (max-width:900px){.pcs-up-in{grid-template-columns:1fr;padding:22px}}
/* free Creator Studio: real dashboard screenshot + always-improving note */
.cs-real{margin:20px 0 24px;border:3px solid var(--ink);border-radius:16px;overflow:hidden;box-shadow:6px 7px 0 var(--ink);background:#0E0B15}
.cs-real img{display:block;width:100%;height:auto}
.cs-real figcaption{padding:10px 14px;font-weight:700;color:#F4F0FA;font-size:.9rem}
.cs-new{margin:18px 0 6px;padding:12px 16px;border-radius:12px;background:#F4FDE4;border:2px solid var(--ink);color:var(--ink)}
/* Example dashboards gallery (/pro-studio/) */
.pcx-sec{padding:56px 0 24px;background:radial-gradient(70% 60% at 50% 0%,rgba(139,61,255,.14),transparent 70%)}
.pcx-sec h2{margin:0 0 6px}
.pcx-genie{font-size:.86rem;color:var(--muted);max-width:70ch;margin:0 0 6px}
.pcx-legend{display:flex;gap:18px;flex-wrap:wrap;font-size:.84rem;color:var(--text);margin:10px 0 18px;padding:0;list-style:none}
.pcx-legend li{display:flex;align-items:center;gap:8px}
#pcx{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.pcx-card{--c:#FF2E93;background:linear-gradient(180deg,#26203A,#15121F);border:3px solid #15121F;border-radius:18px;box-shadow:5px 6px 0 #15121F,0 24px 60px -30px var(--c);color:#F4F0FA;overflow:hidden}
.pcx-head{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#0E0B15;border-bottom:2px solid #000}
.pcx-head h3{margin:0;color:#fff;font-size:1.05rem}
.pcx-head p{margin:0;font-size:.78rem;color:#B9B2C8}
.pcx-onair{font:800 .64rem/1 Poppins,Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;padding:5px 8px;border-radius:5px;color:#fff;background:#d4113d;border:2px solid #ff5577;box-shadow:0 0 14px #ff1f4f;animation:pcxBlink 3.2s infinite}
@keyframes pcxBlink{0%,92%,100%{opacity:1}94%,98%{opacity:.45}}
.pcx-ex{margin-left:auto;font:700 .62rem/1 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;padding:5px 7px;border-radius:5px;background:#12283a;color:#7fd8ff;border:1px solid #1f5a7a}
.pcx-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:12px}
.pcx-w{background:#1B1726;border:1px solid #000;border-radius:12px;padding:10px 12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 3px 0 #0a0810;min-width:0;display:flex;flex-direction:column}
.pcx-wt{display:flex;align-items:center;gap:8px;margin:0 0 6px;font:700 .68rem/1.2 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#E6E0F2}
.pcx-wn{margin:auto 0 0;padding-top:6px;font-size:.7rem;color:#9d96b0}
.pcx-lamp{width:9px;height:9px;border-radius:50%;flex:none;display:inline-block}
.pcx-lamp.go{background:#39FF88;box-shadow:0 0 8px #39FF88}
.pcx-lamp.soon{background:#FFC23D;box-shadow:0 0 8px #FFC23D}
.pcx-g{display:grid;justify-items:center;text-align:center}
.pcx-g svg{width:100%;max-width:150px}
.pcx-needle{transform-origin:60px 62px}
.pcx-g b,.pcx-big{font:800 1.25rem/1 Poppins,Inter,sans-serif;color:#fff}
.pcx-big{font-size:2rem;margin:8px 0 2px}
.pcx-g span,.pcx-cap{font-size:.72rem;color:#B9B2C8}
.pcx-bars{display:flex;align-items:flex-end;gap:3px;height:70px;padding:6px;background:#07050b;border-radius:8px}
.pcx-bars i{flex:1;height:100%;border-radius:2px;background:linear-gradient(0deg,#39FF88 0%,#39FF88 60%,#FFC23D 80%,#FF4D4D 100%);transform-origin:bottom;transform:scaleY(.3);transition:transform .14s linear}
.pcx-m{margin-bottom:6px}
.pcx-m-top{display:flex;justify-content:space-between;font-size:.74rem;color:#E6E0F2}
.pcx-m-top b{font-family:ui-monospace,Consolas,monospace;color:#7dffb2}
.pcx-m-bar{height:8px;border-radius:999px;background:#0d0a14;border:1px solid #000;overflow:hidden;margin-top:3px}
.pcx-m-bar i{display:block;height:100%;width:0;background:var(--c);transition:width 1.4s cubic-bezier(.2,.8,.2,1)}
.pcx-line{width:100%;height:64px;background:#07050b;border-radius:8px}
.pcx-lights{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.pcx-lights li{display:flex;align-items:center;gap:8px;font-size:.78rem;color:#8d86a0}
.pcx-lights li i{width:10px;height:10px;border-radius:50%;background:#3a2a30}
.pcx-lights li.on{color:#fff}
.pcx-lights li.on i{background:var(--c);box-shadow:0 0 8px var(--c)}
.pcx-clock{font:800 2.1rem/1 ui-monospace,Consolas,monospace;color:#FFC23D;text-shadow:0 0 12px rgba(255,194,61,.5);background:#000;border-radius:8px;padding:8px;text-align:center;margin-bottom:4px}
.pcx-agents{display:grid;gap:6px}
.pcx-agents div{background:#0d0a14;border:1px solid #3A3350;border-radius:8px;padding:6px 8px}
.pcx-agents b{display:block;font-size:.84rem;color:#fff}
.pcx-agents span{font-size:.7rem;color:#B9B2C8}
.pcx-launch{display:grid;place-items:center;padding:6px 0}
.pcx-launch span{display:grid;place-items:center;width:78px;height:78px;border-radius:50%;font:800 .8rem Poppins,Inter,sans-serif;letter-spacing:.1em;color:#fff;background:radial-gradient(circle at 35% 30%,#ff6b8a,#b3002d 70%);border:3px solid #000;box-shadow:0 5px 0 #000,0 0 0 5px #3a2a30,0 0 22px rgba(255,46,90,.5)}
.pcx-fine{font-size:.78rem;color:var(--muted);margin-top:14px;max-width:90ch}
@media (max-width:980px){#pcx{grid-template-columns:1fr}}
@media (max-width:420px){.pcx-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.pcx-onair{animation:none}}
/* Websites & SEO room */
.pcs-site-prev{width:100%;height:520px;border:2px solid #000;border-radius:10px;background:#fff;display:block}
.pcs-st{display:inline-block;font:700 .6rem/1 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:4px 6px;border-radius:5px;width:max-content}
.pcs-st.go{background:#12301c;color:#7dff9e;border:1px solid #2c6b3e}.pcs-st.soon{background:#3a2f12;color:var(--amber);border:1px solid #6b5520}
.pcs-hero-offer{background:linear-gradient(135deg,#2a1838,#1a1426 60%,#2b2010);border:2px solid var(--amber)}
.pcs-hero-offer h3{font:800 clamp(1.25rem,2.4vw,1.7rem)/1.15 Poppins,Inter,sans-serif;color:#fff;margin:2px 0 8px}
.pcs-hero-offer>p{color:#e4def0;margin:0 0 8px;max-width:78ch}
.pcs-ticks{list-style:none;padding:0;margin:0 0 10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px}
.pcs-ticks li{position:relative;padding-left:22px;color:#f0ecf8;font-size:.9rem}.pcs-ticks li::before{content:"\2713";position:absolute;left:0;color:#7ED321;font-weight:800}
.pcs-price{font-size:.95rem;color:#f0ecf8}.pcs-price b{color:var(--amber);font-size:1.15rem}
.pcs-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pcs-lvl{background:#1a1525;border:2px solid #000;border-top:4px solid var(--c);border-radius:12px;padding:12px}
.pcs-lvl .k{margin:0;font:700 .66rem/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--c)}
.pcs-lvl h3{margin:6px 0;font:800 1.05rem/1.2 Poppins,Inter,sans-serif;color:#fff}.pcs-lvl .p{margin:0;color:#e4def0;font-size:.88rem}.pcs-lvl .p b{color:#fff}
.pcs-gwrap{display:flex;align-items:center;gap:12px;margin-top:10px}.pcs-gwrap .pcs-gauge{width:180px;flex:none}
.pcs-checks{list-style:none;padding:0;margin:0;display:grid;gap:4px}.pcs-checks li{font-size:.84rem;color:#e4def0;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.pcs-checks li>span[aria-hidden]{font-weight:800;width:14px}.pcs-checks li.ok>span[aria-hidden]{color:#7dff9e}.pcs-checks li.no>span[aria-hidden]{color:#ff7a7a}.pcs-checks small{color:#9d96b0}
.pcs-crawl{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:4px}.pcs-crawl>li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;font-size:.86rem;color:#e4def0;border-bottom:1px solid #2e2840;padding:4px 0}
.pcs-crawl>li.bad b{color:#ff9a9a}.pcs-crawl details{flex-basis:100%;font-size:.76rem;color:#9d96b0}.pcs-crawl details ul{margin:4px 0 0;padding-left:16px;word-break:break-all}
.pcs-accts{list-style:none;padding:0;margin:0;display:grid;gap:8px}.pcs-accts li{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#1a1525;border:1px solid #000;border-radius:10px;padding:10px 12px}
.pcs-accts p{margin:4px 0 0;font-size:.8rem;color:#b9b2c8}.pcs-accts b{color:#fff}.pcs-accts .pcs-b{flex:none}
.pcs-lb .pcs-st{margin:2px 0}
@media (max-width:900px){.pcs-levels{grid-template-columns:1fr}.pcs-ticks{grid-template-columns:1fr}.pcs-site-prev{height:420px}}
@media (max-width:560px){.pcs-accts li{flex-direction:column;align-items:flex-start}.pcs-gwrap{flex-direction:column;align-items:flex-start}}
.pcs-beta{display:inline-block;font:700 .62rem/1 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;padding:4px 6px;border-radius:5px;background:#2a1a3a;color:#e9b6ff;border:1px solid #6a3f8a;vertical-align:middle;margin-left:6px}
.pcs-lights{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px}
.pcs-light{display:inline-flex;align-items:center;gap:6px;background:#15111f;border-radius:999px;padding:5px 10px;font-size:.8rem}
.pcs-light i{width:10px;height:10px;border-radius:50%;background:#5a5170;display:inline-block}
.pcs-light.on i{background:#3ddc84;box-shadow:0 0 8px #3ddc84}.pcs-light.warn i{background:#f5b942}.pcs-light.bad i{background:#ff5d6c}
.pcs-light em{font-style:normal;color:var(--dim);font-size:.72rem}
.pcs-lbtns{display:flex;gap:8px;flex-wrap:wrap;align-items:end}
.pcs-biglaunch{font-size:1.15rem;padding:16px 28px;min-height:56px}
.pcs-biglaunch:disabled,.pcs-lbtns .pcs-b:disabled{opacity:.55;cursor:not-allowed}
.pcs-lstat{display:flex;gap:14px;flex-wrap:wrap;font-size:.84rem;padding:4px 0}.pcs-lstat b{min-width:96px}
.pcs-launchcard[hidden]{display:none}
