/* [basis-io] internal decks: shared frame. Slides carry their own inline styles. */
*{margin:0;box-sizing:border-box}html,body{height:100%;background:#0B1C30;font-family:Arimo,Arial,sans-serif;overflow:hidden}
table{border-collapse:collapse;width:100%}td,th{padding:8px 16px}ul,ol{padding-left:1.2em}
#stage{position:absolute;left:50%;top:50%;width:1920px;height:1080px;transform-origin:0 0}
#stage > section{position:absolute;left:0;top:0;width:1920px;height:1080px;overflow:hidden}#stage > section:not(.on){display:none !important}
#stage > section.on{animation:deck-in .36s cubic-bezier(.2,.6,.2,1) both}
#stage.back > section.on{animation-name:deck-in-back}
@keyframes deck-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes deck-in-back{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}
#nav button,#nav a{transition:background-color .18s ease,color .18s ease}
@media (prefers-reduced-motion:reduce){#stage > section.on{animation:none}#nav button,#nav a{transition:none}}
#nav{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;padding:8px 16px;font-family:Silkscreen,'Courier New',monospace;font-size:12px;letter-spacing:.18em;color:#AFC6DF;text-transform:uppercase;background:#0B1C30;z-index:5}
#nav a{color:#AFC6DF;text-decoration:none;border:1px solid #AFC6DF;padding:6px 14px}#nav a:hover{background:#1C5189;color:#fff}#nav button{font:inherit;letter-spacing:inherit;color:#AFC6DF;background:none;border:1px solid #AFC6DF;padding:6px 14px;cursor:pointer;border-radius:0}#nav button:hover{background:#1C5189;color:#fff}