.v4 .dlx{display:grid;gap:16px;margin-top:clamp(44px,5.5vw,72px);text-align:left}.v4 .dlx-primary{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,4vw,56px);padding:clamp(12px,1.2vw,14px);padding-left:clamp(24px,3.6vw,52px);border-radius:calc(var(--p-r-card) + 4px);background:var(--p-card);border:1px solid var(--p-line);box-shadow:var(--p-shadow-float);animation:dlx-in .6s var(--p-ease) both}@keyframes dlx-in{0%{opacity:0;transform:translateY(10px)}}.v4 .dlx-primary-copy{display:grid;align-content:center;justify-items:start;gap:14px;padding:clamp(20px,3vw,40px) 0}.v4 .dlx-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0;font-family:var(--p-mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--p-ink-3)}.v4 .dlx-you{display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 10px;border-radius:999px;background:var(--p-amber-soft);color:var(--p-amber-ink)}.v4 .dlx-you i{width:6px;height:6px;background:var(--p-amber)}.v4 .dlx-name{font-size:clamp(30px,3.4vw,44px);line-height:1.04}.v4 .dlx-line{max-width:34em;margin:0;font-size:16px;line-height:1.55;color:var(--p-ink-2)}.v4 .dlx-action{margin-top:8px}.v4 .dlx-btn span small{margin-left:6px;font-family:var(--p-mono);font-size:11.5px;font-weight:500;opacity:.6}.v4 .dlx-btn.is-sm{height:42px;padding:0 16px;gap:9px;font-size:14px}.v4 .dlx-btn .dlx-mark{flex:none}.v4 .p-btn--ink.dlx-btn{padding-left:20px}.v4 .p-btn--ink.dlx-btn .p-btn-arrow{background:#ffffff1f}.v4 .dlx-btn:hover .p-btn-arrow{transform:translateY(2px)}.v4 .dlx-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0;font-size:13.5px;color:var(--p-ink-3)}.v4 .dlx-meta i{width:3px;height:3px;background:var(--p-ink-3)}.v4 .dlx-meta a{display:inline-flex;align-items:center;gap:3px;font-weight:600;color:var(--p-amber-ink);text-decoration:none}.v4 .dlx-meta a:hover{text-decoration:underline;text-underline-offset:3px}.v4 .dlx-note{max-width:36em;margin:0;padding:12px 14px;border-radius:14px;background:var(--p-mist);font-size:13.5px;line-height:1.5;color:var(--p-ink-2)}.v4 .dlx-note b{color:var(--p-ink)}.v4 .dlx-soon{display:inline-flex;align-items:center;gap:9px;height:46px;margin:0;padding:0 18px;border-radius:999px;background:var(--p-mist);font-size:14.5px;font-weight:600;color:var(--p-ink-2)}.v4 .dlx-soon.is-sm{height:40px;padding:0 14px;font-size:13.5px}.v4 .dlx-started{display:flex;align-items:flex-start;gap:10px;max-width:34em;margin:0;font-size:14px;line-height:1.5;color:var(--p-ink-2);animation:dlx-in .5s var(--p-ease) both}.v4 .dlx-started i{flex:none;width:7px;height:7px;margin-top:.5em;background:var(--p-amber)}.v4 .dlx-art{position:relative;display:grid;place-items:center;min-height:340px;overflow:hidden;border-radius:var(--p-r-inner);background:var(--p-mist)}.v4 .dlx-file{position:relative;z-index:1;display:grid;justify-items:center;gap:6px;width:min(260px,78%);padding:26px 22px 20px;border-radius:22px;background:var(--p-card);border:1px solid var(--p-line);box-shadow:var(--p-shadow-float);text-align:center}.v4 .dlx-file-tile{display:grid;place-items:center;width:64px;height:64px;margin-bottom:8px;border-radius:18px;background:var(--p-ink);color:#fff}.v4 .dlx-file-name{font-family:var(--p-display);font-size:18px;font-weight:650;letter-spacing:-.01em}.v4 .dlx-file-meta{font-family:var(--p-mono);font-size:11.5px;letter-spacing:.04em;color:var(--p-ink-3)}.v4 .dlx-file-bar{display:grid;grid-template-columns:repeat(12,1fr);gap:3px;width:100%;margin-top:12px}.v4 .dlx-file-bar i{height:7px;border-radius:1.5px;background:#14131214}.v4 .dlx-primary.is-started .dlx-file-bar i{animation:dlx-cell 1.6s var(--p-ease) both;animation-delay:calc(var(--i) * 70ms)}@keyframes dlx-cell{0%{background:#14131214}30%,to{background:var(--p-amber)}}.v4 .dlx-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.v4 .dlx-app{display:flex;flex-direction:column;gap:12px;padding:clamp(22px,2.4vw,30px);border-radius:var(--p-r-card);background:var(--p-card);border:1px solid var(--p-line);animation:dlx-in .6s var(--p-ease) both}.v4 .dlx-app-top{display:flex;align-items:center;gap:12px}.v4 .dlx-app-tile{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:13px;background:var(--p-mist);color:var(--p-ink)}.v4 .dlx-app-spec{display:grid;margin:0;font-family:var(--p-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--p-ink-3)}.v4 .dlx-app-spec span{color:var(--p-ink)}.v4 .dlx-app-name{margin-top:4px;font-size:22px;line-height:1.15}.v4 .dlx-app .dlx-line{font-size:15px}.v4 .dlx-app-foot{display:grid;justify-items:start;gap:10px;margin-top:auto;padding-top:6px}.v4 .dlx-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.v4 .dlx-step{padding:clamp(22px,2.6vw,32px);border-radius:var(--p-r-card);background:var(--p-mist)}.v4 .dlx-step-n{display:inline-flex;align-items:center;gap:8px;margin:0;font-family:var(--p-mono);font-size:11.5px;letter-spacing:.08em;color:var(--p-amber-ink)}.v4 .dlx-step-n i{width:6px;height:6px;background:var(--p-amber)}.v4 .dlx-step h3{margin-top:12px;font-size:23px;line-height:1.15;letter-spacing:-.02em}.v4 .dlx-step .pg-prose{margin-top:14px;font-size:15.5px;line-height:1.6}@media(max-width:960px){.v4 .dlx-primary{grid-template-columns:minmax(0,1fr);padding:12px}.v4 .dlx-primary-copy{padding:18px 14px 4px}.v4 .dlx-art{min-height:260px}.v4 .dlx-row,.v4 .dlx-steps{grid-template-columns:minmax(0,1fr)}}@media(max-width:480px){.v4 .dlx-primary .p-btn--ink.dlx-btn{width:100%;justify-content:space-between;font-size:15px}}