.proc-hero{--marker:var(--color-green-deep);--em:var(--color-green-deep);position:relative;padding-bottom:var(--spacing-section-sm);background:var(--tint-mint);overflow:hidden}.proc-hero::before{content:"";position:absolute;top:-12rem;right:-10rem;width:34rem;height:34rem;border:1.5px solid rgba(17,17,17,0.1);border-radius:50%;pointer-events:none}.proc-hero__inner{position:relative;display:grid;gap:var(--space-10)}.proc-hero__copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-6)}.proc-hero .section-heading__text{max-width:52ch}.proc-hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.proc-hero__actions .button--primary{--button-bg:var(--color-ink);--button-border:var(--color-ink)}.proc-hero__actions .button--primary:hover{--button-bg:var(--color-marigold);--button-fg:var(--color-ink);--button-border:var(--color-ink)}.proc-hero__actions .button--secondary{--button-bg:var(--color-cream);--button-border:var(--color-ink)}.proc-hero__actions .button--secondary:hover{--button-bg:var(--color-marigold);--button-border:var(--color-ink)}.proc-hero__actions .button--secondary .icon{transition:transform var(--duration-base) var(--ease-out)}.proc-hero__actions .button--secondary:hover .icon{transform:translateY(2px)}.proc-hero__facts{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}.proc-hero__facts li{display:inline-flex;align-items:center;gap:0.5rem;padding:0.4rem 0.9rem 0.4rem 0.7rem;border:var(--border-ink);border-radius:var(--radius-pill);background:var(--color-cream);font-size:var(--text-sm);font-weight:600}.proc-hero__facts li::before{content:"✓";display:grid;place-items:center;width:1.15rem;height:1.15rem;border:var(--border-ink);border-radius:50%;background:var(--color-mint);font-size:0.65rem;font-weight:700}.proc-hero__facts li:nth-child(2)::before{background:var(--color-marigold)}.proc-hero__facts li:nth-child(3)::before{background:var(--color-sky)}.proc-board{--cycle:14s;--row-h:2.5rem;--row-gap:0.5rem;position:relative;width:100%;max-width:21rem;margin-inline:auto;padding:1rem 0.5rem 1.5rem}.board{position:relative;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4) var(--space-5) var(--space-5);border:var(--border-ink);border-radius:var(--radius-large);background:var(--color-cream);box-shadow:8px 8px 0 var(--color-ink);rotate:-2deg;transition:rotate var(--duration-base) var(--ease-spring)}.proc-board:hover .board{rotate:0deg}.board__head{display:flex;align-items:center;gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1.5px solid var(--color-ink)}.board__dots{display:flex;gap:0.3rem}.board__dots i{width:0.55rem;height:0.55rem;border:1px solid var(--color-ink);border-radius:50%;background:var(--color-coral)}.board__dots i:nth-child(2){background:var(--color-marigold)}.board__dots i:nth-child(3){background:var(--color-mint)}.board__title{font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase}.board__count{margin-left:auto;padding:0.15rem 0.55rem;border:var(--border-ink);border-radius:var(--radius-pill);background:var(--color-butter);font-size:0.65rem;font-weight:700;letter-spacing:0.04em;text-transform:uppercase}.board__rows{position:relative;display:flex;flex-direction:column;gap:var(--row-gap);margin:0;padding:0;list-style:none}.board__row{--num:var(--color-marigold);position:relative;z-index:1;display:flex;align-items:center;gap:var(--space-3);height:var(--row-h);padding-inline:var(--space-2)}.board__row--2{--num:var(--color-sky)}.board__row--3{--num:var(--color-coral)}.board__row--4{--num:var(--color-mint)}.board__row--5{--num:var(--color-lilac)}.board__row--6{--num:var(--color-butter)}.board__num{display:grid;flex:none;place-items:center;width:1.75rem;height:1.75rem;border:var(--border-ink);border-radius:50%;background:var(--num);font-size:0.7rem;font-weight:800}.board__label{flex:1 1 auto;font-size:var(--text-sm);font-weight:700}.board__check{position:relative;display:grid;flex:none;place-items:center;width:1.5rem;height:1.5rem;border:1.5px dashed rgba(17,17,17,0.4);border-radius:50%}.board__check i{position:absolute;inset:-1.5px;display:grid;place-items:center;border:var(--border-ink);border-radius:50%;background:var(--color-green-deep);color:var(--color-cream);animation:var(--cycle) var(--ease-spring) infinite}.board__check i::before{content:"✓";font-size:0.7rem;font-weight:800;line-height:1}.board__row--1 .board__check i{animation-name:board-check-1}.board__row--2 .board__check i{animation-name:board-check-2}.board__row--3 .board__check i{animation-name:board-check-3}.board__row--4 .board__check i{animation-name:board-check-4}.board__row--5 .board__check i{animation-name:board-check-5}.board__row--6 .board__check i{animation-name:board-check-6}@keyframes board-check-1{0%,4%{opacity:0;scale:0.3}7%{opacity:1;scale:1.2}9%,88%{opacity:1;scale:1}92%,100%{opacity:0;scale:0.3}}@keyframes board-check-2{0%,15%{opacity:0;scale:0.3}18%{opacity:1;scale:1.2}20%,88%{opacity:1;scale:1}92%,100%{opacity:0;scale:0.3}}@keyframes board-check-3{0%,26%{opacity:0;scale:0.3}29%{opacity:1;scale:1.2}31%,88%{opacity:1;scale:1}92%,100%{opacity:0;scale:0.3}}@keyframes board-check-4{0%,37%{opacity:0;scale:0.3}40%{opacity:1;scale:1.2}42%,88%{opacity:1;scale:1}92%,100%{opacity:0;scale:0.3}}@keyframes board-check-5{0%,48%{opacity:0;scale:0.3}51%{opacity:1;scale:1.2}53%,88%{opacity:1;scale:1}92%,100%{opacity:0;scale:0.3}}@keyframes board-check-6{0%,59%{opacity:0;scale:0.3}62%{opacity:1;scale:1.2}64%,88%{opacity:1;scale:1}92%,100%{opacity:0;scale:0.3}}.board__cursor{position:absolute;top:0;left:0;right:0;z-index:0;height:var(--row-h);border:1.5px solid var(--color-ink);border-radius:var(--radius-medium);background:var(--tint-butter);animation:board-cursor var(--cycle) var(--ease-out) infinite}@keyframes board-cursor{0%,9%{top:calc(0 * (var(--row-h) + var(--row-gap)));opacity:1}11%,20%{top:calc(1 * (var(--row-h) + var(--row-gap)))}22%,31%{top:calc(2 * (var(--row-h) + var(--row-gap)))}33%,42%{top:calc(3 * (var(--row-h) + var(--row-gap)))}44%,53%{top:calc(4 * (var(--row-h) + var(--row-gap)))}55%,64%{top:calc(5 * (var(--row-h) + var(--row-gap)));opacity:1}68%,92%{top:calc(5 * (var(--row-h) + var(--row-gap)));opacity:0}100%{top:0;opacity:1}}.board__foot{display:flex;align-items:center;gap:var(--space-3);padding-top:var(--space-3);border-top:1.5px solid var(--color-ink)}.board__progress{position:relative;flex:1 1 auto;height:0.85rem;border:var(--border-ink);border-radius:var(--radius-pill);background:var(--color-surface);overflow:hidden}.board__bar{position:absolute;inset:0 auto 0 0;width:0;background:var(--color-marigold);background-image:repeating-linear-gradient(-45deg,transparent 0 6px,rgba(17,17,17,0.12) 6px 12px);animation:board-bar var(--cycle) var(--ease-out) infinite}@keyframes board-bar{0%,4%{width:0}7%,15%{width:16.7%}18%,26%{width:33.4%}29%,37%{width:50%}40%,48%{width:66.7%}51%,59%{width:83.4%}62%,88%{width:100%}92%,100%{width:0}}.board__foot-label{font-size:0.65rem;font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-muted)}.proc-board__sticker{position:absolute;top:0;right:0;z-index:2;display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem 0.5rem 0.8rem;border:var(--border-ink);border-radius:var(--radius-pill);background:var(--color-mint);box-shadow:3px 3px 0 var(--color-ink);font-size:var(--text-xs);font-weight:800;letter-spacing:var(--tracking-wide);text-transform:uppercase;rotate:6deg;animation:board-live var(--cycle) var(--ease-spring) infinite}.proc-board__sticker i{width:0.6rem;height:0.6rem;border-radius:50%;background:var(--color-green-deep);box-shadow:0 0 0 3px rgba(27,127,76,0.25)}@keyframes board-live{0%,64%{opacity:0;scale:0.5}68%{opacity:1;scale:1.1}70%,88%{opacity:1;scale:1}92%,100%{opacity:0;scale:0.5}}.proc-board__note{position:absolute;bottom:0;left:0;z-index:2;padding:0.45rem 0.9rem;border:var(--border-ink);border-radius:var(--radius-pill);background:var(--color-cream);box-shadow:3px 3px 0 var(--color-ink);font-size:var(--text-xs);font-weight:700;white-space:nowrap;rotate:-3deg}@media (min-width: 768px){.proc-hero__inner{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:var(--space-10)}.proc-board{width:20rem;margin-inline:0}}@media (min-width: 1024px){.proc-hero__inner{grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:var(--space-16)}.proc-board{--row-h:2.75rem;width:100%;max-width:24rem;margin-inline:auto 0}.board__label{font-size:var(--text-base)}}@media (prefers-reduced-motion: reduce){.board__check i,.board__bar,.proc-board__sticker{animation:none}.board__bar{width:100%}.board__cursor{display:none}.board{transition:none}}