/* SKIN work surfaces: use the existing palette and respect both themes. */
.capacity-intro{position:relative}.capacity-intro>.eyebrow::before,.qa-page-hero>.eyebrow::before{content:"";display:inline-block;width:18px;height:4px;background:var(--lime);box-shadow:0 0 0 1px var(--line);margin:0 12px 3px 0}
.capacity-intro .alfred-channels{border-left:3px solid var(--lime);padding-left:14px}.alfred-channels a{text-decoration:underline;text-underline-offset:4px}
.work-examples article{position:relative;overflow:hidden;background:var(--paper);box-shadow:0 10px 26px #00000006;transition:border-color .25s,box-shadow .25s,transform .25s}.work-examples article:focus-visible{outline:3px solid var(--copper);outline-offset:3px}
.work-artifact{margin:14px -8px 6px;border-bottom:1px solid var(--line);background:linear-gradient(145deg,var(--bone),var(--paper));border-radius:14px 14px 0 0}.work-artifact svg{display:block;width:100%;height:190px;overflow:visible}.artifact-paper{fill:var(--white);stroke:var(--line);stroke-width:1.5}.artifact-surface{fill:var(--paper);stroke:var(--line)}.artifact-ink{fill:var(--ink)}.artifact-muted{fill:var(--muted)}.artifact-lime{fill:var(--lime);stroke:#0b0b0d;stroke-opacity:.12}.artifact-rule{fill:none;stroke:var(--muted);stroke-width:1.5}.artifact-text{fill:none;stroke:var(--ink);stroke-width:4;stroke-linecap:round}.artifact-dark-stroke{fill:none;stroke:#0b0b0d;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.artifact-float{transition:transform .35s}
.capacity-review #capacity{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:28px;padding:48px;margin-top:68px;margin-bottom:60px;box-shadow:0 18px 50px #00000006}.capacity-review #capacity::before{content:"";display:block;width:64px;height:5px;background:var(--lime);margin-bottom:25px;border-radius:4px}.capacity-review .plan-ladder article{background:var(--bone);border:1px solid var(--line);box-shadow:0 3px 0 #00000005;transition:transform .25s,box-shadow .25s}.capacity-review .plan-ladder .band-featured{border-top:4px solid var(--lime)}.capacity-review .plan-ladder h3{font-size:clamp(30px,3vw,44px)}.capacity-review .plan-ladder .plan-hours{border-top:1px solid var(--line);padding-top:18px;margin-top:22px}
.qa-page-cta{background:var(--paper);border:1px solid var(--line);border-left:5px solid var(--lime);border-radius:22px;padding:40px!important;box-shadow:0 12px 35px #00000005}.qa-route-card{border-top:3px solid var(--lime)!important;transition:transform .25s,box-shadow .25s}.qa-route-card:focus-within{outline:2px solid var(--copper);outline-offset:4px}.work-ledger{box-shadow:0 15px 40px #00000009}.ledger-steps>li{border-left:2px solid var(--line);padding-left:20px}.ledger-step-number{background:var(--lime)!important;color:#0b0b0d!important}.hours-faq h3{border-top:1px solid var(--line);padding-top:24px}.button:focus-visible{outline:3px solid var(--copper);outline-offset:5px}.button{transition:transform .2s,box-shadow .2s}.qa-footer,.compact-footer{border-top:1px solid var(--line)}
@media(hover:hover) and (pointer:fine){.work-examples article:hover,.work-examples article:focus-visible{transform:translateY(-4px);border-color:var(--muted);box-shadow:0 16px 30px #00000012}.work-examples article:hover .artifact-float,.work-examples article:focus-visible .artifact-float{transform:translateY(-5px)}.plan-ladder article:hover,.qa-route-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px #00000010}}
/* Reveals animate visible content once; nothing is hidden while waiting for JS. */
.skin-enter{animation:skin-arrive .48s cubic-bezier(.2,.7,.2,1) both}@keyframes skin-arrive{from{transform:translateY(14px)}to{transform:translateY(0)}}
:root[data-page-motion=off] .skin-enter{animation:none}:root[data-page-motion=off] .artifact-float{transition:none}
@media(max-width:760px){.work-artifact svg{height:160px}.capacity-review #capacity{padding:26px 18px;border-radius:20px;margin-top:42px;margin-bottom:36px}.capacity-review #capacity .capacity-heading{gap:18px}.capacity-review .plan-ladder{gap:12px}.capacity-review .plan-ladder article{padding:20px 14px}.qa-page-cta{padding:26px 22px!important;border-radius:18px}.ledger-steps>li{padding-left:12px}.work-examples{padding-top:6px;padding-bottom:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.skin-enter{animation:none!important}.work-examples article,.artifact-float,.plan-ladder article,.qa-route-card,.button{transition:none!important;transform:none!important}}

/* A shared headings-first rhythm; content stays visible without scripting. */
.skin-enter{animation:skin-surface-arrive .58s cubic-bezier(.22,.75,.25,1) both;animation-delay:var(--entrance-delay,0ms)}
main h1.skin-enter,main h2.skin-enter{animation-name:skin-heading-arrive}
@keyframes skin-surface-arrive{from{opacity:.3;transform:translate3d(0,14px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes skin-heading-arrive{from{transform:translate3d(0,14px,0)}to{transform:translate3d(0,0,0)}}
@media(prefers-reduced-motion:reduce){.skin-enter{animation:none!important;opacity:1;transform:none!important}}