/* Shared app-style dock (the portal's bottom bar), used on the main page and on subpages. */
.hero-dock{position:relative;z-index:6;grid-column:1/-1;justify-self:center;margin-top:6px}
.dock-bar{position:relative;display:flex;align-items:flex-end;gap:2px;padding:9px 12px 7px;background:linear-gradient(180deg,#0e1a22f0,#070c12f5);border:1px solid #5deaf64c;border-radius:16px;box-shadow:0 18px 50px #000b,0 0 34px #5deaf61c,inset 0 1px #dcffff14;backdrop-filter:blur(14px)}
.dock-bar:before{content:"";position:absolute;top:-1px;left:28px;right:28px;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent)}
.dock-app{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;width:78px;padding:4px 3px 10px;border:0;background:transparent;color:#a3c4ce;cursor:pointer;transition:transform .2s,color .2s}
.dock-app>span{display:grid;place-items:center;width:42px;height:38px;font-size:22px;line-height:1;background:linear-gradient(135deg,#5deaf61e,#0b131b80);border:1px solid #5deaf64c;border-radius:10px;color:var(--cyan);box-shadow:inset 0 1px #dcffff12;transition:transform .2s,box-shadow .2s,border-color .2s}
.dock-app small{font:600 14px/1.2 var(--font-body);white-space:nowrap}
.dock-app:hover,.dock-app:focus-visible{transform:translateY(-6px);color:#fff}
.dock-app:hover>span,.dock-app:focus-visible>span{transform:scale(1.12);border-color:var(--cyan);box-shadow:0 0 18px #5deaf640,inset 0 1px #dcffff1f}
.dock-app:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-radius:10px}
.dock-app.is-active{color:#fff}
.dock-app.is-active:after{content:"";position:absolute;bottom:1px;width:18px;height:3px;border-radius:2px;background:var(--lime);box-shadow:0 0 9px #dbff5780}
.dock-home{margin-right:4px;padding-right:10px;border-right:1px solid #5deaf62d}
.dock-capture>span{background:var(--lime);border-color:var(--lime);color:#10181c;box-shadow:0 0 20px #dbff5733}
.dock-ghost>span{border-color:var(--lime);background:radial-gradient(circle,#49ffe430,#0b131b80 70%)}
.dock-ghost-icon svg{width:30px;height:32px;overflow:visible;color:var(--cyan)}
.dock-say{display:none}
@media(max-width:800px){
  .hero-dock{width:100%;margin-top:22px}
  .dock-bar{overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;padding:8px 8px 6px;mask-image:linear-gradient(90deg,#000 88%,transparent)}
  .dock-bar::-webkit-scrollbar{display:none}
  .dock-app{flex:none;width:68px;scroll-snap-align:start}
  .dock-app small{font-size:13px}
  .dock-say{display:block;position:relative;margin:0 0 10px;padding:10px 12px;border:1px solid #69f5e088;background:linear-gradient(120deg,#0d1d22f0,#0a141aeb);font:600 15px/1.35 var(--font-display);color:var(--text);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}
  .dock-say:empty{display:none}
  .dock-say:before{content:"DOCKVI AI › ";color:var(--lime);font-size:11px;letter-spacing:.14em}
}