@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Syne:wght@600;700;800&display=swap');

:root {
    --pc-bg: #07111f;
    --pc-bg-soft: #0a1728;
    --pc-panel: #0d1a2d;
    --pc-panel-2: #12243d;
    --pc-text: #f7fbff;
    --pc-muted: rgba(224,235,248,.7);
    --pc-muted-2: rgba(224,235,248,.46);
    --pc-line: rgba(255,255,255,.13);
    --pc-line-strong: rgba(255,255,255,.24);
    --pc-accent: #30fd28;
    --pc-accent-deep: #1bd914;
    --pc-accent-soft: rgba(48,253,40,.12);
    --pc-accent-line: rgba(48,253,40,.32);
    --pc-indigo: #8f67ff;
    --pc-indigo-soft: rgba(143,103,255,.16);
    --pc-amber: #ff7a18;
    --pc-amber-soft: rgba(255,122,24,.16);
    --rd-pink: #ff3da7;
    --rd-cyan: #16dcff;
    --rd-orange: #ff7a18;
    --rd-purple: #8f67ff;
    --rd-lime: #30fd28;
    --rd-ink: #07111f;
}

body.pc-body { font-family:'Manrope',sans-serif; background:#07111f; }
.pc-h1,.pc-h2,.pc-h3,.sm-body h1,.sm-body h2,.sm-body h3 { font-family:'Syne',sans-serif; letter-spacing:-.05em; }
.pc-h1 { line-height:.92; }
.pc-h2 { line-height:.97; }
.pc-lead,.pc-list,.pc-card p { font-family:'Manrope',sans-serif; }

.pc-topbar { border-bottom:1px solid rgba(255,255,255,.13); background:rgba(7,17,31,.84); backdrop-filter:blur(18px); }
.pc-topbar__brand > a { position:relative; display:block; flex:0 0 auto; width:118px; height:48px; overflow:hidden; background:#000; }
.pc-topbar__brand > a img { position:absolute; width:164px; max-width:none; height:auto; left:-18px; top:-26px; }
.pc-topbar__tag { border-color:rgba(22,220,255,.34); background:rgba(22,220,255,.1); color:var(--rd-cyan); }
.pc-progress { height:4px; }
.pc-progress__bar { background:linear-gradient(90deg,var(--rd-pink),var(--rd-orange),var(--rd-lime),var(--rd-cyan),var(--rd-purple)); box-shadow:0 0 18px rgba(22,220,255,.55); }
.pc-ghost-btn { border-radius:999px; font-family:'Manrope',sans-serif; font-weight:800; }
.pc-ghost-btn:hover { border-color:var(--rd-cyan); background:rgba(22,220,255,.1); color:var(--rd-cyan); }

.pc-slide {
    --rd-slide-accent: var(--rd-pink);
    background-color:#07111f;
    background-image:
        linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px),
        radial-gradient(circle at 12% 40%,rgba(255,61,167,.11),transparent 30rem);
    background-size:58px 58px,58px 58px,auto;
}
.pc-slide:nth-of-type(3n+2) {
    --rd-slide-accent:var(--rd-cyan);
    background-color:#0b1729;
    background-image:
        linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),
        radial-gradient(circle at 85% 35%,rgba(22,220,255,.12),transparent 31rem);
}
.pc-slide:nth-of-type(3n) {
    --rd-slide-accent:var(--rd-orange);
    background-color:#0d1725;
    background-image:radial-gradient(circle at 75% 70%,rgba(255,122,24,.13),transparent 32rem);
}
.pc-slide::after {
    content:'detección 0.97';
    position:absolute;
    z-index:0;
    right:clamp(22px,5vw,80px);
    top:clamp(90px,12vw,150px);
    width:118px;
    height:78px;
    padding:4px 7px;
    border:2px solid var(--rd-slide-accent);
    background:linear-gradient(var(--rd-slide-accent) 0 23px,transparent 23px);
    color:var(--rd-ink);
    font:800 .65rem/1 'Manrope',sans-serif;
    opacity:.62;
    pointer-events:none;
}
.pc-slide:nth-of-type(3n+2)::after { content:'señal 0.95'; left:clamp(22px,4vw,65px); right:auto; top:auto; bottom:12%; }
.pc-slide:nth-of-type(3n)::after { content:'acción 0.99'; }
.pc-slide > .pc-wrap { z-index:1; }

.pc-em { color:var(--rd-lime); text-shadow:0 0 30px rgba(48,253,40,.13); }
.pc-eyebrow { color:var(--rd-cyan); }
.pc-eyebrow--indigo { color:var(--rd-purple); }
.pc-eyebrow--amber { color:var(--rd-orange); }
.pc-btn { border-radius:11px; font-family:'Manrope',sans-serif; font-weight:800; }
.pc-btn--primary { background:var(--rd-lime); color:var(--rd-ink); box-shadow:0 12px 32px rgba(48,253,40,.18); }
.pc-btn--primary:hover { background:#78ff72; }
.pc-note,.pc-banner { border-radius:16px; }

.pc-card { border:2px solid var(--rd-pink); border-radius:20px; background:#0d1a2d; box-shadow:7px 7px 0 rgba(255,61,167,.24); }
.pc-card:nth-child(2n) { border-color:var(--rd-cyan); box-shadow-color:rgba(22,220,255,.22); }
.pc-card:nth-child(3n) { border-color:var(--rd-lime); box-shadow-color:rgba(48,253,40,.2); }
.pc-card--pain { border-top-color:var(--rd-pink); }
.pc-figure--indigo { color:var(--rd-purple); }
.pc-figure--amber { color:var(--rd-orange); }
.pc-art { border-radius:24px; background:linear-gradient(145deg,rgba(255,61,167,.08),rgba(22,220,255,.06)),#0d1a2d; box-shadow:10px 10px 0 rgba(143,103,255,.28); }
.pc-art--indigo { border-color:rgba(143,103,255,.36); }
.pc-art--amber { border-color:rgba(255,122,24,.38); box-shadow-color:rgba(255,122,24,.24); }
.pc-vs-col,.pc-rep-card,.pc-notes-panel { border-radius:18px; }
.pc-vs-col--bad { border-top:3px solid var(--rd-pink); }
.pc-vs-col--good { border-top:3px solid var(--rd-lime); }
.pc-counter strong,.pc-dots button[aria-current="true"] { color:var(--rd-lime); }

/* Supermarkets: keep the product/aisle diagrams but make the system more playful. */
.sm-body { --sm-blue:var(--rd-cyan); --sm-amber:var(--rd-orange); --sm-red:var(--rd-pink); }
.sm-body .pc-slide { background-color:#07111f; }
.sm-friction,.sm-check-matrix article,.sm-steps,.sm-model article,.sm-decision-grid article,.sm-rollout,.sm-dashboard,.sm-alerts article { border-radius:16px; }
.sm-friction { border:2px solid var(--rd-pink); border-top-width:2px; box-shadow:6px 6px 0 rgba(255,61,167,.18); }
.sm-friction:nth-child(2n) { border-color:var(--rd-cyan); box-shadow-color:rgba(22,220,255,.18); }
.sm-friction:nth-child(3n) { border-color:var(--rd-lime); box-shadow-color:rgba(48,253,40,.16); }
.sm-model__new { border-color:var(--rd-lime)!important; box-shadow:8px 8px 0 rgba(48,253,40,.18); }
.sm-live-stage,.sm-phone,.sm-dashboard { border:2px solid var(--rd-cyan); border-radius:22px; box-shadow:10px 10px 0 rgba(255,61,167,.22); }
.sm-proof { border-color:var(--rd-pink); background:rgba(7,17,31,.9); }
.sm-pricing { background:radial-gradient(circle at 15% 20%,rgba(255,61,167,.13),transparent 34rem),radial-gradient(circle at 80% 70%,rgba(22,220,255,.11),transparent 32rem),#07111f; }
.sm-pricing-table-wrap { border:2px solid var(--rd-cyan); border-radius:18px; overflow:auto; box-shadow:10px 10px 0 rgba(255,61,167,.22); }
.sm-pricing-table thead th { background:linear-gradient(145deg,#20dd17,#13b60c); }

@media (max-width:800px) {
    .pc-slide::after { width:84px; height:58px; top:90px; right:16px; opacity:.35; font-size:.55rem; }
    .pc-slide:nth-of-type(3n+2)::after { left:14px; bottom:7%; }
    .pc-topbar__brand > a { width:105px; height:43px; }
    .pc-topbar__brand > a img { width:146px; left:-16px; top:-23px; }
}

@media (prefers-reduced-motion:reduce) {
    .pc-progress__bar { transition:none; }
}