/* Interaction layer: subtle motion, product-like controls, and responsive navigation. */
.menu-toggle{display:none;border:0;background:transparent;padding:8px;cursor:pointer}.menu-toggle span{display:block;width:23px;height:2px;margin:5px;background:var(--ink);transition:transform .2s}.dash-sidebar button{border:0;background:transparent;color:#777d79;text-align:left;padding:0;font-size:.72rem;cursor:pointer}.dash-sidebar button.active,.dash-sidebar button:hover{color:#fff}.feature-card{cursor:pointer}.feature-card:focus-visible{outline:2px solid var(--lime);outline-offset:4px}.feature-card.is-selected{background:var(--ink);color:#fff;border-color:var(--ink);transform:translateY(-7px)}.feature-card.is-selected p{color:#b4bcb5}.feature-card.is-selected .feature-number{color:var(--lime)}.feature-card.is-selected a{color:var(--lime)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}.dash-main.is-swapping{opacity:.25;transform:translateY(5px);transition:opacity .18s,transform .18s}.dash-main{transition:opacity .18s,transform .18s}.site-header{transition:transform .3s ease,background .3s ease}.hero-copy h1 em{display:inline-block;animation:float-word 5s ease-in-out infinite}@keyframes float-word{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(max-width:800px){.menu-toggle{display:block}.site-header .button-outline{display:none}.site-header{position:fixed}.desktop-nav{position:absolute;top:70px;left:0;right:0;display:flex;flex-direction:column;gap:0;padding:8px 7vw;background:rgba(247,248,245,.97);border-bottom:1px solid var(--line);transform:translateY(-130%);transition:transform .25s ease;pointer-events:none}.site-header.menu-open .desktop-nav{transform:translateY(0);pointer-events:auto}.desktop-nav a{padding:17px 0;border-bottom:1px solid #e4e7e3}.site-header.menu-open .menu-toggle span:first-child{transform:translateY(3px) rotate(45deg)}.site-header.menu-open .menu-toggle span:last-child{transform:translateY(-4px) rotate(-45deg)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}