.capability-art{height:210px;position:relative;color:var(--feature-accent, #a5a0ff);margin:20px 0 28px;isolation:isolate}.capability-art *{box-sizing:border-box}.art-bubble{position:absolute;top:12px;left:12px;font:500 18px var(--font-display);padding:12px 20px;background:#ffffff08;border:1px solid #ffffff12;border-radius:14px 14px 14px 3px;transform:rotate(-4deg);color:#fafafa}.art-bubble span{display:block;font:9px var(--font-mono);color:var(--feature-accent);margin-top:5px}.art-voice{display:flex;align-items:center;justify-content:center;gap:5px;position:absolute;inset:60px 0 25px}.art-voice i{width:4px;background:currentColor;opacity:.7;border-radius:4px;transform-origin:center;animation:art-wave 2s ease-in-out infinite alternate;animation-play-state:paused}.capability-panel:hover .art-voice i,.features-category:hover .art-voice i{animation-play-state:running}.art-disc{position:absolute;right:8px;bottom:8px;display:grid;place-items:center;width:66px;height:66px;border:1px solid #ffffff25;border-radius:22px;background:linear-gradient(145deg,#2e4651,#14212a);box-shadow:0 15px 25px #0003;transform:rotate(8deg)}.art-window{position:absolute;inset:16px 35px 12px 10px;border:1px solid #ffffff20;border-radius:14px;background:linear-gradient(140deg,#39313f,#211c2d);transform:rotate(-5deg);padding:12px 16px;box-shadow:0 18px 35px #0003}.art-window-dots{display:flex;align-items:center;gap:4px;font-size:5px;letter-spacing:3px;color:#ffffff50;padding-bottom:10px;border-bottom:1px solid #ffffff10}.art-window>svg{margin:18px auto 15px}.art-slider{height:5px;border-radius:4px;background:#ffffff12;max-width:145px;margin:auto}.art-slider i{display:block;height:5px;border-radius:4px;background:var(--feature-accent);width:65%;position:relative}.art-slider i:after{content:"";position:absolute;right:0;top:-3px;width:11px;height:11px;border-radius:50%;background:#fff}.art-window-label{display:block;font:6px var(--font-mono);letter-spacing:.2em;text-align:center;margin-top:13px;color:#ffffff60}.art-small-note{position:absolute;display:flex;align-items:center;gap:8px;right:-2px;bottom:16px;padding:12px;background:#422f2f;border:1px solid #fb923c35;border-radius:9px;font:8px var(--font-mono);transform:rotate(4deg);box-shadow:0 10px 20px #0003}.art-pointer{position:absolute;right:20px;top:40px;transform:rotate(-15deg);filter:drop-shadow(0 4px 4px #0004)}.art-tool{position:absolute;width:110px;height:125px;border-radius:20px;border:1px solid #ffffff20;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;background:linear-gradient(150deg,#35402e,#20271e);box-shadow:0 15px 35px #0003}.art-tool span{font:9px var(--font-mono);color:#fffa}.art-tool--one{top:10px;left:6px;transform:rotate(-14deg)}.art-tool--two{top:58px;left:94px;z-index:1;transform:rotate(4deg)}.art-tool--three{top:2px;right:-5px;transform:rotate(15deg)}.art-editor{position:absolute;inset:20px 0 10px;border:1px solid #ffffff20;border-radius:14px;background:linear-gradient(135deg,#2d2544,#161320);padding:14px;transform:rotate(-5deg);box-shadow:0 18px 30px #0003}.art-editor .art-window-dots i{font:6px var(--font-mono);letter-spacing:0;margin-left:auto;font-style:normal;color:#afa1c8}.art-editor code{display:block;font:9px/2 var(--font-mono);margin-top:16px;color:#d5c8e8}.art-editor code span{color:#c4b5fd}.art-editor code em{color:#a3e635;font-style:normal}.art-editor code b{color:#fb923c}.art-code-badge{position:absolute;bottom:0;right:0;border:1px solid #c4b5fd40;border-radius:12px;background:#3e3056;padding:12px;display:flex;gap:16px;box-shadow:0 15px 25px #0003;transform:rotate(7deg)}.art-memory{position:absolute;border:1px solid #f472b630;border-radius:17px;background:linear-gradient(145deg,#442c46,#261b2a);box-shadow:0 15px 35px #0003}.art-memory--back{inset:12px 15px 45px;transform:rotate(-9deg);padding:17px;font:10px var(--font-mono);color:#b48da4}.art-memory--front{inset:45px 4px 5px 35px;padding:22px;transform:rotate(5deg)}.art-memory--front>span{display:block;color:#bc9eb0;font-size:12px;line-height:1.5;margin-top:12px}.art-memory--front strong{color:#fafafa;font-weight:500}.art-memory--front i{display:block;font:6px var(--font-mono);font-style:normal;margin-top:14px;color:#d8adc6}.art-memory-dot{position:absolute;top:16px;right:0;width:26px;height:26px;background:#f472b6;border:7px solid #f9b4da;box-shadow:0 0 30px #f472b640;border-radius:50%}.art-network-lines{position:absolute;inset:0;width:100%;height:100%;opacity:.5}.art-network-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-5deg);width:85px;height:85px;border-radius:24px;border:1px solid #a5a0ff70;display:grid;place-items:center;background:linear-gradient(140deg,#524270,#251d37);box-shadow:0 0 35px #a5a0ff10}.art-network-node{position:absolute;width:55px;height:55px;border-radius:15px;border:1px solid #ffffff20;display:grid;place-items:center;background:#32283f}.art-network-node--0{left:9%;top:7%;transform:rotate(-8deg)}.art-network-node--1{right:7%;top:9%;transform:rotate(8deg)}.art-network-node--2{left:10%;bottom:5%;transform:rotate(5deg)}.art-network-node--3{right:8%;bottom:5%;transform:rotate(-7deg)}@keyframes art-wave{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}@media(prefers-reduced-motion:reduce){.art-voice i{animation:none}}