.service-showcase{position:relative;isolation:isolate;width:100%;margin:0;min-width:0;padding:2.5rem 1.5rem 1rem;overflow:hidden;border:1px solid #d7c4ee;border-radius:1.5rem;background:linear-gradient(145deg,#ede2fc,#faf7ff 65%,#f0edf8)}.service-showcase__aura{position:absolute;inset:5%;background:radial-gradient(ellipse,#b992e855,transparent 65%);z-index:-1}.showcase-browser{background:#fff;border:1px solid #cdb8e7;border-radius:1rem;box-shadow:0 20px 50px -22px #70509166;transform:perspective(1000px) rotateY(-5deg) rotateX(3deg);overflow:hidden;min-height:300px}.showcase-browser__bar{display:flex;align-items:center;gap:5px;padding:.7rem 1rem;border-bottom:1px solid #e9e0f2;background:#fcfaff}.showcase-browser__bar>i{height:5px;width:5px;border-radius:50%;background:#c8b4de}.showcase-browser__bar>span{margin-left:auto;font-size:8px;letter-spacing:.12em;color:#a185b7}.showcase-search{display:flex;align-items:center;gap:.6rem;margin:1.2rem;border:1px solid #cebbe5;border-radius:1.5rem;padding:.7rem;color:#776085;font-size:.8rem;overflow:hidden}.showcase-search>span{max-width:90%;white-space:nowrap;overflow:hidden;animation:showcase-type 7s steps(26) infinite}.showcase-search>i{width:1px;height:16px;background:#9268b9;animation:showcase-cursor 1s infinite}.showcase-search-result{display:grid;grid-template-columns:1.2fr 1fr;gap:1rem;padding:1rem 1.2rem;animation:showcase-result 7s infinite}.showcase-search-result strong{display:block;font-size:1rem;margin:.4rem 0}.showcase-search-result p{font-size:.65rem;color:#8b7b95;line-height:1.6}.showcase-search-result>div>svg{color:#9874b9}.showcase-search-result span{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-top:1rem;font-size:.6rem;color:#76538f}.showcase-map{position:relative;min-height:130px;border-radius:.7rem;background:repeating-linear-gradient(25deg,#f2eef7 0 26px,#fff 27px 32px,#e9e4f0 33px 60px);overflow:hidden}.showcase-map>svg{position:absolute;top:40%;left:45%;color:#8960b9;fill:#d5bff0;animation:showcase-pin 2s ease-in-out infinite}.showcase-result-line{height:7px;border-radius:5px;background:#ede6f4;margin:1rem 1.2rem;width:75%}.showcase-result-line.short{width:45%}.showcase-phones{display:flex;gap:.8rem;align-items:center;justify-content:center;padding:1.7rem .9rem 2rem}.showcase-phone{width:30%;min-height:225px;border:3px solid #a990bd;border-radius:1.2rem;padding:1rem .5rem .6rem;background:#fcfaff;box-shadow:0 10px 25px -12px #6b468555;position:relative;animation:showcase-phone 7s ease-in-out infinite}.showcase-phone:nth-child(2){transform:translateY(-10px);animation-delay:-2s}.showcase-phone:nth-child(3){animation-delay:-4s}.showcase-phone>i{display:block;width:35%;height:4px;border-radius:5px;background:#b6a2c8;margin:-.6rem auto 1rem}.showcase-app-avatar{display:grid;place-items:center;margin:auto;width:32px;height:32px;background:#ece1f8;border-radius:50%;color:#8a65ac}.showcase-phone>strong{display:block;text-align:center;font-size:9px;margin:.7rem 0}.showcase-app-cards{display:grid;gap:.4rem}.showcase-app-cards>span{height:22px;background:#eee7f5;border-radius:5px}.showcase-phone>b{display:flex;align-items:center;justify-content:center;background:#f1e9fb;border:1px solid #c2a7df;border-radius:.5rem;min-height:28px;margin-top:.8rem;font-size:9px;color:#795692}.showcase-brand-board{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1.6rem}.showcase-brand-word{font-size:4rem;letter-spacing:-.08em;line-height:1;color:#634b80}.showcase-brand-word>span{display:block;font-size:8px;letter-spacing:.2em;margin-top:1rem}.showcase-brand-colors{display:flex;gap:.3rem;align-items:center}.showcase-brand-colors>i{height:70px;flex:1;border-radius:.4rem;background:#7952aa}.showcase-brand-colors>i:nth-child(2){background:#c1a2e6}.showcase-brand-colors>i:nth-child(3){background:#eee7f4}.showcase-brand-card{padding:1.5rem .9rem;transform:rotate(-6deg);border-radius:.5rem;background:#ede3fa;color:#533c70;font-size:.9rem;font-weight:750;box-shadow:0 8px 20px #7a529222;animation:showcase-card 8s ease-in-out infinite}.showcase-brand-label{font-size:.8rem;line-height:1.6;align-self:center;color:#836593}.showcase-store{display:grid;grid-template-columns:1fr 1fr;gap:1.3rem;padding:2rem 1.2rem}.showcase-product{display:grid;place-items:center;min-height:190px;background:linear-gradient(140deg,#e6d7f7,#faf6ff);border-radius:.7rem;color:#9c75c3;animation:showcase-card 8s ease-in-out infinite}.showcase-store h3{font-size:1.3rem;line-height:1.2;margin:1rem 0}.showcase-store small{font-size:8px;color:#a184b6}.showcase-store .showcase-result-line{margin:1rem 0}.showcase-ad-info>b,.showcase-store b{display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:.7rem;padding:.65rem;background:#fff;border:1px solid #b999dc;border-radius:.6rem;color:#73538e}.showcase-gallery{display:flex;align-items:center;gap:.7rem;padding:2rem 1rem}.showcase-gallery>div{flex:1;min-width:0;transform:rotate(-4deg);animation:showcase-card 7s infinite}.showcase-gallery>div:nth-child(2){transform:translateY(-8px) rotate(2deg);animation-delay:-2s}.showcase-gallery-art{height:150px;display:grid;place-items:center;border-radius:.7rem;color:#fff;background:linear-gradient(30deg,#9b76c9,#d7c4ed)}.showcase-gallery>div:nth-child(2) .showcase-gallery-art{background:linear-gradient(120deg,#c3afd9,#7d6599)}.showcase-gallery strong{display:block;font-size:.7rem;margin-top:.8rem;color:#766083}.showcase-ad{padding:1.2rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.showcase-ad-art{background:linear-gradient(135deg,#dfcff1,#f7f0fc);border-radius:.8rem;padding:1rem;color:#7f5a9d;min-height:210px}.showcase-ad-art strong{display:block;font-size:1.4rem;line-height:1.15;margin-top:1rem}.showcase-ad-info{align-self:center}.showcase-ad-info>small{color:#a086b3;font-size:.6rem}.showcase-ad-info h3{font-size:1rem;margin:.9rem 0;line-height:1.35}.showcase-assistant{padding:1.6rem}.showcase-chat{display:grid;gap:.8rem}.showcase-chat>span{font-size:.8rem;padding:.7rem 1rem;background:#f4edf9;border:1px solid #e0d1ed;border-radius:.8rem;animation:showcase-result 8s infinite}.showcase-chat>span:nth-child(2){margin-left:20%;animation-delay:-2s}.showcase-chat>span:nth-child(3){animation-delay:-4s}.showcase-task{display:flex;gap:.7rem;align-items:center;padding:1rem;margin-top:1rem;border:1px solid #d8c3e7;border-radius:.8rem;background:#fcfaff;flex-wrap:wrap}.showcase-task>svg{color:#8a67a4}.showcase-task strong{font-size:.8rem}.showcase-task small{font-size:.6rem;width:100%;color:#9b84aa}.service-showcase figcaption{font-size:.6rem;text-align:center;line-height:1.6;color:#9580a4;margin-top:1rem}@keyframes showcase-type{0%,10%{max-width:0}40%,90%{max-width:90%}to{max-width:0}}@keyframes showcase-cursor{50%{opacity:0}}@keyframes showcase-result{0%,10%{opacity:.25;transform:translateY(7px)}35%,90%{opacity:1;transform:none}to{opacity:.25;transform:translateY(7px)}}@keyframes showcase-pin{50%{transform:translateY(-5px)}}@keyframes showcase-card{50%{transform:translateY(-5px) rotate(2deg)}}@keyframes showcase-phone{50%{box-shadow:0 12px 28px -10px #9360c880;border-color:#a17bc2}}@media(max-width:639px){.service-showcase{padding:1.3rem .8rem .8rem}.showcase-browser{min-height:280px}.showcase-phones{gap:.45rem}.showcase-phone{min-height:210px}.showcase-brand-board{padding:1.2rem}.showcase-brand-word{font-size:3.4rem}}@media(prefers-reduced-motion:reduce){.service-showcase *{animation:none!important;transform:none!important}}.service-showcase[data-live=false] *{animation-play-state:paused!important}.showcase-neutral-line{display:block;width:54px;height:5px;background:#cbbddc;border-radius:4px}.service-showcase--mobile .showcase-phone>b>span{font-size:24px;line-height:1}.service-showcase{padding:24px 8px 12px}.service-showcase,.showcase-browser{border:0;border-radius:0;background:transparent;overflow:visible}.showcase-browser{box-shadow:none;transform:none}.showcase-browser__bar{display:none}.showcase-search{background:#fff;box-shadow:0 15px 35px -25px #513c8860}.showcase-search-result{background:#fff;border:1px solid #e4deee;border-radius:18px;box-shadow:0 20px 40px -28px #513c8870;margin:15px 12px}.showcase-device-sync{position:relative;display:flex;align-items:center;gap:20px;padding:30px 0;min-height:350px}.showcase-sync-phone,.showcase-sync-tablet{position:relative;background:#fff;border:2px solid #b7a5d4;box-shadow:0 26px 40px -28px #49377780;overflow:hidden;animation:showcase-card 8s ease-in-out infinite}.showcase-sync-phone{width:32%;flex-shrink:0;border-radius:23px;padding:30px 10px 12px;transform:rotate(-5deg);z-index:2}.showcase-device-camera{position:absolute;width:28px;height:4px;border-radius:3px;background:#b8a9cc;left:calc(50% - 14px);top:11px}.showcase-sync-phone small{font-size:8px;color:#8f7ba8;letter-spacing:.1em}.showcase-sync-phone>strong{display:block;font-size:12px;line-height:1.4;margin:8px 0 15px}.showcase-sync-item{display:flex;align-items:center;gap:6px;font-size:9px;border:1px solid #e5deef;border-radius:8px;padding:10px 6px;background:#faf8ff}.showcase-sync-item>svg{width:17px;color:#8a6abf;flex-shrink:0}.showcase-sync-item>svg:last-child{margin-left:auto;color:#6d9d88}.showcase-sync-thumb{position:relative;display:grid;place-items:center;height:100px;border-radius:9px;background:linear-gradient(140deg,#eee7fc,#dad8eb 65%,#e6f0eb);color:#9272c7;margin:10px 0;overflow:hidden}.showcase-sync-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent,#ffffff75,transparent);animation:device-sync-shimmer 5s infinite}.showcase-sync-status{display:flex;align-items:center;gap:5px;font-size:8px;color:#6e8d80;line-height:1.4;margin:12px 0}.showcase-sync-status svg{animation:device-sync-spin 5s infinite;flex-shrink:0}.showcase-device-nav{display:flex;justify-content:space-around;border-top:1px solid #eee8f4;padding-top:10px;color:#9b8ab5}.showcase-device-nav svg{width:14px;height:14px}.showcase-sync-tablet{width:66%;border-radius:20px;padding:27px 12px 15px;transform:rotate(3deg);animation-delay:-2s}.showcase-tablet-heading{display:flex;gap:8px;align-items:center;border-bottom:1px solid #e9e3f1;padding-bottom:12px;font-size:11px}.showcase-tablet-heading svg{width:18px;color:#9573bf}.showcase-tablet-heading svg:last-child{margin-left:auto;color:#729b85}.showcase-tablet-content{display:grid;grid-template-columns:30px 1fr;gap:12px}.showcase-tablet-content>aside{padding-top:20px;border-right:1px solid #eee8f3}.showcase-tablet-content>aside i{display:block;width:14px;height:12px;background:#e4dbf2;border-radius:3px;margin-bottom:14px}.showcase-sync-tablet .showcase-sync-thumb{height:125px}.showcase-sync-link{position:absolute;left:29%;top:45%;width:20%;height:40px;z-index:3;border-top:1px dashed #a68cd0;pointer-events:none}.showcase-sync-link>svg{position:absolute;left:40%;top:-11px;width:22px;height:22px;padding:3px;background:#fafafa;border-radius:50%;color:#9472c9}.showcase-sync-link i{position:absolute;top:-3px;width:5px;height:5px;border-radius:50%;background:#9d7bdb;animation:device-data-pass 4s infinite}.showcase-sync-link i:nth-child(2){animation-delay:.3s}.showcase-sync-link i:nth-child(3){animation-delay:.6s}.showcase-portfolio{position:relative;min-height:340px;display:flex;align-items:center;gap:15px;padding:20px 0}.showcase-project-sheet{width:65%;padding:18px;background:#fff;border:1px solid #d4c9e9;border-radius:16px;box-shadow:0 25px 45px -30px #48326c70;transform:rotate(-4deg);animation:showcase-card 8s infinite}.showcase-project-sheet>span{font-size:8px;letter-spacing:.12em;color:#9581ad}.showcase-project-art{height:155px;background:linear-gradient(135deg,#e2dbf3,#eeeef2 60%,#dce9e3);border-radius:9px;display:grid;place-items:center;position:relative;margin:15px 0;color:#9376c6}.showcase-project-art i{position:absolute;width:40px;height:60px;border:1px solid #fff;border-radius:5px;background:#ffffff70;right:15%;top:25%;transform:rotate(15deg)}.showcase-project-art i:last-child{right:23%;transform:rotate(-8deg)}.showcase-project-sheet>strong{font-size:15px;line-height:1.3;display:block}.showcase-project-sheet>p{font-size:10px;color:#8c7d9a;margin:10px 0}.showcase-project-tags{display:flex;gap:6px;flex-wrap:wrap}.showcase-project-tags>span{font-size:8px;background:#f2eef8;padding:5px;border-radius:4px;color:#8a74a3}.showcase-project-stack{width:37%;padding:18px 12px;border:1px solid #e2dbea;background:#fff;border-radius:14px;transform:rotate(6deg);box-shadow:0 20px 40px -25px #48326c65;animation:showcase-card 8s -3s infinite}.showcase-project-stack>svg{color:#9774c8}.showcase-project-stack>span{font-size:11px;display:block;margin:12px 0}.showcase-project-stack>div{display:grid;gap:8px}.showcase-project-stack>div>svg{width:100%;height:45px;padding:10px;background:#f0ecf6;border-radius:6px;color:#b19acb}.showcase-project-stack>b{display:flex;align-items:center;gap:4px;font-size:9px;margin-top:12px;color:#8f73b8}@keyframes device-sync-shimmer{0%,45%{transform:translateX(-100%)}75%,to{transform:translateX(100%)}}@keyframes device-sync-spin{0%,70%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes device-data-pass{0%{left:0;opacity:0}20%,75%{opacity:1}to{left:100%;opacity:0}}@media(max-width:639px){.showcase-device-sync{gap:12px;min-height:310px}.showcase-sync-phone{padding-inline:7px}.showcase-sync-phone>strong{font-size:10px}.showcase-sync-tablet{padding-inline:8px}.showcase-tablet-heading{font-size:9px;gap:4px}.showcase-tablet-content{grid-template-columns:18px 1fr;gap:7px}.showcase-sync-item{font-size:8px;gap:3px;padding-inline:4px}.showcase-sync-item>svg{width:12px}.showcase-sync-phone .showcase-sync-thumb{height:85px}.showcase-project-sheet{padding:12px}.showcase-project-sheet>strong{font-size:12px}.showcase-project-art{height:130px}.showcase-project-stack{padding:12px 8px}}.showcase-operation{display:flex;align-items:center;gap:25px;min-height:330px;padding:25px 0;color:#645075}.operation-source{width:36%;padding:23px 16px;border:1px solid #ded5ec;border-radius:19px;background:#fff;box-shadow:0 22px 38px -28px #49386470;transform:rotate(-5deg);animation:showcase-card 7s infinite}.operation-source>svg{color:#9470c9}.operation-source>strong{font-size:15px;display:block;line-height:1.4;margin:15px 0}.operation-source i{display:block;height:5px;background:#e9e1f2;margin:8px 0;border-radius:3px}.operation-source i:last-child{width:65%}.operation-source>span{display:block;font-size:10px;line-height:1.6;color:#9a88ad;margin-top:20px}.operation-connector{position:relative;width:25px;color:#a78bd0}.operation-connector i{position:absolute;width:5px;height:5px;background:#a483d5;top:-15px;border-radius:50%;animation:device-data-pass 3s infinite}.operation-work{width:58%;padding:23px 18px;border:1px solid #d6c8e9;border-radius:20px;background:linear-gradient(140deg,#fff,#f8f5fc);box-shadow:0 25px 45px -30px #49386470;transform:rotate(3deg)}.operation-work>div:first-child{display:flex;align-items:center;gap:12px}.operation-work strong{font-size:14px;line-height:1.5}.operation-work svg{color:#9272be;flex-shrink:0}.operation-work ul{display:grid;list-style:none;padding:0;margin:20px 0;gap:15px}.operation-work li{display:flex;gap:8px;align-items:center;font-size:11px;line-height:1.5;animation:showcase-result 6s infinite}.operation-verified{display:flex;gap:9px;align-items:center;font-size:9px;line-height:1.6;border-top:1px solid #e9e1f2;padding-top:14px}.operation-verified svg{color:#729886}@media(max-width:639px){.showcase-operation{gap:12px}.operation-source{padding:18px 12px}.operation-source>strong{font-size:12px}.operation-work{padding:18px 12px}.operation-work strong{font-size:12px}.operation-work li{font-size:10px}.operation-connector{width:16px}}.showcase-identity{position:relative;min-height:370px;padding:15px 35px}.showcase-identity-paper{width:65%;max-width:280px;transform:rotate(-5deg);box-shadow:0 23px 40px -25px #58427580;animation:showcase-card 8s infinite;border-radius:10px;overflow:hidden}.showcase-identity-paper img{display:block;width:100%;height:auto}.showcase-identity-card{position:absolute;right:15px;top:100px;width:40%;padding:23px 18px;background:#fff;border:1px solid #e0d5ed;border-radius:12px;transform:rotate(7deg);box-shadow:0 20px 40px -22px #5e427c80}.showcase-identity-card>strong{font-size:60px;line-height:1;color:#9073b9;letter-spacing:-.08em}.showcase-identity-card>span{display:block;font-size:10px;color:#9c85af;margin:15px 0}.showcase-identity-card>div{display:flex;gap:6px}.showcase-identity-card i{height:24px;flex:1;background:#a187c2;border-radius:4px}.showcase-identity-card i:nth-child(2){background:#e2d7ec}.showcase-identity-card i:nth-child(3){background:#39323f}.showcase-identity-label{position:absolute;bottom:12px;right:25px;display:flex;gap:12px;align-items:center;padding:15px;background:#fff;border:1px solid #e0d6ec;border-radius:12px;font-size:11px;color:#9b80af}.showcase-immersive-scene{position:relative;min-height:370px;display:grid;place-items:center;perspective:900px}.immersive-orbit{position:absolute;width:80%;height:170px;border:1px solid #d7c8ed;border-radius:50%;transform:rotate(-17deg);background:radial-gradient(ellipse,#e5dcf555,transparent 60%)}.immersive-product{position:relative;width:150px;height:180px;transform:rotateY(-20deg) rotate(-9deg);animation:immersive-object-turn 11s ease-in-out infinite;box-shadow:25px 30px 40px -24px #6b4a9980}.immersive-product-face{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:20px;background:linear-gradient(140deg,#fff,#e3d6f5);border:1px solid #b8a1d5;border-radius:18px;color:#9d78c8}.immersive-product-face span{font-size:9px;letter-spacing:.12em}.immersive-product>i{position:absolute;right:-20px;top:5px;width:20px;height:172px;background:#c6b3dd;transform:skewY(15deg);border-radius:0 12px 12px 0;z-index:-1}.immersive-control{position:absolute;left:5px;top:15px;display:flex;gap:12px;padding:15px;background:#fff;border:1px solid #e2d7ed;border-radius:12px;color:#9d83b7;box-shadow:0 18px 30px -25px #614b7e80}.immersive-control strong{display:block;font-size:11px}.immersive-control span{display:block;margin-top:6px;font-size:9px}.immersive-timeline{position:absolute;bottom:10px;left:10%;right:10%;display:flex;align-items:center;gap:10px}.immersive-timeline span{display:grid;place-items:center;width:26px;height:26px;border:1px solid #d9c9e9;background:#fff;border-radius:50%;font-size:9px;color:#a387b8}.immersive-timeline i{flex:1;height:2px;background:#d8c9e9}.immersive-options{position:absolute;right:0;bottom:65px;display:grid;grid-template-columns:22px 1fr;gap:9px;padding:14px;background:#fff;border:1px solid #d8c8e9;border-radius:12px;box-shadow:0 15px 35px -25px #644a8580;color:#a185bb;font-size:10px}.immersive-options>div{grid-column:2;display:flex;gap:5px}.immersive-options i{height:14px;width:14px;border:1px solid #c6b2dc;border-radius:50%;background:#e0d5ee}.immersive-options i:nth-child(2){background:#36323d}.immersive-options i:nth-child(3){background:#ebf0ed}.immersive-pointer{position:absolute;right:22%;top:42%;color:#8c68b8;fill:#fff;animation:showcase-card 7s infinite}.showcase-content-plan{padding:25px 5px}.showcase-content-heading{display:flex;align-items:center;gap:12px;color:#997bb4}.showcase-content-heading strong{font-size:15px}.showcase-content-posts{display:flex;gap:14px;align-items:start;margin:25px 0}.showcase-content-posts>div{width:33%;transform:rotate(-4deg);animation:showcase-card 9s infinite}.showcase-content-posts>div:nth-child(2){transform:translateY(13px) rotate(3deg);animation-delay:-3s}.showcase-content-posts img{width:100%;height:auto;display:block;border:1px solid #e4d8ef;border-radius:10px;box-shadow:0 15px 30px -22px #6b4c8a70}.showcase-content-posts span{display:block;font-size:11px;color:#9e86b0;margin-top:12px}.showcase-content-approval{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:13px;border:1px solid #e1d4ec;border-radius:10px;background:#fff;color:#9f85b5;font-size:10px}@keyframes immersive-object-turn{50%{transform:rotateY(13deg) rotate(3deg) translateY(-6px)}}@media(max-width:639px){.showcase-identity{padding:10px 15px;min-height:340px}.showcase-identity-label{right:0;font-size:9px;padding:12px;gap:8px}.showcase-identity-card{right:0;padding:18px 12px}.showcase-identity-card>strong{font-size:48px}.showcase-content-posts{gap:10px}.showcase-immersive-scene{min-height:340px}.immersive-options{font-size:9px;padding:11px}}