
.filters{display:flex;gap:.7rem;flex-wrap:wrap;margin:2rem 0}.filter-btn{border:1px solid var(--line);background:transparent;border-radius:999px;padding:.6rem .9rem}.filter-btn[aria-pressed='true']{background:var(--text);color:var(--bg)}.accordion{border-top:1px solid var(--line)}.accordion-item{border-bottom:1px solid var(--line)}.accordion-button{width:100%;padding:1.3rem 0;background:none;border:0;text-align:left;display:flex;justify-content:space-between;font-size:1.1rem}.accordion-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--medium) var(--ease)}.accordion-panel>div{overflow:hidden}.accordion-item.is-open .accordion-panel{grid-template-rows:1fr}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.field{display:grid;gap:.45rem}.field.full{grid-column:1/-1}.field label{font-size:.82rem;color:var(--muted)}.field input,.field textarea,.field select{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:.9rem 1rem;min-height:50px}.field textarea{min-height:160px;resize:vertical}.field-error{color:var(--danger);font-size:.8rem}.form-status{padding:1rem;border-radius:12px;background:var(--surface);margin-top:1rem}.stepper{display:flex;gap:.5rem;margin:1.5rem 0}.step-dot{height:4px;flex:1;background:var(--line);border-radius:99px}.step-dot.is-active{background:var(--accent)}.form-step[hidden]{display:none}.modal{position:fixed;inset:0;z-index:var(--z-modal);display:none;place-items:center;background:rgba(0,0,0,.68);padding:1rem}.modal.is-open{display:grid}.modal-dialog{max-width:700px;width:100%;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:2rem}.tooltip{position:relative}.tooltip:hover:after,.tooltip:focus-visible:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translateX(-50%);background:var(--text);color:var(--bg);padding:.4rem .6rem;border-radius:6px;font-size:.75rem;white-space:nowrap}.pagination{display:flex;gap:.5rem}.pagination a{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center}.comparison{position:relative;overflow:hidden;border-radius:var(--radius);aspect-ratio:16/9;background:var(--surface-2)}.comparison-before,.comparison-after{position:absolute;inset:0}.comparison-before{clip-path:inset(0 50% 0 0)}.comparison input{position:absolute;z-index:3;inset:auto 10% 1rem;width:80%}.timeline{border-left:1px solid var(--line);padding-left:2rem}.timeline-item{position:relative;padding-bottom:3rem}.timeline-item:before{content:'';position:absolute;left:-2.35rem;top:.4rem;width:.65rem;height:.65rem;border-radius:50%;background:var(--accent)}.logo-cloud{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.logo-cloud div{min-height:120px;display:grid;place-items:center;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font:500 .78rem var(--mono);letter-spacing:.1em}.cursor-follower{position:fixed;z-index:90;width:70px;height:70px;border-radius:50%;border:1px solid rgba(255,255,255,.5);display:grid;place-items:center;font:500 .7rem var(--mono);pointer-events:none;transform:translate(-50%,-50%) scale(.3);opacity:0;transition:opacity .2s,transform .2s;background:rgba(0,0,0,.3);backdrop-filter:blur(8px)}.cursor-follower.is-active{opacity:1;transform:translate(-50%,-50%) scale(1)}.toast{position:fixed;right:1rem;bottom:1rem;background:var(--text);color:var(--bg);padding:1rem 1.2rem;border-radius:10px;z-index:120;transform:translateY(150%);transition:transform var(--medium)}.toast.show{transform:none}
