/* ============ Platform Component design system (scoped) ============ */
  .pc-page {
    --pc-bg: #0B0713;
    --pc-bg-low: #0f0d13;
    --pc-glass: rgba(25, 17, 39, 0.6);
    --pc-line: rgba(255, 255, 255, 0.08);
    --pc-line-soft: rgba(255, 255, 255, 0.05);
    --pc-primary: #47287D;      /* deep violet, structural containers */
    --pc-secondary: #982AF3;    /* bright violet, interactive accents */
    --pc-violet: #d4bbff;       /* light violet, readable accent text */
    --pc-cta: #FA813E;          /* orange (tertiary), CTAs + fault only */
    --pc-cta-hover: #ff965e;
    --pc-ink: #e7e0e9;
    --pc-ink-dim: #cbc4d2;
    --pc-outline: #958e9c;
    --pc-green: #4ade80;
    --pc-mono: 'JetBrains Mono', monospace;
    /* multishade orange -> purple brand gradient */
    --pc-grad: linear-gradient(100deg, #FA813E 0%, #b45cf0 52%, #d4bbff 100%);
    --pc-grad-soft: linear-gradient(100deg, #d4bbff 0%, #982AF3 100%);
    position: relative; z-index: 1;
    background: var(--pc-bg); color: var(--pc-ink); overflow: hidden;
  }
  .pc-page ::selection { background: rgba(212,187,255,0.25); }
  .pc-wrap { max-width: 1200px; margin: 0 auto; padding: 0 1.5rem; }
  .pc-narrow { max-width: 940px; }
  .pc-section { padding: 5.5rem 0; position: relative; }

  .pc-glow { position: absolute; border-radius: 50%; filter: blur(120px); pointer-events: none; z-index: 0; }
  .pc-glow-a { width: 620px; height: 620px; background: radial-gradient(circle, rgba(71,40,125,0.5), transparent 70%); top: -220px; left: -160px; }
  .pc-glow-b { width: 520px; height: 520px; background: radial-gradient(circle, rgba(152,42,243,0.14), transparent 70%); top: 46%; right: -220px; }
  .pc-glow-c { width: 460px; height: 460px; background: radial-gradient(circle, rgba(250,129,62,0.08), transparent 70%); bottom: 10%; left: 20%; }

  .pc-glass { background: var(--pc-glass); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid var(--pc-line); border-radius: 12px; }
  .pc-glass:hover { border-color: rgba(212,187,255,0.3); }

  .pc-grad-text { background: var(--pc-grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }

  .pc-mono-label { font-family: var(--pc-mono); font-size: .72rem; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; color: var(--pc-violet); }
  .pc-eyebrow { display: inline-flex; align-items: center; gap: .55rem; padding: .4rem .85rem; border: 1px solid var(--pc-line); background: rgba(255,255,255,0.04); border-radius: 100px; }
  .pc-eyebrow .pc-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--pc-secondary); box-shadow: 0 0 10px var(--pc-secondary); animation: pcPulse 2s infinite ease-in-out; }
  @keyframes pcPulse { 0%,100% { opacity:.5; transform: scale(1);} 50% { opacity:1; transform: scale(1.25);} }

  .pc-h1 { font-size: clamp(2.4rem, 4.8vw, 3.6rem); font-weight: 800; line-height: 1.06; letter-spacing: -.025em; margin: 1.4rem 0; }
  .pc-h1 .pc-hl { background: var(--pc-grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
  .pc-lead { font-size: 1.12rem; line-height: 1.65; color: var(--pc-ink-dim); max-width: 34rem; }
  .pc-h2 { font-size: clamp(1.7rem, 3.1vw, 2.5rem); font-weight: 800; letter-spacing: -.02em; line-height: 1.12; }
  .pc-head { max-width: 680px; margin: 0 auto 3.25rem; text-align: center; }
  .pc-head .pc-h2 { margin: .85rem 0 1rem; }
  .pc-desc { font-size: 1.02rem; line-height: 1.65; color: var(--pc-ink-dim); }

  .pc-btn { display: inline-flex; align-items: center; gap: .5rem; font-weight: 700; font-size: .95rem; padding: .8rem 1.4rem; border-radius: 8px; transition: all .2s var(--ease-out); cursor: pointer; border: 1px solid transparent; }
  .pc-btn-cta { background: var(--pc-cta); color: #1a0e05; }
  .pc-btn-cta:hover { background: var(--pc-cta-hover); transform: translateY(-1px); }
  .pc-btn-ghost { border-color: var(--pc-line); color: var(--pc-ink); background: rgba(255,255,255,0.02); }
  .pc-btn-ghost:hover { background: rgba(255,255,255,0.06); border-color: rgba(212,187,255,0.35); }

  /* Hero */
  .pc-hero { padding: 8.5rem 0 4.5rem; }
  .pc-hero-grid { display: grid; grid-template-columns: 1.02fr .98fr; gap: 3.5rem; align-items: center; }
  .pc-hero-actions { display: flex; gap: 1rem; flex-wrap: wrap; margin: 2rem 0 1.75rem; }
  .pc-trust { display: inline-flex; align-items: center; gap: .6rem; font-size: .85rem; color: var(--pc-ink-dim); }
  .pc-trust .pc-stars { color: var(--pc-cta); letter-spacing: .1em; font-size: .8rem; }
  .pc-trust strong { color: var(--pc-ink); font-weight: 700; }
  .pc-hero-visual { position: relative; }
  .pc-hero-visual .pc-glass { padding: 1.5rem; }
  .pc-hero-visual svg { width: 100%; height: auto; display: block; }

  /* Metric ribbon */
  .pc-ribbon { border-top: 1px solid var(--pc-line); border-bottom: 1px solid var(--pc-line); background: rgba(255,255,255,0.03); }
  .pc-ribbon-grid { display: grid; grid-template-columns: repeat(3, 1fr); }
  .pc-metric { text-align: center; padding: 2.75rem 1.5rem; }
  .pc-metric + .pc-metric { border-left: 1px solid var(--pc-line); }
  .pc-metric-val { font-size: 2.4rem; font-weight: 800; letter-spacing: -.02em; line-height: 1; background: var(--pc-grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; width: max-content; margin: 0 auto; }
  .pc-metric-val .counter-value { font-variant-numeric: tabular-nums; }
  .pc-metric-label { font-family: var(--pc-mono); text-transform: uppercase; letter-spacing: .12em; font-size: .78rem; color: var(--pc-violet); margin: .8rem 0 .4rem; }
  .pc-metric-desc { font-size: .82rem; color: var(--pc-outline); }

  /* Execution gap (horizontal) */
  .pc-gap-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.25rem; }
  .pc-gap-cell { display: flex; flex-direction: column; }
  .pc-gap-head { display: flex; align-items: center; gap: .8rem; margin-bottom: 1rem; }
  .pc-gap-head .num { font-family: var(--pc-mono); font-size: 1.35rem; font-weight: 700; line-height: 1; background: var(--pc-grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
  .pc-gap-head .ln { flex: 1; height: 1px; background: linear-gradient(to right, rgba(212,187,255,0.4), transparent); }
  .pc-gap-card { padding: 1.5rem; flex: 1; }
  .pc-gap-card h3 { font-family: var(--pc-mono); font-size: .9rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; margin-bottom: .7rem; }
  .pc-gap-card p { font-size: .9rem; color: var(--pc-ink-dim); line-height: 1.6; }

  /* ===== Console (interactive) ===== */
  .pc-console { display: grid; grid-template-columns: 264px 1fr; overflow: hidden; }
  .pc-console-rail { border-right: 1px solid var(--pc-line); padding: 1.1rem; background: var(--pc-bg-low); display: flex; flex-direction: column; gap: .3rem; }
  .pc-rail-item { text-align: left; width: 100%; background: none; border: none; border-left: 2px solid transparent; padding: .85rem 1rem; border-radius: 8px; cursor: pointer; transition: background .2s; }
  .pc-rail-item:hover { background: rgba(255,255,255,0.04); }
  .pc-rail-item.active { background: var(--pc-primary); border-left: 2px solid var(--pc-secondary); }
  .pc-rail-head { display: flex; align-items: center; gap: .65rem; font-weight: 600; font-size: .95rem; color: var(--pc-ink); }
  .pc-rail-head svg { color: var(--pc-secondary); flex-shrink: 0; }
  .pc-rail-item.active .pc-rail-head { color: #fff; }
  .pc-rail-item.active .pc-rail-head svg { color: var(--pc-violet); }
  .pc-rail-desc { font-size: .8rem; color: var(--pc-outline); margin-top: .3rem; line-height: 1.5; }
  .pc-rail-item.active .pc-rail-desc { color: var(--pc-ink-dim); }
  .pc-viewport { background: var(--pc-bg-low); display: flex; flex-direction: column; min-width: 0; }
  .pc-vp-bar { display: flex; align-items: center; justify-content: space-between; padding: .9rem 1.5rem; border-bottom: 1px solid var(--pc-line); }
  .pc-vp-bar .pc-mono-label { color: var(--pc-outline); letter-spacing: .1em; }
  .pc-chip-live { display: inline-flex; align-items: center; gap: .4rem; font-family: var(--pc-mono); font-size: .66rem; letter-spacing: .06em; color: var(--pc-green); border: 1px solid rgba(74,222,128,0.25); background: rgba(74,222,128,0.08); border-radius: 5px; padding: .15rem .5rem; }
  .pc-chip-live .pc-d { width: 6px; height: 6px; border-radius: 50%; background: var(--pc-green); animation: pcPulse 1.6s infinite; }
  .pc-vp-dots { display: flex; gap: .4rem; }
  .pc-vp-dots i { width: 9px; height: 9px; border-radius: 50%; background: rgba(255,255,255,0.12); }
  .pc-cpanel { display: none; padding: 1.5rem; }
  .pc-cpanel.active { display: block; animation: pcFade .35s var(--ease-out); }
  @keyframes pcFade { from { opacity: 0; transform: translateY(6px);} to { opacity: 1; transform: none; } }
  .pc-cards4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-bottom: 1.25rem; }
  .pc-mc { padding: 1.1rem; border-radius: 10px; background: var(--pc-glass); border: 1px solid var(--pc-line-soft); }
  .pc-mc.alert { border-color: rgba(250,129,62,0.25); background: rgba(250,129,62,0.06); }
  .pc-mc-top { display: flex; justify-content: space-between; align-items: center; font-family: var(--pc-mono); font-size: .62rem; letter-spacing: .06em; text-transform: uppercase; color: var(--pc-outline); }
  .pc-mc.alert .pc-mc-top { color: var(--pc-cta); }
  .pc-mc-val { font-size: 1.45rem; font-weight: 800; letter-spacing: -.02em; margin: .5rem 0; }
  .pc-mc.alert .pc-mc-val { color: var(--pc-cta); }
  .pc-mc-bar { height: 4px; border-radius: 3px; background: rgba(255,255,255,0.06); overflow: hidden; }
  .pc-mc-bar i { display: block; height: 100%; background: var(--pc-green); }
  .pc-mc-bar.violet i { background: var(--pc-secondary); }
  .pc-mc-bar.alert i { background: var(--pc-cta); }
  .pc-vp-lower { display: grid; grid-template-columns: 1.6fr 1fr; gap: 1rem; }
  .pc-pane { padding: 1.4rem; border-radius: 10px; background: var(--pc-glass); border: 1px solid var(--pc-line-soft); }
  .pc-pane-head { display: flex; align-items: center; justify-content: space-between; font-family: var(--pc-mono); font-size: .66rem; letter-spacing: .08em; color: var(--pc-ink-dim); margin-bottom: 1.2rem; }
  .pc-pipe-nodes { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
  .pc-pnode { display: flex; flex-direction: column; align-items: center; gap: .5rem; }
  .pc-pnode .pc-nbox { width: 46px; height: 46px; border-radius: 12px; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(212,187,255,0.3); background: rgba(212,187,255,0.06); color: var(--pc-violet); }
  .pc-pnode.active .pc-nbox { border-color: rgba(212,187,255,0.6); background: rgba(212,187,255,0.12); box-shadow: 0 0 16px rgba(212,187,255,0.25); }
  .pc-pnode span { font-family: var(--pc-mono); font-size: .62rem; color: var(--pc-outline); }
  .pc-pconn { flex: 1; height: 1px; background: repeating-linear-gradient(to right, rgba(212,187,255,0.4) 0 4px, transparent 4px 8px); }
  .pc-log { margin-top: 1.3rem; padding-top: 1rem; border-top: 1px solid var(--pc-line-soft); font-family: var(--pc-mono); font-size: .68rem; line-height: 1.9; }
  .pc-log .t { color: var(--pc-outline); } .pc-log .i { color: var(--pc-violet); } .pc-log .s { color: var(--pc-green); } .pc-log .w { color: var(--pc-cta); }
  .pc-side { display: grid; gap: 1rem; }
  .pc-load h5, .pc-donut-wrap h5 { font-family: var(--pc-mono); font-size: .64rem; letter-spacing: .1em; text-transform: uppercase; color: var(--pc-outline); margin-bottom: 1rem; }
  .pc-load-row { margin-bottom: .9rem; } .pc-load-row:last-child { margin-bottom: 0; }
  .pc-load-row .r { display: flex; justify-content: space-between; font-family: var(--pc-mono); font-size: .66rem; color: var(--pc-outline); margin-bottom: .35rem; }
  .pc-load-row .r b { color: var(--pc-ink); font-weight: 500; }
  .pc-donut-wrap { text-align: center; }
  .pc-donut { position: relative; width: 84px; height: 84px; margin: 0 auto .75rem; }
  .pc-donut .pc-dval { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 1.05rem; }
  .pc-donut-note { font-size: .72rem; color: var(--pc-outline); line-height: 1.5; }
  /* console list rows (schedule/control/govern) */
  .pc-rows { display: grid; gap: .6rem; }
  .pc-jrow { display: grid; grid-template-columns: 1fr auto auto; gap: 1rem; align-items: center; padding: .8rem 1rem; border-radius: 8px; background: var(--pc-glass); border: 1px solid var(--pc-line-soft); font-size: .85rem; }
  .pc-jrow .jn { font-family: var(--pc-mono); font-size: .8rem; color: var(--pc-ink); }
  .pc-jrow .jm { font-family: var(--pc-mono); font-size: .68rem; color: var(--pc-outline); }
  .pc-tag { font-family: var(--pc-mono); font-size: .6rem; letter-spacing: .05em; text-transform: uppercase; padding: .2rem .5rem; border-radius: 5px; }
  .pc-tag.g { color: var(--pc-green); background: rgba(74,222,128,0.1); border: 1px solid rgba(74,222,128,0.2); }
  .pc-tag.v { color: var(--pc-violet); background: rgba(212,187,255,0.1); border: 1px solid rgba(212,187,255,0.2); }
  .pc-tag.o { color: var(--pc-cta); background: rgba(250,129,62,0.1); border: 1px solid rgba(250,129,62,0.2); }
  .pc-ctrls { display: flex; gap: .4rem; }
  .pc-ctrls button { font-family: var(--pc-mono); font-size: .62rem; padding: .3rem .55rem; border-radius: 6px; border: 1px solid var(--pc-line); background: rgba(255,255,255,0.03); color: var(--pc-ink-dim); cursor: pointer; }
  .pc-ctrls button:hover { border-color: var(--pc-secondary); color: var(--pc-violet); }
  .pc-maestro { display: grid; gap: .9rem; }
  .pc-msg { display: flex; gap: .7rem; align-items: flex-start; }
  .pc-msg .pc-av { width: 26px; height: 26px; border-radius: 7px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-family: var(--pc-mono); font-size: .7rem; font-weight: 700; background: var(--pc-primary); color: var(--pc-violet); }
  .pc-bubble { background: var(--pc-glass); border: 1px solid var(--pc-line-soft); border-radius: 10px; padding: .75rem .9rem; font-size: .85rem; line-height: 1.55; color: var(--pc-ink-dim); }
  .pc-bubble strong { color: var(--pc-ink); }
  .pc-msg.me { flex-direction: row-reverse; } .pc-msg.me .pc-av { background: rgba(255,255,255,0.06); color: var(--pc-ink-dim); }
  .pc-msg.me .pc-bubble { background: rgba(212,187,255,0.06); border-color: rgba(212,187,255,0.15); color: var(--pc-ink); }

  /* ===== Capabilities (revamped) ===== */
  .pc-caps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
  .pc-cap { position: relative; padding: 1.6rem 1.5rem 1.5rem; overflow: hidden; transition: transform .25s var(--ease-out), box-shadow .25s; }
  /* full multicolor gradient outline (masked gradient border) */
  .pc-cap::before {
    content: ''; position: absolute; inset: 0; border-radius: 12px; padding: 1.5px;
    background: conic-gradient(from 140deg, #FA813E, #982AF3, #d4bbff, #47287D, #FA813E);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor; mask-composite: exclude;
    opacity: 0; transition: opacity .3s; pointer-events: none;
  }
  .pc-cap:hover { transform: translateY(-4px); box-shadow: 0 16px 44px rgba(71,40,125,0.35); }
  .pc-cap:hover::before { opacity: 1; }
  .pc-cap-ix { position: absolute; top: 1.3rem; right: 1.4rem; font-family: var(--pc-mono); font-size: .7rem; color: var(--pc-outline); opacity: .6; }
  .pc-cap-tile { width: 42px; height: 42px; border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-bottom: 1rem; background: linear-gradient(135deg, rgba(250,129,62,0.18), rgba(152,42,243,0.22)); border: 1px solid rgba(212,187,255,0.25); color: #fff; }
  .pc-cap h3 { font-size: 1rem; font-weight: 700; margin-bottom: .5rem; }
  .pc-cap p { font-size: .88rem; color: var(--pc-ink-dim); line-height: 1.6; }

  /* ===== Agentic AI narrative (tri-modal + governance) ===== */
  .pc-tri { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-bottom: 1.25rem; }
  .pc-tri-card { padding: 1.75rem 1.5rem; display: flex; flex-direction: column; position: relative; overflow: hidden; }
  .pc-tri-card.feat { border-color: rgba(212,187,255,0.35); }
  .pc-tri-card.feat::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--pc-grad); }
  .pc-tri-ix { font-family: var(--pc-mono); font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; color: var(--pc-violet); margin-bottom: .9rem; }
  .pc-tri-card h3 { font-size: 1.1rem; font-weight: 700; margin-bottom: .6rem; }
  .pc-tri-card p { font-size: .9rem; color: var(--pc-ink-dim); line-height: 1.6; flex: 1; }
  .pc-tri-when { margin-top: 1.1rem; padding-top: .85rem; border-top: 1px solid var(--pc-line-soft); font-size: .8rem; color: var(--pc-outline); }
  .pc-tri-when b { color: var(--pc-violet); font-weight: 600; }
  .pc-gov { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
  .pc-gov-item { padding: 1.3rem; }
  .pc-gov-item h4 { display: flex; align-items: center; gap: .5rem; font-size: .9rem; font-weight: 700; margin-bottom: .45rem; }
  .pc-gov-item h4 svg { color: var(--pc-secondary); flex-shrink: 0; }
  .pc-gov-item p { font-size: .82rem; color: var(--pc-ink-dim); line-height: 1.55; }

  /* The Shift matrix */
  .pc-matrix { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--pc-line); border: 1px solid var(--pc-line); border-radius: 16px; overflow: hidden; }
  .pc-matrix-col { padding: 2.5rem; }
  .pc-matrix-col.old { background: var(--pc-bg); }
  .pc-matrix-col.new { background: var(--pc-bg-low); position: relative; }
  .pc-matrix-col h3 { font-size: 1.25rem; font-weight: 700; margin: .5rem 0 1.75rem; }
  .pc-matrix-col.old h3 { color: var(--pc-ink-dim); }
  .pc-mx-list { list-style: none; display: grid; gap: 1.05rem; }
  .pc-mx-list li { display: flex; align-items: flex-start; gap: .7rem; font-size: .95rem; line-height: 1.5; }
  .pc-matrix-col.old .pc-mx-list li { color: var(--pc-outline); }
  .pc-matrix-col.old .pc-mx-list li::before { content: ''; width: 8px; height: 1px; background: currentColor; margin-top: .7rem; flex-shrink: 0; }
  .pc-matrix-col.new .pc-mx-list li svg { color: var(--pc-secondary); flex-shrink: 0; margin-top: .1rem; }
  .pc-matrix-col.new .pc-mx-list li span { color: var(--pc-ink); }

  /* ===== Use cases: agentic Teams demo ===== */
  .pc-flow { display: flex; align-items: flex-start; justify-content: center; gap: .5rem; flex-wrap: wrap; margin-bottom: 2.5rem; }
  .pc-flow-step { text-align: center; width: 150px; }
  .pc-flow-ic { width: 52px; height: 52px; border-radius: 14px; margin: 0 auto .7rem; display: flex; align-items: center; justify-content: center; background: var(--pc-glass); border: 1px solid var(--pc-line); color: var(--pc-violet); }
  .pc-flow-ic.amb { color: var(--pc-cta); border-color: rgba(250,129,62,0.3); }
  .pc-flow-ic.agt { color: var(--pc-secondary); border-color: rgba(152,42,243,0.35); }
  .pc-flow-name { font-weight: 700; font-size: .92rem; }
  .pc-flow-sub { font-size: .77rem; color: var(--pc-outline); margin-top: .2rem; }
  .pc-flow-arrow { color: var(--pc-outline); margin-top: 16px; flex-shrink: 0; }
  .pc-uc-tabs { display: flex; flex-wrap: wrap; gap: .6rem; justify-content: center; margin-bottom: 2rem; }
  .pc-uc-tab { font-size: .85rem; font-weight: 600; padding: .6rem 1.1rem; border-radius: 8px; border: 1px solid var(--pc-line); background: rgba(255,255,255,0.02); color: var(--pc-ink-dim); cursor: pointer; transition: all .2s; }
  .pc-uc-tab:hover { border-color: rgba(212,187,255,0.35); color: var(--pc-violet); }
  .pc-uc-tab.active { background: var(--pc-primary); border-color: var(--pc-secondary); color: #fff; }
  .pc-uc-panel { display: none; }
  .pc-uc-panel.active { display: block; animation: pcFade .35s var(--ease-out); }
  /* Teams window */
  .pc-teams { max-width: 780px; margin: 0 auto; overflow: hidden; }
  .pc-teams-head { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.25rem; border-bottom: 1px solid var(--pc-line); background: rgba(255,255,255,0.02); }
  .pc-teams-head .ch { display: flex; align-items: center; gap: .6rem; font-weight: 600; font-size: .95rem; }
  .pc-teams-head .cdot { width: 9px; height: 9px; border-radius: 50%; background: var(--pc-secondary); }
  .pc-teams-head .tdots { color: var(--pc-outline); letter-spacing: 2px; }
  .pc-chat { padding: 1.5rem; display: grid; gap: 1.1rem; max-height: 540px; overflow-y: auto; }
  .pc-cmsg { display: flex; gap: .7rem; align-items: flex-start; max-width: 90%; }
  .pc-cmsg.user { flex-direction: row-reverse; margin-left: auto; }
  .pc-cav { width: 30px; height: 30px; border-radius: 9px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-family: var(--pc-mono); font-weight: 700; font-size: .8rem; color: #fff; background: var(--pc-grad); }
  .pc-cmsg.user .pc-cav { background: rgba(255,255,255,0.08); color: var(--pc-ink-dim); }
  .pc-cbody { min-width: 0; }
  .pc-csender { font-size: .78rem; font-weight: 700; margin-bottom: .35rem; background: var(--pc-grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
  .pc-cbub { background: var(--pc-glass); border: 1px solid var(--pc-line-soft); border-radius: 12px; padding: .85rem 1rem; font-size: .9rem; line-height: 1.6; color: var(--pc-ink-dim); }
  .pc-cmsg.user .pc-cbub { background: rgba(212,187,255,0.07); border-color: rgba(212,187,255,0.18); color: var(--pc-ink); }
  .pc-cbub strong { color: var(--pc-ink); }
  .pc-alert { display: inline-block; font-family: var(--pc-mono); font-size: .64rem; letter-spacing: .06em; text-transform: uppercase; color: var(--pc-cta); border: 1px solid rgba(250,129,62,0.3); background: rgba(250,129,62,0.08); border-radius: 5px; padding: .15rem .5rem; margin-bottom: .5rem; }
  .pc-check { display: flex; gap: .55rem; margin-top: .6rem; font-size: .86rem; line-height: 1.5; color: var(--pc-ink-dim); }
  .pc-check .ci { flex-shrink: 0; font-weight: 700; }
  .pc-check .ci.warn { color: var(--pc-cta); } .pc-check .ci.fail { color: #ff6b6b; } .pc-check .ci.pass { color: var(--pc-green); }
  .pc-cstatus { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .85rem; }

  /* ===== Integrations (categorized rows) ===== */
  .pc-stack { display: grid; max-width: 980px; margin: 0 auto; }
  .pc-stack-group { display: grid; grid-template-columns: 210px 1fr; gap: 1.5rem; align-items: center; padding: 1.25rem 0; border-bottom: 1px solid var(--pc-line-soft); }
  .pc-stack-group:last-child { border-bottom: none; }
  .pc-stack-cat { font-family: var(--pc-mono); font-size: .74rem; letter-spacing: .08em; color: var(--pc-ink-dim); text-transform: uppercase; }
  .pc-chips { display: flex; flex-wrap: wrap; gap: .55rem; }
  .pc-chip { display: inline-flex; align-items: center; gap: .45rem; font-family: var(--pc-mono); font-size: .78rem; padding: .45rem .85rem; border-radius: 8px; border: 1px solid var(--pc-line); background: var(--pc-glass); color: var(--pc-ink-dim); }
  .pc-stack-note { text-align: center; color: var(--pc-outline); font-size: .95rem; margin-top: 2rem; }
  .pc-stack-note strong { background: var(--pc-grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

  /* Related cards */
  .pc-rel { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
  .pc-rel-card { display: flex; flex-direction: column; padding: 1.75rem; }
  .pc-rel-card h3 { font-size: 1.05rem; font-weight: 700; margin-bottom: .6rem; }
  .pc-rel-card p { font-size: .9rem; color: var(--pc-ink-dim); line-height: 1.6; flex: 1; }
  .pc-rel-link { margin-top: 1.1rem; font-size: .85rem; font-weight: 600; color: var(--pc-violet); display: inline-flex; align-items: center; gap: .4rem; }
  .pc-rel-link.cta { color: var(--pc-cta); }
  .pc-rel-link svg { transition: transform .2s; }
  .pc-rel-card:hover .pc-rel-link svg { transform: translateX(3px); }

  /* FAQ */
  .pc-faq-list { max-width: 820px; margin: 0 auto; display: grid; gap: .85rem; }
  .pc-faq-item { padding: .3rem 1.5rem; }
  .pc-faq-item summary { list-style: none; cursor: pointer; padding: 1.15rem 0; display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
  .pc-faq-item summary::-webkit-details-marker { display: none; }
  .pc-faq-item summary h3 { font-size: 1rem; font-weight: 600; }
  .pc-faq-item summary::after { content: '+'; font-size: 1.5rem; color: var(--pc-violet); font-weight: 300; transition: transform .3s; flex-shrink: 0; }
  .pc-faq-item[open] summary::after { transform: rotate(45deg); }
  .pc-faq-item > div { font-size: .95rem; color: var(--pc-ink-dim); line-height: 1.7; padding: 0 0 1.25rem; }

  /* CTA */
  .pc-cta-sec { position: relative; text-align: center; padding: 7rem 0; overflow: hidden; }
  .pc-cta-glow { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 760px; height: 380px; background: rgba(152,42,243,0.12); filter: blur(130px); border-radius: 50%; pointer-events: none; }
  .pc-cta-inner { position: relative; z-index: 1; max-width: 760px; margin: 0 auto; }
  .pc-cta-inner h2 { font-size: clamp(1.9rem, 3.4vw, 2.7rem); font-weight: 800; letter-spacing: -.02em; line-height: 1.12; margin-bottom: 1.1rem; }
  .pc-cta-inner p { font-size: 1.02rem; color: var(--pc-ink-dim); line-height: 1.65; margin-bottom: 2rem; }
  .pc-cta-sub { margin-top: 1.1rem; font-family: var(--pc-mono); font-size: .78rem; letter-spacing: .04em; color: var(--pc-outline); }

  /* ===== Page-scoped nav + footer harmonisation (platform pages only) ===== */
  .scroll-progress { background: linear-gradient(90deg, #FA813E, #982AF3) !important; }
  .nav { background: rgba(12, 8, 20, 0.6) !important; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-bottom: 1px solid rgba(255,255,255,0.07) !important; }
  .nav.scrolled { background: rgba(11, 7, 19, 0.86) !important; }
  .nav-links a, .nav-solutions-btn { color: #cbc4d2; }
  .nav-links a:hover, .nav-solutions-btn:hover { color: #d4bbff; }
  .nav-solutions-dropdown-menu { background: rgba(20, 14, 32, 0.96) !important; border: 1px solid rgba(255,255,255,0.08) !important; backdrop-filter: blur(14px); }
  .nav-solutions-link:hover { background: rgba(212,187,255,0.07) !important; }
  .nav-solutions-link-title { color: #e7e0e9; }
  .nav-link-cta { color: #d4bbff !important; }
  .nav-link-cta:hover { color: #fff !important; }
  .nav .btn-primary { background: #FA813E !important; color: #1a0e05 !important; }
  .nav .btn-primary:hover { background: #ff965e !important; }
  .mobile-menu { background: rgba(11, 7, 19, 0.98) !important; }
  .footer { background: #0b0713 !important; border-top: 1px solid rgba(255,255,255,0.07) !important; }
  .footer-links-group h4 { color: #e7e0e9; }
  .footer-links-group a, .footer-tagline, .footer-company { color: #8a8a96; }
  .footer-links-group a:hover, .footer-company a:hover, .footer-brand a:hover { color: #d4bbff; }
  .footer-bottom { border-top: 1px solid rgba(255,255,255,0.06); }

  /* Reveal */
  .pc-reveal { opacity: 0; transform: translateY(18px); transition: opacity .6s var(--ease-out), transform .6s var(--ease-out); }
  .pc-reveal.pc-in { opacity: 1; transform: none; }

  /* Responsive */
  @media (max-width: 1000px) {
    .pc-hero-grid { grid-template-columns: 1fr; gap: 2.5rem; }
    .pc-hero-visual { order: -1; max-width: 520px; }
    .pc-console { grid-template-columns: 1fr; }
    .pc-console-rail { flex-direction: row; overflow-x: auto; border-right: none; border-bottom: 1px solid var(--pc-line); }
    .pc-rail-item { min-width: 190px; }
    .pc-cards4 { grid-template-columns: repeat(2, 1fr); }
    .pc-vp-lower { grid-template-columns: 1fr; }
    .pc-caps { grid-template-columns: repeat(2, 1fr); }
    .pc-gap-grid { grid-template-columns: repeat(2, 1fr); }
    .pc-tri { grid-template-columns: 1fr; }
    .pc-gov { grid-template-columns: repeat(2, 1fr); }
    .pc-rel { grid-template-columns: 1fr; }
  }
  @media (max-width: 640px) {
    .pc-section { padding: 4rem 0; }
    .pc-hero { padding: 7rem 0 3rem; }
    .pc-ribbon-grid { grid-template-columns: 1fr; }
    .pc-metric + .pc-metric { border-left: none; border-top: 1px solid var(--pc-line); }
    .pc-cards4 { grid-template-columns: 1fr; }
    .pc-caps { grid-template-columns: 1fr; }
    .pc-gap-grid { grid-template-columns: 1fr; }
    .pc-matrix { grid-template-columns: 1fr; }
    .pc-stack-group { grid-template-columns: 1fr; gap: .75rem; }
    .pc-gov { grid-template-columns: 1fr; }
  }

  /* ===== Two-domain split band (reusable) ===== */
  .pc-split { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; max-width: 960px; margin: 0 auto; }
  .pc-split-card { padding: 1.75rem; position: relative; overflow: hidden; display: flex; flex-direction: column; }
  .pc-split-card.active { border-color: rgba(212,187,255,0.35); }
  .pc-split-card.active::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--pc-grad); }
  .pc-split-tag { font-family: var(--pc-mono); font-size: .66rem; letter-spacing: .1em; text-transform: uppercase; color: var(--pc-violet); margin-bottom: .6rem; }
  .pc-split-card.active .pc-split-tag { color: var(--pc-cta); }
  .pc-split-card h3 { font-size: 1.15rem; font-weight: 700; margin-bottom: .5rem; }
  .pc-split-card p { font-size: .92rem; color: var(--pc-ink-dim); line-height: 1.6; flex: 1; }
  .pc-split-link { margin-top: 1rem; display: inline-flex; align-items: center; gap: .4rem; font-size: .85rem; font-weight: 600; color: var(--pc-violet); }

  /* ===== Scenario phased steps (reusable) ===== */
  .pc-scn-panel { padding: 2rem; max-width: 820px; margin: 0 auto; }
  .pc-scn-meta { font-family: var(--pc-mono); font-size: .7rem; color: var(--pc-outline); text-transform: uppercase; letter-spacing: .06em; margin-bottom: 1.3rem; }
  .pc-steps { display: grid; gap: 0; }
  .pc-step { display: grid; grid-template-columns: 30px 1fr; gap: 1rem; position: relative; padding-bottom: 1.2rem; }
  .pc-step:last-child { padding-bottom: 0; }
  .pc-step-n { width: 30px; height: 30px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-family: var(--pc-mono); font-size: .8rem; font-weight: 700; color: var(--pc-violet); background: rgba(212,187,255,0.08); border: 1px solid rgba(212,187,255,0.25); z-index: 1; }
  .pc-step::before { content: ''; position: absolute; left: 15px; top: 30px; bottom: 0; width: 1px; background: linear-gradient(to bottom, rgba(212,187,255,0.35), transparent); }
  .pc-step:last-child::before { display: none; }
  .pc-step-phase { font-family: var(--pc-mono); font-size: .72rem; letter-spacing: .06em; text-transform: uppercase; color: var(--pc-violet); margin-bottom: .2rem; }
  .pc-step-body { font-size: .9rem; color: var(--pc-ink-dim); line-height: 1.55; }
  .pc-scn-outcome { margin-top: 1.4rem; padding-top: 1rem; border-top: 1px solid var(--pc-line-soft); font-size: .92rem; color: var(--pc-ink); }
  .pc-scn-outcome b { font-weight: 700; background: var(--pc-grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

  /* ===== Proof strip (reusable) ===== */
  .pc-proof-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1rem; }
  .pc-proof-card { padding: 1.5rem 1.25rem; text-align: center; }
  .pc-proof-metric { font-size: 1.7rem; font-weight: 800; letter-spacing: -.02em; line-height: 1; background: var(--pc-grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
  .pc-proof-label { font-size: .8rem; color: var(--pc-ink-dim); margin: .55rem 0 .7rem; line-height: 1.4; }
  .pc-proof-co { font-family: var(--pc-mono); font-size: .68rem; letter-spacing: .05em; color: var(--pc-outline); text-transform: uppercase; }

  @media (max-width: 1000px) { .pc-split { grid-template-columns: 1fr; } .pc-proof-grid { grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 640px) { .pc-proof-grid { grid-template-columns: 1fr; } .pc-scn-panel { padding: 1.5rem; } }

  /* ===== isAI self-healing loop (hero visualization, HTML/CSS) ===== */
  .pc-loop-panel { padding: 1.5rem 1.5rem 1.4rem; }
  .pc-loop-bar { display: flex; align-items: center; justify-content: space-between; padding-bottom: 1.1rem; border-bottom: 1px solid var(--pc-line); }
  .pc-loop-title { font-family: var(--pc-mono); font-size: .74rem; letter-spacing: .08em; text-transform: uppercase; color: var(--pc-ink-dim); }
  .pc-loop-stage { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: .4rem; margin: 1.6rem 0 1.4rem; }
  .pc-loop-track { position: absolute; top: 26px; left: 12.5%; right: 12.5%; height: 2px; background: repeating-linear-gradient(to right, rgba(212,187,255,.4) 0 5px, transparent 5px 10px); }
  .pc-loop-node { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: .55rem; }
  .pc-loop-ic { position: relative; width: 52px; height: 52px; border-radius: 14px; display: flex; align-items: center; justify-content: center; background: var(--pc-bg-low); border: 1px solid rgba(212,187,255,.25); color: var(--pc-violet); }
  .pc-loop-ic::after { content: ''; position: absolute; inset: -1px; border-radius: 14px; border: 1px solid var(--pc-violet); box-shadow: 0 0 18px rgba(212,187,255,.45); opacity: 0; }
  .pc-loop-node span { font-family: var(--pc-mono); font-size: .66rem; letter-spacing: .04em; text-transform: uppercase; color: var(--pc-outline); }
  .pc-loop-incident { border-top: 1px solid var(--pc-line); padding-top: 1.15rem; }
  .pc-loop-inc-row { display: flex; align-items: center; gap: .7rem; }
  .pc-loop-inc-label { font-family: var(--pc-mono); font-size: .78rem; color: var(--pc-ink-dim); flex: 1; }
  .pc-loop-inc-from { font-family: var(--pc-mono); font-size: .82rem; font-weight: 600; color: var(--pc-cta); text-decoration: line-through; text-decoration-color: rgba(250,129,62,.5); }
  .pc-loop-inc-row svg { color: var(--pc-outline); }
  .pc-loop-inc-to { font-family: var(--pc-mono); font-size: .82rem; font-weight: 700; color: var(--pc-green); }
  .pc-loop-inc-status { display: flex; align-items: center; justify-content: space-between; gap: .6rem; margin-top: .95rem; flex-wrap: wrap; }
  .pc-loop-badge { display: inline-flex; align-items: center; gap: .45rem; font-family: var(--pc-mono); font-size: .68rem; letter-spacing: .03em; color: var(--pc-green); border: 1px solid rgba(74,222,128,.3); background: rgba(74,222,128,.08); border-radius: 6px; padding: .3rem .6rem; }
  .pc-loop-badge i { width: 6px; height: 6px; border-radius: 50%; background: var(--pc-green); }
  .pc-loop-gov { font-family: var(--pc-mono); font-size: .66rem; color: var(--pc-outline); }
  @media (prefers-reduced-motion: no-preference) {
    .pc-loop-ic::after { animation: pcLoopGlow 4s infinite; }
    .pc-loop-node:nth-child(2) .pc-loop-ic::after { animation-delay: 0s; }
    .pc-loop-node:nth-child(3) .pc-loop-ic::after { animation-delay: 1s; }
    .pc-loop-node:nth-child(4) .pc-loop-ic::after { animation-delay: 2s; }
    .pc-loop-node:nth-child(5) .pc-loop-ic::after { animation-delay: 3s; }
    .pc-loop-badge i { animation: pcPulse 1.8s infinite; }
  }
  @keyframes pcLoopGlow { 0%, 18% { opacity: 1; } 30%, 100% { opacity: 0; } }

  /* ===== Guardrails grid (page-specific governance) ===== */
  .pc-guards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
  .pc-guard { padding: 1.5rem; }
  .pc-guard h3 { display: flex; align-items: center; gap: .5rem; font-size: 1rem; font-weight: 700; margin-bottom: .55rem; }
  .pc-guard h3 svg { color: var(--pc-secondary); flex-shrink: 0; }
  .pc-guard p { font-size: .88rem; color: var(--pc-ink-dim); line-height: 1.6; }

  /* ===== Compressed engine link ===== */
  .pc-engine-link { text-align: center; margin-top: 1.75rem; }

  /* ===== Proof strip, trust variant (short text metrics) ===== */
  .pc-proof-trust .pc-proof-metric { font-size: 1.05rem; line-height: 1.25; }

  @media (max-width: 1000px) { .pc-guards { grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 640px) {
    .pc-guards { grid-template-columns: 1fr; }
    .pc-loop-stage { gap: .2rem; }
    .pc-loop-node span { font-size: .58rem; }
    .pc-loop-ic { width: 46px; height: 46px; }
  }

  /* ===== BGM live job console (hero visualization) ===== */
  .pc-jobs { display: grid; gap: .55rem; margin: 1.3rem 0 0; }
  .pc-job { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: .75rem .9rem; border-radius: 8px; background: var(--pc-glass); border: 1px solid var(--pc-line-soft); }
  .pc-job-main .jn { font-family: var(--pc-mono); font-size: .82rem; color: var(--pc-ink); }
  .pc-job-main .jm { font-family: var(--pc-mono); font-size: .68rem; color: var(--pc-outline); margin-top: .15rem; }
  .pc-job-sub { font-family: var(--pc-mono); font-size: .68rem; color: var(--pc-green); margin-top: .45rem; line-height: 1.45; }
  .pc-job .pc-tag { flex-shrink: 0; }
  .pc-jobs-note { font-family: var(--pc-mono); font-size: .7rem; color: var(--pc-outline); margin-top: 1rem; padding-top: .9rem; border-top: 1px solid var(--pc-line); }

  /* ===== Maestro mini chat (hero visualization) ===== */
  .pc-chatmini { display: grid; gap: .9rem; margin-top: 1.3rem; }

  /* ===== Scheduler migration lane ===== */
  .pc-migrate { max-width: 820px; margin: 0 auto; }
  .pc-migrate-from { text-align: center; margin-bottom: 1.75rem; }
  .pc-migrate-from .pc-chips { justify-content: center; margin-top: .8rem; }
  .pc-chip.legacy { color: var(--pc-outline); text-decoration: line-through; text-decoration-color: rgba(255,255,255,.22); }
  .pc-migrate .pc-stack-note { margin-top: 1.5rem; }

  /* ===== Full-stack layer stack (hero visualization) ===== */
  .pc-stackviz { display: grid; gap: .5rem; margin: 1.3rem 0 0; }
  .pc-layer { display: flex; align-items: center; gap: .8rem; padding: .8rem .9rem; border-radius: 8px; background: var(--pc-glass); border: 1px solid var(--pc-line-soft); }
  .pc-layer-ic { width: 34px; height: 34px; border-radius: 9px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, rgba(250,129,62,0.14), rgba(152,42,243,0.2)); border: 1px solid rgba(212,187,255,0.25); color: var(--pc-violet); flex-shrink: 0; }
  .pc-layer-main { flex: 1; min-width: 0; }
  .pc-layer-name { font-family: var(--pc-mono); font-size: .8rem; color: var(--pc-ink); }
  .pc-layer-sub { font-family: var(--pc-mono); font-size: .66rem; color: var(--pc-outline); margin-top: .15rem; }

  /* ===== Enterprise process pipeline (hero visualization) ===== */
  .pc-pipe { position: relative; display: grid; grid-template-columns: repeat(5, 1fr); gap: .3rem; margin: 1.6rem 0 0; }
  .pc-pipe .pc-loop-track { left: 10%; right: 10%; }
  .pc-pipe .pc-loop-ic::after { display: none; }
  .pc-loop-ic.ok { color: var(--pc-green); border-color: rgba(74,222,128,.4); }
  .pc-loop-ic.exc { color: var(--pc-cta); border-color: rgba(250,129,62,.45); }

  /* ===== Orchestration control plane (hero visualization) ===== */
  .pc-cplane { margin: 1.4rem 0 .2rem; text-align: center; }
  .pc-cplane-cap { font-family: var(--pc-mono); font-size: .66rem; letter-spacing: .08em; text-transform: uppercase; color: var(--pc-outline); margin-bottom: .6rem; }
  .pc-cplane-chips { display: flex; flex-wrap: wrap; gap: .4rem; justify-content: center; }
  .pc-cplane-flow { display: flex; justify-content: center; margin: .5rem 0; }
  .pc-cplane-core { border: 1px solid rgba(212,187,255,.4); border-radius: 12px; background: linear-gradient(135deg, rgba(152,42,243,0.18), rgba(71,40,125,0.14)); padding: 1rem; }
  .pc-cplane-core-name { font-family: var(--pc-mono); font-size: 1.05rem; font-weight: 700; letter-spacing: .12em; }
  .pc-cplane-core-sub { font-family: var(--pc-mono); font-size: .68rem; color: var(--pc-ink-dim); margin-top: .25rem; }
  .pc-cplane-core-chip { display: inline-block; margin-top: .6rem; font-family: var(--pc-mono); font-size: .62rem; letter-spacing: .06em; text-transform: uppercase; color: var(--pc-green); border: 1px solid rgba(74,222,128,.3); background: rgba(74,222,128,.08); border-radius: 5px; padding: .2rem .5rem; }
  .pc-cplane-tier.two { display: grid; grid-template-columns: 1fr 1fr; gap: .6rem; }
  .pc-cplane-dom { border: 1px solid var(--pc-line); border-radius: 10px; background: var(--pc-glass); padding: .75rem; }
  .pc-cplane-dom b { display: block; font-size: .85rem; color: var(--pc-ink); }
  .pc-cplane-dom span { font-family: var(--pc-mono); font-size: .64rem; color: var(--pc-outline); }