/* ---------- home: dashboards panel (between the film and Front end) ---------- */
.dpanel{padding-top:clamp(40px,6vw,90px);}
.dp{position:relative;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(24px,4vw,60px);
  min-height:clamp(520px,46vw,680px);padding:clamp(36px,5vw,72px);border:1px solid var(--line);overflow:hidden;color:var(--ink);
  background:radial-gradient(60% 80% at 82% 50%,rgba(56,189,248,.16),transparent 70%),linear-gradient(180deg,#0c0d10,#08080a);
  transition:border-color .4s var(--ease);}
.dp:hover{border-color:var(--line-2);}
.dp-k{display:flex;align-items:center;gap:12px;font-family:var(--fm);font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--dim);}
.dp-k em{font-style:normal;color:var(--acid);}
.dp-k i{width:7px;height:7px;border-radius:50%;background:#38bdf8;box-shadow:0 0 0 0 rgba(56,189,248,.5);animation:dpPulse 2.4s infinite;}
@keyframes dpPulse{0%{box-shadow:0 0 0 0 rgba(56,189,248,.5)}70%{box-shadow:0 0 0 8px rgba(56,189,248,0)}100%{box-shadow:0 0 0 0 rgba(56,189,248,0)}}
.dp h2{margin-top:22px;font-weight:900;font-size:clamp(44px,5.6vw,92px);line-height:.94;letter-spacing:-.05em;}
.dp h2 .acid{color:var(--acid);}
.dp p{margin-top:24px;max-width:36ch;font-size:clamp(16px,1.35vw,19px);line-height:1.55;color:var(--dim);}
.dp-go{display:inline-flex;align-items:center;gap:12px;margin-top:32px;font-family:var(--fm);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);}
.dp-go b{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--acid);color:#08080a;font-weight:500;font-size:16px;transition:transform .35s var(--ease);}
.dp:hover .dp-go b{transform:rotate(45deg);}
/* one dashboard, flat, sliding in from the right: gap above, running off the bottom and right edges */
.dp{--dp-pad:clamp(36px,5vw,72px);}
.dp-art{position:relative;align-self:stretch;min-height:420px;}
.dp-screen{position:absolute;left:4%;top:calc(var(--dp-pad) * -1 + clamp(56px,7vw,100px));width:165%;border-radius:16px 0 0 0;overflow:hidden;background:#0d0e11;
  box-shadow:0 0 0 1px rgba(255,255,255,.1),0 0 0 7px rgba(255,255,255,.025),0 0 140px -10px rgba(56,189,248,.4);
  transform:translateX(90px);opacity:0;transition:transform 1.4s var(--ease),opacity 1.1s var(--ease);}
.dp.in .dp-screen{opacity:1;transform:none;}
.dp.in:hover .dp-screen{transform:translateX(-14px);}
.dp-screen::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.07),transparent 38%);}
.dp-bar{display:flex;gap:7px;align-items:center;height:30px;padding:0 14px;background:#141519;border-bottom:1px solid rgba(255,255,255,.06);}
.dp-bar i{width:9px;height:9px;border-radius:50%;background:#2a2c31;}
.dp-screen img{display:block;width:100%;}
@media(max-width:900px){
  .dp{grid-template-columns:1fr;min-height:0;}
  .dp{padding-bottom:0;}
  .dp-art{min-height:clamp(240px,58vw,420px);margin-right:calc(var(--dp-pad) * -1);}
  .dp-screen{left:0;top:12px;width:130%;}
}
@media(prefers-reduced-motion:reduce){.dp-screen{transition:none;}.dp-k i{animation:none;}}