/* Perentis — shared stylesheet for the static multi-page build.
   Ported from the single-document build, plus real :hover / :active rules
   replacing the runtime style-hover / style-active attributes. */

  :root{
    --navy-900:#0C1526;--navy-800:#111C33;--navy-700:#16243F;--navy-400:#5A6C8C;--navy-200:#C3CAD6;
    --gold-700:#8E6820;--gold-600:#A87C2C;--gold-500:#C8973E;--gold-400:#D8B06B;--gold-100:#F9F1E2;
    --paper-500:#F7F4ED;--paper-400:#EFEBE1;--paper-300:#E4DFD2;--paper-200:#D8D2C2;
    --stone-600:#5C574C;--stone-500:#8A8579;
    --surface-page:var(--paper-500);--surface-sunken:var(--paper-400);
    --caution-700:#7A5411;--white:#FFFFFF;
  }
  *{box-sizing:border-box}
  /* overflow-x:clip, not hidden — hidden makes body a scroll container and breaks
     the sticky header (it sticks to a scrollport that never moves). */
  html,body{margin:0;padding:0;max-width:100%;overflow-x:clip}
  html{scroll-padding-top:112px}
  body{background:#F7F4ED;color:#16243F;font-family:Poppins,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
  a{color:#16243F;text-decoration:none}
  a:hover{color:#8E6820}
  [data-panel]{display:none}
  [data-site][data-route="home"] [data-panel="home"]{display:block}
  [data-site][data-route="how-it-works"] [data-panel="how-it-works"]{display:block}
  [data-site][data-route="ai-workers"] [data-panel="ai-workers"]{display:block}
  [data-site][data-route="why-perentis"] [data-panel="why-perentis"]{display:block}
  [data-site][data-route="book"] [data-panel="book"]{display:block}
  [data-site][data-route="builders"] [data-panel="builders"]{display:block}
  [data-site][data-route="worker-anna"] [data-panel="worker-anna"]{display:block}
  [data-site][data-route="worker-marcus"] [data-panel="worker-marcus"]{display:block}
  [data-site][data-route="worker-nia"] [data-panel="worker-nia"]{display:block}
  [data-site][data-route="privacy"] [data-panel="privacy"]{display:block}
[data-header-row]{display:flex;align-items:center;justify-content:space-between;gap:clamp(8px,2.5cqw,24px);padding-inline:clamp(12px,4cqw,40px)}
[data-header-row]{padding-block:24px;transition:padding-block 200ms cubic-bezier(.2,.6,.2,1)}
[data-header-actions]{display:flex;align-items:center;gap:clamp(8px,2.5cqw,16px);flex:none}
[data-brand]{height:clamp(31px,9.9cqw,51px);width:auto;display:block;flex:none;transition:height 200ms cubic-bezier(.2,.6,.2,1)}
header:not([data-stuck]) [data-brand]{height:clamp(37px,11.9cqw,61px)}
[data-header-cta]{display:inline-flex;align-items:center;height:clamp(40px,11cqw,44px);padding-inline:clamp(8px,3cqw,20px);font-size:clamp(12px,3.6cqw,15px);white-space:nowrap;flex:none}
[data-nav]{display:flex;align-items:center;gap:32px}
[data-nav-toggle]{display:none}
@container site-header (max-width:860px){
    [data-nav]{display:none}
    [data-nav-toggle]{display:flex}
    [data-nav][data-open]{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:flex-start;gap:0;padding:8px 20px 20px;background:#F7F4ED;border-bottom:1px solid #E4DFD2;z-index:60}
    [data-nav][data-open] > a{width:100%;padding:14px 0;border-top:1px solid #E4DFD2;border-bottom:none}
  }
@container why-now (max-width:640px){
    [data-why-close] > p{max-width:none}
  }
[data-steps-row] > div{flex:1 1 240px}
[data-worker-columns] > *:hover [data-worker-photo] img{transform:scale(1.02)}
[data-worker-columns]{grid-template-columns:repeat(3,minmax(0,1fr))}
[data-worker-columns] > *{position:relative}
[data-worker-columns] > * + *::before{content:"";position:absolute;top:0;bottom:0;left:-16px;width:1px;background:#E4DFD2}
@container worker-columns (max-width:860px){
    [data-worker-columns]{grid-template-columns:repeat(2,minmax(0,1fr))}
    [data-worker-columns] > *:nth-child(2n+1)::before{display:none}
  }
@container worker-columns (max-width:560px){
    [data-worker-columns]{grid-template-columns:minmax(0,1fr)}
    [data-worker-columns] > *::before{display:none}
  }
[data-position-row] > div:first-child,
  [data-position-row] > div:last-child{flex:1 1 200px;align-items:center;text-align:center}
@container position-row (max-width:960px){
    /* stacked: seal turns vertical — navy points up to Enterprise need, gold down to AI capability */
    [data-seal-group]{flex-direction:column}
    [data-seal]{transform:rotate(90deg)}
    /* sides take their own lines so the two seal halves always flank Perentis */
    [data-position-row] > div:first-child,
    [data-position-row] > div:last-child{flex:0 0 100%}
    [data-position-row] > div > p{max-width:34ch}
  }
[data-hero-br]{display:none}
@media (min-width:1000px){[data-hero-br]{display:inline}}
header{overflow-anchor:none}
header[data-stuck]{box-shadow:0 1px 0 rgba(22,36,63,.10),0 6px 18px rgba(12,21,38,.05)}
header[data-stuck] [data-header-row]{padding-block:14px}
[data-progress]{position:absolute;left:0;bottom:-1px;height:2px;width:0;background:#C8973E;z-index:60;pointer-events:none}
[data-nav] > a{position:relative}
[data-nav] > a::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:2px;background:#C8973E;transform:scaleX(0);transform-origin:left center;transition:transform 180ms cubic-bezier(.2,.6,.2,1)}
[data-nav] > a:hover::after{transform:scaleX(1)}
[data-nav] > a[aria-current]{border-bottom:none !important;padding-bottom:0 !important}
[data-nav] > a[aria-current]::after{transform:scaleX(1)}
[data-engage-card]{transition:transform 700ms cubic-bezier(.2,.6,.2,1),border-color 180ms cubic-bezier(.2,.6,.2,1),box-shadow 180ms cubic-bezier(.2,.6,.2,1)}
[data-engage-card]:hover{transform:scale(1.02);border-color:#C8973E;box-shadow:0 2px 10px rgba(12,21,38,.06)}
[data-chip]:hover{background:#EFEBE1;border-color:#8A8579}
[data-chip]:focus-visible{outline:2px solid #C8973E;outline-offset:2px}
[data-chip][data-on]{background:#16243F;border-color:#16243F;color:#F7F4ED}
[data-filter-reset]:hover{color:#16243F;border-color:#D8D2C2}
[data-worker-columns] > *[hidden]{display:none}
[data-worker-columns] > *[data-first]::before{display:none}
[data-worker-card]:hover img{transform:scale(1.02)}
[data-card-link]{position:relative}
[data-card-link]::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:2px;background:#C8973E;transform:scaleX(0);transform-origin:left center;transition:transform 320ms cubic-bezier(0,.6,.35,1)}
[data-card-link]:hover::after{transform:scaleX(1)}
[data-worker-card]:hover [data-card-link]{color:#8E6820}
[data-worker-card]:focus-visible{outline:2px solid #C8973E;outline-offset:4px}
[data-book-form] input:focus-visible,
  [data-book-form] select:focus-visible,
  [data-book-form] textarea:focus-visible,
  [data-book-form] button:focus-visible{outline:2px solid #C8973E;outline-offset:2px;border-color:#8A8579}
[data-book-form] input:hover,
  [data-book-form] select:hover,
  [data-book-form] textarea:hover{border-color:#8A8579}
[data-book-form] ::placeholder{color:#8A8579}
[data-next-steps]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px}
@container next-steps (max-width:860px){[data-next-steps]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container next-steps (max-width:440px){[data-next-steps]{grid-template-columns:minmax(0,1fr)}}
[data-book-sent]{display:none}
[data-book-sent][data-sent="true"]{display:flex}
[data-book-form][data-sent="true"]{display:none !important}
[data-book-form] [data-invalid]{border-color:#8E2F26}
[data-field-error]{margin:0;font-size:14px;line-height:1.5;color:#8E2F26}
[data-form-error]{display:none}
[data-form-error][data-err="true"]{display:block}
[data-book-form] button[type="submit"][disabled]{opacity:.55;cursor:not-allowed !important}
[data-cond]{display:none}
[data-cond][data-show]{display:flex}
/* === panel-scoped === */
[data-panel="home"] [data-steps-row]{align-items:center}
[data-panel="how-it-works"] [data-steps-row]{align-items:center}
[data-panel="ai-workers"] [data-steps-row]{align-items:flex-start}
[data-panel="why-perentis"] [data-steps-row]{align-items:flex-start}
[data-panel="book"] [data-steps-row]{align-items:flex-start}
[data-panel="worker-anna"] [data-steps-row]{align-items:flex-start}
[data-panel="worker-marcus"] [data-steps-row]{align-items:flex-start}
[data-panel="worker-nia"] [data-steps-row]{align-items:flex-start}
[data-panel="home"] [data-step-arrow]{width:clamp(22px,2.6cqw,32px);height:auto;margin-top:0}
[data-panel="how-it-works"] [data-step-arrow]{margin-top:0}
[data-panel="ai-workers"] [data-step-arrow]{margin-top:34px}
[data-panel="why-perentis"] [data-step-arrow]{margin-top:34px}
[data-panel="book"] [data-step-arrow]{margin-top:34px}
[data-panel="worker-anna"] [data-step-arrow]{margin-top:34px}
[data-panel="worker-marcus"] [data-step-arrow]{margin-top:34px}
[data-panel="worker-nia"] [data-step-arrow]{margin-top:34px}
@container steps-row (max-width:900px){
  [data-panel="home"] [data-steps-row]{flex-direction:column;align-items:center;gap:28px}
  [data-panel="home"] [data-steps-row] > div{flex:0 0 auto;width:100%;max-width:420px}
  [data-panel="home"] [data-step-arrow]{transform:rotate(90deg);margin-top:0}
}
@container steps-row (max-width:900px){
  [data-panel="how-it-works"] [data-steps-row]{flex-direction:column;align-items:center;flex-wrap:wrap}
  [data-panel="how-it-works"] [data-steps-row] > [data-step]{flex:0 0 auto;width:100%;max-width:420px}
  [data-panel="how-it-works"] [data-step-arrow]{transform:rotate(90deg);margin-top:0}
}
@container steps-row (max-width:900px){
  [data-panel="ai-workers"] [data-steps-row]{flex-direction:column;align-items:center}
  [data-panel="ai-workers"] [data-step-arrow]{transform:rotate(90deg);margin-top:0}
}
@container steps-row (max-width:900px){
  [data-panel="why-perentis"] [data-steps-row]{flex-direction:column;align-items:center}
  [data-panel="why-perentis"] [data-step-arrow]{transform:rotate(90deg);margin-top:0}
}
@container steps-row (max-width:900px){
  [data-panel="book"] [data-steps-row]{flex-direction:column;align-items:center}
  [data-panel="book"] [data-step-arrow]{transform:rotate(90deg);margin-top:0}
}
@container steps-row (max-width:900px){
  [data-panel="worker-anna"] [data-steps-row]{flex-direction:column;align-items:center}
  [data-panel="worker-anna"] [data-step-arrow]{transform:rotate(90deg);margin-top:0}
}
@container steps-row (max-width:900px){
  [data-panel="worker-marcus"] [data-steps-row]{flex-direction:column;align-items:center}
  [data-panel="worker-marcus"] [data-step-arrow]{transform:rotate(90deg);margin-top:0}
}
@container steps-row (max-width:900px){
  [data-panel="worker-nia"] [data-steps-row]{flex-direction:column;align-items:center}
  [data-panel="worker-nia"] [data-step-arrow]{transform:rotate(90deg);margin-top:0}
}
@media (prefers-reduced-motion:no-preference){
  [data-panel="home"] [data-rv]{opacity:0;transform:translateY(20px);transition:opacity 900ms cubic-bezier(.2,.6,.2,1),transform 900ms cubic-bezier(.2,.6,.2,1)}
  [data-panel="home"] [data-rv][data-rv-in]{opacity:1;transform:none}
}
@media (prefers-reduced-motion:no-preference){
  [data-panel="home"] [data-seq]:not([data-step-arrow]){opacity:0;transform:translateY(18px);transition:opacity 520ms cubic-bezier(.2,.6,.2,1),transform 520ms cubic-bezier(.2,.6,.2,1)}
  [data-panel="home"] [data-seq]:not([data-step-arrow])[data-seq-in]{opacity:1;transform:none}
  [data-panel="home"] [data-step-arrow][data-seq]{opacity:0;transition:opacity 400ms cubic-bezier(.2,.6,.2,1)}
  [data-panel="home"] [data-step-arrow][data-seq][data-seq-in]{opacity:1}
}
@media (prefers-reduced-motion:no-preference){
  [data-panel="how-it-works"] [data-rv]{opacity:0;transform:translateY(20px);transition:opacity 900ms cubic-bezier(.2,.6,.2,1),transform 900ms cubic-bezier(.2,.6,.2,1)}
  [data-panel="how-it-works"] [data-rv][data-rv-in]{opacity:1;transform:none}
}
@media (prefers-reduced-motion:no-preference){
  [data-panel="how-it-works"] [data-seq]:not([data-step-arrow]){opacity:0;transform:translateY(18px);transition:opacity 520ms cubic-bezier(.2,.6,.2,1),transform 520ms cubic-bezier(.2,.6,.2,1)}
  [data-panel="how-it-works"] [data-seq]:not([data-step-arrow])[data-seq-in]{opacity:1;transform:none}
  [data-panel="how-it-works"] [data-step-arrow][data-seq]{opacity:0;transition:opacity 400ms cubic-bezier(.2,.6,.2,1)}
  [data-panel="how-it-works"] [data-step-arrow][data-seq][data-seq-in]{opacity:1}
}
@media (prefers-reduced-motion:no-preference){
  [data-panel="ai-workers"] [data-rv]{opacity:0;transform:translateY(20px);transition:opacity 900ms cubic-bezier(.2,.6,.2,1),transform 900ms cubic-bezier(.2,.6,.2,1)}
  [data-panel="ai-workers"] [data-rv][data-rv-in]{opacity:1;transform:none}
}
@media (prefers-reduced-motion:no-preference){
  [data-panel="why-perentis"] [data-rv]{opacity:0;transform:translateY(20px);transition:opacity 900ms cubic-bezier(.2,.6,.2,1),transform 900ms cubic-bezier(.2,.6,.2,1)}
  [data-panel="why-perentis"] [data-rv][data-rv-in]{opacity:1;transform:none}
}
@media (prefers-reduced-motion:no-preference){
  [data-panel="book"] [data-rv]{opacity:0;transform:translateY(20px);transition:opacity 900ms cubic-bezier(.2,.6,.2,1),transform 900ms cubic-bezier(.2,.6,.2,1)}
  [data-panel="book"] [data-rv][data-rv-in]{opacity:1;transform:none}
}
@media (prefers-reduced-motion:no-preference){
  [data-panel="builders"] [data-rv]{opacity:0;transform:translateY(20px);transition:opacity 900ms cubic-bezier(.2,.6,.2,1),transform 900ms cubic-bezier(.2,.6,.2,1)}
  [data-panel="builders"] [data-rv][data-rv-in]{opacity:1;transform:none}
}
@media (prefers-reduced-motion:no-preference){
  [data-panel="worker-anna"] [data-rv]{opacity:0;transform:translateY(20px);transition:opacity 900ms cubic-bezier(.2,.6,.2,1),transform 900ms cubic-bezier(.2,.6,.2,1)}
  [data-panel="worker-anna"] [data-rv][data-rv-in]{opacity:1;transform:none}
}
@media (prefers-reduced-motion:no-preference){
  [data-panel="worker-marcus"] [data-rv]{opacity:0;transform:translateY(20px);transition:opacity 900ms cubic-bezier(.2,.6,.2,1),transform 900ms cubic-bezier(.2,.6,.2,1)}
  [data-panel="worker-marcus"] [data-rv][data-rv-in]{opacity:1;transform:none}
}
@media (prefers-reduced-motion:no-preference){
  [data-panel="worker-nia"] [data-rv]{opacity:0;transform:translateY(20px);transition:opacity 900ms cubic-bezier(.2,.6,.2,1),transform 900ms cubic-bezier(.2,.6,.2,1)}
  [data-panel="worker-nia"] [data-rv][data-rv-in]{opacity:1;transform:none}
}

/* === interaction states (ported from runtime style-hover / style-active) === */
.pv-s1:hover{color:#8E6820}
.pv-s2:hover{background:#EFEBE1;border-color:#8A8579}
.pv-s3:hover{background:#111C33;color:#F7F4ED}
.pv-s3:active{background:#0C1526;transform:translateY(1px)}
.pv-s4:hover{color:#F7F4ED}
.pv-s5:hover{background:#EFEBE1;border-color:#8A8579;color:#16243F}
.pv-s5:active{background:#E4DFD2;transform:translateY(1px)}
.pv-s6:hover{color:#D8B06B}
.pv-s7:hover{background:#FFFFFF;color:#16243F}
.pv-s7:active{background:#E4DFD2;transform:translateY(1px)}
.pv-s8:hover{background:#111C33}
.pv-s8:active{background:#0C1526;transform:translateY(1px)}