/* Shared standalone engagement pages (the original private-AI stylesheet).
   --firm-* tokens come from orbit-hero.css. Like the public homepage, these
   pages keep the light brand palette regardless of the operating-system theme.
   No motion: the page is read, not played. */
:root{
  color-scheme:light;
  --pa-dot:rgba(11,18,32,0.035);
  --pa-card:rgba(255,255,255,0.72);
  --pa-accent:#4F5BD5;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:16px}
body{
  margin:0;color:var(--firm-ink);
  background:radial-gradient(circle at 1px 1px, var(--pa-dot) 1px, transparent 0) 0 0 / 22px 22px, var(--firm-ground);
  font-family:var(--firm-font-sans,Archivo,Helvetica,sans-serif);
  -webkit-font-smoothing:antialiased;line-height:1.6;
  overflow-wrap:break-word;
}
a{color:var(--firm-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:var(--firm-line-strong)}
a:hover{text-decoration-color:var(--firm-ink)}
a:focus-visible{outline:2px solid var(--firm-ink);outline-offset:3px;border-radius:4px}
strong{font-weight:600}
.pa-skip{position:absolute;left:-9999px;top:8px;padding:8px 14px;border-radius:8px;background:var(--firm-ink);color:var(--firm-on-ink)}
.pa-skip:focus{left:8px;z-index:10}

.pa-wrap{max-width:1040px;margin:0 auto;padding:0 clamp(16px,4vw,48px)}

/* Header */
.pa-nav{border-bottom:1px solid var(--firm-line);background:var(--firm-glass-strong)}
.pa-nav .pa-wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px}
.pa-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:14px;letter-spacing:0.04em;line-height:1.2}
.pa-brand img{display:block;width:28px;height:auto}
.pa-nav-links{display:flex;align-items:center;gap:clamp(12px,2vw,24px)}
.pa-nav-links a:not(.pa-btn){font-size:14px;text-decoration:none;color:var(--firm-ink-soft)}
.pa-nav-links a:not(.pa-btn):hover{color:var(--firm-ink)}

/* Buttons */
.pa-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;
  padding:10px 20px;border-radius:999px;font-size:15px;line-height:1.25;text-align:center;
  text-decoration:none;border:1px solid transparent;
}
.pa-btn-primary{background:var(--firm-ink);color:var(--firm-on-ink)}
.pa-btn-primary:hover{opacity:.86}
.pa-btn:focus-visible{outline-offset:3px;border-radius:999px}
.pa-btn-ghost{border-color:var(--firm-line-strong);background:var(--pa-card);color:var(--firm-ink)}
.pa-btn-ghost:hover{border-color:var(--firm-ink)}
.pa-nav .pa-btn{min-height:40px;padding:8px 16px;font-size:14px;white-space:nowrap}

/* Breadcrumb */
.pa-crumbs{margin:24px 0 0;font-family:var(--firm-font-mono,'IBM Plex Mono',monospace);font-size:12px;letter-spacing:0.04em;color:var(--firm-ink-mute)}
.pa-crumbs ol{display:flex;flex-wrap:wrap;gap:4px 8px;margin:0;padding:0;list-style:none}
.pa-crumbs li+li::before{content:"/";margin-right:8px;color:var(--firm-ink-mute)}
.pa-crumbs a{color:var(--firm-ink-soft)}
.pa-crumbs .pa-back{display:inline-flex;align-items:center;min-height:44px;color:var(--firm-ink)}
.pa-crumbs li{display:flex;align-items:center}
.pa-crumbs [aria-current]{color:var(--firm-ink)}

/* Intro */
.pa-hero{padding:clamp(28px,5vw,64px) 0 clamp(32px,5vw,56px)}
.pa-eyebrow{
  display:inline-flex;margin:0 0 18px;padding:4px 12px;border-radius:999px;
  font-family:var(--firm-font-mono,'IBM Plex Mono',monospace);font-size:11px;letter-spacing:0.08em;text-transform:uppercase;
  color:var(--firm-ink-soft);background:var(--firm-glass);border:1px solid var(--firm-line);
}
h1{margin:0 0 20px;max-width:18ch;font-size:clamp(32px,5vw,56px);font-weight:400;line-height:1.06;letter-spacing:-0.03em}
.pa-lede{margin:0 0 16px;max-width:62ch;font-size:clamp(17px,1.6vw,19px);color:var(--firm-ink)}
.pa-hero p{max-width:62ch}
.pa-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin:28px 0 0}
.pa-actions .pa-mail{font-size:14px;color:var(--firm-ink-soft)}

.pa-toc{margin:36px 0 0;padding:16px 20px;border:1px solid var(--firm-line);border-radius:14px;background:var(--pa-card)}
.pa-toc h2{margin:0 0 8px;font-family:var(--firm-font-mono,'IBM Plex Mono',monospace);font-size:11px;letter-spacing:0.08em;text-transform:uppercase;font-weight:400;color:var(--firm-ink-mute)}
.pa-toc ul{display:flex;flex-wrap:wrap;gap:4px 20px;margin:0;padding:0;list-style:none}
.pa-toc a{display:inline-flex;align-items:center;min-height:36px;font-size:14px}

/* Sections */
.pa-section{padding:clamp(36px,5vw,64px) 0;border-top:1px solid var(--firm-line)}
.pa-section h2{margin:0 0 12px;max-width:28ch;font-size:clamp(24px,2.8vw,34px);font-weight:400;line-height:1.15;letter-spacing:-0.025em}
.pa-section h3{margin:0 0 8px;font-size:19px;font-weight:500;line-height:1.3;letter-spacing:-0.015em}
.pa-section p{margin:0 0 14px;max-width:66ch;color:var(--firm-ink-soft)}
.pa-section .pa-intro{color:var(--firm-ink)}
.pa-list{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:10px;max-width:72ch}
.pa-list li{position:relative;padding-left:22px;color:var(--firm-ink-soft)}
.pa-list li::before{content:"";position:absolute;left:2px;top:.62em;width:8px;height:8px;border-radius:2px;background:var(--pa-accent);transform:rotate(45deg)}
.pa-list strong{color:var(--firm-ink);font-weight:500}

.pa-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0 0}
.pa-card{
  display:flex;flex-direction:column;padding:20px;border-radius:16px;
  background:var(--pa-card);border:1px solid var(--firm-line-strong);
}
.pa-card p{font-size:15px}
.pa-card p:last-child{margin-bottom:0}
.pa-tag,.pa-section .pa-tag{
  align-self:flex-start;margin:0 0 12px;padding:2px 10px;border-radius:999px;
  font-family:var(--firm-font-mono,'IBM Plex Mono',monospace);font-size:10.5px;letter-spacing:0.08em;text-transform:uppercase;
  color:var(--firm-ink-soft);border:1px solid var(--firm-line-strong);
}
.pa-card .pa-not{margin-top:auto;padding-top:12px;border-top:1px dashed var(--firm-line-strong);font-size:14px}

.pa-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0 0}
.pa-note,.pa-section .pa-note{
  margin:24px 0 0;padding:16px 20px;border-radius:14px;max-width:none;
  background:var(--firm-glass);border:1px solid var(--firm-line);color:var(--firm-ink-soft);font-size:15px;
}
.pa-note p{margin:0 0 8px}
.pa-note p:last-child{margin:0}

/* Questions: always rendered, each answer addressable by its id. */
.pa-faq{margin:24px 0 0;display:grid;gap:12px}
.pa-faq article{padding:18px 20px;border-radius:14px;background:var(--pa-card);border:1px solid var(--firm-line);scroll-margin-top:16px}
.pa-faq article:target{border-color:var(--pa-accent);box-shadow:0 0 0 1px var(--pa-accent)}
.pa-faq h3{font-size:17px}
.pa-faq h3 a{text-decoration:none}
.pa-faq h3 a:hover{text-decoration:underline}
.pa-faq p{font-size:15px}
.pa-faq p:last-child{margin-bottom:0}

/* Closing call to action */
.pa-cta{
  margin:clamp(8px,2vw,16px) 0 clamp(40px,6vw,72px);padding:clamp(24px,4vw,40px);border-radius:20px;
  background:var(--firm-ground-2);border:1px solid var(--firm-line-strong);
}
.pa-cta h2{margin:0 0 10px;font-size:clamp(22px,2.6vw,30px);font-weight:400;letter-spacing:-0.02em;line-height:1.2}
.pa-cta p{margin:0;max-width:62ch;color:var(--firm-ink-soft)}

/* Footer */
.pa-foot{border-top:1px solid var(--firm-line-strong);padding:28px 0 40px;font-size:14px;color:var(--firm-ink-mute)}
.pa-foot .pa-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px 32px}
.pa-foot p{margin:0 0 6px}
.pa-foot nav ul{display:flex;flex-wrap:wrap;gap:0 18px;margin:0;padding:0;list-style:none}
.pa-foot nav a{display:inline-flex;align-items:center;min-height:36px}

@media (max-width:900px){
  .pa-grid{grid-template-columns:1fr}
}
@media (max-width:700px){
  .pa-two{grid-template-columns:1fr}
  .pa-nav-links .pa-nav-secondary{display:none}
  .pa-actions .pa-btn{width:100%}
}
@media (max-width:380px){
  .pa-brand span{font-size:12px;letter-spacing:0.02em}
  .pa-brand img{width:24px}
  .pa-nav .pa-btn{padding:8px 12px;font-size:13px}
}
@media print{
  body{background:#fff;color:#000}
  .pa-nav-links,.pa-actions,.pa-toc{display:none}
}