.design-showcase{padding:70px 0 90px}.design-showcase-head{justify-content:space-between;align-items:end;gap:40px;margin-bottom:30px;display:flex}.design-showcase-head h2{letter-spacing:-.045em;margin:8px 0 0;font-size:clamp(36px,5vw,62px);line-height:1.02}.design-showcase-head h2 em{color:#7adddf;font-style:normal}.design-showcase-head>p{color:#aebfd2;max-width:560px;line-height:1.65}.design-demo-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;display:grid}.design-demo{background:linear-gradient(145deg,#0f243ec7,#121b37bd);border:1px solid #7db1d229;border-radius:22px;min-height:330px;padding:26px;position:relative;overflow:hidden}.design-demo h3{margin:0 0 7px;font-size:23px}.design-demo>p{color:#95a9bd;max-width:390px;line-height:1.55}.design-demo.demo-wide{grid-column:span 7}.design-demo.demo-small{grid-column:span 5}.design-demo-stage{height:178px;position:absolute;inset:auto 20px 20px}.rotating-stage{perspective:700px;place-items:center;display:grid}.rot-card{text-align:center;letter-spacing:.04em;color:#d8fbff;background:linear-gradient(145deg,#184c6ffa,#21275bf2);border:1px solid #70dee559;border-radius:14px;place-items:center;width:108px;height:76px;font-size:12px;font-weight:700;animation:5s ease-in-out infinite demo-card-float;display:grid;position:absolute;box-shadow:0 14px 35px #00000038}.rot-card.r1{animation-delay:-.5s;transform:translate(-96px,-40px)rotate(-8deg)}.rot-card.r2{animation-delay:-1.8s;transform:translate(92px,-34px)rotate(8deg)}.rot-card.r3{animation-delay:-3s;transform:translate(-82px,54px)rotate(7deg)}.rot-card.r4{animation-delay:-4.2s;transform:translate(96px,50px)rotate(-7deg)}.orbit-stage{place-items:center;display:grid}.orbit-ring{border:1px solid #7bdce142;border-radius:50%;width:230px;height:120px;animation:12s linear infinite demo-spin;position:absolute}.orbit-ring:before{content:"";background:#7adddf;border-radius:50%;width:11px;height:11px;position:absolute;top:13px;left:30px;box-shadow:0 0 18px #7adddfa6}.orbit-core{z-index:2;text-align:center;background:radial-gradient(circle at 35% 30%,#32adbf59,#0b1b31fa);border:1px solid #7adddf57;border-radius:50%;place-items:center;width:92px;height:92px;font-size:12px;font-weight:700;display:grid}.orbit-label{color:#aec5d5;font-size:11px;position:absolute}.orbit-label.o1{top:8px}.orbit-label.o2{bottom:16px;right:8px}.orbit-label.o3{bottom:16px;left:8px}.timeline-stage{justify-content:space-between;align-items:flex-end;gap:10px;padding:18px 0;display:flex}.timeline-stage:before{content:"";background:linear-gradient(90deg,#0000,#72dbe2a6,#0000);height:1px;position:absolute;top:50%;left:8%;right:8%}.timeline-node{z-index:2;text-align:center;background:#0f2a46f0;border:1px solid #76d6e247;border-radius:18px;place-items:center;width:70px;height:70px;font-size:11px;animation:4.8s ease-in-out infinite demo-rise;display:grid;position:relative}.timeline-node:nth-child(2){animation-delay:-1.2s}.timeline-node:nth-child(3){animation-delay:-2.4s}.timeline-node:nth-child(4){animation-delay:-3.6s}.float-stage{perspective:700px}.float-layer{text-align:center;background:linear-gradient(145deg,#1f305bfa,#502a73e6);border:1px solid #c480f440;border-radius:17px;place-items:center;width:145px;height:82px;font-size:12px;font-weight:700;animation:5.6s ease-in-out infinite demo-float;display:grid;position:absolute;box-shadow:0 18px 45px #00000038}.float-layer.f1{top:16px;left:6%;transform:rotate(-7deg)}.float-layer.f2{animation-delay:-2s;top:46px;right:4%;transform:rotate(8deg)}.float-layer.f3{animation-delay:-3.6s;bottom:2px;left:35%;transform:rotate(-2deg)}.stats-stage{grid-template-columns:repeat(3,1fr);align-items:end;gap:10px;display:grid}.stat-box{text-align:center;background:#122f3ab3;border:1px solid #99dc812e;border-radius:14px;padding:18px 12px}.stat-box strong{color:#a7ef78;margin-bottom:5px;font-size:28px;display:block}.stat-box span{color:#afc0bc;font-size:11px}.network-stage{place-items:center;display:grid}.network-core{z-index:3;background:#103f4ae6;border:1px solid #5ee1e059;border-radius:50%;place-items:center;width:92px;height:92px;font-size:12px;font-weight:700;display:grid;position:relative}.network-dot{text-align:center;background:#0e2a3bf0;border:1px solid #5ee1e040;border-radius:50%;place-items:center;width:70px;height:70px;font-size:10px;display:grid;position:absolute}.network-dot:after{content:"";transform-origin:0;background:#5ee1e038;width:80px;height:1px;position:absolute;top:50%;left:50%}.network-dot.n1{top:0}.network-dot.n1:after{transform:rotate(90deg)}.network-dot.n2{bottom:4px;right:8px}.network-dot.n2:after{transform:rotate(205deg)}.network-dot.n3{bottom:4px;left:8px}.network-dot.n3:after{transform:rotate(-25deg)}@keyframes demo-spin{to{transform:rotate(360deg)}}@keyframes demo-card-float{0%,to{translate:0}50%{translate:0 -7px}}@keyframes demo-rise{0%,to{translate:0}50%{translate:0 -8px}}@keyframes demo-float{0%,to{translate:0}50%{translate:0 -9px}}@media (max-width:900px){.design-showcase-head{display:block}.design-showcase-head>p{margin-top:18px}.design-demo.demo-wide,.design-demo.demo-small{grid-column:span 12}}@media (max-width:620px){.design-showcase{padding:50px 0 62px}.design-showcase-head{margin-bottom:22px}.design-showcase-head h2{font-size:38px}.design-showcase-head>p{font-size:15px;line-height:1.55}.design-demo-grid{gap:14px}.design-demo{min-height:370px;padding:22px 18px}.design-demo>p{max-width:100%;font-size:14px}.design-demo-stage{height:210px;inset:auto 10px 14px}.rot-card{border-radius:12px;width:82px;height:58px;font-size:9px}.rot-card.r1{transform:translate(-66px,-50px)rotate(-8deg)}.rot-card.r2{transform:translate(62px,-42px)rotate(8deg)}.rot-card.r3{transform:translate(-58px,44px)rotate(7deg)}.rot-card.r4{transform:translate(66px,52px)rotate(-7deg)}.orbit-ring{width:190px;height:104px}.orbit-core{width:78px;height:78px;font-size:10px}.orbit-label{font-size:9px}.orbit-label.o1{top:18px}.orbit-label.o2{bottom:30px;right:18px}.orbit-label.o3{bottom:30px;left:18px}.timeline-stage{align-items:center;gap:6px;padding:30px 0}.timeline-node{border-radius:15px;width:58px;height:58px;font-size:9px}.float-layer{border-radius:14px;width:104px;height:62px;font-size:10px}.float-layer.f1{top:18px;left:4%}.float-layer.f2{top:62px;right:4%}.float-layer.f3{bottom:8px;left:34%}.stats-stage{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:6px}.stat-box{padding:14px 5px}.stat-box strong{font-size:20px}.stat-box span{font-size:9px}.network-core{width:78px;height:78px;font-size:10px}.network-dot{width:58px;height:58px;font-size:8px}.network-dot:after{width:58px}.network-dot.n1{top:14px}.network-dot.n2{bottom:18px;right:18px}.network-dot.n3{bottom:18px;left:18px}}@media (prefers-reduced-motion:reduce){.rot-card,.orbit-ring,.timeline-node,.float-layer{animation:none!important}}