/* Shared Lapomik header and footer shell for standalone product pages. */
.dgm-page{--shell-ink:#071A26;--shell-deep:#0C2C3F;--shell-blue:#1198D2;--shell-cyan:#25ACE3;--shell-line:#D6DFE6;--shell-muted:#9BB0BE}
.dgm-page .hero-grid>*{min-width:0}
.dgm-page .panel,.dgm-page .panel-body,.dgm-page .gridbar,.dgm-page .gb{min-width:0}
.dgm-page>.top{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--shell-line);color:var(--shell-deep)}
.dgm-page>.top .wrap{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;height:72px}
.dgm-page>.top .brand{display:flex;align-items:center;gap:12px;flex:none;text-decoration:none}
.dgm-page>.top .brand img{width:auto;display:block;flex:none}
.dgm-page>.top .brand img.emb{height:40px}
.dgm-page>.top .brand img.wm{height:34px}
.dgm-page>.top .nav{display:flex;align-items:center;justify-content:initial;height:auto;gap:16px}
.dgm-page>.top .nav a{color:var(--shell-deep);text-decoration:none;font-family:"IBM Plex Sans",system-ui,sans-serif;font-size:.88rem;font-weight:500;white-space:nowrap}
.dgm-page>.top .nav a:hover{color:var(--shell-blue)}
.dgm-page>.top .nav .btn{display:inline-flex;align-items:center;padding:9px 13px;border:1px solid var(--shell-blue);border-radius:6px;background:var(--shell-blue);color:#fff;font-family:"IBM Plex Sans",system-ui,sans-serif;font-size:.86rem;font-weight:500;line-height:1}
.dgm-page>.top .nav .btn.ghost{background:transparent;color:#13659F}
.dgm-page>.top .menu-btn{display:none;background:transparent;border:1px solid var(--shell-line);color:var(--shell-deep);border-radius:6px;padding:8px 12px}
.dgm-page>.top .nav .nav-group summary{color:var(--shell-deep);font-family:"IBM Plex Sans",system-ui,sans-serif}
.dgm-page>.top .nav .nav-group summary.cur{color:var(--shell-blue)}
@media (max-width:1280px){
  .dgm-page>.top .nav{display:none;position:absolute;left:0;right:0;top:72px;height:auto;flex-direction:column;align-items:stretch;gap:0;background:#fff;border-bottom:1px solid var(--shell-line);padding:8px 24px 16px}
  .dgm-page>.top .nav.open{display:flex}
  .dgm-page>.top .nav>a{padding:12px 0;border-bottom:1px solid var(--shell-line)}
  .dgm-page>.top .nav .btn{margin-top:12px;justify-content:center;border-bottom:0}
  .dgm-page>.top .menu-btn{display:inline-block}
}
@media (max-width:480px){
  .dgm-page>.top .brand{gap:8px}
  .dgm-page>.top .brand img.emb{height:38px}
  .dgm-page>.top .brand img.wm{height:30px}
}
.dgm-page>footer{background:var(--shell-ink);color:var(--shell-muted);padding:56px 0 28px;font-family:"IBM Plex Sans",system-ui,sans-serif;font-size:.9rem}
.dgm-page>footer .wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.dgm-page>footer .fgrid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:28px}
.dgm-page>footer p{color:var(--shell-muted)}
.dgm-page>footer h4{color:#fff;margin:0 0 10px;font-family:"Fraunces",Georgia,serif;font-size:1rem;font-weight:500;letter-spacing:0}
.dgm-page>footer ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.dgm-page>footer a{color:var(--shell-muted);text-decoration:none;font-weight:400;font-size:.9rem}
.dgm-page>footer a:hover{color:#fff}
.dgm-page>footer .legal{margin-top:18px;font-size:.78rem;line-height:1.6}
@media (max-width:900px){.dgm-page>footer .fgrid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.dgm-page>footer .fgrid{grid-template-columns:1fr}}