/* =========================================================
   PROWESSZ CONSULTING — shared stylesheet (Kinetic design, Oct 2026)
   White paper, navy ink, gold highlight; blueprint navy bands.
   Display: Bricolage Grotesque · Text: Manrope · Wordmark: Poppins
   ========================================================= */

:root{
  --paper:#FFFFFF; --ink:#0B1235; --mut:#5C6380; --soft:#F2F3F8; --line:#E3E5EE;
  --gold:#E2B04F; --gold-deep:#9A7123; --hl:#F7E3B4;
  --navy:#060B22; --navy-2:#1B2763;
  --bp:#0A1B45; --bp-text:#DCE6FF; --bp-mut:#A9B9E0; --bp-line:rgba(95,127,196,.45);
  --ack:#04190F; --ack-k:#AD8330;
  --on-gold:#1B1405;
  --shadow:0 30px 60px -36px rgba(11,18,53,.45);
  --f-display:"Bricolage Grotesque","Segoe UI",system-ui,sans-serif;
  --f-text:"Manrope","Segoe UI",system-ui,sans-serif;
  --f-ack:"Poppins","Segoe UI",sans-serif;
  --maxw:1160px;
  --header-bg:rgba(255,255,255,.88);
  /* aliases kept for older inline styles */
  --on-brand:var(--bp-text); --on-brand-muted:var(--bp-mut); --accent:var(--gold); --accent-strong:var(--gold-deep); --border:var(--line); --text:var(--ink);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --paper:#0A0F2C; --ink:#EEF0F8; --mut:#A6ADC9; --soft:#141A40; --line:#232A55;
    --hl:rgba(226,176,79,.32); --gold-deep:#E2B04F; --shadow:0 30px 60px -30px rgba(0,0,0,.7);
    --header-bg:rgba(10,15,44,.88); color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --paper:#0A0F2C; --ink:#EEF0F8; --mut:#A6ADC9; --soft:#141A40; --line:#232A55;
  --hl:rgba(226,176,79,.32); --gold-deep:#E2B04F; --shadow:0 30px 60px -30px rgba(0,0,0,.7);
  --header-bg:rgba(10,15,44,.88); color-scheme:dark;
}

/* ---------- base ---------- */
*{box-sizing:border-box}
html{scroll-padding-top:90px; overflow-x:clip}
body{margin:0; background:var(--paper); color:var(--ink); font-family:var(--f-text); font-size:16px; line-height:1.6; -webkit-font-smoothing:antialiased; overflow-x:hidden}
h1,h2,h3,h4{font-family:var(--f-display); font-weight:800; line-height:1.02; letter-spacing:-.03em; margin:0 0 .45em; color:inherit; text-wrap:balance}
h1{font-size:clamp(2.4rem,5.6vw,4.6rem); letter-spacing:-.045em; line-height:.95}
h2{font-size:clamp(1.9rem,4vw,3.1rem); letter-spacing:-.04em}
h3{font-size:1.4rem; letter-spacing:-.025em}
h4{font-size:1.12rem; letter-spacing:-.015em}
p{margin:0 0 1em; max-width:65ch}
a{color:inherit; text-decoration:none}
img,svg{max-width:100%; display:block}
ul,ol{margin:0; padding:0}
::selection{background:var(--hl); color:var(--ink)}
:focus-visible{outline:2px solid var(--gold); outline-offset:3px; border-radius:2px}
[hidden]{display:none!important}

.wrap{max-width:var(--maxw); margin-inline:auto; padding-inline:clamp(16px,4vw,48px)}
.eyebrow{font-family:var(--f-text); font-size:.74rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--gold-deep); margin:0 0 1em}
.lede{font-size:1.1rem; color:var(--mut); max-width:52ch}
.note{font-size:.84rem; color:var(--mut)}
.hl{background:linear-gradient(transparent 58%, var(--hl) 58%); padding-inline:.06em}

/* ---------- bands ---------- */
.band{padding-block:84px}
.band--tight{padding-block:52px}
.band--paper{background:var(--paper)}
.band--surface{background:var(--soft)}
.band--brand,.bp{
  color:var(--bp-text);
  background:linear-gradient(rgba(95,127,196,.11) 1px,transparent 1px) 0 0/28px 28px,
             linear-gradient(90deg,rgba(95,127,196,.11) 1px,transparent 1px) 0 0/28px 28px, var(--bp);
}
.band--brand h1,.band--brand h2,.band--brand h3,.band--brand h4{color:var(--bp-text)}
.band--brand p{color:var(--bp-mut)}
.band--brand .eyebrow{color:var(--gold)}

/* page hero: white kinetic opener on inner pages */
.page-hero{padding-block:72px 56px; background:var(--paper); color:var(--ink); border-bottom:2px solid var(--ink)}
.page-hero.band--brand{background:var(--paper)}
.page-hero h1,.page-hero.band--brand h1{color:var(--ink); max-width:18ch}
.page-hero p,.page-hero.band--brand p{color:var(--mut)}
.page-hero .eyebrow{color:var(--gold-deep)}

/* ---------- buttons ---------- */
.btn{display:inline-flex; align-items:center; gap:.5em; padding:.85em 1.35em; font-family:var(--f-text); font-weight:700; font-size:.92rem; border-radius:4px; border:1.5px solid transparent; cursor:pointer; white-space:nowrap; transition:background .2s, color .2s, border-color .2s, transform .2s}
.btn:hover{transform:translateY(-2px)}
.btn .arr{display:inline-block; transition:transform .25s}
.btn:hover .arr{transform:translateX(4px)}
.btn--accent{background:var(--ink); color:var(--paper)}
.btn--ghost-light{border-color:var(--ink); color:var(--ink)}
.btn--ghost-light:hover{background:var(--ink); color:var(--paper)}
.btn--ghost-dark{border-color:rgba(220,230,255,.5); color:var(--bp-text)}
.btn--ghost-dark:hover{border-color:var(--bp-text); background:rgba(220,230,255,.08)}
.band--brand .btn--accent,.bp .btn--accent{background:var(--gold); color:var(--on-gold)}
.btn--sm{padding:.6em 1.05em; font-size:.84rem}
.actions{display:flex; gap:12px; flex-wrap:wrap; margin-top:8px}

/* ---------- header ---------- */
.site-header{position:sticky; top:env(safe-area-inset-top,0px); z-index:100; background:var(--header-bg); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); border-bottom:1px solid var(--line); transition:box-shadow .25s}
.site-header.is-scrolled{box-shadow:0 10px 30px -22px rgba(11,18,53,.6)}
.nav-row{display:flex; align-items:center; justify-content:space-between; gap:18px; padding-block:12px}
.brand-mark{display:flex; align-items:center}
.brand-logo{height:48px; width:auto}
@media (max-width:500px){ .brand-logo{height:40px} }
.brand-logo-dark{display:none}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .brand-logo-light{display:none}
  :root:not([data-theme="light"]) .brand-logo-dark{display:block}
}
:root[data-theme="dark"] .brand-logo-light{display:none}
:root[data-theme="dark"] .brand-logo-dark{display:block}

.nav-links{display:flex; align-items:center; gap:26px; list-style:none}
.nav-links > li{position:relative; list-style:none}
.nav-links a.top-link{font-weight:600; font-size:.92rem; padding:8px 0; position:relative; display:inline-block}
.nav-links a.top-link::after{content:""; position:absolute; left:0; bottom:2px; height:2px; width:0; background:var(--gold); transition:width .2s}
.nav-links a.top-link:hover::after,.nav-links li.is-active > a.top-link::after{width:100%}
.nav-links li.is-active > a.top-link{color:var(--gold-deep)}
.mega{position:absolute; top:100%; left:50%; transform:translate(-50%,8px); width:560px; background:var(--paper); border:1px solid var(--line); box-shadow:var(--shadow); border-radius:10px; padding:14px; display:grid; grid-template-columns:1fr 1fr; gap:4px; opacity:0; visibility:hidden; transition:opacity .18s, transform .18s}
.has-mega:hover .mega,.has-mega:focus-within .mega{opacity:1; visibility:visible; transform:translate(-50%,0)}
.mega a{display:flex; gap:12px; align-items:flex-start; padding:10px; border-radius:6px}
.mega a:hover{background:var(--soft)}
.mega .ic{color:var(--gold-deep); flex:none; margin-top:2px}
.mega .t{display:block; font-weight:700; font-size:.88rem}
.mega .d{display:block; font-size:.78rem; color:var(--mut); margin-top:2px}
.nav-toggle{display:none; background:none; border:0; cursor:pointer; padding:6px}
.nav-toggle span{display:block; width:24px; height:2px; background:var(--ink); margin:5px 0}
@media (max-width:960px){
  .nav-links{position:fixed; right:0; top:var(--header-h,72px); width:min(320px,86vw); height:calc(100vh - var(--header-h,72px)); background:var(--paper); border-left:1px solid var(--line); flex-direction:column; align-items:flex-start; padding:22px; gap:2px; transform:translateX(100%); visibility:hidden; transition:transform .28s, visibility 0s .28s; overflow-y:auto; box-shadow:var(--shadow)}
  .nav-links.is-open{transform:translateX(0); visibility:visible; transition:transform .28s}
  .nav-links li{width:100%}
  .nav-links a.top-link{display:block; padding:12px 4px; width:100%}
  .mega{position:static; width:100%; transform:none; opacity:1; visibility:visible; box-shadow:none; grid-template-columns:1fr; display:none; border:0; border-top:1px solid var(--line); border-radius:0; padding:6px 0 6px 10px}
  .has-mega.is-expanded .mega{display:grid}
  .nav-toggle{display:block}
  .cta-slot{display:none}
}

/* ---------- section heads, grids, cards ---------- */
.section-head{max-width:680px; margin-bottom:40px}
.section-head p{color:var(--mut)}
.band--brand .section-head p{color:var(--bp-mut)}
.grid{display:grid; gap:16px}
@media(min-width:760px){ .grid-2{grid-template-columns:1fr 1fr} .grid-3{grid-template-columns:1fr 1fr} }
@media(min-width:1000px){ .grid-3{grid-template-columns:repeat(3,1fr)} }

.pillar-card{background:var(--soft); border-radius:8px; padding:26px; height:100%; display:flex; flex-direction:column; gap:12px; transition:background .25s, color .25s, transform .25s}
.band--surface .pillar-card{background:var(--paper)}
a.pillar-card:hover{background:var(--ink); color:var(--paper); transform:translateY(-3px)}
a.pillar-card:hover p,a.pillar-card:hover .go,a.pillar-card:hover .num{color:inherit; opacity:.8}
.pillar-card .num{font-size:.72rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--gold-deep)}
.pillar-card .ic{color:var(--gold-deep)}
.pillar-card h3{font-size:1.35rem; margin:0}
.pillar-card p{color:var(--mut); font-size:.94rem; margin:0}
.pillar-card .go{margin-top:auto; font-weight:700; font-size:.86rem; color:var(--gold-deep)}
.band--brand .pillar-card{background:rgba(10,27,69,.6); border:1px solid var(--bp-line)}

/* feature rows */
.feature-row{display:grid; gap:44px; align-items:center}
@media(min-width:860px){ .feature-row{grid-template-columns:1fr 1fr} .feature-row.rev .art{order:2} }
.feature-row h3{font-size:1.6rem}

.art{border-radius:10px; overflow:hidden; aspect-ratio:4/3; position:relative; background:var(--soft); max-width:100%}
.art svg{width:100%; height:100%}
.art img{width:100%; height:100%; object-fit:cover}
.art-cap{position:absolute; left:12px; bottom:12px; background:rgba(11,18,53,.78); color:#fff; font-size:.72rem; font-weight:600; padding:5px 10px; border-radius:4px}

/* pull quote */
.pull{font-family:var(--f-display); font-weight:600; font-size:1.45rem; line-height:1.3; letter-spacing:-.015em; border-left:4px solid var(--gold); padding-left:20px; max-width:56ch}

/* numbered list (MSME, acktvt) */
.numlist{list-style:none; display:grid; gap:0}
.numlist li{display:grid; grid-template-columns:auto 1fr; gap:22px; padding-block:24px; border-top:1px solid var(--line)}
.numlist li:last-child{border-bottom:1px solid var(--line)}
.numlist .n{font-family:var(--f-display); font-weight:800; font-size:1.9rem; color:var(--gold-deep); line-height:1; min-width:2ch}
.numlist h4{margin-bottom:.3em}
.numlist p{color:var(--mut); margin:0}

/* checklist */
.checklist{list-style:none; display:grid; gap:12px}
.checklist li{display:flex; gap:12px; align-items:flex-start}
.checklist li svg{flex:none; margin-top:4px; color:var(--gold-deep)}

/* timeline (process steps) */
.timeline{list-style:none; display:grid; gap:0; counter-reset:step; grid-template-columns:1fr}
@media(min-width:800px){ .timeline{grid-template-columns:repeat(5,1fr)} }
.timeline li{position:relative; padding:30px 20px 18px 0; border-top:2px solid var(--line); counter-increment:step}
.timeline li::before{content:counter(step,decimal-leading-zero); position:absolute; top:-14px; left:0; font-family:var(--f-display); font-weight:800; font-size:.9rem; color:var(--gold-deep); background:var(--paper); padding-right:10px}
.band--surface .timeline li::before{background:var(--soft)}
.timeline h4{margin-bottom:.3em}
.timeline p{font-size:.9rem; color:var(--mut); margin:0}
.band--brand .timeline li{border-top-color:var(--bp-line)}
.band--brand .timeline li::before{background:var(--bp); color:var(--gold)}
.band--brand .timeline h4{color:var(--bp-text)}
.band--brand .timeline p{color:var(--bp-mut)}

/* ---------- team ---------- */
.team-stack{display:grid; gap:24px; max-width:960px}
.team-card{background:var(--soft); border-radius:10px; overflow:hidden}
.team-card .info{padding:28px}
.team-card .role{font-size:.74rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--gold-deep); margin-bottom:.4em}
.team-card h3{font-size:1.8rem; margin-bottom:.4em}
.team-card blockquote{margin:16px 0; padding-left:16px; border-left:4px solid var(--gold); font-family:var(--f-display); font-weight:600; font-size:1.08rem; line-height:1.4}
.team-card .li{display:inline-flex; align-items:center; gap:8px; font-weight:700; font-size:.88rem; color:var(--gold-deep); margin-top:6px}
.avatar{aspect-ratio:4/3; display:flex; align-items:center; justify-content:center; background:var(--navy); color:#fff; position:relative}
.avatar--photo img{width:100%; height:100%; object-fit:cover}
@media(min-width:760px){
  .team-card--row{display:grid; grid-template-columns:300px 1fr; align-items:start}
  .team-card--row .avatar{aspect-ratio:auto; height:100%; min-height:340px}
  .team-card--row .info{padding:32px 36px}
}

/* ---------- logos, gallery, contact ---------- */
.logo-strip{display:grid; gap:14px; grid-template-columns:repeat(2,1fr)}
@media(min-width:760px){ .logo-strip{grid-template-columns:repeat(4,1fr)} }
.logo-tile{background:#FFFFFF; border:1px solid var(--line); border-radius:8px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; padding:22px 12px; aspect-ratio:3/2; text-align:center; max-width:100%}
.logo-tile img{max-height:52px; width:auto; max-width:88%; object-fit:contain}
.logo-tile .lbl{font-size:.76rem; font-weight:700; color:#5C6380}
.gallery{display:grid; gap:14px; grid-template-columns:repeat(2,1fr)}
@media(min-width:760px){ .gallery{grid-template-columns:repeat(3,1fr)} }
.gallery .art{aspect-ratio:1/1}
.contact-grid{display:grid; gap:16px}
@media(min-width:760px){ .contact-grid{grid-template-columns:repeat(3,1fr)} }
.contact-card{background:var(--soft); border-radius:8px; padding:26px; display:flex; flex-direction:column; gap:10px; min-width:0}
.contact-card .ic{color:var(--gold-deep)}
.contact-card h4{margin:0}
.contact-card a.value{font-family:var(--f-display); font-weight:700; font-size:1.15rem; overflow-wrap:anywhere}
.contact-card a.value:hover{color:var(--gold-deep)}
.social-row{display:flex; gap:10px; margin-top:14px; flex-wrap:wrap}
.social-row a{width:36px; height:36px; border:1px solid currentColor; border-radius:50%; display:flex; align-items:center; justify-content:center; opacity:.85}
.social-row a:hover{opacity:1; color:var(--gold)}
.tag{display:inline-flex; font-size:.7rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; padding:4px 10px; border-radius:999px; background:var(--soft); color:var(--mut)}

/* ---------- home: hero ---------- */
.hero-k{display:grid; gap:44px; padding-block:60px 50px; align-items:center}
@media(min-width:1000px){ .hero-k{grid-template-columns:1.15fr .85fr} }
.hero-k h1{font-size:clamp(2.4rem,5.2vw,4.5rem); margin:.2em 0 .35em}
.nb{white-space:nowrap}
.rot{display:inline-block; background:linear-gradient(transparent 58%, var(--hl) 58%); padding-inline:.06em; transition:opacity .35s, transform .35s}
.rot.out{opacity:0; transform:translateY(.25em)}

/* phase-tracking board */
.board{background:radial-gradient(500px 260px at 90% -10%, var(--navy-2), transparent 70%), var(--navy); color:#ECE8DC; border-radius:14px; padding:20px; font-size:.88rem; box-shadow:0 40px 70px -40px rgba(6,11,34,.85)}
.board .bh{display:flex; justify-content:space-between; gap:10px; padding-bottom:12px; border-bottom:1px solid rgba(236,232,220,.1); font-size:.72rem; font-weight:700; letter-spacing:.08em; color:#A3ABCB}
.board .live{color:#7FD6A4; white-space:nowrap}
.board .live::before{content:""; display:inline-block; width:6px; height:6px; border-radius:50%; background:#7FD6A4; margin-right:6px; vertical-align:middle; animation:pz-pulse 2s infinite}
@keyframes pz-pulse{50%{opacity:.25}}
.ph{display:grid; grid-template-columns:20px 1fr auto; gap:12px; align-items:center; padding:11px 0; border-bottom:1px dashed rgba(236,232,220,.1)}
.ph:last-child{border-bottom:0}
.ph .dot{width:14px; height:14px; border-radius:50%; border:1.5px solid var(--gold)}
.ph.done .dot{background:var(--gold)}
.ph.now .dot{box-shadow:0 0 0 4px rgba(226,176,79,.22)}
.ph b{font-weight:700}
.ph small{display:block; color:#A3ABCB; font-size:.78rem}
.ph .tag{font-size:.66rem; font-weight:700; padding:3px 8px; border-radius:4px; background:transparent; border:1px solid rgba(226,176,79,.4); color:var(--gold); letter-spacing:.04em; text-transform:none}
.ph.next .tag{color:#A3ABCB; border-color:rgba(236,232,220,.18)}

/* ticker */
.marq{border-block:2px solid var(--ink); overflow:hidden; white-space:nowrap; padding-block:14px}
.trk{display:inline-flex; font-family:var(--f-display); font-weight:600; font-size:1.15rem; animation:pz-slide 34s linear infinite}
.marq:hover .trk,.marq:focus-within .trk{animation-play-state:paused}
.trk a{padding-inline:18px; display:inline-flex; align-items:center; gap:36px}
.trk a::after{content:"✳"; color:var(--gold); font-weight:400}
.trk a:hover{color:var(--gold-deep); text-decoration:underline; text-underline-offset:5px; text-decoration-thickness:2px}
@keyframes pz-slide{to{transform:translateX(-50%)}}

/* practice swipe strip */
.prac-head{display:flex; justify-content:space-between; align-items:end; gap:20px; flex-wrap:wrap}
.hint{font-size:.78rem; font-weight:600; color:var(--mut)}
.scroller{display:grid; grid-auto-flow:column; grid-auto-columns:minmax(250px,290px); gap:14px; overflow-x:auto; scroll-snap-type:x mandatory; padding-block:26px 16px; scrollbar-width:thin}
.card5{scroll-snap-align:start; background:var(--soft); border-radius:8px; padding:24px; display:grid; gap:12px; align-content:start; min-height:230px; transition:background .25s, color .25s}
.card5:hover{background:var(--ink); color:var(--paper)}
.card5:hover p{color:inherit; opacity:.75}
.card5 .k{font-size:.7rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--gold-deep)}
.card5 h3{font-size:1.5rem; margin:0}
.card5 p{margin:0; color:var(--mut); font-size:.92rem}

/* delivery-method figure */
.bp-intro{display:grid; gap:20px; margin-bottom:26px}
@media(min-width:900px){ .bp-intro{grid-template-columns:1fr 1fr; align-items:end} }
.bp-intro p{margin:0; color:var(--bp-mut); max-width:46ch}
.bp .ref,.band--brand .ref{font-size:.72rem; font-weight:700; letter-spacing:.1em; color:var(--gold)}
.sheet{border:1px solid var(--bp-line); background:rgba(10,27,69,.6); padding:18px 18px 10px}
.sheet .tb{display:flex; justify-content:space-between; gap:10px; flex-wrap:wrap; font-size:.7rem; font-weight:600; letter-spacing:.06em; color:var(--bp-mut); border-bottom:1px solid var(--bp-line); padding-bottom:8px; margin-bottom:6px}
.sheetscroll{overflow-x:auto}
.sheetscroll svg{min-width:640px; width:100%; height:auto}

/* acktvt product card */
.ack{display:grid; gap:24px; background:var(--ack); color:#fff; border-radius:22px; padding:clamp(24px,4vw,40px); transition:transform .3s cubic-bezier(.2,.7,.2,1), box-shadow .3s}
.ack:hover{transform:translateY(-4px); box-shadow:0 30px 50px -30px rgba(4,25,15,.7)}
@media(min-width:820px){ .ack{grid-template-columns:1.1fr 1fr; align-items:end} }
.ack .cap{font-size:.74rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:#9FB7A9}
.wordmark{font-family:var(--f-ack); font-weight:700; font-size:clamp(3rem,7vw,4.6rem); letter-spacing:-.02em; line-height:1; margin:.15em 0 0; position:relative; display:inline-block}
.wordmark .k{color:var(--ack-k)}
.wordmark sup{font-size:.18em; font-weight:300; position:absolute; top:.35em; right:-1.3em}
.ack .tagline{font-family:var(--f-ack); font-weight:300; letter-spacing:.18em; font-size:.92rem; color:#E7EFE9; margin-top:6px}
.ack .go{color:#B9CDBF; font-size:1rem; margin:0; justify-self:end}
@media(max-width:819px){ .ack .go{justify-self:start} }

/* closing call to action */
.cta-band{border-top:2px solid var(--ink)}
.cta-band .wrap{display:flex; justify-content:space-between; gap:24px; align-items:end; flex-wrap:wrap; padding-block:56px}
.cta-band h2{font-size:clamp(2rem,4.6vw,3.6rem); line-height:.95; margin:0; max-width:16ch}
.cta-band p{color:var(--mut); margin:.6em 0 0}

/* ---------- footer ---------- */
.site-footer{background:var(--navy); color:#B8BED9}
.site-footer .wrap{padding-block:52px 26px}
.footer-grid{display:grid; gap:30px; grid-template-columns:1fr 1fr}
@media(min-width:900px){ .footer-grid{grid-template-columns:1.4fr repeat(4,1fr)} }
.footer-grid > div{min-width:0}
.footer-grid h4{font-family:var(--f-text); font-weight:700; font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:#fff; margin:0 0 12px}
.footer-grid a{display:block; font-size:.9rem; padding:4px 0; overflow-wrap:anywhere}
.footer-grid a:hover{color:#fff}
.footer-logo{height:64px; width:auto}
.footer-brand b{display:block; font-family:var(--f-display); font-weight:800; color:#fff; font-size:1.3rem; letter-spacing:-.02em; margin-top:14px}
.footer-brand p{font-size:.88rem; margin:.4em 0 0; max-width:30ch; color:#B8BED9}
.site-footer .social-row a{color:#B8BED9}
.footer-bottom{display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; border-top:1px solid rgba(255,255,255,.1); margin-top:36px; padding-top:18px; font-size:.78rem}

/* ---------- motion ---------- */
.reveal{opacity:1; transform:none}
@media (prefers-reduced-motion: reduce){
  .trk,.board .live::before{animation:none}
  .rot,.ack,.card5,.btn,.pillar-card{transition:none}
}

/* fixes: hero buttons on white inner-page heroes; footer social icons */
.page-hero .btn--accent{background:var(--ink); color:var(--paper)}
.page-hero .btn--ghost-dark{border-color:var(--ink); color:var(--ink)}
.page-hero .btn--ghost-dark:hover{background:var(--ink); color:var(--paper)}
.footer-grid .social-row a{display:flex; padding:0}