.wc-gitlab .wc-hero-grid{grid-template-columns:1fr;gap:24px}.wc-gitlab .wc-copy{max-width:880px;text-align:center;margin-inline:auto}.wc-gitlab .wc-brand,.wc-gitlab .button-row{justify-content:center}.wc-gitlab .wc-copy .lead{max-width:710px;margin-inline:auto}.wc-gitlab .wc-copy h1>span{display:inline;font-size:1em;margin-inline-end:13px}.wc-gitlab .wc-showcase{max-width:850px;width:100%;margin-inline:auto}.wc-gitlab .wc-scene{height:300px}.dgl-glow{position:absolute;inset:2% -2%;background:radial-gradient(ellipse,#fae4d880,transparent 70%);border-radius:50%}.dgl-workspace{position:absolute;inset:4% 6% 0;border:1px solid #e0caba;background:#fff;border-radius:16px;box-shadow:0 18px 40px #8f5c4010;padding:0 20px 17px}.dgl-header{height:43px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #efdfd4;color:#836451;font:7px/1.5 monospace;letter-spacing:.08em}.dgl-header .menu-brand-art{width:26px;height:26px}.dgl-header img{width:25px;height:25px}.dgl-header>div{display:flex;gap:4px;margin-left:auto}.dgl-header i{width:4px;height:4px;border-radius:50%;background:#d7c0b1}.dgl-files{position:absolute;left:0;top:43px;bottom:63px;width:23%;padding:18px;border-right:1px solid #efdfd4;background:#fffaf6;color:#91694f}.dgl-files>span{font:7px/1.4 monospace}.dgl-files>b{display:block;font:8px/1.4 monospace;margin-top:14px}.dgl-files>i{display:block;height:2px;background:#e4cfbe;width:50%;margin:8px 0 0 10px}.dgl-graph{position:absolute;left:29%;top:23%;right:6%;height:147px}.dgl-main-label,.dgl-feature-label{position:absolute;left:0;top:0;font:6px/1.4 monospace;letter-spacing:.1em;color:#86654e}.dgl-mainline,.dgl-branchline{position:absolute;left:3%;right:2%;top:25%;height:2px;background:#d4b494;overflow:hidden}.dgl-mainline>i,.dgl-branchline>i{position:absolute;inset:0;background:linear-gradient(90deg,transparent 35%,#c98d59 50%,transparent 65%);animation:wc-packet 8s linear infinite paused}.dgl-commit{position:absolute;left:7%;top:calc(25% - 5px);width:12px;height:12px;border:2px solid #c29367;border-radius:50%;background:#fff;z-index:3;transition:transform .5s}.dgl-commit-two{left:33%}.dgl-commit-three{left:65%}.dgl-commit-four{left:92%}.dgl-branch-path{position:absolute;left:20%;right:17%;top:25%;height:53%;border:2px solid #b9a4cf;border-top:0;border-radius:0 0 18px 18px;transform:skewX(-12deg)}.dgl-branchline{left:22%;right:19%;top:77%;background:#b9a4cf}.dgl-branchline>i{background:linear-gradient(90deg,transparent 35%,#9170b0 50%,transparent 65%);animation-delay:-4s}.dgl-feature-one{left:31%;top:calc(77% - 5px);border-color:#b197c7}.dgl-feature-two{left:64%;top:calc(77% - 5px);border-color:#b197c7}.dgl-feature-label{top:91%;left:25%}.dgl-merge{position:absolute;right:-3%;top:52%;display:flex;align-items:center;gap:7px;border:1px solid #d9c4e6;background:#fff;padding:9px;border-radius:8px;color:#76558c;transition:transform .5s}.dgl-merge .icon{width:16px;height:16px}.dgl-merge>span{font:5px/1.5 monospace;letter-spacing:.03em}.dgl-pipeline{position:absolute;bottom:15px;left:4%;right:4%;height:36px;display:flex;align-items:center;gap:10px;padding:7px 12px;background:#faf6f1;border:1px solid #e4d3c6;border-radius:9px;color:#80644f;transition:transform .5s}.dgl-pipeline>span{font:6px/1.4 monospace;margin-right:auto}.dgl-pipeline>div{font-size:9px;min-width:63px;text-align:center;padding:4px;background:#fff;border:1px solid #e4d3c6;border-radius:5px}.dgl-pipeline>i{height:1px;flex:1;max-width:27px;background:#d4bcaa}.dgl-pipeline>b{font:5px/1.5 monospace;margin-left:auto;letter-spacing:.1em}.wc-motion-active :is(.dgl-mainline>i,.dgl-branchline>i){animation-play-state:running}[data-wc-scene="0"] .dgl-commit-two{transform:scale(1.3)}[data-wc-scene="1"] .dgl-merge{transform:translate3d(-9px,-7px,0)}[data-wc-scene="2"] .dgl-pipeline{transform:translateY(-4px)}@media(max-width:760px){.wc-gitlab .wc-copy h1>span{display:block;font-size:.83em}.wc-gitlab .wc-scene{height:285px}.dgl-workspace{inset:3% 0 0;padding-inline:13px}.dgl-header{font-size:5px;gap:8px}.dgl-files{width:22%;padding:15px 10px}.dgl-files>span{font-size:5px}.dgl-files>b{font-size:6px}.dgl-graph{left:29%;right:7%;height:139px}.dgl-merge{right:-8%;padding:7px;gap:5px}.dgl-merge>span{font-size:4px}.dgl-merge .icon{width:13px;height:13px}.dgl-commit{width:10px;height:10px;top:calc(25% - 4px)}.dgl-feature-one,.dgl-feature-two{top:calc(77% - 4px)}.dgl-pipeline{gap:5px;padding-inline:8px;left:3%;right:3%}.dgl-pipeline>div{font-size:7px;min-width:44px}.dgl-pipeline>span{font-size:5px}.dgl-pipeline>b{font-size:4px;letter-spacing:0}}