.dc-stage{position:relative;height:460px;overflow:hidden;border-radius:var(--radius-xl)}@media (width >= 64rem){.dc-stage{height:660px;margin-right:-140px;overflow:visible;border-radius:0}}.dc-tilt{position:absolute;left:50%;top:50%;display:flex;gap:18px;transform:translate(-50%,-50%) rotate(var(--collage-tilt)) scale(.62)}@media (width >= 64rem){.dc-tilt{transform:translate(-50%,-50%) rotate(var(--collage-tilt))}}@media (prefers-reduced-motion:no-preference){.dc-col{animation:dc-in 1s var(--ease-site) both}.dc-col:nth-child(2){animation-delay:.12s}.dc-col:nth-child(3){animation-delay:.24s}}@keyframes dc-in{0%{opacity:0;translate:0 60px}to{opacity:1;translate:0 0}}.dc-col{display:flex;flex-direction:column;gap:18px;width:220px}.dc-col:nth-child(2){margin-top:-60px}.dc-col:nth-child(3){margin-top:70px}.dc-card{position:relative;aspect-ratio:9/17;overflow:hidden;container-type:inline-size;border:1px solid #ffffff1f;border-radius:30px;background-color:#0e0e11;box-shadow:inset 0 1px 0 #ffffff14,0 30px 60px #00000099;color:#fff;font-family:var(--font-sans)}.dc-img{object-fit:cover}.dc-lock{display:flex;flex-direction:column;align-items:center;height:100%;padding-top:18cqw}.dc-lock b{font-family:var(--font-display);font-size:24cqw;line-height:1}.dc-lock small{margin-top:3cqw;font-size:6cqw;opacity:.8}.dc-lock em{margin-top:auto;margin-bottom:8cqw;width:34cqw;height:1.6cqw;border-radius:999px;background:#ffffffb3}.dc-poster{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:9cqw}.dc-poster b{font-family:var(--font-display);font-size:17cqw;line-height:.95;text-transform:uppercase;letter-spacing:-.01em}.dc-poster span{font-size:6cqw;font-weight:600;letter-spacing:.1em;text-transform:uppercase;opacity:.85}.dc-code{height:100%;padding:10cqw 8cqw;font-family:var(--font-mono);font-size:6.2cqw;line-height:1.75;background:radial-gradient(at 90% 0,#2563eb40 0,transparent 50%),#0b0d14}.dc-code p{margin:0;white-space:pre}.dc-code .k{color:#c084fc}.dc-code .f{color:#60a5fa}.dc-code .s{color:#34d399}.dc-code .b{color:#fbbf24}.dc-code .c{color:#6b7280}.dc-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8cqw;height:100%;background:radial-gradient(at 50% 40%,#2563eb33 0,transparent 60%),#08080a}.dc-brand svg{width:34cqw;height:34cqw}.dc-brand span{font-family:var(--font-display);font-size:10cqw;font-weight:700}.dc-apps{height:100%;padding:16cqw 8cqw 0;background:radial-gradient(at 30% 100%,#7c3aed55 0,transparent 55%),#0b0b12}.dc-apps h4{margin:0 0 8cqw;text-align:center;font-size:8cqw;font-weight:600}.dc-apps ul{display:grid;grid-template-columns:repeat(3,1fr);gap:7cqw 4cqw;margin:0;padding:0;list-style:none}.dc-apps li{display:flex;flex-direction:column;align-items:center;gap:2.5cqw;font-size:5cqw;opacity:.9}.dc-apps li i{display:grid;place-items:center;width:19cqw;height:19cqw;border-radius:5.5cqw}.dc-apps li svg{width:10cqw;height:10cqw}.dc-about{display:flex;flex-direction:column;gap:4cqw;height:100%;padding:10cqw 9cqw;background:linear-gradient(180deg,transparent 30%,#000000cc 75%)}.dc-about b{margin-top:auto;font-family:var(--font-display);font-size:12cqw;text-transform:uppercase}.dc-about p{margin:0;font-size:6cqw;line-height:1.5;opacity:.9}.svc-row{display:flex;gap:10px;height:460px}.svc-panel{position:relative;display:flex;flex:1 1 0;flex-direction:column;justify-content:flex-end;min-width:0;overflow:hidden;border-radius:var(--radius-lg);color:#fff;text-decoration:none;transition:flex .4s var(--ease-site)}.svc-panel:focus-visible,.svc-panel:hover,.svc-panel[data-open]{flex:2.6 1 0}.svc-row:focus-within .svc-panel[data-open]:not(:hover):not(:focus-visible),.svc-row:hover .svc-panel[data-open]:not(:hover):not(:focus-visible){flex:1 1 0}.svc-panel:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-bg-000),0 0 0 4px var(--color-accent-300)}.svc-bg{position:absolute;inset:0;background:var(--grad);transition:transform .6s var(--ease-site)}.svc-panel:focus-visible .svc-bg,.svc-panel:hover .svc-bg{transform:scale(1.06)}.svc-panel>:not(.svc-bg){z-index:2}.svc-bg:before{background-image:radial-gradient(#ffffff2e 1px,transparent 1.3px);background-size:14px 14px}.svc-bg:after,.svc-bg:before{content:"";position:absolute;inset:0}.svc-bg:after{background:#0b0b0c40}.svc-num{position:absolute;top:8px;right:16px;font-family:var(--font-display);font-size:64px;font-weight:700;line-height:1;color:transparent;-webkit-text-stroke:1px #ffffff80;opacity:0;transition:opacity .25s}.svc-panel:focus-visible .svc-num,.svc-panel:hover .svc-num,.svc-panel[data-open] .svc-num{opacity:1}.svc-row:focus-within .svc-panel[data-open]:not(:hover):not(:focus-visible) .svc-num,.svc-row:hover .svc-panel[data-open]:not(:hover):not(:focus-visible) .svc-num{opacity:0}.svc-idx{top:16px;font-family:var(--font-sans);font-size:13px;font-weight:600}.svc-idx,.svc-label{position:absolute;left:16px;letter-spacing:.08em;line-height:1}.svc-label{bottom:16px;writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--font-display);font-size:28px;font-weight:700;text-transform:uppercase;white-space:nowrap}.svc-body{position:relative;max-width:34ch;margin:0 24px 24px 76px;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s}.svc-panel:focus-visible .svc-body,.svc-panel:hover .svc-body,.svc-panel[data-open] .svc-body{opacity:1;transform:none}.svc-row:focus-within .svc-panel[data-open]:not(:hover):not(:focus-visible) .svc-body,.svc-row:hover .svc-panel[data-open]:not(:hover):not(:focus-visible) .svc-body{opacity:0}.svc-body p{margin:0 0 12px;font-size:14px;line-height:1.6}.svc-body p,.svc-more{font-family:var(--font-sans)}.svc-more{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;line-height:1}@media (width < 48rem){.svc-row{flex-direction:column;height:auto}.svc-panel,.svc-panel:focus-visible,.svc-panel:hover,.svc-panel[data-open],.svc-row:hover .svc-panel[data-open]:not(:hover):not(:focus-visible){flex:none;min-height:170px}.svc-label{top:44px;bottom:auto;left:24px;writing-mode:horizontal-tb;transform:none;font-size:22px}.svc-idx{left:24px}.svc-num{display:none}.svc-body,.svc-row:hover .svc-panel[data-open]:not(:hover):not(:focus-visible) .svc-body{margin:84px 24px 24px;opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.svc-body,.svc-panel{transition:none}}