/* Progressive enhancement: content stays visible if JS is unavailable. */
.button,.pill,.feature,.role,.brand img,nav a,footer a{transition:transform .24s ease,box-shadow .24s ease,background-color .24s ease,border-color .24s ease,color .24s ease}
.button span{transition:transform .24s ease}.button:hover span{transform:translate(3px,-2px)}
.button:hover{transform:translateY(-3px);box-shadow:0 8px 22px #fc7d2730;background:#ff9145}.button.secondary:hover{background:#fff;border-color:#fc7d27}
.pill:hover{background:#fff;border-color:#fc7d27}.feature{position:relative;overflow:hidden}.feature:after{content:'';position:absolute;left:28px;bottom:0;width:34px;height:3px;background:#fc7d27;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.feature:hover{transform:translateY(-6px);box-shadow:0 16px 32px #2835230a;border-color:#f1ba92}.feature:hover:after{transform:scaleX(1)}
.role:hover{background:#eef0e6;padding-left:10px;padding-right:10px}.role{transition:padding .24s ease,background-color .24s ease}.brand:hover img{transform:rotate(-8deg)}nav a:not(.pill):hover,footer a:hover{color:#a54100}
summary{transition:color .2s ease}summary:hover,details[open] summary{color:#a54100}details[open] p{animation:answer-in .25s ease-out}
.reveal-pending{opacity:0;transform:translateY(22px)}.reveal{transition:opacity .65s ease,transform .65s cubic-bezier(.2,.65,.3,1);transition-delay:var(--reveal-delay,0ms)}.reveal-visible{opacity:1;transform:none}
.chart-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0 6px;flex-wrap:wrap}.chart-tools strong{font-size:11px}.chart-periods{display:flex;padding:3px;background:#f1f3ec;border-radius:9px;gap:2px}.chart-periods button{font:inherit;font-size:9px;color:#65705f;background:transparent;border:0;border-radius:6px;padding:6px 8px;cursor:pointer}.chart-periods button[aria-pressed=true]{background:#fff;color:#20271f;box-shadow:0 2px 6px #26351c0b}
.chart.interactive{height:125px;gap:10px;padding-top:22px}.chart-bar{appearance:none;position:relative;flex:1;height:var(--h);min-height:10px;border:0;background:#dce6ce;border-radius:5px 5px 0 0;cursor:pointer;transition:height .55s cubic-bezier(.2,.7,.2,1),background-color .18s ease,filter .18s ease;transform-origin:bottom}.chart-bar[aria-pressed=true]{background:#fc7d27}.chart-bar:hover{filter:brightness(.92)}.chart-bar:before{content:attr(data-value);position:absolute;bottom:calc(100% + 5px);left:50%;transform:translateX(-50%);font-size:9px;font-weight:700;opacity:0;transition:opacity .15s}.chart-bar:hover:before,.chart-bar:focus-visible:before,.chart-bar[aria-pressed=true]:before{opacity:1}.chart-bar:focus-visible,.chart-periods button:focus-visible{outline:2px solid #a54100;outline-offset:3px}
.chart-readout{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:10px;color:#65705f;min-height:30px;padding:7px 0}.chart-readout strong{color:#a54100;font-size:12px}.chart-note{font-size:9px;color:#74816b;margin:4px 0!important}.demo .metrics{margin-bottom:12px}.mini-spark{width:65px;height:22px;display:block;margin-top:7px;overflow:visible}.mini-spark path{fill:none;stroke:#b45316;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:140;stroke-dashoffset:140;animation:draw-trend 1.3s .15s ease forwards}.metric:nth-child(2) .mini-spark path{stroke:#5a7840}.demo{transition:box-shadow .3s ease}.preview:hover .demo{box-shadow:0 26px 65px #28352324}
@keyframes draw-trend{to{stroke-dashoffset:0}}@keyframes answer-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media(hover:none){.feature:hover,.button:hover{transform:none;box-shadow:none}.role:hover{padding-left:0;padding-right:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-pending{opacity:1;transform:none}.mini-spark path{stroke-dashoffset:0}}