.c-band{border:1px solid var(--c-grey-10);border-radius:16px;flex-wrap:wrap;gap:clamp(28px,4vw,56px);padding:clamp(28px,4vw,44px);display:flex}.c-band--accent{background:var(--c-light-pink);border-color:var(--c-light-pink)}.c-band__copy{flex:320px;min-width:0}.c-band__eyebrow{color:var(--brand-primary);letter-spacing:1px;margin-bottom:14px}.c-band--accent .c-band__eyebrow{color:var(--c-black);opacity:.55}.c-band__title{letter-spacing:-.02em;margin-bottom:14px;font-size:clamp(28px,3.4vw,40px)}.c-band__body{color:var(--c-grey-60);text-wrap:pretty;max-width:34em;margin:0;font-size:clamp(16px,1.5vw,18px);line-height:1.55}.c-band--accent .c-band__body{color:var(--c-black);opacity:.78}.c-band__side{flex:260px;align-content:start;gap:12px;min-width:0;display:grid}.c-band__point{padding:4px 0 4px 18px;position:relative}.c-band__point:before{content:"";background:var(--brand-primary);transform-origin:top;width:2px;transition:transform .52s ease-out;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.c-band--accent .c-band__point:before{background:var(--c-black)}.c-band__point--1:before{transition-delay:.2s}.c-band__point--2:before{transition-delay:.34s}.reveal--visible .c-band__point:before{transform:scaleY(1)}.c-band__point-title{margin-bottom:4px}.c-band__point-body{color:var(--c-grey-60);line-height:1.5}.c-band--accent .c-band__point-body{color:var(--c-black);opacity:.7}.c-mechanics{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}@media (width<=700px){.c-mechanics{grid-template-columns:1fr}}.c-card__icon{background:color-mix(in srgb, var(--brand-primary) 12%, #fff);width:44px;height:44px;color:var(--brand-primary);border-radius:12px;justify-content:center;align-items:center;margin-bottom:18px;transition:transform .22s ease-out,background .22s ease-out,color .22s ease-out;display:flex}.p-lift:hover .c-card__icon{background:var(--brand-primary);color:#fff;transform:translateY(-2px)scale(1.06)}.c-card__heading{margin-bottom:10px}.c-card__lead{color:var(--c-grey-60);margin:0;line-height:1.6}.c-fact__title{margin-bottom:8px}.c-fact__body{color:var(--c-grey-60);margin:0;line-height:1.6}.c-demo{border-radius:12px;flex-direction:column;gap:10px;height:220px;padding:14px;display:flex;position:relative;overflow:hidden}.c-demo--blue{background:var(--c-light-blue)}.c-demo--pink{background:var(--c-light-pink)}.c-demo--purple{background:var(--c-light-purple)}.c-demo__bar{background:#fff;border-radius:999px;flex:none;align-items:center;gap:8px;padding:6px 12px 6px 6px;display:flex}.c-demo__badge{background:var(--c-grey-5);width:26px;height:26px;color:var(--brand-primary);border-radius:999px;flex:none;justify-content:center;align-items:center;display:flex}.c-demo__badge svg{width:15px;height:15px}.c-demo__bar-label{font:500 12px/1.3 var(--font-sans);color:var(--c-grey-80);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.c-demo__bar-meta{font:500 11px/1 var(--font-sans);color:var(--c-grey-60);flex:none;margin-left:auto}.c-demo__toast{font:700 11px/1.25 var(--font-sans);text-align:center;color:#fff;opacity:0;border-radius:8px;padding:8px 10px;animation:9s ease-out infinite c-demo-toast;position:absolute;bottom:14px;left:14px;right:14px}.c-demo__toast--ok{background:var(--c-success)}.c-demo__toast--nudge{background:var(--brand-primary)}.c-demo__toast--applied{background:var(--c-black)}@keyframes c-demo-toast{0%,62%{opacity:0;transform:translateY(8px)}70%,92%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}.c-demo__counter{flex:none;width:42px;height:14px;margin-left:auto;position:relative}.c-demo__count{font:700 11px/14px var(--font-sans);color:var(--brand-primary);white-space:nowrap;opacity:0;position:absolute;top:0;right:0}.c-demo__count--0{animation:9s linear infinite c-count-0}.c-demo__count--1{animation:9s linear infinite c-count-1}.c-demo__count--2{animation:9s linear infinite c-count-2}.c-demo__count--3{animation:9s linear infinite c-count-3}.c-demo__tasks{flex-direction:column;gap:6px;display:flex}.c-demo__task{opacity:.45;background:#fff;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;display:flex}.c-demo__task--1{animation:9s ease-out infinite c-task-1}.c-demo__task--2{animation:9s ease-out infinite c-task-2}.c-demo__task--3{animation:9s ease-out infinite c-task-3}.c-demo__check{background:var(--c-grey-10);color:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;width:15px;height:15px;display:flex}.c-demo__check svg{width:9px;height:9px}.c-demo__task--1 .c-demo__check{animation:9s ease-out infinite c-check-1}.c-demo__task--2 .c-demo__check{animation:9s ease-out infinite c-check-2}.c-demo__task--3 .c-demo__check{animation:9s ease-out infinite c-check-3}.c-demo__task-label{font:500 11px/1 var(--font-sans);color:var(--c-grey-80)}.c-demo__progress{background:#fff;border-radius:999px;flex:none;height:4px;overflow:hidden}.c-demo__progress-fill{background:var(--c-success);transform-origin:0;border-radius:999px;width:100%;height:100%;animation:9s ease-out infinite c-progress;display:block;transform:scaleX(0)}@keyframes c-count-0{0%,11%{opacity:1}14%,93%{opacity:0}97%,to{opacity:1}}@keyframes c-count-1{0%,12%{opacity:0}15%,27%{opacity:1}30%,to{opacity:0}}@keyframes c-count-2{0%,28%{opacity:0}31%,43%{opacity:1}46%,to{opacity:0}}@keyframes c-count-3{0%,44%{opacity:0}47%,93%{opacity:1}97%,to{opacity:0}}@keyframes c-task-1{0%,10%{opacity:.45}14%,92%{opacity:1}to{opacity:.45}}@keyframes c-task-2{0%,26%{opacity:.45}30%,92%{opacity:1}to{opacity:.45}}@keyframes c-task-3{0%,42%{opacity:.45}46%,92%{opacity:1}to{opacity:.45}}@keyframes c-check-1{0%,10%{background:var(--c-grey-10)}14%,92%{background:var(--c-success)}to{background:var(--c-grey-10)}}@keyframes c-check-2{0%,26%{background:var(--c-grey-10)}30%,92%{background:var(--c-success)}to{background:var(--c-grey-10)}}@keyframes c-check-3{0%,42%{background:var(--c-grey-10)}46%,92%{background:var(--c-success)}to{background:var(--c-grey-10)}}@keyframes c-progress{0%,10%{transform:scaleX(0)}14%,26%{transform:scaleX(.34)}30%,42%{transform:scaleX(.67)}46%,92%{transform:scaleX(1)}to{transform:scaleX(0)}}.c-demo__horizon{flex-direction:column;flex:auto;justify-content:center;gap:16px;padding-bottom:34px;display:flex}.c-demo__hrow{align-items:center;gap:8px;display:flex}.c-demo__hlabel{font:500 10.5px/1.2 var(--font-sans);color:var(--c-grey-80);white-space:nowrap;text-overflow:ellipsis;flex:0 0 74px;overflow:hidden}.c-demo__track{background:#fff;border-radius:999px;flex:auto;height:6px;overflow:hidden}.c-demo__track-fill{background:var(--c-success);transform-origin:0;border-radius:999px;height:100%;display:block}.c-demo__hrow--1 .c-demo__track-fill{animation:9s linear infinite c-burn-a}.c-demo__hrow--2 .c-demo__track-fill{animation:9s ease-out infinite c-burn-risk}.c-demo__hrow--3 .c-demo__track-fill{animation:9s linear infinite c-burn-b}.c-demo__hchip{flex:0 0 30px;height:13px;position:relative}.c-demo__hchip-frame{font:700 10px/13px var(--font-sans);color:var(--c-grey-60);white-space:nowrap;position:absolute;top:0;right:0}.c-demo__hchip-frame--after{opacity:0}.c-demo__hrow--2 .c-demo__hchip-frame--before{animation:9s ease-out infinite c-chip-before}.c-demo__hrow--2 .c-demo__hchip-frame--after{animation:9s ease-out infinite c-chip-after}@keyframes c-burn-a{0%{transform:scaleX(1)}92%{transform:scaleX(.74)}to{transform:scaleX(1)}}@keyframes c-burn-b{0%{transform:scaleX(.9)}92%{transform:scaleX(.66)}to{transform:scaleX(.9)}}@keyframes c-burn-risk{0%{background:var(--c-success);transform:scaleX(.4)}26%{background:var(--c-coral);transform:scaleX(.16)}62%{background:var(--c-coral);transform:scaleX(.08)}70%,92%{background:var(--c-success);transform:scaleX(1)}to{background:var(--c-success);transform:scaleX(.4)}}@keyframes c-chip-before{0%,20%{opacity:1;color:var(--c-grey-60)}26%,62%{opacity:1;color:var(--c-coral)}66%,93%{opacity:0;color:var(--c-coral)}97%,to{opacity:1;color:var(--c-grey-60)}}@keyframes c-chip-after{0%,64%{opacity:0}70%,93%{opacity:1}97%,to{opacity:0}}.c-demo__chain{flex-direction:column;gap:6px;padding-left:18px;display:flex;position:relative}.c-demo__rail{background:#00000017;border-radius:999px;width:2px;position:absolute;top:11px;bottom:11px;left:5px;overflow:hidden}.c-demo__rail-fill{background:var(--brand-primary);transform-origin:top;width:100%;height:100%;animation:9s ease-out infinite c-rail;display:block;transform:scaleY(0)}.c-demo__level{opacity:.35;background:#fff;border-radius:8px;align-items:baseline;gap:8px;min-width:0;padding:5px 10px;display:flex;position:relative}.c-demo__level--1{animation:9s ease-out infinite c-level-1}.c-demo__level--2{animation:9s ease-out infinite c-level-2}.c-demo__level--3{animation:9s ease-out infinite c-level-3}.c-demo__level--4{animation:9s ease-out infinite c-level-4}.c-demo__node{background:var(--brand-primary);border:2px solid #fff;border-radius:999px;width:8px;height:8px;margin-top:-4px;position:absolute;top:50%;left:-16px}.c-demo__level-label{font:700 10px/1.3 var(--font-sans);color:var(--c-black);flex:none}.c-demo__level-rule{font:500 10px/1.3 var(--font-sans);color:var(--c-grey-60);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@keyframes c-rail{0%,8%{transform:scaleY(0)}52%,92%{transform:scaleY(1)}to{transform:scaleY(0)}}@keyframes c-level-1{0%,10%{opacity:.35}16%,92%{opacity:1}to{opacity:.35}}@keyframes c-level-2{0%,22%{opacity:.35}28%,92%{opacity:1}to{opacity:.35}}@keyframes c-level-3{0%,34%{opacity:.35}40%,92%{opacity:1}to{opacity:.35}}@keyframes c-level-4{0%,46%{opacity:.35}52%,92%{opacity:1}to{opacity:.35}}.c-board{background:#050505;border:1px solid #ffffff29;border-radius:16px;flex-direction:column;gap:14px;height:clamp(360px,40vw,440px);padding:18px;display:flex;position:relative;overflow:hidden}.c-board__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.c-board__head-left{align-items:center;gap:10px;min-width:0;display:flex}.c-board__dot{background:var(--brand-primary);border-radius:999px;flex:none;width:8px;height:8px;animation:2.4s ease-in-out infinite c-board-dot}.c-board__title{color:#fff;font-size:14px;font-weight:700}.c-board__subtitle{color:#ffffff80;margin-top:2px;font-size:11px}.c-board__status{flex:none;width:116px;height:26px;position:relative}.c-board__status--row{width:122px}.c-board__pill{letter-spacing:.3px;white-space:nowrap;color:#ffffffb8;background:0 0;border:1px solid #ffffff38;border-radius:999px;padding:5px 12px;font-size:11px;font-weight:700;position:absolute;top:0;right:0}.c-board__pill--static{position:static}.c-board__pill--coral{color:var(--c-coral);background:#f687651f;border-color:#f6876599}.c-board__pill--brand{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.c-board__pill--working{color:var(--brand-primary);background:#ff40071a;border-color:#ff40078c;align-items:center;gap:7px;display:flex}.c-board__spinner{border:1.5px solid #ff400759;border-top-color:var(--brand-primary);border-radius:999px;width:9px;height:9px;animation:.9s linear infinite c-board-spin}.c-board__stats{gap:10px;display:flex}.c-board__stat{border:1px solid #ffffff1a;border-radius:10px;flex:1 1 0;min-width:0;padding:12px 14px}.c-board__stat-value{letter-spacing:-.01em;color:#fff;height:32px;font-size:27px;font-weight:500;line-height:32px;position:relative}.c-board__stat-value--static{position:static}.c-board__stat-frame{position:absolute;top:0;left:0}.c-board__stat-frame--coral{color:var(--c-coral)}.c-board__stat-frame--brand{color:var(--brand-primary)}.c-board__stat-label{letter-spacing:1.1px;color:#ffffff73;margin-top:4px;font-size:10px;font-weight:500}.c-board__queue{flex-direction:column;gap:8px;min-height:0;display:flex;overflow:hidden}.c-board__queue-label{letter-spacing:1.2px;color:#fff6;font-size:10px;font-weight:500}.c-board__row{background:#ffffff05;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:12px;padding:13px 15px;display:flex;position:relative;overflow:hidden}.c-board__row--live{animation:10s ease-out infinite c-board-row}.c-board__avatar{color:#fffc;background:#ffffff12;border:1px solid #ffffff24;border-radius:999px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:flex}.c-board__row-info{flex:auto;min-width:0}.c-board__row-name{color:#fff;margin-bottom:3px;font-size:14px;font-weight:500}.c-board__row-meta{color:#ffffff80;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;line-height:15px;overflow:hidden}.c-board__row-meta-stack{height:15px;position:relative}.c-board__row-meta-stack .c-board__row-meta{display:block;position:absolute;top:0;left:0}.c-board__row-meta--coral{color:var(--c-coral)}.c-board__row-bar{background:var(--brand-primary);opacity:0;width:0%;height:2px;animation:10s linear infinite c-board-bar;position:absolute;bottom:0;left:0}.c-board__toast{opacity:0;background:#000;border:1px solid #ff400780;border-radius:12px;align-items:flex-start;gap:11px;padding:12px 14px;animation:10s ease-out infinite c-board-toast;display:flex;position:absolute;bottom:18px;left:18px;right:18px;box-shadow:0 8px 24px #000000b3}.c-board__toast-icon{background:var(--brand-primary);border-radius:999px;flex:none;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;display:flex}.c-board__toast-title{color:#fff;font-size:13px;font-weight:700}.c-board__toast-body{color:#fff9;margin-top:2px;font-size:11px}.c-board__pill--s1,.c-board__stat-frame--s1,.c-board__row-meta--s1{animation:10s linear infinite c-board-s1}.c-board__pill--s23,.c-board__stat-frame--s23{animation:10s linear infinite c-board-s23}.c-board__stat-frame--s123{animation:10s linear infinite c-board-s123}.c-board__pill--s2,.c-board__row-meta--s2{opacity:0;animation:10s linear infinite c-board-s2}.c-board__pill--s3,.c-board__row-meta--s3{opacity:0;animation:10s linear infinite c-board-s3}.c-board__pill--s4,.c-board__stat-frame--s4,.c-board__row-meta--s4{opacity:0;animation:10s linear infinite c-board-s4}@keyframes c-board-s1{0%,18%{opacity:1}22%,93%{opacity:0}97%,to{opacity:1}}@keyframes c-board-s2{0%,18%{opacity:0}23%,40%{opacity:1}44%,to{opacity:0}}@keyframes c-board-s3{0%,40%{opacity:0}46%,66%{opacity:1}70%,to{opacity:0}}@keyframes c-board-s4{0%,66%{opacity:0}73%,93%{opacity:1}97%,to{opacity:0}}@keyframes c-board-s23{0%,18%{opacity:0}23%,66%{opacity:1}70%,to{opacity:0}}@keyframes c-board-s123{0%,66%{opacity:1}73%,93%{opacity:0}97%,to{opacity:1}}@keyframes c-board-row{0%,18%{background:#ffffff05;border-color:#ffffff1a}24%,66%{background:#f6876514;border-color:#f687658c}73%,90%{background:#ff400712;border-color:#ff40078c}97%,to{background:#ffffff05;border-color:#ffffff1a}}@keyframes c-board-bar{0%,44%{opacity:0;width:0%}46%{opacity:1}66%{opacity:1;width:100%}69%{opacity:0;width:100%}70%,to{opacity:0;width:0%}}@keyframes c-board-toast{0%,71%{opacity:0;transform:translateY(14px)}77%,93%{opacity:1;transform:translateY(0)}97%,to{opacity:0;transform:translateY(14px)}}@keyframes c-board-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}@keyframes c-board-spin{to{transform:rotate(360deg)}}@media (width<=600px){.c-board{height:400px}.c-demo__horizon{gap:13px}}@media (prefers-reduced-motion:reduce){.c-board [data-cw],.c-demo [data-cw],.c-demo [data-cw] .c-demo__check{animation:none!important}.c-demo__count--3,.c-demo__toast,.c-demo__task,.c-demo__level,.c-demo__hchip-frame--after{opacity:1}.c-demo__hrow--2 .c-demo__hchip-frame--before{opacity:0}.c-demo__check{background:var(--c-success)}.c-demo__progress-fill,.c-demo__track-fill{transform:scaleX(1)}.c-demo__rail-fill{transform:scaleY(1)}.c-band__point:before{transition:none;transform:scaleY(1)}.c-card__icon{transition:none}}