.motion-showcase{max-width:1500px}.motion-heading{display:flex;justify-content:space-between;align-items:end;gap:50px}.motion-heading>p{color:var(--muted);font-size:14px;line-height:1.9;max-width:440px}.motion-frame{margin-top:33px;background:#181717;border:1px solid #52413b;border-radius:28px;padding:16px;box-shadow:0 25px 75px #000b, inset 0 1px #ffffff18;overflow:hidden}.motion-topbar{height:40px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;direction:ltr}.motion-wordmark{font:700 15px 'Space Grotesk';letter-spacing:-.05em}.motion-wordmark b{color:var(--gold);font-size:22px}.motion-wordmark span{color:var(--red2)}.motion-topbar>span:last-child{color:#8d7d76;font:700 9px 'Space Grotesk';letter-spacing:.13em}.motion-topbar i{display:inline-block;width:6px;height:6px;background:var(--gold);border-radius:50%;margin-left:9px}.motion-screen{height:480px;position:relative;overflow:hidden;border-radius:17px;background:radial-gradient(circle at 50% 38%,#231b18,#0b0b0c 70%);border:1px solid #40332f;box-shadow:inset 0 0 80px #0009}.motion-search{position:absolute;z-index:2;top:40%;left:14%;width:72%;height:72px;border:2px solid #5b5554;border-radius:15px;background:#161515;display:flex;align-items:center;gap:20px;padding:0 25px;direction:ltr;box-shadow:0 15px 40px #0009;animation:searchBox 9s ease-in-out infinite}.search-icon{font:40px Arial;color:#a19e9d;line-height:1}.search-typing{font:500 clamp(16px,2.3vw,29px) 'Space Grotesk';color:#eee;letter-spacing:.04em;white-space:nowrap;overflow:hidden;width:0;animation:type 9s steps(12,end) infinite}.search-caret{width:2px;height:28px;background:var(--gold);animation:blink .6s step-end infinite}.motion-cursor{position:absolute;z-index:5;top:74%;left:71%;width:45px;height:56px;filter:drop-shadow(0 0 9px #f3c3698a);animation:cursorMove 9s ease-in-out infinite}.motion-cursor svg{width:100%;height:100%}.motion-chart-view{position:absolute;inset:18px;opacity:0;transform:scale(.96);background:linear-gradient(140deg,#17191a,#0b0c0d);border:1px solid #303235;border-radius:8px;animation:chartReveal 9s ease-in-out infinite;overflow:hidden}.motion-chart-view:before{content:"";position:absolute;inset:65px 20px 35px;background-image:linear-gradient(#54605e2b 1px,transparent 1px),linear-gradient(90deg,#54605e2b 1px,transparent 1px);background-size:75px 49px}.motion-chart-top{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;border-bottom:1px solid #303235;direction:ltr;font:700 14px 'Space Grotesk';color:#e6e4df}.motion-chart-top b{color:var(--gold);font-size:22px}.motion-chart-top small{font:10px Cairo;color:#aa9885;margin-left:15px}.motion-chart-top>span:last-child{font-size:9px;letter-spacing:.12em;color:#958c82}.motion-chart-view>svg{position:absolute;inset:90px 5% 48px;width:90%;height:260px}.motion-chart-view>svg path{stroke-dasharray:1200;stroke-dashoffset:1200;animation:motionDraw 9s linear infinite;filter:drop-shadow(0 0 8px #ebaf4d)}.motion-bars{position:absolute;bottom:43px;left:10%;right:10%;height:210px;display:flex;justify-content:space-between;align-items:end;direction:ltr;opacity:.55}.motion-bars i{width:18px;height:40%;background:linear-gradient(#f8c966,#9b3528);border-radius:2px}.motion-bars i:nth-child(2){height:65%}.motion-bars i:nth-child(3){height:34%}.motion-bars i:nth-child(4){height:47%}.motion-bars i:nth-child(5){height:78%}.motion-bars i:nth-child(6){height:58%}.motion-bars i:nth-child(7){height:88%}.motion-bars i:nth-child(8){height:63%}.motion-bars i:nth-child(9){height:75%}.motion-bars i:nth-child(10){height:50%}.motion-bars i:nth-child(11){height:93%}.motion-bars i:nth-child(12){height:71%}.motion-chart-footer{position:absolute;bottom:10px;left:20px;right:20px;display:flex;justify-content:space-between;color:#9c8e83;font-size:10px}.motion-status{position:absolute;bottom:18px;right:25px;color:#a58873;font:700 9px 'Space Grotesk';letter-spacing:.1em}.motion-status span{color:var(--gold)}.motion-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#99887d;font-size:11px;margin-top:14px}.motion-controls button{background:transparent;color:var(--gold);border:1px solid #806645;padding:7px 15px;border-radius:2px;font-size:11px;font-weight:800}.motion-frame.paused *{animation-play-state:paused!important}@keyframes searchBox{0%,6%{opacity:0;transform:scale(.94)}12%,43%{opacity:1;transform:scale(1)}50%,100%{opacity:0;transform:scale(1.1)}}@keyframes type{0%,15%{width:0}32%,100%{width:12ch}}@keyframes blink{50%{opacity:0}}@keyframes cursorMove{0%{left:77%;top:76%;transform:scale(1)}18%{left:69%;top:46%;transform:scale(1)}38%{left:50%;top:45%;transform:scale(.9)}46%{left:49%;top:45%;transform:scale(.78)}58%{left:75%;top:72%;transform:scale(.85)}82%{left:42%;top:30%;transform:scale(1)}100%{left:77%;top:76%;transform:scale(1)}}@keyframes chartReveal{0%,45%{opacity:0;transform:scale(.96)}53%,94%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.03)}}@keyframes motionDraw{0%,53%{stroke-dashoffset:1200}82%,100%{stroke-dashoffset:0}}@media(max-width:760px){.motion-heading{display:block}.motion-frame{padding:7px;border-radius:15px}.motion-screen{height:360px;border-radius:10px}.motion-search{height:55px;left:8%;width:84%;padding:0 12px;gap:8px}.search-icon{font-size:27px}.motion-cursor{width:32px;height:42px}.motion-chart-top{padding:0 12px;font-size:11px}.motion-chart-top>span:last-child{font-size:7px}.motion-chart-top small{display:none}.motion-chart-view>svg{height:170px}.motion-controls{align-items:flex-start}.motion-controls span{max-width:230px}}@media(max-width:520px){.motion-screen{height:280px}.motion-chart-view{inset:7px}.motion-chart-top{height:40px}.motion-chart-view>svg{top:60px;height:120px}.motion-bars{height:140px}.motion-bars i{width:8px}.motion-topbar{padding:0 8px}.motion-topbar>span:last-child{font-size:7px}.motion-status{bottom:8px;right:10px;font-size:7px}.motion-controls{font-size:9px}.motion-controls button{white-space:nowrap}}@media(prefers-reduced-motion:reduce){.motion-search{opacity:0}.motion-chart-view{opacity:1;transform:none}.motion-chart-view>svg path{stroke-dashoffset:0}.motion-cursor{display:none}}