/* Product Operations page */
.po-hero{padding-top:calc(var(--nav-h) + clamp(24px,5vw,60px))}
.po-hero .display{max-width:20ch}
.po-hero .lede{max-width:60ch;margin-top:18px}
.po-hero .breadcrumb{margin-bottom:22px}
.po-band{background:var(--paper-2)}

/* numbered problem cards */
.po-num{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:po;margin-top:clamp(30px,4vw,50px)}
.po-num-card{position:relative;border:1px solid var(--line);border-radius:22px;background:var(--card);padding:clamp(26px,3vw,36px);overflow:hidden}
.po-num-card::before{counter-increment:po;content:counter(po,decimal-leading-zero);position:absolute;top:14px;right:20px;font-family:'Instrument Sans',sans-serif;font-weight:700;font-size:clamp(2.4rem,4vw,3.4rem);line-height:1;color:color-mix(in srgb,var(--cap,#3B6FE0) 16%,transparent)}
.po-num-card b{display:block;font-family:'Instrument Sans',sans-serif;font-weight:700;font-size:clamp(1.2rem,1.7vw,1.4rem);letter-spacing:-.02em;margin-bottom:10px;max-width:14ch}
.po-num-card p{color:var(--muted);font-size:.97rem;line-height:1.55}

/* included features */
.po-inc{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:clamp(30px,4vw,50px)}
.po-inc-card{border:1px solid var(--line);border-radius:22px;background:var(--card);padding:clamp(26px,3vw,34px);transition:transform .5s cubic-bezier(.2,.7,.2,1),background .4s}
.po-inc-card:hover{transform:translateY(-6px);background:var(--card-2)}
.po-ic{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:color-mix(in srgb,var(--cap,#3B6FE0) 12%,#fff);color:var(--cap,#3B6FE0);margin-bottom:18px}
.po-ic svg{width:24px;height:24px}
.po-inc-card h3{font-family:'Instrument Sans',sans-serif;font-weight:700;font-size:1.25rem;letter-spacing:-.02em;margin-bottom:9px}
.po-inc-card p{color:var(--muted);font-size:.96rem;line-height:1.55}

/* roles */
.po-roles{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:clamp(30px,4vw,50px)}
.po-role{border:1px solid var(--line);border-radius:18px;background:var(--card);padding:22px}
.po-role b{display:block;font-family:'Instrument Sans',sans-serif;font-weight:700;font-size:1.05rem;letter-spacing:-.01em;margin-bottom:8px}
.po-role span{color:var(--muted);font-size:.9rem;line-height:1.5}

/* steps */
.po-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;counter-reset:pos;margin-top:clamp(30px,4vw,50px);border-top:1px solid var(--line)}
.po-step{position:relative;padding:clamp(26px,2.6vw,34px) clamp(22px,2vw,28px);border-right:1px solid var(--line)}
.po-step:last-child{border-right:0}
.po-step-h{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.po-step-h::before{counter-increment:pos;content:counter(pos,decimal-leading-zero);font-family:'IBM Plex Mono',monospace;font-size:.72rem;letter-spacing:.1em;color:var(--cap,#3B6FE0);border:1px solid color-mix(in srgb,var(--cap,#3B6FE0) 40%,transparent);border-radius:100px;padding:4px 9px}
.po-step-h b{font-family:'Instrument Sans',sans-serif;font-weight:700;font-size:1.12rem;letter-spacing:-.02em}
.po-step p{color:var(--muted);font-size:.95rem;line-height:1.55}

/* tiers */
.po-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:clamp(30px,4vw,50px)}
.po-tier{border:1px solid var(--line);border-radius:22px;background:var(--card);padding:clamp(26px,3vw,34px)}
.po-tier-tag{font-family:'IBM Plex Mono',monospace;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--cap,#3B6FE0)}
.po-tier h3{font-family:'Instrument Sans',sans-serif;font-weight:700;font-size:1.4rem;letter-spacing:-.02em;margin:12px 0 10px}
.po-tier p{color:var(--muted);font-size:.97rem;line-height:1.55}

/* faq */
.po-faq{max-width:820px;margin-top:clamp(24px,3vw,40px);border-top:1px solid var(--line)}
.po-faq-item{border-bottom:1px solid var(--line)}
.po-faq-item summary{list-style:none;cursor:pointer;padding:22px 44px 22px 0;position:relative;font-family:'Instrument Sans',sans-serif;font-weight:600;font-size:clamp(1.05rem,1.5vw,1.25rem);letter-spacing:-.015em;color:var(--ink)}
.po-faq-item summary::-webkit-details-marker{display:none}
.po-faq-item summary::after{content:"+";position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:1.5rem;font-weight:400;color:var(--muted);transition:transform .3s}
.po-faq-item[open] summary::after{content:"\2212"}
.po-faq-item p{color:var(--muted);font-size:1rem;line-height:1.6;padding:0 0 24px;max-width:70ch}

/* final cta */
.po-final{background:var(--paper-2)}
.po-final-inner{text-align:center;max-width:720px;margin-inline:auto}
.po-final-inner .lede{margin:16px auto 28px}

@media(max-width:900px){
  .po-num,.po-inc,.po-tiers{grid-template-columns:1fr 1fr}
  .po-roles{grid-template-columns:1fr 1fr 1fr}
  .po-steps{grid-template-columns:1fr 1fr;border-left:1px solid var(--line)}
  .po-step:nth-child(2){border-right:0}
  .po-step{border-bottom:1px solid var(--line)}
}
@media(max-width:600px){
  .po-num,.po-inc,.po-tiers,.po-roles,.po-steps{grid-template-columns:1fr}
  .po-step{border-right:0}
}