/* ==========================================================================
   unslop pass (polish mode) for the OperAIgent site.
   Uses the unslop skill by Damir Sokolovsky (@heydamir, CC BY 4.0).

   This file sits on top of polish.css and only overrides it. Remove the
   <link> to it in index.html (or delete this file) to get the original
   site back exactly.

   Direction
   - Product: an AI layer that reads existing plant control screens through a
     hardware intercept, for operators, plant managers and executives.
   - Character: steady, exact, plain-spoken.
   - World: the control room: anodised hardware, operator consoles, the warm
     off-white of procedure binders, navy.
   - Moment: the hero animation is the one bright element; everything around
     it stays quiet.
   - Signature: the small status dot (the LED on the hardware), used on the
     capability cards and nowhere else.
   ========================================================================== */

/* Color: no grain or noise layer over the page */
.grain{display:none}

/* Color and motion: the primary button keeps a small neutral shadow, no blue glow and no lift */
.button,.header-contact{box-shadow:inset 0 1px 0 rgb(255 255 255 / 14%),0 1px 2px rgb(0 0 0 / 10%);transition:background-color 160ms cubic-bezier(.22,1,.36,1),box-shadow 160ms cubic-bezier(.22,1,.36,1),transform 160ms cubic-bezier(.22,1,.36,1)}
.button:hover,.header-contact:hover{transform:none;box-shadow:inset 0 1px 0 rgb(255 255 255 / 14%),0 1px 2px rgb(0 0 0 / 12%)}
.button:active,.header-contact:active{transform:scale(.98)}

/* Motion: hover is a surface step, not a lift */
@media (hover:hover) and (pointer:fine){
  .process-step:hover{transform:none}
}
/* Motion: the capability highlight does not pulse (nothing here is live) */
.sb-ov-cap.is-on .sb-ov-halo,.sb-ov-part.is-on .sb-ov-dot-ring{animation:none!important}

/* Type: hierarchy from size and colour, headings at 500 instead of 600 */
h1,h2,.section-title,.process-step h3,.contact-panel h3,.audience-row .row-label{font-weight:500}
h1{letter-spacing:-.03em}

/* Spacing: card padding on the 4px grid */
@media (min-width:1024px){
  .scroll-story .process-step{padding:20px 24px}
  .capability-row .disclosure{padding:12px 20px}
  .scroll-story .process-strip{gap:12px}
  .capability-grid{gap:8px}
}
@media (min-width:1024px) and (max-height:780px){
  .scroll-story .process-step{padding:16px 20px}
}